/*html {
    overflow-x: hidden;
}*/
.error-page {
    background-color: var(--secondary-color);
    color: var(--primary-color);
}

.error-page h1 {
    font-size: 70px;
}

.error-desc {
    font-size: 16px;
}

.error-page:before {
    background-color: var(--primary-color);
    bottom: 100%;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    transform-origin: 100% 100%;
    transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    width: 150%;
    box-shadow: 0 7px 0 0 #fff;
}

.error-page .rocket {
    transform: rotate(215deg);
    -moz-transform: rotate(215deg);
    -webkit-transform: rotate(215deg);
    -o-transform: rotate(215deg);
    -ms-transform: rotate(215deg);
}

.navbar-header { display: none; }

.logo-wrapper {
    margin-left: 10px;
    width: 50px;
}

.logo-wrapper > a:hover {
    opacity: 0.8;
}

.logo {
    display: block;
    height: 32px;
    margin: 8px auto;
}

label.text-muted {
    font-weight: 400;
    color: #5d5d5d;
}

body.fixed-sidebar #page-wrapper {
    margin: 0 0 0 70px;
   -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

#wrapper #side-menu.nav > li {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}


#navbar-top {
    min-height: 48px;
}

.navbar-top-links li a {
    padding: 2px 10px;
    min-height: 32px;
    line-height: 24px;
    font-size: 13px;
    font-weight: 400;
}

.navbar-top-links li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu {
    right: 5px;
}

.navbar-fixed-top {
    margin-bottom: 0;
    border-bottom: none !important;
    z-index: 2003;
}

.navbar-fixed-top:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #dee1e2;
}

body.fixed-sidebar.mini-navbar #page-wrapper,
body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0;
}

body.fixed-sidebar .navbar-static-side {
    top: 48px;
    left: 0;
    bottom: 0;
    background-color: var(--primary-color-hover);
    height: auto;
    z-index: 2002;
    width: 240px;
    -webkit-transition: width 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
    -moz-transition: width 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
    -ms-transition: width 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
    -o-transition: width 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
    transition: width 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
}

body.fixed-sidebar .navbar-static-side .nav li a {
    display: flex;
    align-items: center;
    -webkit-box-pack: justify;
    white-space: nowrap;
    font-size: 13px;
}

body.fixed-sidebar.mini-navbar .navbar-default .nav li a span,
body.fixed-sidebar .navbar-static-side .nav li a span {
    width: 100%;
    margin-left: 5px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-transition: opacity 0.4s ease-in-out 0s;
    -moz-transition: opacity 0.4s ease-in-out 0s;
    -ms-transition: opacity 0.4s ease-in-out 0s;
    -o-transition: opacity 0.4s ease-in-out 0s;
    transition: opacity 0.4s ease-in-out 0s;
}

body.fixed-sidebar .navbar-static-side .nav li a span,
body.fixed-sidebar .navbar-static-side .nav li a span i {
    opacity: 0;
    visibility: hidden;
}

body.fixed-sidebar:not(.mini-navbar) .navbar-static-side .nav li a span,
body.fixed-sidebar:not(.mini-navbar) .navbar-static-side .nav li a span i {
    opacity: 1;
    visibility: visible;
}

body.fixed-sidebar .navbar-static-side .nav > li > a > i {
    font-size: 15px;
    width: 20px;
}

body.fixed-sidebar .navbar-static-side .nav-second-level li a {
    padding: 7px 10px 7px 55px;
}

body.fixed-sidebar.mini-navbar .navbar-static-side .nav > .nav-header > a {
    height: 58px;
}

body.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 70px;
    overflow: hidden;
}

body:not(.canvas-menu).fixed-sidebar .navbar-static-side .nav-second-level {
    display: none;
}

body:not(.canvas-menu).fixed-sidebar:not(.mini-navbar) .navbar-static-side .nav-second-level.collapsing,
body:not(.canvas-menu).fixed-sidebar:not(.mini-navbar) .navbar-static-side .nav-second-level.collapse.in {
    display: block;
}

body.fixed-sidebar  #wrapper.is-extension-period {
    margin-top: 108px;
}

body.fixed-sidebar.mini-navbar .footer {
   margin: 0 0 0 70px; 
}

body.fixed-sidebar .footer {
    left: 0;
    margin-right: 0;
}

body.body-small.fixed-sidebar.mini-navbar .navbar-static-side { width: auto; }

.slimScrollBar {
    border-radius: 2px;
    background: rgb(255, 255, 255) !important;
}

.bc-collection .form-group,
.global-form .form-group {
    margin-bottom: 5px;
}

.bc-collection .contact-information-block .form-group,
.global-form .contact-information-block .form-group {
    margin-bottom: 10px;
}

.panel-body {
    padding: 15px;
}

.wrapper-content {
    padding: 0 10px 40px;
}

.dropdown-menu .divider {
    height: 1px;
}

.filter-icon-wen {
    cursor: pointer;
}

.filter-icon-default,
.filter-icon-edit,
.filter-icon-delete {
    height: 12px;
    width: 12px;
}


/* 12px par 12px */
.filter-icon-default { background-position: -36px -48px; }
.filter-icon-default:hover { background-position: -36px -24px; }
.filter-icon-default.enabled { background-position: -36px -180px; visibility: visible; }

.filter-icon-delete { background-position: -84px -48px; }
.filter-icon-delete:hover { background-position: -84px -24px; }

/* Bootstrap Collection */
@media (min-width: 1200px) {
    .bc-collection[data-mode="box"] {
        display: flex;
        flex-wrap: wrap;
    }

    .bc-collection[data-mode="box"] > .col-lg-6:nth-child(2n+1) {
        padding-right: 4px;
        clear: left;
    }

    .bc-collection[data-mode="box"] > .col-lg-6:not(:nth-child(2n+1)) {
        padding-left: 2px;
        padding-right: 2px;
    }

    .bc-collection[data-mode="box"] > .col-lg-4:nth-child(3n+1) {
        padding-right: 0;
        clear: left;
    }

    .bc-collection[data-mode="box"] > .col-lg-4:not(:nth-child(3n+1)) {
        padding-right: 0;
    }

    .bc-collection[data-mode="box"] > .col-lg-3:nth-child(4n+1) {
        padding-right: 4px;
        clear: left;
    }

    .bc-collection[data-mode="box"] > .col-lg-3:not(:nth-child(4n+1)) {
        padding-left: 2px;
        padding-right: 2px;
    }

    .bc-collection[data-mode="box"] > .col-lg-3:nth-child(4n) {
        padding-left: 4px;
    }

    .bc-collection[data-mode="box"] .ibox-content > .row > [class*='col-']:not(.col-lg-12),
    .bc-collection[data-mode="box"] .ibox-content > .row > [class*='col-']:not(.col-md-12),
    .bc-collection[data-mode="box"] .ibox-content > .row > [class*='col-']:not(:first-child)  {
        padding-left: 0;
    }

    .bc-collection[data-mode="box"] > [class*='col-lg'] {
        max-width: 680px;
    }

    .bc-collection .form-group {
        margin-left: 0;
    }

    .bc-collection[data-mode="box"] .ibox-content .row > [class*='col-'] {
        padding-left: 0;
    }

    .bc-collection[data-mode="box"] .add-field-container .more-action {
        right: 0;
        opacity: 0;
    }
}

.bc-collection-header {
    border-bottom: 1px solid #e5e6e7;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.bc-collection-header > .row,
.bc-collection[data-mode="oneLine"] [data-line] {
    display: flex;
    margin-right: 0;
    margin-left: 0;
}

.bc-collection-header > .row {
    align-items: end;
}

.bc-collection[data-mode="box"] {
    margin-right: 0;
}

.bc-collection-header .row > [class*='col-'],
.bc-collection[data-mode="oneLine"] .row > [class*='col-'] {
    padding-right: 3px;
    padding-left: 3px;
}

.bc-collection-header .row > .minify-width,
.bc-collection[data-mode="oneLine"] .row > .minify-width {
    width: 5%;
    min-width: 40px;
    text-align: center;
}

.bc-collection-header .row > .flex-width,
.bc-collection[data-mode="oneLine"] .row > .flex-width {
    flex: 1;
}

.bc-collection-header .row > .flex-width ~ .flex-width,
.bc-collection[data-mode="oneLine"] .row > .flex-width ~ .flex-width {
    flex: none;
}

.bc-collection[data-mode="oneLine"] [data-line] {
    margin-bottom: 3px;
    align-items: center;
}

.bc-collection .btn {
    margin: 10px 0 5px;
}

.bc-collection [data-line] div > .btn {
    display: inline-block;
    margin: 0;
}

.bc-collection .btn[data-addfield] {
    display: inline-block;
    margin: 10px 0 0px;
}

.bc-collection .add-field-container > .jumbotron {
    background: none;
    border: 2px dashed #ddd;
    margin: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.bc-collection .add-field-container > [data-addfield].disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .45;
}

.bc-collection .add-field-container:hover > [data-addfield].disabled .btn-add-field a {
    background: #fff;
    color: inherit;
}

.bc-collection .add-field-container > .jumbotron .btn-add-field a {
    border: none;
}

.bc-collection[data-mode="box"] .add-field-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.bc-collection[data-mode="box"] .add-field-container > .jumbotron {
    min-height: 300px;
    flex-direction: column;
    flex-grow: 1;
}

.bc-collection[data-mode="oneLine"] .add-field-container {
    display: inline-block;
    clear: left;
}

.bc-collection[data-mode="oneLine"] .add-field-container > .jumbotron p {
    display: inline;
    font-size: 15px;
    margin-left: 5px;
}

.bc-collection[data-mode="oneLine"] .add-field-container > .jumbotron {
    padding: 2px 0;
    background-color: #f5f5f5;
}

.bc-collection[data-mode="box"] .add-field-container > .jumbotron .btn-add-field a {
    font-size: 45px;
    padding: 30px 45px;
    border-radius: 80px;
}

.bc-collection[data-mode="oneLine"] .add-field-container > .jumbotron .btn-add-field a {
    margin: 0;
    border-radius: 18px;
    padding: 7px 12px;
}

.bc-collection .add-field-container:hover .jumbotron {
    cursor: pointer;
    border-color: var(--primary-color);
}

.bc-collection .add-field-container:hover .jumbotron .btn-add-field > a {
    color: var(--primary-color);
}

.bc-collection .add-field-container .more-action {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    padding: 10px 0;
    background-color: #19262c;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

    opacity: 1;
    border-radius: 0 0 6px 6px;
}

.bc-collection .add-field-container .more-action a { margin: 0; }

.bc-collection .add-field-container:hover .more-action {
     opacity: 1;
}

/* Bootstrap Collection Tooltip */
.bc-collection .ibox-tools  .tooltip-inner {
    max-width: 750px;
    -moz-box-shadow: inset 0px -3px 0px 0px var(--secondary-color);
    -webkit-box-shadow: inset 0px -3px 0px 0px var(--secondary-color);
    -o-box-shadow: inset 0px -3px 0px 0px var(--secondary-color);
    box-shadow: inset 0px -3px 0px 0px var(--secondary-color);
}

.bc-collection .tooltip .tooltip-inner .more-info {
    min-width: 550px;
    padding: 15px 15px;
}

.bc-collection .tooltip.top .tooltip-arrow { border-top-color: var(--secondary-color); }
.bc-collection .tooltip.bottom .tooltip-arrow { border-bottom-color: var(--secondary-color); }

.bc-collection[data-mode="box"] .row .icheckbox_square-kepler,
.bc-collection[data-mode="box"] .row .iradio_square-kepler {
    left: 5px;
}

/* Tooltip */
.tooltip {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
}

.tooltip-inner {
    background-color: #19262c;
}
.tooltip.top .tooltip-arrow { border-top-color: #19262c; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #19262c; }

.tooltip-inner .text-muted {
    color: #999999;
}

.tooltip-inner .border-r-w {
    border-right: 1px solid #fff;
}

.input-lg, .fs-16 {
  font-size: 16px;
}

.ibox {
    margin-bottom: 10px;
}

.ibox-tools {
    margin-left: auto;
}

.ibox-tools a {
    margin-left: 15px;
    font-size: 14px;
    color: #676a6c;
}

.ibox-tools a.dropdown-toggle {
    padding: 0 5px;
    border-radius: 4px;
    border: 1px solid #c4c4c4;
    margin-left: 10px;
    min-height: 22px;
}

.ibox-tools a.dropdown-toggle:hover,
.ibox-tools a.dropdown-toggle[aria-expanded="true"] {
    background-color: #ececec;
}

.ibox-tools a.btn {
    margin-top: -8px;
    color: #fff;
}

.ibox-tools a.collapse-link .fa {
    vertical-align: top;
}

.ibox-tools .dropdown-menu.nb-columns-2 { min-width: 300px; }
.ibox-tools .dropdown-menu.nb-columns-3 { min-width: 450px; }
.ibox-tools .dropdown-menu.nb-columns-4 { min-width: 600px; }

.ibox-tools .dropdown-menu li > h4 {
    border-bottom: 1px solid #ccc;
    margin: 5px 12px 5px;
    padding-bottom: 5px;
}

.ibox-tools .dropdown-menu li > a {
    display: block;
    font-size: 12px;
    padding: 0 10px;
}

.box-quick-action {
    border: 2px dashed #dee1e2;
    background: #fff;
}

.icheckbox_square-kepler {
    border-radius: 2px;
}

.icheckbox_square-kepler.disabled,
.iradio_square-kepler.disabled {
    background: #ccc;
}

/* Customize form search */
.main-form-search {
    margin-top: 14px;
    margin-left: 18px;
    float: right;
}

.main-form-search .input-group {
    width: 357px;
}

.main-form-search .input-group input:focus {
    border-color: var(--primary-color);
}

.main-form-search .input-group span {
    cursor: pointer;
}

.main-form-search .fa-search {
    color: #19262c;
}

.main-form-search input::-webkit-input-placeholder {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #7f9099;
}

.main-form-search input:-moz-placeholder {
    /* Firefox 18- */
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #7f9099;
}

.main-form-search input::-moz-placeholder {
    /* Firefox 19+ */
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #7f9099;
}

.main-form-search input:-ms-input-placeholder {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #7f9099;
}

/* Custom button Upload File */
.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

/* Custom Btn Kepler */

/* Set button transition effect for all buttons */
.btn {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.btn-primary,
.btn-default,
.btn-primary.disabled,
.btn-default.disabled,
.btn-primary.disabled:hover,
.btn-default.disabled:hover,
.btn-primary.disabled:focus,
.btn-default.disabled:focus,
.btn-primary[disabled],
.btn-default[disabled],
.btn-primary[disabled]:hover,
.btn-default[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-default[disabled]:focus {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;

    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #FFFFFF;

    height: 34px;
    line-height: 20px;
}

.btn-primary.tonal,
.btn-default.tonal {
    background-color: var(--tertiary-color);
    border-color: var(--tertiary-color);
    color: var(--primary-color);
    border: none;
    font-weight: 600;
}

.btn-xs.btn-black,
.btn-xs.btn-primary,
.btn-xs.btn-default {
    height: 22px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.open .dropdown-toggle.btn-primary:hover,
.open .dropdown-toggle.btn-primary:active,
.open .dropdown-toggle.btn-primary:focus,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-color: var(--primary-color-hover);
    border-color: var(--primary-color-hover);
    color: #FFFFFF;
}

.btn-primary.tonal:hover,
.btn-primary.tonal:focus,
.btn-primary.tonal:active,
.btn-primary.tonal.active,
.open .dropdown-toggle.btn-primary.tonal,
.open .dropdown-toggle.btn-primary.tonal:hover,
.open .dropdown-toggle.btn-primary.tonal:active,
.open .dropdown-toggle.btn-primary.tonal:focus,
.btn-default.tonal:hover,
.btn-default.tonal:focus,
.btn-default.tonal:active,
.btn-default.tonal.active,
.open .dropdown-toggle.btn-default.tonal {
    background-color: var(--tertiary-color-hover);
    border-color: var(--tertiary-color-hover);
    color: var(--primary-color);
    opacity: 0.5;
}

/* custom white button kepler color */
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

/* Btn Black */
.btn-black {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;

    color: #ffffff;
    background-color: #19262c;
    border: 0px;

    height: 34px;
    line-height: 22px;
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
    color: #ffffff;
    background-color: #121b20;
}

.btn-black:active,
.btn-black.active {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}

.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
    background-image: none;
}

.btn-black.disabled,
.btn-black.disabled:hover,
.btn-black.disabled:focus,
.btn-black.disabled:active,
.btn-black.disabled.active,
.btn-black[disabled],
.btn-black[disabled]:hover,
.btn-black[disabled]:focus,
.btn-black[disabled]:active,
.btn-black.active[disabled],
fieldset[disabled] .btn-black,
fieldset[disabled] .btn-black:hover,
fieldset[disabled] .btn-black:focus,
fieldset[disabled] .btn-black:active,
fieldset[disabled] .btn-black.active {
    color: #cacaca;
}

/* Btn Disabled */
.btn-disabled {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;

    color: #555555;
    background-color: #eeeeee;
    border: 0px;

    height: 34px;
    line-height: 22px;

    cursor: not-allowed;
}

.btn-disabled:active,
.btn-disabled.active {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}

.btn-disabled:active,
.btn-disabled.active,
.open .dropdown-toggle.btn-disabled {
    background-image: none;
}

.btn-disabled.disabled,
.btn-disabled.disabled:hover,
.btn-disabled.disabled:focus,
.btn-disabled.disabled:active,
.btn-disabled.disabled.active,
.btn-disabled[disabled],
.btn-disabled[disabled]:hover,
.btn-disabled[disabled]:focus,
.btn-disabled[disabled]:active,
.btn-disabled.active[disabled],
fieldset[disabled] .btn-disabled,
fieldset[disabled] .btn-disabled:hover,
fieldset[disabled] .btn-disabled:focus,
fieldset[disabled] .btn-disabled:active,
fieldset[disabled] .btn-disabled.active {
    color: #cacaca;
}

.grey-background {
    background-color: #f9f9f9;
    padding-top: 10px;
    padding-bottom: 5px;
}

.grey-background + .grey-background {
    margin-top: -5px;
}

/* Nav Selection */
.nav-selected {
    background-color: #eee;
}

.nav-second-level li:last-child {
    margin-bottom: 0;
}

/* Replace Notification By Toastr */
.alert-dismissable {
    display: none;
}

/* Toastr */
#toast-container > div {
    opacity: 1;
    color: #676a6c;

    width: 384px;
    max-width: calc(100vw - 24px * 2);
    margin-left: auto;
    padding: 16px;
    overflow: hidden;
    line-height: 1.5715;
    word-wrap: break-word;
    background-color: #fff;
    background-image: none;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
    border-left: 4px solid #676a6c;
}

#toast-container > div:before {
    font: normal normal normal 24px/1 FontAwesome;
    content: "";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    float: left;
    margin-right: 8px;
}

button.toast-close-button {
    color: #676a6c;
    font-size: 24px;
}

#toast-container > .toast-error button.toast-close-button,
#toast-container > .toast-error * {
    color: #fff;
}

#toast-container > .toast-info,
#toast-container > .toast-success,
#toast-container > .toast-warning {
    background: #fff !important;
}

#toast-container > .toast-error {
    background: #ff4d4f !important;
}

#toast-container > .toast-info { border-color: #1890ff; }
#toast-container > .toast-error { border-color: #19262c; }
#toast-container > .toast-success { border-color: #51a351; }
#toast-container > .toast-warning { border-color: #f89406; }

#toast-container > .toast-info:before {
    content: "\f06a";
    color: #1890ff;
}

#toast-container > .toast-error:before {
    content: "\f057";
    color: #fff;
}

#toast-container > .toast-success:before {
    content: "\f058";
    color: #51a351;
}

#toast-container > .toast-warning:before {
    content: "\f06a";
    color: #f89406;
}

#toast-container .toast-message button {
    display: none;
}

/* Fix Text wrap */
label[for$="plainPassword_second"] {
    white-space: nowrap;
}

/*  row flex */
/* see : http://www.bootply.com/126437 */
.row-flex,
.row-flex > div[class*='col-'],
.row-flex-contact-list,
.row-flex-contact-list > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 1 auto;
}

.row-flex-wrap,
.row-flex-wrap-contact-list {
    -webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex: 0;
    flex-wrap: wrap;
}

.row-flex-wrap-contact-list .flex-col {
    flex-direction: row;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
    margin: -.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div, .row-flex > div[class*='col-'] div {
    width: 100%;
}

.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
    flex-flow: column nowrap;
}

.flex-grow {
    display: flex;
    -webkit-flex: 2;
    flex: 2;
}

.v-center {
    display: flex;
    align-items: center;
}

.minimalize-styl-2 {
    line-height: 26px;
}

.fixed-nav .minimalize-styl-2 {
    margin: 7px 5px 5px 5px;
}

/* Menu Top */
#navbar-top .nav.navbar-top-links {
    white-space: nowrap;
    margin-right:0;/* for IE */
}

#navbar-top .nav.navbar-top-links > li > a {
    color: #19262c;
    margin: 8px 5px;
    border-radius: 5px;
    font-weight: 400;
    font-size: 13px;
    border-right: 0;

    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#navbar-top .nav.navbar-top-links > li.open > a {
    background-color: #ececec !important;
}

#navbar-top .nav.navbar-top-links .dropdown-menu a {
    font-weight: 600;
    font-size: 13px;
    padding: 0 10px;
}

#navbar-top .nav.navbar-top-links .dropdown-menu a > span {
    width: 20px;
}

#navbar-top .nav.navbar-top-links .container_group_nb_kredits > strong {
    position: relative;
    top: 1px;
}

#navbar-top .navbar-left {
    position: relative;
    float: left;
    width: 500px;
}

/* li divider after and before */
.li-divider-right:after,
.li-divider-left:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;

    width: 1px;
    background-color: #c9cdcf;

    margin-top: auto;
    margin-bottom: auto;
}

.li-before-divider {
    margin-right: -4px;
}

.label-fail-kepler,
.label-fail-kepler {
    font-weight: 800;
}

.label-success-kepler,
.label-fail-kepler {
    display: inline-block;
}

.label-fail-kepler {
    background-color: var(--secondary-color);
    color: var(--primary-color-hover);
}

.label-success-kepler {
    background-color: #203e6a;
    color: #FFFFFF;
}

.label-kepler,
.badge-kepler {
    background-color: var(--primary-color);
    color: #FFFFFF;
    font-size: 0.8em;
}

.label-kepler-light,
.badge-kepler-light {
    background-color: var(--primary-color);
    color: #ffffff;
}

.count-info .label {
    line-height: 12px;
    padding: 2px 5px;
    position: absolute;
    right: 6px;
    top: 10px;
}

.price-highlight {
    padding-top: 5px;
    padding-bottom: 5px;
    background: #eeeeee;
}

/* custom li active menu */
.nav > li.active {
    border-left: none;
}

.nav > li.active > a:active,
.nav > li.active > a:focus,
.nav > li.active > a {
    background: var(--primary-color);
}

#side-menu.nav > li {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#side-menu.nav > li.active {
    background: var(--primary-color);
}

#side-menu.nav > li.active:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: var(--secondary-color);
}

.kepler-bg {
    background-color: var(--primary-color);
    color: #ffffff;
}

.kepler-bg-primary {
    background-color: var(--primary-color);
    color: #ffffff !important;
    font-weight: bold !important;
    box-shadow: none;
}

.kepler-bg-primary:hover {
    background-color: #091932;
}

.kepler-bg-secondary,
.btn.kepler-bg-secondary {
    background-color: var(--secondary-color);
    color: var(--btn-secondary-color);
    font-weight: bold;
    box-shadow: none;
}

.kepler-bg-secondary:hover,
.btn.kepler-bg-secondary:hover {
    background-color: var(--secondary-color-hover);
}

.kepler-color {
    color: var(--primary-color);
}

.kepler-color-secondary {
    color: var(--secondary-color);
}

.block-btn-actions
{
    position: relative;
    display: inline-block;
    margin-left: 10px;
}

.block-btn-actions:first-child {
    margin-left: 0;
}

/* Drop down */
.dropdown-menu
{
    margin-top: 5px;
}

.dropdown-actions .dropdown-menu
{
    right: 0;
    padding: 2px 5px;
    min-width: 250px;
}

.dropdown-menu .feed-element
{
    margin: 0;
    padding: 0;
}

.dropdown-menu .page-list-links:last-child .feed-element:last-child
{
    border-bottom: none;
}

.dropdown-menu .feed-element i
{
    color: #333333;
}

.dropdown-menu > li[class*='col-'] {
    padding: 0;
}

.dropdown-menu > li.border-l > ul {
    border-left: 1px solid #ccc;
}

.dropdown-menu .feed-element > a,
.dropdown-menu li > a
{
    padding: 0 10px;

    color: inherit;
    text-align: left;

    background: none;
    height: auto;

    color: #19262c;
    cursor: pointer;
}

.dropdown-menu .feed-element > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    font-weight: 700;
}

.dropdown-menu li > a {
    font-weight: 600;

    border-radius: 3px;
    line-height: 25px;
    margin: 4px;
}

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

.dropdown-menu > li > ul {
    list-style: none;
    padding: 0;
}

.dropdown-menu .feed-element > a:hover
{
    background-color: #f5f5f5;
}

.dropdown-menu-export {
    min-width: initial !important;
}

/* custom pace color kepler */
.pace .pace-progress {
    background: var(--secondary-color);
    left: 0px;
}

/* fix size box in contact list */
.contact-box {
    position: relative;
    width: 100%;
    padding: 10px;
    margin-bottom: 0;
    background-color: #f5f5f5;
    border-color: #00000026;
    border-radius: 2px;
    min-height: 100px;
    display: none;
}

.contact-box [data-field-wrapper] {
    display: none;
    margin: 0;
}

.contact-box .row {
    display: flex;
    align-items: center;
}

/* fix size last box in contact list */
.contact-in-list {
    max-width: 550px;
}

/* Hide spinner box in number field */
input[type='number'] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* Kepler Tree */
.list-group-tree {
    /*   background-color: #999999;
       list-style: none;
       border: 1px grey solid;
       border-radius: 10px;*/
}

.list-group-item-tree {
    /*  padding: 10px;
      background-color: #C9CDCF;
      list-style: none;*/
}

.list-group-item {
 border: 1px solid #F8FAFB;
 border-bottom: 0;
 border-right: 0;
 border-left: 0;
 padding: 10px 0;
}

.dd {
    display: block;
    font-size: 13px;
    line-height: 20px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
}

.dd-list {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
}

.dd-list .dd-list {
    padding-left: 30px;
}

.dd-collapsed .dd-list {
    display: none;
}

.dd-item, .dd-empty, .dd-placeholder {
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin: 0;
    min-height: 20px;
    padding: 0;
    position: relative;
}

.dd-handle {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #e7eaec;
    border-radius: 3px;
    box-sizing: border-box;
    color: #333;
    display: block;
    margin: 5px 0;
    padding: 5px 10px;
    text-decoration: none;
}

.dd-handle span {
    font-weight: bold;
}

.dd-handle:hover {
    background: none repeat scroll 0 0 #f0f0f0;
    cursor: pointer;
    font-weight: bold;
}

.dd-item > button {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 1;
    margin: 5px 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    text-indent: 100%;
    white-space: nowrap;
    width: 25px;
}

.dd-item > button:before {
    content: "+";
    display: block;
    position: absolute;
    text-align: center;
    text-indent: 0;
    width: 100%;
}

.dd-item > button[data-action="collapse"]:before {
    content: "-";
}

/* paragraphe centré horizontalement et verticalement */
.center-block-flex {
    display: flex;
}

.center-block-flex > div {
    margin: auto;
}

.center-block-flex > .block-breadcrumb-button-ul {
    height: 113px;
    line-height: 113px;
}

.center-block-flex .block-btn-actions {
    margin-top: 5px;
    margin-bottom: 5px;
}

.block-breadcrumb-button-ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline;
}

.block-breadcrumb-button-ul + .block-breadcrumb-button-ul {
    margin-left: 10px;
}

.form-control {
    border-radius: 2px;
}

.input-group-addon,
.input-group .input-group-addon {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

/* Input Group Img */
.input-group-addon-img {
    padding: 0px !important;
}

.widget {
    padding: 30px;
}

/* Fix Color widget */
.widget .form-control {
    color: #000000;
}

.widget .form-group:last-child {
    margin-bottom: 0;
}

/* Fix Color widget Form */
.navy-bg label {
    color: #ffffff;
}

.kepler-inverse-bg,
.kepler-inverse-bg .text-muted,
.table.special-offer thead tr:first-child th {
    background-color: #19262c;
    color: #ffffff;
}

.media-object {
    display: block;
}

.media-right, .media > .pull-right {
    padding-left: 10px;
}

.media-left, .media > .pull-left {
    padding-right: 10px;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-bottom: 5px;
    margin-top: 0;
}

.media-list {
    list-style: outside none none;
    padding-left: 0;
}

.ui-sortable.ui-sortable-disabled > * {
    pointer-events: none;
}

.template-download .ajax-loading:after,
.template-download .ajax-loading div {
    top: 40%;
}

.template-download .img-thumbnail {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    width: 467px;
    height: 275px;
    margin: 0 auto;
    max-height: 280px;
}

.template-download[data-modified] {
    opacity: 0.75;
    -moz-opacity: 0.75;
    -ms-filter: "alpha(opacity=75)";
    filter: alpha(opacity=75);
}

.template-download .media-checkbox,
.template-download .media-zoom {
    position:absolute;
    top: 1em;
}

.template-download .media-checkbox {
    left: 1em;
}

.template-download .media-zoom {
    right: 1em;
}

.template-download .media-zoom .btn {
    padding: 8px 10px;
}

.template-download .media-zoom .filter-icon-wen {
    top: -2px;
    left: -2px;
    border-color: #676a6c;
}

.template-download .media-zoom .filter-icon-wen:after {
    background: #676a6c;
}

.template-download.dashed-placeholder > div {
    border: dashed #999;
    background: #ccc;
    height: 279px;
}

.carousel-inner > .item .fancybox {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.fileupload-buttonbar ul {
    float: left;
}

#fancybox-loading div {
    background: #fff url('/bundles/app/images/rolling.gif') no-repeat center;
    opacity: 0.75;
    -moz-opacity: 0.75;
    -ms-filter: "alpha(opacity=75)";
    filter: alpha(opacity=75);
}

.dropzone {
    position: relative;
    min-height: 250px;
}

.dropzone.hover:before {
    content: '';
    background-color: #c4c4c4;
    border: 1px solid #19262c;
    position: absolute;
    top: 1.5%;
    right: 1%;
    left: 1%;
    bottom: 1.5%;
    z-index: 1;
    opacity: 0.5;
}
.dropzone.fade:before {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}

.fa-disabled {
    color: #f3f3f4;
}

.rotate-90 {
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

.fa-link-color {
    color: #676a6c;
}

.link-forgot-password:hover,
.link-forgot-password:focus {
    color: var(--primary-color);
    text-decoration: underline;
}

/* Fix Bug Chrome Input Date too big in bootstrap collection */
/*.dataTable tr:not(.footable-row-detail) .input-group {*/
    /*max-width: 190px;*/
/*}*/

table.dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 65px;
}

.dataTable tr:not(.footable-row-detail) div.date {
    width: 150px;
}

.dataTable tr:not(.footable-row-detail) div.date input {
    min-width: 100px;
}

.dataTable tr:not(.footable-row-detail) .input-auto-numeric {
    min-width: 100px;
}

/* Fix Input Date too big in filter form */
form.sonata-filter-form .input-group.date input {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

/* Fix label wrap */
.form-horizontal .control-label {
    white-space: normal;
    text-align: left;
    padding-top: 0;
    vertical-align: middle;
}

.form-horizontal span.control-label {
    display: inline-block;
    color: #7f9099;
}

.table-inside-border-th th:not(.inline-border), .table-inside-border-td tr:not(.inline-border) td {
    border-top: none;
}

/* Center the text in the table title header */
.table-inside-border-th thead th {
    vertical-align: middle !important;
}

/* Add class no wrap disable the text wrap */
.no-wrap {
    white-space: nowrap;
}

/* Fix icon search responsive in list filter */
.form-control-feedback {
    top: inherit;
}

/* Menu Nav */
.nav-header {
    padding-top: 42px;
    padding-bottom: 6px;
    padding-left: 27px;
    background: #203037;

    position: relative;
}

body.mini-navbar .nav-header {
    padding: 24px 0;
    background: #203037;
}

.link-profil-picture {
    padding-left: 0px !important;
    background-color: transparent !important;
    width: 48px;
}

.profile-element .font-bold {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    color: #ffffff;
}

.profile-element .text-muted {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #7f9099;
}

.dropdown-menu.animated {
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
}

.nav > li > a {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: #fff;
}

.nav > li.active > a {
    font-weight: 700;
    color: #ffffff;
}

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.nav > li.active > a .fa-angle-left {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/* ibox */
.ibox[data-container-value] {
    position: relative;
}

.ibox > .overlay {
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
}

.ibox-title {
    border-top: 3px solid #dddddd;
    padding: 10px 15px 7px;
    height: 38px;
}

.watermark > .ibox-title {
    padding-left: 32px;
}

.watermark > .ibox-content {
    padding-left: 32px;
}

.sticky-wrapper .ibox-title,
.sonata-ba-form .ibox-title,
form .ibox-title {
    display: flex;
    align-items: center;
    border-color: #dddddd;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    border-radius: 4px 4px 0 0px;
}

.ibox-title h5 {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #19262c;
    margin: 0;
}

.ibox-content h5.sub-title {
    padding-bottom: 2px;
    margin: 5px 15px;
    color: #7f9099;
}

.ibox-title .btn {
    margin-top: -8px;
}

.bc-collection .ibox-title h5 {
    margin: 2px 7px 0 0;
}

.ibox-content {
    border-top-width: 1px;
    border-top-color: #e4e6e7;
    padding: 10px 15px;
}

.sticky-wrapper .ibox-content,
.sonata-ba-form .ibox-content,
form .ibox-content {
    border-width: 0 1px 1px 1px;
    border-color: #dddddd;
    border-style: solid;
    border-radius: 0px 0px 4px 4px;
}

.ibox-list-result {
    position: relative;
    top: 2px;
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    color: #7f9099;
    line-height: 20px;
    white-space: nowrap;
}

.ibox-list-result .block-cog { display: inline; }
.ibox-list-result .block-cog .load-config-table { padding: 0; margin: 0; }
.ibox-list-result .block-cog .load-config-table .fa-cog { font-size: 1.2em; }

.ibox-list-result .block-cog .load-config-table:hover { color: var(--primary-color); }

/* Breadcrumb */
.breadcrumb {
    white-space: nowrap;
    clear: left;
}

.page-heading {
    border-top: 0;
}

/* Breadcrumb block */

/* Fix size block breadcrumb */
#sonata-breadcrumb-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 5px 10px 4px;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;

    border-bottom: 1px solid #f3f3f4;
}

.breadcrumb-container {
    max-width: 80%;
}

.breadcrumb-title-wrapper {
    display: flex;
}

#sonata-breadcrumb-action h2 {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: #19262c;

    margin: 0;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

#sonata-breadcrumb-action ol.breadcrumb a {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #19262c;
}

#sonata-breadcrumb-action .active {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #19262c;
}

/* Fix block breadcrumb left menu */
.mini-navbar #sonata-breadcrumb-action {
    left: 0px;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    position: relative;
    top: 1px;
    padding: 2px 5px;
    margin-top: 3px;
    background-color: #f1f1f1;
    font-weight: bold;
    display: inline-block;
    line-height: 19px;
    cursor: pointer;
    border-radius: 0;
    border: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
    background-color: #ddd;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: relative;
    display: initial !important;
    width: 100%;
    color: #676a6c;
    font-size: 20px;
    float: right;
    margin-left: 5px;
    color: #676a6c;
    text-align: right;
    z-index: 1;
    top: -3px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: inherit;
}

.select2-container--default .select2-selection--multiple {
    border-color: #E2DEDE;
    min-height: 34px;
    border-radius: 3px;
    padding: 1px 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear,
.select2-container--default .select2-selection--single .select2-selection__clear {
    position: absolute;
    top: 0;
    right: 7px;

    margin: 7px 0 0 0;
    padding: 2px 5px 4px;
    line-height: 1;
    z-index: 1;
    font-size: 15px;

    background: var(--primary-color);
    color: #fff;

    border-radius: 10px;

    opacity: 0;
    transition: opacity .4s ease-in-out, max-height .4s ease-in-out .2s;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear:hover,
.select2-container--default .select2-selection--single .select2-selection__clear:hover {
    background: #aaa;
    color: #fff;
}

.select2-container--default:not(.select2-container--disabled):hover .select2-selection__clear {
    opacity: 1;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e9ebec;
    color: #676a6c;
}

.select2-container--default .select2-selection--single {
    overflow: hidden;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search
{
    padding-left: 8px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search .select2-search__field
{
    width: 100px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li .category-annotation
{
    display: none;
}

.select2-container--default .select2-search--inline input[type="search"]::placeholder {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #999;
}

.sonata-filter-form .form-control:not(.select2-container):focus,
.select2-container--default .select2-selection--multiple:focus,
.select2-container--default .select2-selection--single:focus, .select2-dropdown:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple
{
    border-color: var(--primary-color);
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 305px;
}

.select2-container--open .select2-dropdown--below {
    box-shadow: 2px 5px 5px 1px rgb(0 0 0 / 20%);
}

.select2-container .load-more {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    height: 24px;
    text-indent: -9999px;
    color: #fff;
    background: #fff url('/bundles/app/images/ajax-loader.gif') no-repeat center;
}

/* Filter Fields */

.sonata-filter-form .form-control:not(.select2-container) {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #7f9099;

    border: 1px solid #dee1e2;

    border-radius: 3px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    padding-left: 15px;
    height: 34px;
    line-height: 34px;
}

.sonata-filter-form .form-control::-webkit-input-placeholder,
.sonata-filter-form .form-control:-moz-placeholder,
.sonata-filter-form .form-control::-moz-placeholder,
.sonata-filter-form .form-control:-ms-input-placeholder {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    font-style: italic;
    color: #b3b3b3;
}

/* Table Custom ScrollBar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    top: 0;
    bottom: auto !important;
    right: 0 !important;
    left: 0;
    width: 100%;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background: none;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: var(--primary-color) !important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft:hover,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight:hover {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 0 !important;
}

.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background: none;
    opacity: 1;
}

.mCSB_scrollTools .mCSB_buttonLeft:before,
.mCSB_scrollTools .mCSB_buttonRight:before {
    content: "\0020";
    overflow: hidden;
    width: 0;
    height: 0;
    position: absolute;

    top: .30em;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

/*
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
    height: 10px;
    margin: 5px 0 0 2px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    margin: 8px 0;
}
*/
.mCSB_scrollTools .mCSB_buttonLeft:before {
    left: .5em;
    border-right: 5px solid #333333;
}

.mCSB_scrollTools .mCSB_buttonRight:before {
    left: .5em;
    border-left: 5px solid #333333;
}

/* List Table Elements */
.table > thead > tr > th,
.table > thead > tr > th  a {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;

    text-transform: uppercase;
}

.table > thead > tr > th {
    color: #bbb;
}

.table > thead > tr > th a {
    color: #19262c;
}

.table > thead > tr.sonata-ba-list-field-header.loading > th > span {
    visibility: hidden;
}

.table > thead > tr > th.sonata-ba-list-field-header-currency,
.table > thead > tr > th.sonata-ba-list-field-header-integer {
    text-align: right;
}

.table > tbody > tr > td > .callout {
    padding: 15px;
    font-weight: bold;
    max-width: 100% !important;
}

.table > thead > tr > th.sonata-ba-list-field-order-active {
    padding-right: 10px;
}

.table > thead > tr > th.sonata-ba-list-field-order-active a {
    color: var(--primary-color);
}

th.sonata-ba-list-field-header-order-desc a,
th.sonata-ba-list-field-header-order-asc a {
    margin-right: 0;
}

th.sonata-ba-list-field-header-order-asc a:hover:before,
th.sonata-ba-list-field-header-order-desc a:hover:before,
th.sonata-ba-list-field-header-order-asc.sonata-ba-list-field-order-active a:before,
th.sonata-ba-list-field-header-order-desc.sonata-ba-list-field-order-active a:hover:before {
    z-index: 1;
}

th.sonata-ba-list-field-header-order-desc.sonata-ba-list-field-order-active a:before,
th.sonata-ba-list-field-header-order-asc.sonata-ba-list-field-order-active a:hover:before {
    border-bottom: 4px solid var(--primary-color);
}

th.sonata-ba-list-field-header-order-asc.sonata-ba-list-field-order-active a:before,
th.sonata-ba-list-field-header-order-desc.sonata-ba-list-field-order-active a:hover:before {
    border-top: 4px solid var(--primary-color);
}

.table > tbody > tr > td {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;

    color: #19262c;
    vertical-align: middle;
}

/* Only for main list */
.sonata-ba-list .table-responsive .container-fixed {
    top: 0;
    position: fixed;
    width: auto;
    display: none;
    border: none;
    margin-top: -1px;
    z-index: 1;
    white-space: nowrap;
}

#page-wrapper > .sonata-main-block.actions-nav-menu-displayed .sonata-ba-list .table-responsive .container-fixed {
    margin-top: 51px;
}

.sonata-ba-list .table-responsive .table.fixed {
    margin: 0;
    background-color: #fff;
}

.sonata-ba-list .table-responsive .table.fixed th {
    display: inline-block;
    min-height: 33px;
    padding-top: 6px;
    border-bottom: 2px solid #e7eaec;
}

.sonata-ba-list .table-responsive .mCSB_scrollTools_horizontal.fixed {
    position: fixed;
}

#page-wrapper > .sonata-main-block.actions-nav-menu-displayed .sonata-ba-list .table-responsive .mCSB_scrollTools_horizontal.fixed {
    margin-top: 50px;
}

.sonata-ba-list .table-responsive .table thead th {
    padding: 0 10px 4px 8px;
    background: #fff;
    border: none;
}

.sonata-ba-list .table-responsive .table thead tr.list-field-header-total th {
    padding: 4px 8px 0;
}

.sonata-ba-list .table-responsive .table thead tr.list-field-header-total span[data-display-total] {
    padding-left: 15px;
    border-bottom: 1px solid;
    color: #7f9099;
    display: none;
}

.sonata-ba-list .table-responsive .table thead tr.list-field-header-total span[data-display-total].visible {
    display: inline;
}

border-bottom: 1px solid;

.sonata-ba-list .table-responsive .table thead.fixed {
    position: absolute;
    z-index: 1;
}

.sonata-ba-list .table-responsive .table thead.fixed .sonata-ba-list-field-header-batch > * {
    visibility: hidden;
}

.sonata-ba-list .table-responsive .mCSB_scrollTools_horizontal {
    z-index: 2;
}

.dataTable > thead > tr > th,
.dataTable > tbody > tr > td,
.dataTable > tbody > tr > th,
.table-responsive .table > thead > tr > th,
.table-responsive .table > tbody > tr > td,
.table-responsive .table > tbody > tr > th {
    position: relative;
    padding: 4px 8px;
}

.sonata-ba-list .table-responsive .table > tbody > tr > td:not(.sonata-ba-list-field-actions) > *:not(.btn),
.table-vehicle-list .table > tbody > tr > td:not(.sonata-ba-list-field-actions) > *:not(.btn) {
    max-width: 300px;
}

.sonata-ba-list .table-responsive .table > tbody > tr > td:not(.sonata-ba-list-field-actions) > *:not(.btn),
.table-vehicle-list .table > tbody > tr > td:not(.sonata-ba-list-field-actions) > *:not(.btn),
.sonata-ba-list .table-responsive .table > tbody > tr > td:not(.sonata-ba-list-field-actions) > *:not(.btn) > span,
.table-vehicle-list .table > tbody > tr > td:not(.sonata-ba-list-field-actions) > *:not(.btn) > span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sonata-ba-list .table-responsive .table > tbody > tr > td:not(.sonata-ba-list-field-actions) span + .tooltip .tooltip-inner,
.table-vehicle-list .table > tbody > tr > td:not(.sonata-ba-list-field-actions) .tooltip span + .tooltip-inner {
    text-align: left;
}

.sonata-ba-list .table-responsive .table > tbody > tr > td:not(.sonata-ba-list-field-actions) a {
    color: #19262c;
    display: inline-block;
}

.sonata-ba-list .table-responsive .table > tbody > tr > td .btn.btn-white {
    padding: 0 6px;
}

.sonata-ba-list .table-responsive .table > tbody > tr > td .btn.minify-action {
    margin-left: 2px;
    padding: 0 4px;
    cursor: pointer !important;
}

.sonata-ba-list .table-responsive .table > tbody > tr > td .btn.minify-action .copy-clipboard-msg {
    position: absolute;
    top: 5px;
    margin-left: 10px;
    font-size: 11px;
    background: #19262c;
    color: #fff;
    padding: 2px 4px;
    border-radius: 5px;
    opacity: 0.9;
    z-index: 1;
}

.sonata-ba-list .table-responsive .table > tbody > tr > td .btn.minify-action.active {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.sonata-ba-list .table-responsive .table > tbody > tr > td .btn.minify-action.active i {
    color: #fff;
}

.sonata-ba-list .table-responsive .table > tbody > tr > td .btn.minify-action.active + .tooltip {
    display: none !important;
}

.sonata-ba-list .table-responsive .table > tbody > tr > td .btn[data-id] {
    padding: 5px 10px;
}

.table-responsive .table > tbody > tr > td:not(.sonata-ba-list-field-actions) .btn-primary .fa,
.table-responsive .table > tbody > tr > td:not(.sonata-ba-list-field-actions) .btn-default .fa {
    color: #fff;
}

.table-responsive .table > tbody > tr > td .label
{
    text-transform: uppercase;
}

.table-responsive .table > thead > tr > th,
.table-responsive .table > tbody > tr > td:not(.sonata-ba-list-field-actions),
.table-responsive .table > tbody > tr > td .list-state-color,
.table-responsive .table > tbody > tr > td .list-common-state,
.sonata-ba-list .table-responsive .table > tbody > tr > td:not(.sonata-ba-list-field-actions) .list-state-color,
.sonata-ba-list .table-responsive .table > tbody > tr > td:not(.sonata-ba-list-field-actions) .list-common-state,
.sonata-ba-list .table-responsive .table > tbody > tr > td:not(.sonata-ba-list-field-actions) .list-state-color + span,
.sonata-ba-list .table-responsive .table > tbody > tr > td:not(.sonata-ba-list-field-actions) .list-common-state + span {
    vertical-align: middle;
    white-space: nowrap;
}

.list-color
{
    background-color: #777777;
    border-radius: 2px;
    display: inline-block;
}

.list-color .tooltip
{
    white-space: nowrap;
}

.list-color-wrapper
{
    display: flex;
}

.bc-collection .ibox-title h5 > .list-color-wrapper,
.ibox-title > .list-color-wrapper
{
    margin-top: -3px;
    display: inline-flex;
}

.breadcrumb-container .list-color-wrapper
{
    padding-left: 5px;
}

.table-responsive .table > tbody > tr > td .list-color {
    display: inline-flex;
    align-items: center;
}

.table-responsive .table > tbody > tr > td .list-color.list-color-state
{
    width: 100%;
    max-width: 120px;
    white-space: nowrap;
    display: inline-block;
}

.list-color ~ .list-color
{
    margin-left: 2px;
}

.list-color.common-state-draft,
.list-color.common-state-doing,
.list-color.common-state-processing,
.list-color.common-state-processing_edit,
.list-color.common-state-in_progress,
.list-color.common-state-bank_waiting,
.list-color.common-state-kepler_waiting,
.list-color.common-state-pending,
.list-color.vehicle-state-pending,
.list-color.contact-type-other
{
    background-color: #ffbb33;
}

.table-responsive .table[data-object-identifier="app_bundle.admin.rental"] > tbody > tr > td .list-color.common-state-processing,
.table-responsive .table[data-object-identifier="app_bundle.admin.loan"] > tbody > tr > td .list-color.common-state-processing
{
    background-color: #9fe1e7;
}

.common-state-planned,
.list-color.common-state-on_arrival,
.list-color.vehicle-state-on_arrival,
.list-color.contact-type-prospect
{
    background-color: #99cc00;
}

.list-color.common-state-sold,
.list-color.common-state-valid,
.list-color.common-state-validated,
.list-color.common-state-import,
.list-color.common-state-kepler_ok,
.list-color.common-state-bank_acceptance,
.list-color.common-state-parc,
.list-color.common-state-sold,
.list-color.common-state-sold_ar,
.list-color.vehicle-state-parc,
.list-color.vehicle-state-sold,
.list-color.vehicle-state-sold_ar,
.list-color.contact-type-customer
{
    background-color: #669900;
}

.list-color.common-state-dissociated
{
    background-color: #1ab394;
}

.list-color.common-state-invoiced,
.list-color.common-state-invoiced_edit,
.list-color.common-state-internal_transfer,
.list-color.common-state-internal_transfer_edit,
.list-color.common-state-finished,
.list-color.common-state-delivered,
.list-color.common-state-edit,
.list-color.common-state-done,
.list-color.common-state-processed
{
    background-color: #FD3F92;
}

.list-color.common-state-bank_refusal,
.list-color.common-state-error,
.list-color.common-state-workshop-out,
.list-color.common-state-out,
.list-color.common-state-out_ar,
.list-color.common-state-canceled,
.list-color.common-state-cancelled,
.list-color.vehicle-state-workshop-out,
.list-color.vehicle-state-out,
.list-color.vehicle-state-out_ar,
.list-color.vehicle-state-canceled
{
    background-color: #94693d;
}

.list-color.common-state-todo,
.list-color.common-state-to_treat,
.list-color.common-state-rental,
.list-color.common-state-workshop,
.list-color.vehicle-state-rental,
.list-color.vehicle-state-workshop,
.list-color.contact-type-workshop
{
    background-color: #ff8800;
}

.list-color.common-state-settled,
.list-color.common-state-partial-invoiced,
.list-color.common-state-rental-available,
.list-color.vehicle-state-rental-available,
.list-color.common-state-credit_note
{
    background-color: #007FFF;
}

.list-color.common-state-already_sold
{
    background-color: #af6c00;
}

.list-color.contact-type-company,
.list-color.contact-type-merchant
{
    background-color: #aa66cc;
}

.list-color.contact-type-tenant,
.list-color.contact-type-provider,
.list-color.contact-type-manufacturer,
.list-color.contact-type-shipper
{
    background-color: #caa577;
}

.list-color.common-state-shared-vehicle,
.list-color.vehicle-state-shared-vehicle {
    background-color: var(--primary-color);
}

.table-responsive .table > tbody .sonata-ba-list-field-header-actions {
    padding: 0;
}

.table-responsive .table > tbody .btn {
    margin-bottom: 0;
}

/*
.table > thead > tr > th:first-child,
.table > tbody > tr > td:first-child,
.table > thead > tr > th:last-child,
.table > tbody > tr > td:last-child {
    position: absolute;
    width: 5em;
    top: auto;
}

.table > thead > tr > th:first-child,
.table > tbody > tr > td:first-child {
    left: 0;
}

.table > thead > tr > th:last-child,
.table > tbody > tr > td:last-child {
    right: 0;
}*/

/* List Rows */
.infinite-scroll-loader-wrapper {
    background: none;
}

.infinite-scroll-loader img {
    display: none;
}

.infinite-scroll-loader .lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 25px;
    border: 1px solid #e7eaec;
    border-radius: 4px;
    background: #eeeeee;
}
.infinite-scroll-loader .lds-ellipsis div {
    position: absolute;
    top: 9px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #676a6c;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.infinite-scroll-loader .lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.infinite-scroll-loader .lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.infinite-scroll-loader .lds-ellipsis div:nth-child(3) {
    left: 16px;
    animation: lds-ellipsis2 0.6s infinite;
}
.infinite-scroll-loader .lds-ellipsis div:nth-child(4) {
    left: 24px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(8px, 0);
    }
}

.table-nowrap tr > td {
    white-space: nowrap;
}

.sticky-header th {
    position: sticky;
    top: 48px;
    background: #fff;
    z-index: 2;
    box-shadow: inset 0 -1px 0 #ddd;
}

.sonata-main-block.breadcrumb-displayed .sticky-header th,
.sonata-main-block.actions-nav-menu-displayed .sticky-header th {
    top: 98px;
}

.sonata-main-block.breadcrumb-displayed.actions-nav-menu-displayed .sticky-header th {
    top: 150px;
}

.table-striped thead > tr > th,
.table-striped tbody > tr > td {
    padding: 4px 8px;
}

.table-striped tbody > tr > td .control-label {
    padding-top: 0;
}

.table-striped tr.row-loading
{
    position: relative;
    background-color: #fff;
}

.table-striped tr > td.skeleton-loader
{
    position: relative;
    padding: 8px;
    min-width: 20px;
    height: 30px;
}

@keyframes aniHorizontal {
  0% {
    background-position: -100% 0;
  }

  100% {
    background-position: 100% 0;
  }
}

.table-striped tr > td.skeleton-loader .bar {
    background-color: #d9d9d9;
    height: 14px;
    border-radius: 4px;
    width: 80%;
    max-width: 130px;
}

.table-inside-bordered > thead:first-child > tr:first-child > th,
.table-inside-bordered > thead > tr > th {
    background-color: #e7eaec;
    border: 1px solid #ccc;
}

.table-inside-bordered > thead:first-child > tr.col-group:first-child > th,
.table-inside-bordered > thead > tr.col-group > th {
    background-color: #dddddd;
}

.table-inside-bordered > tbody > tr > th,
.table-inside-bordered > tbody > tr > td {
    border: 1px solid #e7e7e7;
}

.table-inside-bordered > thead:first-child > tr:first-child > th.border-left-separator,
.table-inside-bordered > thead > tr > th.border-left-separator,
.table-inside-bordered > tbody > tr.sub-line.total > th.border-left-separator,
.table-inside-bordered > tbody > tr > th.border-left-separator,
.table-inside-bordered > tbody > tr > td.border-left-separator {
    border-left: 4px solid #ccc;
}

.table-striped > thead > tr > th {
    color: #676a6c;
}

.table-striped > tbody > tr:nth-of-type(odd),
.table-striped > tbody > tr:nth-of-type(even) {
    background: none;
}

.table-striped > tfoot > tr:nth-child(odd),
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th,
.sonata-ba-list .table-striped > tbody > tr.main-child-odd > td {
    background-color: #eeeeee;
}

.table-striped > tfoot > tr:nth-child(even),
.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th,
.sonata-ba-list .table-striped > tbody > tr.main-child-even > td {
    background-color: #ffffff;
}

.table-striped > tbody > tr.highlight:nth-child(odd) > td,
.table-striped > tbody > tr.highlight:nth-child(even) > td,
.table-striped > tbody > tr.sub-line:hover:nth-child(odd) > td,
.table-striped > tbody > tr.sub-line:hover:nth-child(even) > td,
.table-striped > tbody > tr.highlight,
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #e9ebec;

    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.table-striped > tbody > [class*='main-child-'] + tr.sub-line > td {
    border-top-style: none;
    box-shadow: inset 0px 5px 3px -2px rgb(218, 218, 218);
}

.table-striped > tbody > tr.sub-line > td {
    background: #f5f9fc;
    box-shadow: none;
    border-top-style: solid;
    border-top: 1px solid #e7eaec;
}

.table-striped > thead:first-child > tr:first-child > th.empty-line,
.table-striped > thead > tr > th.empty-line,
.table-striped > tbody > tr > td.empty-line,
.table-striped > tbody > tr > th.empty-line,
.table-striped > tbody > tr.sub-line.total > th.empty-line,
.table-striped > tbody > tr.sub-line.total:last-child th.empty-line {
    background: none;
    border: none;
}

.table-striped > tbody > tr.sub-line.total > th {
    border: 1px solid #ccc;
    background-color: #e7eaec;
}

.table-striped > tbody > tr.sub-line.total:last-child th {
    background-color: #dddddd;
}

.table-stats > tbody > tr.main-sub-line td,
.table-stats > tbody > tr.sub-line td {
    padding: 4px 8px;
    font-size: 13px;
}

.table-stats > tbody > tr.main-sub-line td {
    background-color: #fff;
}

.table-striped  tr > th.highlight-border,
.table-striped  tr > td.highlight-border {
    border-left: 5px solid #b3b3b3;
}

.table-striped tr > th.border-separator,
.table-striped tr > td.border-separator {
    border-right: 1px solid #b3b3b3;
}

.fixed-nav #wrapper {
    margin-top: 0;
}

.sonata-main-block {
    padding: 10px 10px 0;
}

#page-wrapper > .sonata-main-block {
    padding-top: 58px;
}

#page-wrapper > .sonata-main-block.breadcrumb-displayed,
#page-wrapper > .sonata-main-block.actions-nav-menu-displayed {
    padding-top: 108px;
}

#page-wrapper > .sonata-main-block.breadcrumb-displayed.actions-nav-menu-displayed {
    padding-top: 160px;
}

#sonata-action-block .container-sonata-action {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#sonata-action-block .nav > li > a {
    height: 100%;
}

#sonata-action-block .nav-tabs {
    border-bottom: 0px;
    padding-bottom: 25px;
}

#sonata-action-block .panel.blank-panel {
    margin-left: -20px;
    margin-right: -20px;
}

#sonata-action-block .panel ul.nav-tabs {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

#sonata-action-block .panel ul.nav-tabs li {
    background-color: #c9cdcf;
    border-left: 1px solid #dfe1e2;

    border-top: 0px;
    border-bottom: 0px;

    text-align: center;
    line-height: 51px;
    height: 51px;

    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

#sonata-action-block .panel .panel-heading a {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;

    color: #19262c;

    text-align: center;
    line-height: 51px;
    height: 51px;

    padding: 0px;

    border-radius: 0px;
    margin: 0px;
}

#sonata-action-block .nav-tabs > li > a:hover,
#sonata-action-block .nav-tabs > li > a:focus {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;

    color: #ffffff;

    background-color: var(--secondary-color);

    -moz-box-shadow: inset 0px -3px 0px 0px var(--secondary-color);
    -webkit-box-shadow: inset 0px -3px 0px 0px var(--secondary-color);
    -o-box-shadow: inset 0px -3px 0px 0px var(--secondary-color);
    box-shadow: inset 0px -3px 0px 0px var(--secondary-color);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=var(--secondary-color), Direction=NaN, Strength=0);

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#sonata-action-block .nav > li.active > a {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;

    color: #ffffff;

    background-color: #343a40;

    -moz-box-shadow: inset 0px -3px 0px 0px var(--secondary-color);
    -webkit-box-shadow: inset 0px -3px 0px 0px var(--secondary-color);
    -o-box-shadow: inset 0px -3px 0px 0px var(--secondary-color);
    box-shadow: inset 0px -3px 0px 0px var(--secondary-color);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=var(--secondary-color), Direction=NaN, Strength=0);
}

/* Fix filter z-index chrome*/
.sonata-ba-filter {
    z-index: 502;
}

/*.sonata-main-block .sonata-ba-form {*/
/*padding-top: 25px;*/
/*}*/

/* Footer */
.footer {
    height: 41px;
    line-height: 41px;

    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;

    margin-left: -30px;
    margin-right: -30px;
}

.footer,
.footer a {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;

    color: #777777;
}

.footer a.btn-xs {
    margin-top: 10px;
}

.footer div {
    display: inline;
}

.footer a {
    margin-left: 15px;

    position: relative;
}

.footer a:not(.btn):before {
    content: "";
    position: absolute;

    width: 1px;
    height: 11px;

    background-color: #777777;
    border-top: 1px solid #e0e0e0;

    top: 0px;
    bottom: 0px;
    left: -10px;

    margin-top: auto;
    margin-bottom: auto;
}

/* */
.footable .footable-first-column > input,
.footable tr td:first-child > input {
    display: inline;
    width: 92%;
}

/* Footable Display */
.footable-row-detail-inner .footable-row-detail-value {
    padding-top: 10px;
    padding-bottom: 10px;
}

table.footable {
    margin-bottom: 0px;
}

/* Fix dropdown size background display when hover */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    width: auto;
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle {
    height: 25px !important;
    line-height: 25px !important;
}

.footable-toggle,
.footable-toggle:before {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-align: left;
}

.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* Fancybox */

/* Reset imgs */
#fancybox-loading,
.fancybox-nav,
.fancybox-prev span,
.fancybox-next span,
.fancybox-overlay,
.fancybox-close {
    background: none;
}

.fancybox-overlay:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
}

.fancybox-close {
    top: -12px;
    right: -12px;
    background: #f9f9f9;
    border-radius: 20px;
    box-shadow: 0 0 3px rgb(86 96 117 / 70%);
}

.fancybox-close:before,
.fancybox-prev span:before,
.fancybox-next span:before {
    color: var(--primary-color);
    font-size: 40px;
    font-weight: normal;
    display: block;
    text-align: center;
}



.fancybox-close:before {
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    content: '\00d7';
}

.fancybox-nav span {
    background: #fff;
}

.fancybox-prev span:before,
.fancybox-next span:before {
    position: relative;
    top: -16px;
}

.fancybox-prev span:before {
    content: '\02039';
}

.fancybox-next span:before {
    content: '\0203A';
}

/* Alert empty */
.alert-empty {
    color: #8C8C8C;
    background-color: #f3f3f4;
    border-color: #C7C7C7;
}

div * + .alert-empty {
    margin-top: 20px;
}

.form-custom-select-wrapper {
    display: flex;
    justify-content: space-between;
}

.custom-field-wrapper {
    width: 100%;
}

.custom-btn-wrapper {
    display: flex;
    height: 34px;
    margin-left: 5px;
}

.custom-btn-wrapper > .btn {
    display: inline-block;
    width: 40px;
}

.custom-btn-wrapper > .btn ~ .btn {
    margin-left: 5px;
}

/*
.btn-contact-quick-info,
.btn-contact-info {
    position: absolute;
    top: 0px;
    right: 15px;
    width: 40px;
}

.btn-form-contact-quick,
.btn-form-contact {
    position: absolute;
    top: 0px;
    right: 60px;
    width: 40px;
}*/

/* Contact Selection Block */
/*.form-group-contact-selection {
    padding-right: 60px;
}

.form-group-contact-quick,
.form-group-contact-quick-selection {
    padding-right: 110px;
}
*/
.form-group-contact-quick-selection select[readonly] {
    display: none;
}

textarea.resize-vertical {
    resize: vertical;
}

.feed-element {
    margin-top: 0;
    padding-bottom: 8px;
}

/* List Links */
@media (min-width: 1200px) {
    .block-breadcrumb-button-ul + .block-breadcrumb-button-ul.minify-actions {
        margin-left: 0;
    }

    .sticky-wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .sticky-wrapper .aside-form {
        position: -webkit-sticky;
        position: sticky;
        top: 134px;
    }

    .sticky-wrapper:not(.no-resize-blocks) > [class*='col-']:not(:first-child) {
        padding-left: 0;
    }

    .page-list-links .feed-element a {
        border: none;
        height: 34px;
    }

    .page-list-links .feed-element a.btn-default {
        background-color: var(--primary-color);
    }

    .page-list-links .feed-element a.btn-default:hover {
        background-color: var(--primary-color-hover);
        border-color: var(--primary-color-hover);
    }

    .page-list-links .feed-element a.btn {
        border: none;
    }

    .page-list-links .feed-element a.btn.btn-default,
    .page-list-links .feed-element a.btn.btn-default h4,
    .page-list-links .feed-element a.btn.btn-default span,
    .page-list-links .feed-element a.btn.btn-default i {
        color: #fff;
    }

    .page-list-links .feed-element a.btn.btn-default.tonal,
    .page-list-links .feed-element a.btn.btn-default.tonal h4,
    .page-list-links .feed-element a.btn.btn-default.tonal span,
    .page-list-links .feed-element a.btn.btn-default.tonal i {
        color: var(--primary-color);
    }
}

.sticky-wrapper > .right-bar {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px 15px;
    margin-bottom: 10px;
}

.page-list-links a {
    display: flex;
    align-items: center;
}

.page-list-links h4,
.page-list-links span:not(.fa) {
    font-weight: 700;
    font-size: 12px;
    color: #19262c;
    margin: 0px;
    line-height: 15px;
}

.page-list-links .feed-element span.fa {
    margin-right: 7px;
    font-size: 15px;
    color: #333333
}

.page-list-links .disabled span,
.page-list-links .btn-disabled span
{
    opacity: 0.45;
}

.page-list-links h4.text-muted {
    color: #888888;
}

.page-list-links .feed-element a {
    min-height: 27px;
    padding: 5px 10px;
    margin: 2px 0;
    border: none;
    font-weight: bold;
    color: #19262c;
    font-size: 12px;
    border-bottom: 1px solid #e7eaec;
}

.feed-activity-list .feed-element {
    border-bottom: none;
}

.page-list-links .feed-element a:hover {
    background: #dfdfdf;
    border-radius: 5px;
}

.dropdown-menu .page-list-links .feed-element a:hover {
    border-bottom: 1px solid #fff;
}

/* Set a width to the icon in order to aling text */
.page-list-links .feed-element .fa,
.dropdown-menu-export .fa
{
    width: 20px;
}

/* Fix date minimum display */
.date-year-picker {
    min-width: 65px;
}

.date-picker {
    min-width: 65px;
}

.p-xxs {
    padding: 2px 4px;
}

.p-xs {
    padding: 5px;
}

.p-sm {
    padding: 10px;
}

.p {
    padding: 15px;
}

.p-md {
    padding: 20px;
}

.p-lg {
    padding: 30px;
}

.p-xl {
    padding: 50px;
}

.p-n {
    padding: 0 !important;
}

.p-l-none {
    padding-left: 0;
}

.p-l-xs {
    padding-left: 5px;
}

.p-l-sm {
    padding-left: 10px;
}

.p-l {
    padding-left: 15px;
}

.p-l-md {
    padding-left: 20px;
}

.p-l-lg {
    padding-left: 30px;
}

.p-l-xl {
    padding-left: 40px;
}

.p-l-n-xxs {
    padding-left: -1px;
}

.p-l-n-xs {
    padding-left: -5px;
}

.p-l-n-sm {
    padding-left: -10px;
}

.p-l-n {
    padding-left: -15px;
}

.p-l-n-md {
    padding-left: -20px;
}

.p-l-n-lg {
    padding-left: -30px;
}

.p-l-n-xl {
    padding-left: -40px;
}

.p-t-none {
    padding-top: 0 !important;
}

.p-t-xxs {
    padding-top: 1px;
}

.p-t-xs {
    padding-top: 5px;
}

.p-t-sm {
    padding-top: 10px;
}

.p-t {
    padding-top: 15px;
}

.p-t-md {
    padding-top: 20px;
}

.p-t-lg {
    padding-top: 30px;
}

.p-t-xl {
    padding-top: 40px;
}

.p-t-n-xxs {
    padding-top: -1px;
}

.p-t-n-xs {
    padding-top: -5px;
}

.p-t-n-sm {
    padding-top: -10px;
}

.p-t-n {
    padding-top: -15px;
}

.p-t-n-md {
    padding-top: -20px;
}

.p-t-n-lg {
    padding-top: -30px;
}

.p-t-n-xl {
    padding-top: -40px;
}

.p-r-none {
    padding-right: 0;
}

.p-r-xxs {
    padding-right: 1px;
}

.p-r-xs {
    padding-right: 5px;
}

.p-r-sm {
    padding-right: 10px;
}

.p-r {
    padding-right: 15px;
}

.p-r-md {
    padding-right: 20px;
}

.p-r-lg {
    padding-right: 30px;
}

.p-r-xl {
    padding-right: 40px;
}

.p-r-n-xxs {
    padding-right: -1px;
}

.p-r-n-xs {
    padding-right: -5px;
}

.p-r-n-sm {
    padding-right: -10px;
}

.p-r-n {
    padding-right: -15px;
}

.p-r-n-md {
    padding-right: -20px;
}

.p-r-n-lg {
    padding-right: -30px;
}

.p-r-n-xl {
    padding-right: -40px;
}

.p-b-none {
    padding-bottom: 0;
}

.p-b-xxs {
    padding-bottom: 1px;
}

.p-b-xs {
    padding-bottom: 5px;
}

.p-b-sm {
    padding-bottom: 10px;
}

.p-b {
    padding-bottom: 15px;
}

.p-b-md {
    padding-bottom: 20px;
}

.p-b-lg {
    padding-bottom: 30px;
}

.p-b-xl {
    padding-bottom: 40px;
}

.p-b-n-xxs {
    padding-bottom: -1px;
}

.p-b-n-xs {
    padding-bottom: -5px;
}

.p-b-n-sm {
    padding-bottom: -10px;
}

.p-b-n {
    padding-bottom: -15px;
}

.p-b-n-md {
    padding-bottom: -20px;
}

.p-b-n-lg {
    padding-bottom: -30px;
}

.p-b-n-xl {
    padding-bottom: -40px;
}

.border-r-b {
    border-right: 1px solid #eee;
}

tfoot:not('.display-tfoot') {
    display: none;
}

.kepler-row + .kepler-row {
    margin-top: 5px;
}

/* Sweet Alert */
.sweet-alert {
    z-index: 2053 !important;
}

.sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block;
}

.sweet-alert .cancel {
    padding-bottom: 0px;
    padding-top: 0px;
}

.sweet-alert .btn-primary,
.sweet-alert .btn-default {
    background-color: var(--primary-color);
    line-height: 1;
}

.sweet-overlay {
    z-index: 2052 !important;
}

/* Alert List */
.alert-list .alert {
    margin-bottom: 20px;
}

/* Datepicker */
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: var(--primary-color);
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: var(--primary-color);
    background-image: -moz-linear-gradient(top, var(--primary-color), var(--primary-color));
    background-image: -ms-linear-gradient(top, var(--primary-color), var(--primary-color));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--primary-color)), to(var(--primary-color)));
    background-image: -webkit-linear-gradient(top, var(--primary-color), var(--primary-color));
    background-image: -o-linear-gradient(top, var(--primary-color), var(--primary-color));
    background-image: linear-gradient(top, var(--primary-color), var(--primary-color));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--primary-color)', endColorstr='var(--primary-color)', GradientType=0);
    border-color: var(--primary-color) var(--primary-color) #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background-color: var(--primary-color);
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: var(--primary-color);
    background-image: -moz-linear-gradient(top, var(--primary-color), var(--primary-color));
    background-image: -ms-linear-gradient(top, var(--primary-color), var(--primary-color));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--primary-color)), to(var(--primary-color)));
    background-image: -webkit-linear-gradient(top, var(--primary-color), var(--primary-color));
    background-image: -o-linear-gradient(top, var(--primary-color), var(--primary-color));
    background-image: linear-gradient(top, var(--primary-color), var(--primary-color));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--primary-color)', endColorstr='var(--primary-color)', GradientType=0);
    border-color: var(--primary-color) var(--primary-color) var(--primary-color);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.no-border {
    border: 0px !important;
}

/* Panel missing */
.panel-missing {
    border-color: #19262C;
}

.panel-missing > .panel-heading {
    background-color: #19262C;
    border-color: #19262C;
    color: #ffffff;
}

/* Loading sub-category */
.select-loading {
    text-align: center;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 15px;
    right: 15px;
    bottom: 0;

    padding-top: 4px;
    background-color: rgba(100, 100, 100, 0.4);
}

.input-group .select-loading {
    left: 0;
    right: 0;
}

/* Fix checkbox display center */
.col-checkbox-center {
    height: 34px;
    line-height: 30px;
}

.col-checkbox-center label {
    height: 34px;
    line-height: 34px;
}

.no-textarea-resize {
    resize: none;
}

.form-control,
.input-group-addon,
.btn-white,
.select2-container--default .select2-selection--single,
.select2-selection--multiple,
.select2-dropdown {
    border-color: #00000026;
}

.form-control:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: var(--primary-color);
    outline: 0;
}

.select2-container .category-annotation{
    font-style: italic;
    color: #ccc;
    padding-right: 2%;
    font-size: 11px;
}

.category-annotation{
    font-style: italic;
    color: #ccc;
    font-size: 11px;
    text-transform: none;
}

.price-annotation{
    left: 23px;
    position: absolute;
    top: 35px;
    z-index: 2;
}

/* Fix table charges internal input size in page purchase */
table tbody#app_bundle_vehiclepurchase_charges_internal input[id$='title'] {
    min-width: 150px;
}

table tbody#app_bundle_vehiclepurchase_charges_internal input[id$='reference'] {
    min-width: 65px;
}

table tbody#app_bundle_vehiclepurchase_charges_internal input[id$='quantity'] {
    min-width: 60px;
}

.progress-bar {
    background-color: var(--primary-color);
}

.btn-disabled {
    border: 0 !important;
}

table#list-parameter-value-table th[id$=parameterListValue_inlinep_position] {
    text-align: center;
}

#list-parameter-value-table-add {
    margin-left: 8px;
}

.has-error .select2-container--default .select2-selection--single, .has-error .select2-dropdown {
    border-color: #ed5565;
}

/* Header navbar */
.navbar.navbar-top-header {
    margin-bottom: 0;
}

.navbar.navbar-top-header .navbar-collapse {
    margin: 0;
    padding: 0;
}

.navbar.navbar-top-header .nav > li {
    background-color: #c9cdcf;
    border-left: 1px solid #dfe1e2;
    border-top: 0px;
    border-bottom: 0px;
    text-align: center;
    line-height: 51px;
    height: 51px;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.navbar.navbar-top-header .nav > li.active {
    border-left: 0;
}

.navbar.navbar-top-header .nav > li.pencil-displayed {
    background-color: #757575;
}

.navbar.navbar-top-header .nav > li a {
    color: #19262c;
}

.navbar.navbar-top-header .nav > li.pencil-displayed a {
    color: #fff;
}

.navbar.navbar-top-header .nav > li a:hover, .navbar.navbar-top-header .nav > li a:focus {
    color: #ffffff;
    background-color: var(--primary-color);
    transition: all 0.5s;
}

.navbar.navbar-top-header .nav {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.navbar.navbar-top-header .nav-tabs > li,
.navbar.navbar-top-header .navbar-nav {
    float: none;
}

.navbar.navbar-top-header .container-fluid > .navbar-header {
    margin: 0;
    float: none;
}

.table > tbody > tr.even > td,
.table > tbody > tr > td.even {
    background-color: #fbfbfb;
}

.table > tbody > tr.odd > td,
.table > tbody > tr > td.odd {
    background-color: transparent;
}

.table > tbody > tr > td.odd.hover,
.table > tbody > tr > td.even.hover {
    background-color: #e9ebec;
}

#page-wrapper {
    min-height: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 40px;
}

.page-header-wrapper {
    position: fixed;
    top: 48px;
    left: 70px;
    right: 0;
    z-index: 2001;
}

.footer {
    position: fixed;
    left: 0;
    margin-left: 70px;
    z-index: 2;
}

body {
    background-color: #f3f3f4;
}

td select {
    display: none;
}

table.table-police-book{ border-width: 0px; }
table.table-police-book tr.separator td{ border-width: 0px; padding: 0px; height: 8px; }
table.table-police-book thead:first-child > tr:first-child > th{ border-top: 1px solid #e7eaec; }

ul.navbar-top-links li.misiv a span:first-child
{
    position: relative;
    top: 2px;
    margin-right: -2px;
    margin-left: -5px;
    font-size: 17px;
    line-height: 15px;
}

.profile-content {
    border-top: none !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 13px !important;
    padding-bottom: 16px !important;
}

.contact-discr-selection-extend,
.contact-select-type,
.contact-quick-select-type,
.contact-quick-discr-selection-extend {
    display: none;

    background-color: #f9f9f9;
    border: 1px solid #00000026;
    border-radius: 2px;
}

.contact-information-block,
.contact-quick-information-block
{
    padding: 10px;
    margin-bottom: 5px;
}

.contact-select-extend-block [class*='col-lg']:nth-of-type(odd) > .contact-information-block {
    padding-right: 15px;
}

.contact-select-extend-block [class*='col-lg']:nth-of-type(even) > .contact-information-block {
    padding-left: 15px;
}

.contact-select-extend-block > div:nth-of-type(even):before,
.contact-select-extend-block > div:nth-of-type(even):after {
    width: 50%;
    height: 1px;
    margin: 0 auto;
    background: #e4e6e7;
    background: -moz-linear-gradient(left, #f9f9f9 0%, #ccc 50%, #f9f9f9 100%);
    background: -webkit-linear-gradient(left, #f9f9f9 0%,#ccc 50%,#f9f9f9 100%);
    background: linear-gradient(to right, #f9f9f9 0%,#ccc 50%,#f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f9f9f9',GradientType=1 );
}

thead[data-id$=options] th[id$=price],
thead[data-id$=vehiclepurchase_charges_external] th[id$=title],
thead[data-id$=vehiclepurchase_charges_internal] th[id$=title] {
    width: 20%;
}
thead[data-id$=vehiclestate_conditionAssessMechanical] th[id$=element],
thead[data-id$=vehiclestate_conditionAssessOther] th[id$=element] {
    width: 70%;
}
#vehicle_bundle_list th.cost,
#vehicle_transport_list th.cost {
    width: 20%;
}

textarea.form-control{
    resize: none;
}

.table-bootstrap-collection input[type="text"] {
    min-width: 150px;
}
/*
.table-bootstrap-collection > tbody > tr > td > .input-group {
    max-width: 150px !important;
}
*/
tr.right-group {
    background-color: rgba(125, 30, 128, 0.15);
}

/** Panel **/

.panel-create{
    border-color: #ffbb33;
}
.panel-create .panel-heading{
    border-color: #ffbb33;
    background-color: #ffbb33;
}

.panel-update{
    border-color: #669900;
}
.panel-update .panel-heading {
    border-color: #669900;
    background-color: #669900;
    color: #FFFFFF;
}

.panel-remove {
    border-color: #94693d;
}
.panel-remove .panel-heading {
    border-color: #94693d;
    background-color: #94693d;
    color: #FFFFFF;
}


.dropdown-menu > li.menu-note
{
   padding: 3px 24px;
}

.history-link .feed-element
{
    border-bottom: 1px solid #e7eaec;
}

.feed-activity-list .feed-element + .menu-note
{
    margin-top: 10px;
}

/** States **/

.list-common-state
{
    white-space: nowrap;
}

/* Vehicle List State Dot Color */
.vehicle-state-dot-color,
.list-common-state.common-state-dot-color,
.list-common-state.state-dot-color,
.contact-type-dot-color
{
    width: 11px;
    height: 11px;
    border-radius:50%;
    display: inline-block;
    vertical-align: middle;
}

/* Statut 1 */
.statut1
{
    background-color: #4bc4f0;
}

/* Statut 2 */
.statut2
{
    background-color: #0099cc;
}

/* Statut 3 */
.vehicle-state-dot-color.vehicle-state-on_arrival,
.vehicle-state-dot-color.bundle-state-processing,
.common-state-dot-color.common-state-planned,
.state-dot-color.rental-state-planned,
.contact-type-prospect
{
    background-color: #99cc00;
}

/* Statut 4 */
.vehicle-state-dot-color.vehicle-state-parc,
.vehicle-state-dot-color.vehicle-state-rental,
.vehicle-state-dot-color.vehicle-state-workshop,
.vehicle-state-dot-color.vehicle-state-sold,
.vehicle-state-dot-color.vehicle-state-sold_ar,
.vehicle-state-dot-color.bundle-state-valid,
.vehicle-state-dot-color.bundle-state-sold,
.common-state-dot-color.common-state-sold,
.common-state-dot-color.common-state-valid,
.common-state-dot-color.common-state-validated,
.common-state-dot-color.common-state-dissociated,
.common-state-dot-color.common-state-doing,
.common-state-dot-color.common-state-import,
.state-dot-color.rental-state-valid,
.contact-type-customer,
.contact-type-dot-color.tracking-doing
{
    background-color: #669900;
}

/* Statut 5 */
.common-state-dot-color.common-state-dissociated
{
    background-color: #1ab394;
}

/* Statut 5 */
.statut5
{
    background-color: #fe5e5e;
}

/* Statut 6 */
.statut6
{
    background-color: #cc0000;
}

.common-state-dot-color.common-state-invoiced,
.common-state-dot-color.common-state-invoiced_edit,
.common-state-dot-color.common-state-internal_transfer,
.common-state-dot-color.common-state-internal_transfer_edit,
.common-state-dot-color.common-state-finished,
.common-state-dot-color.common-state-delivered,
.common-state-dot-color.common-state-done,
.common-state-dot-color.common-state-edit,
.state-dot-color.invoice-state-edit,
.state-dot-color.rental-state-invoiced,
.state-dot-color.rental-state-invoiced_edit,
.state-dot-color.rental-state-finished,
.contact-type-dot-color.tracking-done
{
    background-color: #FD3F92;
}

/* Statut 7 */
.vehicle-state-dot-color.vehicle-state-pending,
.common-state-dot-color.common-state-draft,
.vehicle-state-dot-color.bundle-state-draft,
.common-state-dot-color.common-state-processing,
.common-state-dot-color.common-state-processing_edit,
.state-dot-color.rental-state-in_progress,
.contact-type-other
{
    background-color: #ffbb33;
}

/* Statut 8 */
.common-state-dot-color.common-state-to_treat,
.common-state-dot-color.common-state-todo,
.vehicle-state-dot-color.bundle-state-to_treat,
.contact-type-dot-color.tracking-todo
{
    background-color: #ff8800;
}

/* Statut 9 */
.statut9,
.contact-type-company,
.contact-type-merchant {
    background-color: #aa66cc;
}

/* Statut 10 */
.vehicle-state-dot-color.vehicle-state-out,
.vehicle-state-dot-color.vehicle-state-out_ar,
.vehicle-state-dot-color.vehicle-state-canceled,
.common-state-dot-color.common-state-canceled,
.vehicle-state-dot-color.bundle-state-canceled,
.state-dot-color.rental-state-canceled,
.vehicle-state-dot-color.vehicle-state-workshop-out,
.contact-type-dot-color.tracking-canceled
{
    background-color: #94693d;
}

/* Statut 11 */
.statut11 {
    background-color: #663b1a;
}

/* Statut 12 */
.statut12,
.contact-type-workshop,
.contact-type-tenant,
.contact-type-provider,
.contact-type-manufacturer,
.contact-type-shipper {
    background-color: #caa577;
}
.common-state-dot-color.common-state-credit_note {
    background-color: #007FFF;
}

.common-state-dot-color.common-state-already_sold,
.state-dot-color.rental-state-already_sold{
    background-color: #af6c00;
}

.block-common-state {
    color: #ffffff;
    border-radius: 2px;
    padding: 0px;
}

.list-color,
.breadcrumb-container .list-color,
.block-common-state span {
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    padding: 2px 5px;
}

.breadcrumb-container .block-common-state {
    display: inline-block;
    margin-left: 5px;
}

.breadcrumb-container .block-common-state span {
    padding: 2px 5px 0px;
}

/* Contact Statut log */
.contact-logs {
    margin-top: 30px;
}

.contact-logs .align-center {
    float: none;
    margin: 0 auto;
}

.contact-logs .block-common-state {
    position: relative;
    margin-bottom: 30px;
}

.contact-logs .block-common-state:after {
    bottom: 120%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;

    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #888888;
    border-width: 10px;
    margin-left: -10px;
}

/* Service Summary table Administrative */
table tr.articleFlatRate-row > td {
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
}

table tr.articleFlatRate-row td:first-child {
    border-left: 15px solid #e7e7e7;
}

/** workshop fix **/
div[id$=_packs] th[class*=_packs-articleServiceChild] {
    width: 50%;
}

/* Loading */

.ajax-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1998;
    overflow: hidden;
}

.ajax-loading:before {
    content:""; /*kosong, for it to exist*/
    background-color: #fff;

    opacity: 0.75;
    -moz-opacity: 0.75;
    -ms-filter: "alpha(opacity=75)";
    filter: alpha(opacity=75);

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ajax-loading:after {
    content: "K";
    position: absolute;
    height: 31px;
    width: 31px;
    text-align: center;
    color: var(--primary-color);
    font-size: 28px;
    font-weight: bold;
    top: 50%;
    left: 0;
    right: 0;
    margin: 18px auto;
    padding: 0 9px;

    transform: rotate(-15deg) translateY(-50%);
    -webkit-transform: rotate(-15deg) translateY(-50%);
    -moz-transform: rotate(-15deg) translateY(-50%);
    -o-transform: rotate(-15deg) translateY(-50%);
}

.ajax-loading div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    margin: 3px auto;
    border: 3px solid var(--primary-color);
    border-radius: 50%;
    animation: ajax-loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    -webkit-animation: ajax-loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    -moz-animation: ajax-loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    -o-animation: ajax-loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--primary-color) transparent var(--primary-color) transparent;

    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.ajax-loading div:nth-child(1) {
    animation-delay: -0.45s;
    -webkit-animation-delay: -0.45s;
    -moz-animation-delay: -0.45s;
    -o-animation-delay: -0.45s;
}
@keyframes ajax-loading {
    0.00% {
        transform: rotate(75deg);
        -webkit-transform: rotate(75deg);
        -moz-transform: rotate(75deg);
        -o-transform: rotate(75deg);
    }
    100% {
        transform: rotate(435deg);
        -webkit-transform: rotate(435deg);
        -moz-transform: rotate(435deg);
        -o-transform: rotate(435deg);
    }
}
@-moz-keyframes ajax-loading {
    0.00% {
        transform: rotate(75deg);
        -webkit-transform: rotate(75deg);
        -moz-transform: rotate(75deg);
        -o-transform: rotate(75deg);
    }

    100% {
        transform: rotate(435deg);
        -webkit-transform: rotate(435deg);
        -moz-transform: rotate(435deg);
        -o-transform: rotate(435deg);
    }
}
@-webkit-keyframes ajax-loading {
    0.00% {
        transform: rotate(75deg);
        -webkit-transform: rotate(75deg);
        -moz-transform: rotate(75deg);
        -o-transform: rotate(75deg);
    }

    100% {
        transform: rotate(435deg);
        -webkit-transform: rotate(435deg);
        -moz-transform: rotate(435deg);
        -o-transform: rotate(435deg);
    }
}

button > .ajax-loading div {
    width: 30px;
    height: 30px;
    top: auto;
    left: 0;
    margin: 3px 0 3px 5px;
}

button[disabled] > .ajax-loading div {
    border-color: #000 transparent #000 transparent;
}

button > .ajax-loading {
    z-index: 1;
}

button > .ajax-loading:before {
    opacity: 0;
    -moz-opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
}

button > .ajax-loading:after {
    font-size: 15px;
    height: 25px;
    width: 25px;
    margin: 5px 0 25px 10px;
    padding: 0 9px;
    color: #000;
}

.radio label, .checkbox label {
    padding-left: 0;
}

.sonata-filter-form select.form-control:not(.select2-container) {
    max-width: 200px;
}
.birth_date_contact_professional > div, .birth_country_contact_professional > span,
.driver_delivery_date_contact_professional > div, .driver_expiration_date_contact_professional > div,
.civility_contact_professionnal > span ,.civility_contact_professionnal > span > span > span {
    min-width:100% !important;
    width:100% !important;
}

/* NbDay 0 to 30 */
.nb-days-color-0-30{
    color: #C550D6;
    font-weight: bold;
}
/* NbDay 30 to 60 */
.nb-days-color-30-60{
    color: #48BBBF;
    font-weight: bold;
}
/* NbDay 60 to 90 */
.nb-days-color-60-90{
    color: #5FE071;
    font-weight: bold;
}
/* NbDay 90 to 120 */
.nb-days-color-90-120{
    color: #F1CD5B;
    font-weight: bold;
}
/* NbDay 120 to 150 */
.nb-days-color-120-150{
    color: #FF8F37;
    font-weight: bold;
}
/* NbDay 150+ */
.nb-days-color-150-more{
    color: #F9282B;
    font-weight: bold;
}

.document-category,
.page-list-links .document-category {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    color: #7f9099;
    text-decoration: none;
}

/* Payments */
[id$=payment_paymentList] [data-name$="settled"] {
    text-align: right;
    padding-right: 20px;
}

[id$=payment_paymentList] [data-name$="paymentDueDate"] {
    float: right;
}

/* State Funding */
#app_bundle_order_form_down_payment_funding_choice li label
{
    font-weight: bold;
}
#funding-icon-color{
    color: #F9282B;
}
.common-state-dot-color.common-state-untreated
{
    background-color: #94693d;
}
.common-state-dot-color.common-state-waiting
{
    background-color: #99cc00;
}
.common-state-dot-color.common-state-progress
{
    background-color: #ffbb33;
}
.common-state-dot-color.common-state-completed
{
    background-color: #669900;
}

.state-dot-color.rental-state-processing
{
    background-color: #9FE1E7;
}

.advanced-search-filter-form {
    position: relative;
}

/* Import */
.import_reporting_list li {
    margin-top: 10px;
}

.import_reporting_list li .label {
    font-size: 12px;
}

/*Calendar*/
.attending_google .icheckbox_square-kepler.checked { background: #fbd75b; }
.attending_order_form .icheckbox_square-kepler.checked { background: #B3DC6C; }
.attending_workshop .icheckbox_square-kepler.checked { background: #FF887C; }
.attending_rental .icheckbox_square-kepler.checked { background: #9FE1E7; }
.attending_transport .icheckbox_square-kepler.checked { background: #C3A9FF; }
.attending_contact .icheckbox_square-kepler.checked { background: #a9ccff; }

/* Campaign */
.programmed-message-color{
    color: #1E90FF;
    margin-right: 5px;
}
.unconfirmed-reception-color{
    color: #808080;
    margin-right: 5px;
}
.message-delivered-color{
    color: #98FB98;
    margin-right: 5px;
}
.message-undelivered-color{
    color: #A52A2A;
    margin-right: 5px;
}
.temporary-error-color{
    color: #FFFF00;
    margin-right: 5px;
}
.permanant-error-color{
    color: #FFFF00;
}
.opener-color{
    color: #32CD32;
}
.clicker-color{
    color: #FFA500;
}
.unsubscribed-color{
    color: #0a0a0a;
}
.kepler-link-color {
    color: #19262c;
}
.statique-message-title-color{
    color: #FF8C00 !important;
}
.btn-show-contact{
    margin-left: 25px;
}

/*****************/
/* RELEASE MODAL */
/*****************/

.release-title {
    margin-top: 20px;
}

.release-title h2 {
    font-size: 17px;
    font-weight: bold;
    margin: 0 5% 0 0;
}

.release-title h2,
.release-title small,
.release-title a {
    color: var(--primary-color);
    text-transform: uppercase;
}

.release-title small {
    font-size: 13px;
}

.release-title .link {
    color: #fff;
    background: var(--primary-color);
    border-radius: 2px;
    padding: 5px;
    text-align: center;
}

.release-line-content {
    margin-top: 10px;
}

.release-line-content fieldset {
    border: 2px solid #E6E6E6;
    background: #F5F5F5;
}

.release-line-content legend {
    padding: 0 10px;
    background: #fff;
    color: var(--primary-color);
    font-style: italic;
    font-size: 15px;
    border: 0;
    margin: 0 10px;
    width: auto;
}

.release-line-content-text {
    padding: 10px 10px 10px 25px;
}

.release-line-content-text h4 {
    margin-top: 0;
    color: #333333;
}

.release-line-content-text > div {
    color: #999999;
    font-style: italic;
}

/* GLOBAL SEARCH */
.filter-icon-wen {
    position: relative;
    border-radius: 30px;
    height: 15px;
    width: 15px;
    border: 2px solid #dee1e2;
}

.filter-icon-wen:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 7px;
    background: #dee1e2;
    top: 14px;
    left: 11px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.global-search-magnify {
    position: absolute;
    top: 7px;
    left: 10px;
    z-index: 1;
}

#navbar-top #global-search-width:before,
#navbar-top #global_search_field {
    width: 100%;
    margin: 0 auto;
}

#navbar-top #global-search-width:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 10px;
    right: 0;
    height: 32px;
    border-radius: 3px;
    border: 1px solid #dee1e2;
    background: linear-gradient(to right,#f3f3f3 2%, #dee1e2 18%,#f3f3f3 33%);
    background-size: 50%;
    animation-name: aniHorizontal;
    animation-duration: 3.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

#navbar-top #global-search-width.loaded:before {
    display: none;
}

#navbar-top .global-search-container {
    position: absolute;
    left: 10px;
    top: 8px;
    border-radius: 2px;
}

#navbar-top .global-search-container .select2-results__option.select2-results__message,
#navbar-top .global-search-container .select2-results__option.loading-results {
    padding: 6px;
}

#navbar-top .global-search-container .select2-results__option {
    padding: 0;
}

#navbar-top .global-search-container li a {
    display: block;
    padding: 6px;
    color: #676a6c;
}

#navbar-top #global_search_field .select2-container {
    width: 100% !important;
}

#global_search_field .select2-container--default .select2-selection--single {
    height: 32px;
    background: #f3f3f3;
    border: 1px solid #dee1e2;
}

#global_search_field .select2-container--default .select2-selection--single:hover {
    background: #efefef;
}

#global_search_field .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px;
    margin-left: 30px;
}

#global_search_field .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

/*********************/
/* KREDIT TAG BUTTON */
/*********************/

/* Kredit Tag button */
button[data-kredit-tag] {
    line-height: 1;
    background-color: var(--primary-color);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

button[data-kredit-tag]:hover,
button[data-kredit-tag]:active {
    background-color: var(--primary-color-hover);;
}

button[data-kredit-tag][disabled],
button.free-cost[data-kredit-tag][disabled]:hover {
    background-color: #ccc;
}

button[data-kredit-tag] > .fa {
    position: absolute;
    right: 5%;
    top: 30%;
}

.help-kredit-tag {
    line-height: 34px;
}

.min-width-300-tooltip + .tooltip .tooltip-inner {
    min-width: 300px;
}

.min-width-500-tooltip + .tooltip .tooltip-inner {
    min-width: 500px;
}

.disabled-icon {
    pointer-events: none;
    cursor: not-allowed;
    color: #ccc;
    opacity: .45;
}

.margin-left-0-5 {
    margin-left: 0.5em
}

/*****************/
/* RELEASE MODAL */
/*****************/

@media screen and (max-width: 768px) {
    .release-title > em {
        float: right !important;
    }

    .release-title .link {
        display: block;
        width: 100%;
        margin-top: 5px;
    }
}

/**
DATATABLE
 */
.pagination > li {
    visibility: hidden;
}
.pagination > li > a {
    visibility: visible;
    border: unset;
}
div.top > .dataTables_paginate {
    margin-bottom: 20px !important;
}
.dataTables_paginate > a {
    padding: 6px 10px 4px 10px;
    text-decoration: none;
    color: inherit;
    display: inline-block;
}
.dataTables_paginate > a:hover,
.dataTables_paginate > a:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #dddddd;
}
.dataTables_paginate > a.previous:hover {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.dataTables_paginate > a.next:hover {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.element-number {
    display: inline-block;
    vertical-align: top;
    padding-top: 6px;
    padding-right: 5px;
}
.dataTables_wrapper > .bottom {
    margin-top: 20px;
}
.ps-r {
    position: relative;
}
.ps-a {
    position: absolute;
}
.h-100 {
    height: 100%;
}
.r-0 {
    right: 0;
}
.l-0 {
    left: 0;
}
.b-0 {
    bottom: 0;
}
.b-25p {
    bottom: 25px;
}
.t-0 {
    top: 0;
}
.m-b-5 {
    margin-bottom: 5px;
}
.m-t-10 {
    margin-top: 10px;
}
.m-t-20 {
    margin-top: 20px;
}
.btn-w-m {
    min-width: 95px;
}

@media screen and (min-width: 992px) {
    .list-inline > .no-padding-l,
    .no-padding-l {
        padding-left: 0;
    }
}

@media screen and (max-width: 992px) {
    .bc-collection[data-mode="oneLine"] .add-field-container {
        display: block;
    }

    .bc-collection[data-mode="oneLine"]:not(.sp-div-parent-w) .add-field-container,
    .bc-collection[data-mode="oneLine"]:not(.sp-div-parent-w) .btn-add-field > a {
        width: 100%;
    }

    .no-padding-l.col-md-.* {
        padding-left: 15px;
    }
}

.no-padding-r {
    padding-right: 0;
}
.datatable-element-number {
    padding-left: 40%;
}

.xl-modal .modal-dialog{
    width: 50%;
    min-width: 1000px;
}

.modal-header {
    padding: 10px 15px;
}

.modal-header .close {
    font-size: 27px;
}

.modal-form .modal-dialog {
    position: absolute;
    margin: auto;
    height: 100%;
    right: -60%;
    -webkit-transition: opacity 0s, opacity 0.3s linear;
       -moz-transition: opacity 0s, opacity 0.3s linear;
         -o-transition: opacity 0s, opacity 0.3s linear;
            transition: opacity 0s, right 0.3s linear;
}

.modal-form.in .modal-dialog {
    right: -1px;
}

.modal-form .modal-content {
    display: flex;
    flex-direction: column;
    height: 100vh;

    border-radius: 0;
    border-top: 0;
    border-bottom: 0;
}

.modal-form .modal-content .modal-body {
    flex: 1;
    padding: 10px;
    background-color: #FFFFFF;
}

.modal-form .modal-body > .row {
    display: flex;
}

.modal-form .border-separator-l {
    border-left: 2px solid #e5e5e5;
}

@media (max-width: 1200px) {
    .modal-form .modal-dialog,
    .modal-form.in .modal-dialog {
        width: 100%;
        min-width: 100%;
        left: 0;
        right: 0;
    }
}

#export_modal label {
    font-weight: normal;
}

/** vehicle purchase **/
.fs-11 {
    font-size: 11px;
}
.vp-estimate-row-border {
    border-bottom: 1px solid #eee;
}
.vp-estimate-row-bg {
    background: #fbfbfb;
}
.vp-estimate-row-form {
    padding: 2px 0;
    line-height: 2.5;
}
.vp-estimate-row-label {
    padding: 10px 0;
}
.vp-estimate-hr {
    margin: 10px -15px;
    border-top: 2px solid #ddd;
}
.vp-estimate-row-marge {
    background: #eee;
    border-bottom: 1px solid #fff;
}

.more-info-checkbox {
    flex: 0 0 25px;
}
.final-extra-title-container {
    min-width: 0;
    display: inline-flex;
}
.final-extra-title {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.final-extra-watermark-container {
    background: #343a40;
    position: absolute;
    top: 0;
    left: 0px;
    height: 100%;
    width: 17px;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
}
.final-extra-watermark {
    position: absolute;
    bottom: 5px;
    left: 16px;
    transform: rotate(-90deg);
    transform-origin: bottom left;
    display: block;
    width: 100%;
    height: 15px;
    margin: 0;
    color: #fff;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.display-flex {
    display: flex;
    align-items: center;
}

/** SHARED VEHICLE **/
.list-shared-vehicle td  {
    background-color: #c5cedb !important;
}

.list-shared-vehicle:hover > td  {
    background-color: #e9ebec !important;
}

/** NOTIFICATIONS **/
.notifications-number {
    position: absolute;
    top: -6px;
    left: 15px;
    color: var(--primary-color-hover);
    vertical-align: middle;
    text-align: center;
    background-color: var(--secondary-color);
    border-radius: 5px;
    padding: 2px 3px;
    display: none;
    min-width: 18px;
    border: 1px solid #fff;
}

[data-notifications-container] .tooltip-inner {
    max-width: none;
    padding: 0;
    border-radius: 3px;
    color: #2f4050;
    background-color: #ffffff;
    box-shadow: 0 0 3px rgb(86 96 117 / 70%);
}

.notifications-tooltip-title {
    text-align: left;
    border-bottom: 1px solid #e4e6e7;
    padding: 10px 15px;
    margin: 0;
    font-size: 1.2em;
}

.notifications-tooltip-messages {
    overflow-y: scroll;
    max-height: 450px;
}

.notifications-tooltip-messages::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.notifications-tooltip-messages {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.notifications-tooltip {
    width: 440px;
    top: 45px;
    right: 0;
    display: none;
    opacity: 1;
}

.notifications-tooltip-messages div {
    font-size: 1em;
    font-weight: 500;
    background-color: #ffffff;
    border-bottom: #e7eaec solid 1px;
}

.notifications-tooltip-messages div:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.notifications-tooltip-messages div > * {
    display: block;
    padding: 10px;
}

#navbar-top .notifications-tooltip-messages div > a {
    padding: 10px;
    line-height: 1;
    font-weight: 600;
    font-size: 13px;
    color: #203e6a;
}

.notifications-tooltip-messages a:hover {
    background-color: #f5f5f5;
}

.notifications-tooltip-messages .non-seen {
    font-weight: 700;
}

.display-none {
    display: none;
}

.no-m-l-r {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.stock-sharing-key-wrapper,
.price-increases-wrapper {
    display: flex;
}

.price-increases-title,
.stock-sharing-key {
    height: 34px;
    background-color: #eee;
    display: table;

    flex: 1;
    padding: 0 15px;
    margin-right: 10px;
}

.price-increases-title span,
.stock-sharing-key span {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700;
}

.stock-sharing-config-container .config-value {
    text-transform: uppercase;
}

.price-increases-price-container, .stock-sharing-config-container {
    padding-top: 20px;
    background-color: #DEDEDE;
    padding-bottom: 20px;
}

.border-dashed {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px dashed #eeeeee;
}

#receivers-modal {
    position: fixed !important;
}

#purchase-charges-external .form-group-contact-selection {
    padding: 0 10px 0 0;
}

.div-italic label {
    font-style: italic;
}

.fieldset {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px grey;
    box-shadow:  0px 0px 0px 0px grey;
}

.fieldset legend {
    font-size: 1.2em !important;
    font-style: italic !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
    color: var(--primary-color);
}

.common-state-exported {
    background-color: #690;
}

.api-documentation #page-wrapper {
    margin: 0;
    padding: 0;
}

.api-documentation .page-header-wrapper {
    position: static
}

.api-documentation  #page-wrapper > .sonata-main-block {
    margin: 0;
    padding-top: 10px;
}

.input-group-costing input {
    min-width: 48px;
}

.content-email-wrapper {
    display: flex;
    height: calc(100vh - 290px);
    min-height: 300px;
}

.content_email {
    overflow-y: scroll;
}