/* -- sw_nextgen.css -- */

html {
    overflow-y: scroll;
    --danger: #d9534f;
}

body {
    height: 101%;
}

body.swnext {
    border-top: 5px solid red;
}

.bold {
    font-weight: bold;
}

.panel-heading {
    margin-top: -1px;
}

.nav, .pagination, .carousel, .panel-title a {
    cursor: pointer;
}

nav a:hover,
nav a:focus,
a:focus {
    /*outline: 1px solid red !important;*/
    /*outline-offset: 0px;*/
    /*outline-color: red !important;*/
}

a:link {
    text-decoration: none;
}

textarea {
    min-height: 30px;
}

input[type="checkbox"] {
    width: auto;
}

#home {
    padding-right: 6px;
    margin-right: -1px !important;
}

.leftlabel {
    text-align: left !important;
}

.brandlogo {
    width: 50px;
}

.brandselect {
    margin-left: 10px;
}

.no-padding {
    padding: 0;
}

.quickmenu {
    top: 0px !important;
    left: -10px !important;
    border-color: currentcolor currentcolor black;
    border-style: none none solid;
    border-width: medium medium 1px;
}

/* no-button buttons */
.no-btn,
.no-btn:focus {
    background: none;
    margin: 0;
    padding: 0;
    box-shadow: none !important;
    outline: none;
    border: none;
}


.no-btn.primary {
    color: #337ab7;
}

.no-btn.success,
i.success {
    color: #5cb85c;
}

.no-btn.danger,
i.danger {
    color: var(--danger);
}

.no-btn.info,
i.info {
    color: #5bc0de;;
}

.no-btn.warning,
i.warning {
    color: #f0ad4e;
}

.no-btn-link:active,
.no-btn-link:focus {
    border: none !important;
    outline: none !important;
    border: none !important;
}

/*End of no-button button */

.swbrowserboolean.glyphicon-ok {
    color: #5cb85c;
}

.swbrowserboolean.glyphicon-remove {
    color: #d9534f;
}

.swbrowserboolean.glyphicon-question-sign {
    color: grey;
}

a.swheadertitle {
    cursor: pointer;
    text-decoration: none;
}

#container {
    padding: 20px;
}

#editForm {
    padding-left: 0;
    padding-right: 0;
}

/* swtoolbar */
#editForm .sw-heading h2 {
    margin-top: 10px;
}

#editForm .form-group {
    margin-right: 3px;
}

#editForm h3 {
    margin-left: 10px;
}

#editForm .form-group input[type="checkbox"] {
    margin-top: 10px;
}

.panel-primary .sw-heading {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -1px;
}

.panel-primary .sw-heading h2 {
    margin-top: 10px;
}

.sw-divider-title {
    /*background-color: #337ab7;*/
    /*color: white;*/
    margin: 0 !important;
    padding-left: 15px;
    border-bottom: 1px solid silver;
}

/*.sw-divider-title button:hover {*/
/*    color: white;*/
/*}*/

.CNL .panel-primary {
    /*border-color: #1E2336;*/
    border-color: #dc002e;
    min-height: 120px;
}

.CNL .panel-primary .sw-heading {
    color: #fff;
    border-color: #dc002e;
    /*border-color: #1E2336;*/
    background-color: #dc002e;
    /*background-color: #1E2336;*/
    margin-bottom: 0px;
}

.PNE .panel-primary {
    border-color: #0062C5;
    /*border-color: #2e6da4;*/
    margin-top: 1px;
}

.PNE .panel-primary .sw-heading {
    background-color: #0062C5;
    /*background-color: #2e6da4;*/
    border-color: #2e6da4;
}

.DS .panel-primary {
    border-color: #1d1717;
}

.DS .panel-primary .sw-heading {
    background-color: #1d1717;
    border-color: #1d1717;
}

#editForm .sw-heading {
    margin-bottom: 10px !important;
}

swtoolbar div,
div.swtoolbar {
    background-color: white;
    padding: 7px;
    border-radius: 4px;
    margin-right: 3px;
    margin-top: 3px;
}

.bstoolbarsnarrow {
    width: 17%;
}

.bstoolbarswide {
    width: 23%;
}

/* Pagination */
.itemsperpage input {
    width: 40px !important;
    padding: 0;
    height: 30px;
    color: #337ab7;
}

.itemsperpage {
    width: 180px;
}

.pagination .input-group-addon {
    height: 30px;
}

span.narrow-addon {
    padding-left: 2px;
    padding-right: 2px;
}

/* Form validation */
form.ng-dirty select.ng-invalid + div a,
form.ng-dirty select.ng-invalid,
form.ng-dirty textarea.ng-invalid,
form.ng-dirty .ng-invalid-required,
form.ng-dirty .ng-valid-required.ng-empty,
input.hasError {
    border-color: #a94442 !important;
    border-style: solid;
    border-width: 1px;
}


#cPassword2.ng-dirty.ng-invalid-required
.form-control.ng-empty[required].ng-touched,
.form-control.ng-invalid-date,
.form-control.ng-invalid-validate-date,
.form-control.ng-invalid-min{
    border: 1px solid red;
}

.form-control.ng-invalid-date.disabled {
    border-color: rgb(204, 204, 204);;
}



form.ng-dirty.ng-invalid {
    /*border: none;*/
}

#appheader {
    height: 70px;
}

/* Brands*/
#brands {
    height: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#brands .col-lg-3 {
    padding: 0;
}

#brands img {
    max-height: 80px;
    opacity: 0.5;
}

#brands .active img {
    opacity: 1;
}

#brand_psa {
    width: 14%
}

#brand_psa img {
    opacity: 1;
}

.brandtab {
    border-top: 2px solid transparent;
    padding-bottom: 5px !important;
    height: 50px;
    padding-left: 3px;
}

#userinfo {
    font-size: 12px;
    height: 50px;
    /*height: 90px;*/
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    width: 86%;
}

#userinfo .btn {
    /*font-size: 13px;*/
}

#main-nav li a a {
    border: none;
}

#main-nav a {
    margin-bottom: 0;
    margin-top: 0;
}

.CNL #main-nav a.active {
    color: #d21327;
}

.DS #main-nav a.active {
    color: #2f2726;
}

.PNE #main-nav a.active {
    color: #142032;
}

.active a {
    border-radius: 0 !important;
}

#brand_cnl.active {
    border-top: 2px solid #d21327;
}

#brand_ds.active {
    border-top: 2px solid #c3b6a5;
}

#brand_pne img {
    height: 65px;
}

#brand_pne.active {
    border-top: 2px solid #2e6da4;
}

/* User info */
#userinfo a {
    border-bottom: none;
}

.nav-item {
    min-width: 50px;
    margin: 15px 5px;
}

.nav-item li a {
    border: none;
    border-bottom: 1px solid silver;
}

.mainmenu-item .no-link {
    cursor: auto;
    border-bottom: none;
}

div.mainmenu-item {
    text-transform: uppercase;
}

/* Chosen Select */
.chosen-container .chosen-results {
    max-height: 600px !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    font-family: 'Raleway', 'arial' !important;
    font-size: 14px !important;
}


.chosen-container .chosen-choices {
    border-color: #ccc !important;
    border-radius: 4px;

}

.chosen-container .chosen-choices li.search-field {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.chosen-container a.chosen-single {
    margin-top: 0px;
    margin-bottom: 3px;
    height: 34px;
    padding-top: 5px;
    border-color: #ccc;
}

.chosen-container-single .chosen-single div b {
    background-position-y: 8px !important;
}

.chosen-single-with-deselect .search-choice-close {
    margin-top: 6px;
}

.chosen-container.ng-invalid {
    border: none;
}

.chosen-container.ng-invalid a {
    border: 1px solid #a94442;
}


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

/* Meta data */
.metadata,
.metadata .panel-title {
    color: #aaa !important;
}

.menu-icon {
    padding-top: 9px;
}

.mainmenu-item a,
a.mainmenu-item {
    padding-right: 0;
    border-right: none;
    border-left: none;
    padding-left: 6px;
}

.mainmenu-item a.no-subitems {
    padding-right: 3px;
}

.mainmenu-item button.dropdown-toggle {
    padding-left: 3px !important;
}

.compact-menu.mainmenu-item a {
    font-size: 13px;
}

.mainmenu-item button {
    border-right: none;
    border-bottom: none;
    border-left: none;
    padding: 6px 5px;
}

.compact-menu.mainmenu-item button,
a.mainmenu-item.compact-menu,
button.mainmenu-item.compact-menu {
    padding-top: 5px;
}

a.mainmenu-item.btn-primary:active,
.mainmenu-item .btn-primary:active,
a.mainmenu-item.btn-primary:hover,
.mainmenu-item .btn-primary:hover,
.mainmenu-item .btn-primary.focus,
.mainmenu-item .btn-primary:focus {
    background-color: #337ab7;
}

.submenu-item a.btn-primary {
    background-color: #ffffff;
    text-align: left;
}

.cl-effect-21 a {
    color: #1E2336 !important;
}

.settings-item-outer {
    margin: 0;
    padding: 3px;

}

.settings-item {
    height: 166px;
    border: 3px solid #337ab7;
    border-radius: 5px;
    font-size: 24px;
    padding-top: 30px;
}

.settings-item i {
    font-size: 48px;
}

/* Bootstrap overrides */
.alert {
    margin-top: 10px;
    margin-bottom: 10px;
}

.CNL .settings-item {
    /*border-color: #646464;*/
    border-color: #f0780a;
}

.CNL .settings-item a {
    /*color: #646464 !important;*/
    color: #f0780a !important;
}

.CNL .settings-item:hover {
    border-color: #6fd4e4 !important;
}

.CNL .settings-item:hover a {
    color: #6fd4e4 !important;
}

.DS .settings-item {
    border-color: #c3b6a5;
}

.DS .settings-item a {
    color: #c3b6a5 !important;
}

.DS .settings-item:hover {
    border-color: #2f2726 !important;
}

.DS .settings-item:hover a {
    color: #2f2726 !important;
}

.PNE .settings-item {
    border-color: #133d5f;
}

.PNE .settings-item a {
    color: #133d5f !important;
}

.PNE .settings-item:hover {
    border-color: #133d5f !important;
}

.PNE .settings-item:hover a {
    color: #133d5f !important;
}

#appheader .toprow {
    height: 50px;
    padding-right: 3px;
}

#appheader .toprow .btn {
    margin: 0;
    border-radius: 0;
    border-bottom: none;
    min-height: 33px;
}

#appheader .toprow .submenu-item .btn {
    margin: 0;
    border-radius: 0;
    border-bottom: none;
    min-height: 25px;
}


#appheader .toprow .left-button {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#appheader .toprow .right-button {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding-right: 10px;
}

/* Approval attachments*/
div.attachment_icon {
    height: 50px;
    float: left;
    margin: 5px;
}

#approvalflowsteps.table .deletebutton {
    margin-top: 6px;
}

table.approvals .status i {
    margin-left: 2px;
}

table.approvalsteps .status i.status {
    margin-left: 12px;
    margin-top: 9px;
}

table.approvals .status i.glyphicon-question-sign,
table.approvalsteps .status i.glyphicon-question-sign,
table.approvalsteps i.remark.glyphicon-exclamation-sign {
    color: #337ab7;
}

table.approvals .status i.glyphicon-ok-sign,
table.approvalsteps .status i.glyphicon-ok-sign {
    color: #5cb85c;
}

table.approvals .status i.glyphicon-remove-sign,
table.approvalsteps .status i.glyphicon-remove-sign {
    color: #d9534f;
}

#circularflowsteps.table .deletebutton {
    margin-top: 6px;
}

table.circulars .status i {
    margin-left: 2px;
}

table.circularsteps .status i.status {
    margin-left: 12px;
    margin-top: 9px;
}

table.circulars .status i.glyphicon-question-sign,
table.circularsteps .status i.glyphicon-question-sign,
table.circularsteps i.remark.glyphicon-exclamation-sign {
    color: #337ab7;
}

table.circulars .status i.glyphicon-ok-sign,
table.circularsteps .status i.glyphicon-ok-sign {
    color: #5cb85c;
}

table.circulars .status i.glyphicon-remove-sign,
table.circularsteps .status i.glyphicon-remove-sign {
    color: #d9534f;
}

i.icon-popover {
    cursor: pointer;
}

.popover.left {
    margin-left: -10px !important;
    margin-top: 0px !important;
}

.explain {
    margin: 6px;
}

#environment {
    position: fixed;
    top: 10px;
    left: 10px;
    font-size: 30px;
    /*display: none;*/
    /*border: 1px solid silver;*/
    /*border-radius: 3px;*/
    padding: 2px;
    /*color: #fff;*/
}

.Localhost #environment,
.Development #environment,
.Test #environment
{
    display: block;
}

.Localhost #environment .label-info{
    background-color: blue;
}
.Development #environment .label-info{
    background-color: red;
}

.Test #environment .label-info{
    background-color: orange;
}

.Productie #environment .label-info{
    background-color: green;
}



.dev #environment .label-info,
.stellantisweb #environment .label-info
{
    background: red;
}

tags-input .tags .tag-item .remove-button {
    color: #fff !important;
}

tags-input[disabled="disabled"] .tags input {
    display: none !important;
}

.my-drop-zone,
.nv-file-over {
    border: dotted 3px red;
}

input.file-select {
    margin-top: 8px;
    margin-left: 16px;
}

/* Point and shoot widget */
.pas-selected,
.pas-toselect {
    min-width: 300px;
    border-radius: 3px;

}

.pas-toselect,
.pas-selected {
    min-height: 140px;
    width: 350px;
}

.b2brequestsexport .pas-toselect,
.b2brequestsexport .pas-selected {
    height: 200px !important;
}


i.psa-all-left {
    margin-left: -6px;
    margin-right: -7px;
}

i.psa-all-right {
    margin-right: -5px;
}

.choose_tags {
}

div .col-sm-1.postalcode {
    padding-right: 0;
}

/* Spinner */
/*.spinner {*/
/*display: inline-block;*/
/*opacity: 0;*/
/*width: 0;*/

/*-webkit-transition: opacity 0.25s, width 0.25s;*/
/*-moz-transition: opacity 0.25s, width 0.25s;*/
/*-o-transition: opacity 0.25s, width 0.25s;*/
/*transition: opacity 0.25s, width 0.25s;*/
/*}*/

/*.has-spinner.active .spinner {*/
/*opacity: 1;*/
/*width: auto; !* This doesn't work, just fix for unkown width elements *!*/
/*}*/

span.spinner {
    margin-top: 16px;
}

.icon-spin {
    font-size: 20px;
}

/* Dealer list */
.dealers #filter_cDealername,
.dealers #filter_idDealergroup_chosen {
    width: 49% !important;
}

.dealers #filter_idDealergroup_chosen {
    float: right;
}

div.col-sm-2.dealercode {
    width: 10%;
}

label[for="cDealername"] {
    width: 12%;
}

.small-header div {
    width: 50%;
    float: left;
}

/* Drop width of chosen on claim status */
#filter_idStatus_chosen .chosen-drop,
#filter_idDealer_chosen .chosen-drop,
#filter_cDealercode_chosen .chosen-drop,
#filter_idDealergroup_chosen .chosen-drop,
#filter_idAction_chosen .chosen-drop {
    width: 300px;
    border-top: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#filter_idAction_chosen .chosen-drop {
    width: 300px;
}

/* Style the idclaim in the claimslist */
.hdr-claimid,
.hdr-dtclaim,
.hdr-b2bmkbrequestid {
    min-width: 105px;
    padding-right: 3px !important;
}

.hdr-status {
    min-width: 140px;
    padding-left: 0 !important;
    padding-right: 4px !important;
}

.hdr-status span div {
    width: 65px;
    padding-left: 10px;
}

.hdr-status .btn-xs {
    margin-right: 1px;

}

.hdr-claimid div {
    width: 45px;
}

.idclaim a {
    margin-left: 3px;
}

tr#filters input.form-control {
    padding: 4px 3px !important;
}

#checkall {
    margin-top: 12px;
}

#filter_id {
    width: 85px;
    margin-left: 3px;
}

#btnnewclaim {
    margin-right: 5px;
    margin-left: -3px;
}

a:focus {
    outline: thin solid grey !important;
}

table tr.CNL,
table tr.CNL td a,
table tr.CNL td a:link,
table tr.CNL td a:visited,
table tr.CNL td a:active,
.cnl-dashboard-widget table tr.CNL td {
    color: #000;
    color: #dc002e;
}

table tr.DSN,
table tr.DSN td a,
table tr.DSN td a:link,
table tr.DSN td a:visited,
table tr.DSN td a:active,
.dsn-dashboard-widget table tr.DSN td {
    color: #000;
    color: #2f2726;
}

table tr.PNE td,
table tr.PNE td a,
table tr.PNE td a:link,
table tr.PNE td a:visited,
table tr.PNE td a:active,
.pne-dashboard-widget table tr.PNE td {
    color: #000;
    color: #0062C5;
}

table tr.OPN td,
table tr.OPN td a,
table tr.OPN td a:link,
table tr.OPN td a:visited,
table tr.OPN td a:active,
.OPN-dashboard-widget table tr.OPN td {
    color: #000;
    /*color: #F7D900;*/
}

table tr td a i {
    color: #fff;
}

table tr td ul.pagination-sm a i {
    color: #337ab7;
}

button.brandcnl.btn-primary,
button.brandcnl.btn-primary:focus,
button.brandcnl.btn-primary:hover,
label.brandcnl.btn-primary,
label.brandcnl.btn-primary:focus,
label.brandcnl.btn-primary:hover {
    background-color: #dc002e;
    border-color: #dc002e;
}

button.brandpne.btn-primary,
button.brandpne.btn-primary:focus,
button.brandpne.btn-primary:hover,
label.brandpne.btn-primary,
label.brandpne.btn-primary:focus,
label.brandpne.btn-primary:hover {
    background-color: #0062C5;
    border-color: #0062C5;
}

button.branddsn.btn-warning,
button.branddsn.btn-warning:focus,
button.branddsn.btn-warning:hover,
label.branddsn.btn-warning,
label.branddsn.btn-warning:focus,
label.branddsn.btn-warning:hover {
    background-color: #2f2726;
    border-color: #2f2726;
}

label.brandpne[disabled],
label.brandcnl[disabled],
label.branddsn[disabled],
label.brandds[disabled] {
    opacity: 1;
}

.brandindicator {
    width: 21px;
    height: 19px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid silver;
    font-size: 12px;
}

.brandindicator img {
    height: 20px;
}

.CNL .brandindicator,
.CNL.brandindicator {
    color: white;
    background-color: #dc002e;
    border-color: #dc002e;
}

.PNE .brandindicator,
.PNE.brandindicator {
    color: white;
    background-color: #0062C5;
    border-color: #0062C5;
}

.DSN .brandindicator,
.DSN.brandindicator {
    color: white;
    background-color: #2f2726;
    border-color: #2f2726;
}

/* */
.OPN .brandindicator,
.OPN.brandindicator {
    background-color: #f7d900 !important;
    color: #000000 !important;
    border-color: #000000;
}

.FCA .brandindicator,
.FCA.brandindicator {
    background-color: #ad0c33 !important;
    color: #FFFFFF !important;
    border-color: #ad0c33;
}


.GPN .brandindicator,
.GPN.brandindicator {
    background-color: #35466A !important;
    border-color: #35466A !important;
    color: #FFFFFF !important;
}

#choosebrand label.btn-warning {
    background-color: #2f2726;
    border-color: #2f2726;
}

#choosebrand label.btn-primary {
    background-color: #0062C5;
    border-color: #0062C5;
}

.opn-color {
    background-color: #f7d900 !important;
    color: #000000 !important;
}

.fca-color {
    background-color: #ad0c33 !important;
    color: #ffffff !important;
}

.dsn-color {
    background-color: #2f2726 !important;
    border-color: #2f2726 !important;
    color: #FFFFFF !important;
}

.gpn-color {
    background-color: #35466A !important;
    border-color: #35466A !important;
    color: #FFFFFF !important;
}

.btn-primary
.tag-label {
    font-weight: normal;
    margin-right: 2px;
}

.stockcar .tag-label {
    font-weight: bold;
    margin-top: 3px;
    background-color: darkblue;
}

div.input-group a.chosen-single {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#filter_idDealergroup {
    width: 60%;
}


#filterlinesdescription #jTags_chosen {
    width: 39% !important;
    float: right;
}

#jTags_chosen input {
    width: 100% !important;
    text-align: right;
}

.claim .claim_container {
    padding-left: 10px;
}

.claimlines {
    margin-left: 0 !important;
    padding-left: 0;
    padding-right: 0;
}

.claimlines h3 {
    padding-left: 15px;
    margin-top: 5px;
}

.claimlineinfo div.line_text {
    color: #999;
}

.claimlinenumber {
    width: 30px;
    float: left;
}

.claimlinenumber .line_text {
    padding-left: 0;
}

.claimlinechassis {
    width: 17%;
    float: left;
}

.claimlineorder {
    width: 10%;
    float: left;
}

.claimlinenocars {
    width: 27%;
    float: left;
}

.claimlinedescription {
    width: 27%;
    float: left;
}

.claimlineclaim {
    width: 10%;
    float: left;
}

.claimlineclaim #dClaim_chosen {
    width: 110px !important;
}

.claimlinecorrection {
    width: 10%;
    float: left;
}

.claimlinebalance {
    width: 10%;
    float: left;
}

.claimlinedt31 {
    width: 10%;
    float: left;
}

.claimlineds12 {
    width: 15%;
    float: left;
}

.claimlinepaid {
    width: 10%;
    float: left;
}

.claimlineaction {
    width: 5%;
    float: left;
}

.claimlinelcdv {
    width: 25%;
    float: left;
}

.headerline {
    width: 100%;
}

.headerline label {
    padding-left: 0;
}

.line_cchassis {
    width: 60%;
}

.line_cdialogorder {
    width: 35%;
    margin-left: 2%;
}

div.line_text {
    padding-top: 5px;
    color: #555;
    padding-left: 5px;
}

.line_dtdelivery,
.line_dtcustomerorder {
    width: 50%;
}

.claimlinechassis,
.claimlineclaim,
.claimlineorder,
.claimlinecorrection,
.claimlinebalance {
    padding-left: 2px;
    padding-right: 2px;
}

.claimline i.swbrowserboolean,
.claimline button {
    padding-top: 5px;
}

.line_cdescription,
.line_ccustomername,
.line_dnetcat,
.line_clicenseplate,
.line_lpaid,
.line_ctradein,
.line_ctypeutil {
    width: 100%;
}

.car-messages .label {
    font-weight: normal;
    margin-right: 5px;
    font-size: 85%;
    margin-top: 3px;
}

.car-messages div.no-btn.danger {
    font-size: 85%;
}

a.jumpto {
    color: #fff;
    cursor: pointer;
}

.actiontooltip {
    min-width: 250px;
}

.tooltip.actiontooltip .tooltip-inner {
    color: #fff;
    background-color: #337ab7;
}

.tooltip.actiontooltip .tooltip-arrow {
    display: none;
}

.toomanylines button {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 3px;
}

.toomanylines .searchline {
    width: 250px;
    padding-bottom: 0;
    padding-top: 0;
    height: 22px;
    margin-right: 3px;
}

/* Back to top button */
a.back-to-top {
    display: none;
    width: 60px;
    height: 60px;
    /*text-indent: -9999px;*/
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    background: #337AB7;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding-left: 10px;
    padding-top: 7px;
    font-size: 40px;
    color: #fff;
}

/* End of Back to top button */

.button-dumpbox i.right {
    position: relative;
    left: -7px;
    top: -4px;
}

.button-dumpbox i.left {
    position: relative;
    left: 5px;
    top: 7px;
}

.claims .button-dumpbox {
    padding: 1px;
    width: 22px;
}

.claims .button-dumpbox i.right {
    width: 10px;
    position: relative;
    left: -6px;
    top: -3px;
}

.claims .button-dumpbox i.left {
    width: 9px;
    position: relative;
    left: 1px;
    top: 6px;
}

.modal-header {
    background-color: #337AB7;
    color: #fff;
}

.claimhistory {
    padding-left: 25px;
}

.claimhistory label {
    cursor: pointer;
}

div.areamanager-badges {
    padding-top: 7px;
}

.form-control {
    padding: 6px !important;
}

#droptext {
    border: 2px dashed red;
    background-color: #eee;
}

i.hasattachment {
    color: grey;
}

.dashboard-logo {
    background-color: white;
    border-radius: 3px;
    margin-top: -26px;
    margin-left: 3px;
    padding: 3px 3px 3px 3px;
    width: 50px;
    text-align: center;
}

.openclaimlist,
.openrequestlist,
.openIdicslist {
    cursor: pointer;
}

.dashboard-link {
    border-radius: 3px;
    margin-top: -20px;
    padding: 4px 3px 3px 3px;
}

.dashboard-link a {
    color: white;
}

.dashboard-count {
    width: 60px;
    margin-left: 20px;
}

button.dashboard-collapse,
button.dashboard-collapse:focus {
    margin-left: -6px;
    margin-right: 5px;
    margin-top: -2px;
}

button.dashboard-collapse:hover,
button.dashboard-collapse:focus {
    color: #ffffff;
}

.buybackcar button.dashboard-collapse:hover,
.buybackcar button.dashboard-collapse:focus {
    color: #333;
}


#messages tr.unread td {
    font-weight: bold;
}

.messagebox {
    color: #dc002e;
}

/* Intro */

input[type=checkbox].form-control {
    margin-top: 0 !important;
    box-shadow: none;
    width: initial;
}

.explanation-button {
    margin-top: 20px !important;
    font-size: 20px;
    color: white !important;
}

.introjs-tooltip.brandselectors {
    width: 300px;
}

.introjs-tooltip.filtertags {
    width: 400px;
    max-width: 400px;
}

.introjs-tooltip.filterdate {
    width: 300px;
}

.introjs-tooltip.filterdate button {
    min-width: 24px;
}

.introjs-tooltip.btnnewclaim {
    max-width: 800px;
    width: 650px;
}


#stockcarsearch .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

#stockcarsearch .btnsort.dropdown-toggle {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

#stockcarsearch .searchcounter {
    height: 34px;
    width: 40px;
    color: #333;
}

#stockcarsearch .search-label {
    font-weight: normal;
    margin-right: 3px;
    padding-right: 0;
    float: left;
    margin-bottom: 5px;
    padding: 0px 5px;
}

.label-fuel {
    background-color: #345;
}

.label-option {
    background-color: #008080;
}

.label-dealercode {
    background-color: #FF5733;
}

.label-discount {
    background-color: #800080;
}

.label-tag {
    background-color: darkblue;
}

button.closeselection {
    background-color: transparent;
    font-weight: bold;
}

button.btnsearchcars {
    width: 208px;
}

button.btnsearchcars i {
    padding-left: 4px;
}

div.carimage {
    padding-left: 0;
    padding-right: 0;
    min-height: 80px;
    width: 10%;
}

.carimage:hover {
    cursor: pointer;
}


.carimage img {
    width: 100px;
}

.carrow .well {
    padding: 5px;
}

.carrows div {
    float: left;
}

.carrows .col-1 {
    width: 29%;
}

.carrows .col-2 {
    width: 20%;
}

.carrows .col-3 {
    width: 17%;
}

.carrows .col-4 {
    width: 20%;
}

.carrows .panel-footer {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.stockcar-pagination .fa {
    margin-top: 9px;
    margin-right: 9px;
}

.dealertooltip {
    width: 300px;
}

.label-caroption {
    margin: 5px;
    padding: 5px;
    background-color: #ddd;
    color: #000;
    font-size: 12px;
}

.carstrong {
    font-weight: bold;
}

.carrows .pagination-sm {
    margin-top: 0;
    margin-bottom: 0;
}

ul.pagination-sm li.active a {
    border-color: #fff;
}

ul.pagination-sm li.active a:hover {
    border-color: #fff;
}

ul.pagination-sm:first-child li.active a {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

ul.pagination-sm:last-child li.active a {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

i.newsearchneeded {
    color: #f0ad4e;
}


.combicoderow.well {
    padding: 10px;
    margin-bottom: 5px;
}

.combicode {
    width: 80px;
    padding-left: 10px;
    padding-right: 0px;
}

.combicode .combicodecheckbox {
    margin-right: 5px;
    margin-top: 5px !important;
}

.label-combicode {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    color: #333;
}

.combicodeoptioncode {
    width: 50px;
    margin-right: 5px;
}

.combicodeoptiondescription {
    width: 265px;

}

.optionprice {
    color: red;
    display: none;
}

.bpm,
.vat {
    display: none;
}

#stockcarsearch .cChassis {
    width: 90%;
}

#stockcarsearch .dropdown-toggle {
    padding-right: 4px;
}

div.allocation {
    background-color: #fff;
    margin-top: 10px;
    padding-top: 5px;
}

div.allocation h4 {
    margin-top: 0;
}

.allocation-title {
    color: #d9534f;
}

.dealersforallocation .chosen-search,
.carrossiersforallocation .chosen-search {
    width: 100%;
}

#allocations .CNL {
    color: #d21327;
}

#allocations .DS {
    color: #2f2726;
}

#allocations .PNE {
    color: #142032;
}

.introjs-tooltip.btnsearchcars {
    width: 450px;
    max-width: 450px;
    left: -212px !important;
}

.introjs-tooltip.btnsearchcars div.introjs-arrow.top {
    left: 330px;
}

.introjs-tooltip.selectioncriteria {
    width: 500px;
    max-width: 500px;
}

.introjs-helperLayer.selectioncriteria {
    height: 190px !important;
    top: 205px !important;
}

.introjs-tooltip.searchresultintro,
.introjs-tooltip.allocationintro {
    width: 1160px;
    max-width: 1200px;
    top: -10px !important;
}


.introjs-helperLayer.searchresultintro,
.introjs-helperLayer.allocationintro {
    display: none;
}

.editfilter .input-group {
    padding-left: 15px;
    padding-right: 15px;
}

.form-group.filterlines {
    margin-left: 0;
}

.filterlines h3 {
    padding-left: 40px;
    margin-top: 5px;
}

.filterlines select {
    height: 33px;
}

.filterlines button.btn-danger {
    margin-top: 5px;
}

#btnshowownstock {
    color: #FF5733;
    margin-left: -2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#btnshowownstock.active {
    background-color: #FF5733;
    color: #fff;
}

.swtoolbar #btn-add {
    padding-left: 3px;
    padding-right: 3px;
}

.swtoolbar #btn-add i.glyphicon-check {
    position: relative;
    left: 5px;
    top: 6px;
}

.swtoolbar #btn-add i.glyphicon-plus {
    position: relative;
    left: -2px;
    top: -3px;
}

.searchselected span {
    color: #fff !important;
}

.lbl-grey {
    font-weight: normal;
    color: #999;
}

.dealerremark input,
.dealerremark i {
    color: #5cb85c;
}

.importerremark input,
.importerremark i {
    color: #337ab7;
}

.dealerremark button i,
.importerremark button i {
    color: #5cb85c;
}

.discounttooltip {
    /*display:none;*/ /* Premies worden weer getoond */
}

.discounttooltip .fa-hand-o-up {
    color: orangered;
}

.date-container {
    width: 12%;
}

.CON_vervaldatum,
.CON_ingangsdatum {
    width: 120px;
}

.input-group[class*=col-] {
    padding-left: 15px;
}

tags-input.tagsinternal .tags .tag-item {
    background: #5cb85c;
    border: 1px solid #5cb85c;
}

#cLefttable_chosen {
    width: 85% !important;
    float: right;
}

.b2bupdates td .checkb2bupdate {
    margin-right: 20px;
}

.nav-tabs > li > a {
    border: 1px solid silver;
    border-bottom: none;
    border-radius: 4px 4px 0 0 !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-color: #337ab7;
    border-bottom-color: transparent;
    color: #337ab7;
    font-weight: bold;
}

.tab-pane {
    padding-top: 5px;
}

.matrixtable {
    display: block;
    overflow-x: scroll;
    margin-left: 100px;
    width: 92%;
}

.matrixtable .td {
    text-align: center;
}

.matrixtable .fix {
    position: absolute;
    white-space: nowrap;
    *position: relative; /*ie7*/
    margin-left: -100px;
    width: 100px;
}

.matrixtable .table-cell {
    padding: 0 !important;
    text-align: center;
    width: 30px;
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.matrixtable .fix .table-cell {
    width: 90px;
    text-align: left;
}

.buybackcarsimporttable tr {
    height: 38px !important;
    min-height: 5px !important;
}

.buybackcarsimporttable td {
    padding: 1px !important
}

.buybackcarsimporttable td.found {
    padding: 5px !important;
}

.buybackcarsimporttable td.found .swbrowserboolean {
    padding: 5px 5px !important;
}


.scrollright {
    /*margin-left: 10px;*/
}

.table-striped > tbody > tr:nth-of-type(odd) td.fix {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
    border-left: 1px solid #d9534f;
    border-right: 1px solid #d9534f;
}

#homewelcomemessage a:link,
#homewelcomemessage a:active,
#homewelcomemessage a:visited {
    color: white;
}

#filter_idModelname_chosen div.chosen-drop {
    width: 200px;
}

.table > tbody > tr > td.b2bmkbrequestnumber {
    padding-top: 18px
}

#filter_idB2bcustomer_chosen div.chosen-drop {
    width: 350px !important;
}

.b2brequest .chosen-disabled {
    opacity: inherit !important;
}

.b2brequest .chosen-disabled a div b {
    display: none;
}

.b2brequest .chosen-disabled.chosen-container-single a {
    background: inherit;
    background-color: #eee;
}

.mainmenu-item .dropdown-menu > li > a:focus,
.mainmenu-item .dropdown-menu > li > a:hover {
    color: #fff;
}

.modeltable tr {
    height: 45px;
}

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

.fleetcode {
    color: #5cb85c;
    font-weight: bold;
}

.submenu-item .b2bmkbrequests {
    color: #5cb85c;
}

.submenu-item .b2bfleetrequests {
    color: #d9534f;
}

.submenu-item .b2bcommrequests {
    color: #f0ad4e;
}


/* No up and down buttons on the kvk input. */
input#cCoc::-webkit-inner-spin-button,
input#cCoc::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.b2bfleetrequests .popover {
    color: #333;
}

form.b2brequest #b2bfleetrequestlines tr th,
form.b2brequest #b2bfleetrequestlines tr td,
form.b2brequest #b2bmkbrequestlines tr th,
form.b2brequest #b2bmkbrequestlines tr td {
    padding: 2px;
}

.buybackcar .well {
    padding-top: 0px;
    padding-left: 10px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.buybackcar .well h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 0px;
    font-size: 20px;
}

.buybackcar .well h3 button {
    margin-top: 2px;
}

.buybackcar .well .collapse {
    margin-left: -10px;
    margin-right: -10px;
}

.buybackcar .mailbutton {
    margin: 5px;
}

.buybackcar td button.no-btn {
    margin: 0 1px;
}

.ridedate {
    font-family: 'Courier New';
    font-size: small;
}

.plannertable tr td {
    height: 30px;
}

.plannertable tr.editmode td {
    height: 90px;
}

.plannerblock {
    border-radius: 3px;
    cursor: pointer;
}

.plannerblock.blockborder {
    border: 1px solid red;
}

.plannerblock.past {
    background-color: grey;
}

.plannerblock.present {
    background-color: #f0ad4e;
}

.plannerblock.future {
    background-color: #5cb85c;
}

.plannerblock.editmode {
    background-color: #337ab7;
}

.plannerblock.blockborder.startsearlier {
    border-left: 9px solid red;
}

.plannerblock.blockborder.endslater {
    border-right: 9px solid red;
}

.plannerdate {
    width: 31.7px;
    border-right: 1px solid silver;
}

.plannerdate.weekend {
    color: red;
}

.planneredit {
    width: 70%;
    position: absolute;
    margin-left: 0% !important;
}

.plannertable .edit-field {
    padding: 2px !important;
    box-shadow: none;
    background-color: transparent;
    height: 28px;
}

.plannertable .edit-field.cDrivercompany {
    width: 250px;
}

.plannertable .edit-field.cRemark {
    width: 300px;
}

.plannertable .edit-field.cPhone {
    width: 200px;
}

.plannertable .edit-field.cEmail {
    width: 300px;
}

.plannertable .edit-field.date-field {
    width: 85px;
}

.plannertable .edit-field.time-field {
    width: 35px;
}

.plannertable .edit-field.cusercreate {
    width: 200px;
    border: none;
}

.plannerline button.btn.no-btn {
    margin-top: 5px;
    margin-left: 5px;
}

.plannertable tr.editmode td table.uib-daypicker td {
    height: 30px;
}

.plannerline-licenseplate {
    padding-right: 0px !important;
}

.plannerline-licenseplate button {
    margin-left: 3px;
}

.plannerblock.transparent,
.plannerblock.startsearlier.transparent,
.plannerblock.startslater.transparent {
    background-color: transparent;
    border-left: none;
    border-right: none;
}

.ride-date,
.ride-time {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

/* Hide action buttons on vdvsplanner */
form.vdvsplanner #btn-save,
form.vdvsplanner #btn-save-close,
form.vdvsplanner #btn-copy,
form.vdvsplanner #btn-add {
    display: none;
}

.nohand {
    cursor: not-allowed;
}

.deletion h3 {
    padding-left: 15px;
    margin-top: 5px;
    border-bottom: 1px silver solid;
    margin-left: 15px;
    margin-right: 24px;
    padding-right: 50px;
    width: 99%;
}

.subcust-lot {
    width: 100%;
}

.subcust-lot div {
    width: 34%;
    float: left;
    padding-left: 20px;
}

.subcust-lot div input {
    width: 88%;
    margin: 0 5px 0 0 !important;
}

.subcust-lot button.btn.no-btn.success {
    position: relative;
    left: 4px;
    margin-top: 8px;
}

.subcust-few {
    width: 16%;
    float: left;
}

.subcust-few div {
    width: 100%;
    float: left;
    padding-left: 20px;
}

.subcust-few div input {
    width: 80%;
    margin: 0 0 0 10px !important;
}

.subcust-few button.btn.no-btn.success {
    position: relative;
    left: 20px;
    margin-top: 1px;
}

.criterium-value {
    width: 90%;
}

.criterium-value.narrow {
    width: 40%;
}

.panel-primary {
    padding-left: 0;
    padding-right: 0;
}

.panel-heading {
    min-height: 50px;
}

.panel-body {
    padding: 0;
}

.panel-body .panel.panel-primary {
    margin: 15px;
}

.panel-heading a {
    color: #ffffff !important;
}

li.pagination-page a {
    color: #337ab7 !important;
}

li.pagination-page.active a {
    color: #fff !important;
}


th.profileheader {
    /* Something you can count on */
    height: 80px;
    white-space: nowrap;
}

th.profileheader > div {
    transform: /* Magic Numbers */ translate(25px, 51px) /* 45 is really 360 - 45 */ rotate(315deg);
    width: 30px;
}

th.profileheader > div > span {
    /*border-bottom: 1px solid #ccc;*/
    padding: 0px 4px;
    border-top: none;
}

#matrixtable th {
    border-top: none;
    background-color: #fff;
}

div.uploadfileicon.danger {
    color: #d9534f;
}

div.uploadfileicon.success {
    color: #5cb85c;
}

.badge-success {
    background-color: #5cb85c;
    color: #fff;
}

.badge-danger {
    background-color: #d9534f;
    color: #fff;
}

div.uploadfileicon i {
    color: inherit;
}

/* Co2 simulator */
.month-0 {
    background-color: #dff0d8;
}

.month-1 {
    background-color: #d9edf7;
}

.month-2 {
    background-color: #fcf8e3;
}

div.k-spreadsheet-filter-menu:first-child ul.k-widget,
div.k-spreadsheet-condition-filter.k-details {
    display: none;
}

form.pddatarecords .orderby div.chosen-container {
    float: left;
    width: 80% !important;
}

table.orderintake tr.title th {
    /*padding-top: 20px;*/
}

table.orderintake tr.totalrow td {
    font-weight: bold;

}

.tree {
    width: 9%;
}

.button-box2 {
    width: 40px;
    margin-top: 5px;
}

.button-box2 button {
    font-size: 10px;
    position: relative;
    width: 15px;
    float: left;
}

.button-box2 button.up {
    /*top: -3px;*/
}

.button-box2 button.down {
    /*top: 17px;*/
    /*left: -24px*/
}

.button-box2 button.left {
    /*top: -3px;*/
}

.button-box2 button.right {
    /*top: 17px;*/
}

#idicsresponses p {
    background-color: white;
    border: none;
}

#idicsresponses .panel {
    margin-bottom: 0px;
    padding-bottom: 15px;
}

.undertext {
    color: #333;
    font-size: small;
}

/*.active-question p,*/
.active-question trix-editor div {
    color: black;
}
div.label.idicsmodelindicator {
    background-color: transparent;
    color: #777;
    border: 1px solid #777;
    font-weight: normal;
}

#iSatisfactionrating {
    font-size: 19px;
}

.rating-1 .glyphicon-star {
    color: darkred;
}

.rating-2 .glyphicon-star{
    color: red;
}

.rating-3 .glyphicon-star{
    color: orangered;
}

.rating-4 .glyphicon-star{
    color: darkorange;
}

.rating-5 .glyphicon-star{
    color: orange;
}

.rating-6 .glyphicon-star{
    color: yellow;
}

.rating-7 .glyphicon-star{
    color: yellowgreen;
}

.rating-8 .glyphicon-star{
    color: greenyellow;
}

.rating-9 .glyphicon-star{
    color: lightgreen;
}

.rating-10 .glyphicon-star{
    color: green;
}

.hoverrating-1 .glyphicon-star {
    color: darkred;
}

.hoverrating-2 .glyphicon-star{
    color: red;
}

.hoverrating-3 .glyphicon-star{
    color: orangered;
}

.hoverrating-4 .glyphicon-star{
    color: darkorange;
}

.hoverrating-5 .glyphicon-star{
    color: orange;
}

.hoverrating-6 .glyphicon-star{
    color: yellow;
}

.hoverrating-7 .glyphicon-star{
    color: yellowgreen;
}

.hoverrating-8 .glyphicon-star{
    color: greenyellow;
}

.hoverrating-9 .glyphicon-star{
    color: lightgreen;
}

.hoverrating-10 .glyphicon-star{
    color: green;
}

#idIdicsteammember_chosen {
    width: 90% !important;
}

/* Reverse the colors in <yesnobutton> Yes = red, No = green */
div.reversecolors label.btn-success.active {
    background-color: #c9302c;
    border-color: #ac2925;
}

div.reversecolors label.btn-danger.active {
    background-color: #449d44;
    border-color: #398439;
}

div#idicsresponses.dealer pre {
    display: none;
}

.idicshistory tr.field th {
    text-align: right;
    width: 25%;
    font-weight: normal;
}

.idicsquestiontimes i.glyphicon-log-in {
  color: cadetblue;
}

.idicsquestiontimes i.glyphicon-log-out {
  color: burlywood;
}

.idicsquestiontimes i.glyphicon-floppy-saved {
  color: steelblue;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: none;
}

.psauser #idIdicsquestioncategory_chosen,
.psauser #idIdicsteam_chosen {
    width: 90% !important;
}

#statusselectors .btn-xs {
    padding: 1px 4px;
}

.idicsquestion-datepicker label,
.idicsquestion-datepicker input {
    margin-top: 10px;
}

.idicsquestion-timepicker {
    margin-top: -13px;
}

.idicsquestion-datepicker div.col-sm-2 {
    width: 153px;
}

.idicsquestion-timepicker a.btn-link {
    padding:0;
}

.idicsquestion-timepicker input {
    margin-top: 0;
}

.savebtn {
    background-color: white;
    color: #333;
    border-bottom: 1px solid #333;
}

.savebtn a {
    color: #333 !important;
    text-align: right;
    padding-right: 5px !important;
}

.idics-btn-save button {
    padding-left: 7px;
    padding-right: 7px;
}

.idics-btn-save ul {
    right:0;
    left: inherit;

}

div.introjs-tooltip.newquestion {
    left: -1000px !important;
    max-width: 1015px;
    width: 1015px;
}

div.introjs-tooltip.newquestion .introjs-arrow.top {
    right: 12px !important;
}

.introjs-tooltip.question0 {
    max-width: 1400px;
}

.introjs-tooltip.question0 ul li {
    max-width: 1400px;
    min-height: 30px;
}

.introjs-tooltip.savequestion {
    max-width: 1400px;
    left:-240px !important;
}

.introjs-tooltip.savequestion .introjs-arrow {
    left: 260px;
}

.introjs-tooltip.saveclosequestion {
    max-width: 1400px;
    left:-410px !important;
}

.introjs-tooltip.saveclosequestion .introjs-arrow {
    left: 433px;
}

.introjs-tooltip.btnresponse {
    max-width: 1400px;
    left:-1036px !important;
}

.introjs-tooltip.btnresponse .introjs-arrow {
    left: 1066px;
}

.idicsquestionscategoriestable .form-group {
    margin-bottom: 3px;
}

/* Tabs user.view.html */
.nav-tabs > .uib-tab > div {
    border-color: darkgrey;
    border-radius: 7px 7px 0 0;
    margin-right: -1px;
    margin-top: 2px;
}

.nav-tabs > .uib-tab.active > div, .nav-tabs > .uib-tab.active > div:focus, .nav-tabs > .uib-tab.active > div:hover {
    background-color: #337ab7;
    color: #fff;
}

.nav-tabs > .uib-tab > div:hover {
    border-color: darkgrey;
}

.ace_editor {
    min-height: 200px;
    border-radius: 5px;
    border-top: 9px solid #141414;
    border-bottom: 9px solid #141414;
}

.pretty-json.ace_editor {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

#cSourcetype_chosen div.chosen-drop {
    width: 200px !important;
}

.datablock-keyselect div.chosen-drop {
    width: 250px !important;
}

#cDataclustertable_chosen .chosen-drop {
    width: 300px;
}

#mysql-output {
    color:  var(--danger);
}