/* -- sw_nextgen.css -- */

html {
    overflow-y: scroll;
}

body {
    height: 101%;
    font-family: 'Raleway', Arial, Helvetica, sans-serif !important;
}

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;
}

input::placeholder {
    color: #ffffff;
}

.popover-inner h3 {
    margin-left: inherit !important;
}

#flashmessagearea {
    text-align: center
}

#flashmessagearea .alert {
    display: inline-block;
    position: fixed;
    top: 50px;
    left: 45%;
    z-index: 50;
}

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

#home table tr {
    border-top: 1px solid #ddd;
}

#home table tr td {
    border-top: none;
}

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

.brandlogo {
    width: 50px;
}

.brandselect {
    margin-left: 10px;
}

.codeupdate {
    margin-top: 15px;
}

.no-padding {
    padding: 0;
}


#quickmenu {
    position: absolute;
    top: 33px !important;
    right: 12% !important;
    color: #ffffff;
}

#quickmenu input {
    color: #ffffff;
    border-color: currentcolor currentcolor white;
    border-style: none none solid;
    border-width: medium medium 2px;
    top: -22px;
    left: 14px;
    min-width: 200px;
}

input.quickmenu:first-child {
    background-color: transparent !important;
}

#quickmenu input:focus-visible {
    border-color: transparent;
}

#quickmenu li a {
    font-size: 12px;
    margin: 5px;
}

#qmmessage {
    position: relative;
    top: -20px !important;
    left: 14px;
    background-color: white;
    color: #337ab7;
    border: 1px solid;
}

/* 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.default,
i.default {
    color: #ccc;
}


.no-btn.danger,
i.danger,
span.danger {
    color: #d9534f;
}

i.gold {
    color: gold;
}

i.silver {
    color: silver;
}

.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-fluid {
    padding-right: 20px;
    padding-left: 0px;
}

#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: 280px;
}

.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 input.ng-invalid-required,
form.ng-dirty input.ng-valid-required.ng-empty,
form.profile select.ng-invalid-required.ng-empty+.chosen-container,
form.ng-dirty .btn-group.ng-invalid-required label,
input.hasError {
    border-color: #a94442 !important;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
}

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

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

span.form-control.disabled {
    border-color: rgb(204, 204, 204);
    background-color: #eee;
}

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



#appheader {
    height: 90px;
    position: sticky;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    z-index: 20;
    /* border-bottom: 1px solid silver; */
}

.container {
    padding: 2px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 75px;
}


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

    .container.expandedview,
    .expandedview+.angularview {
        width: 1600px;
        padding-left: 5px;
        padding-right: 10px;
    }
}

@media only screen and (max-width: 1599px) {
    .container.expandedview #home .col-sm-4 {
        width: 50%;
    }

}


#backstrip {
    height: 50px;
    width: 100%;
    background-color: #337ab7;
    position: fixed;
    top: 0px;
    border: 1px solid #337ab7;
}

/* 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: 8%
}

#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;
    width: 92%;
    position: fixed;
    top: 0;
    background-color: #337ab7;
    width: 100%;
    padding: 5px 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    max-width: 1760px;
    display: flex;
    justify-content: space-evenly;
}

#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;
}

.active a.btn {
    border-radius: 3px !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-family: '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;
}

.submenu a.btn-primary,
a.mainmenu-item.btn-primary,
.submenu a.btn-primary:active,
a.mainmenu-item.btn-primary:active,
.mainmenu-item .btn-primary:active,
.submenu a.btn-primary:hover,
a.mainmenu-item.btn-primary:hover,
.mainmenu-item .btn-primary:hover,
.submenu a.btn-primary:hover,
.mainmenu-item .btn-primary,
.mainmenu-item .btn-primary:focus,
.mainmenu-item .btn-primary:focus {
    background-color: #337ab7;
    border-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: 48px;
    border: 1px solid #337ab7;
    border-radius: 5px;
    font-size: 16px;
    padding-top: 10px;
    padding-left: 10px;
}

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

/* Bootstrap overrides */
.alert {
    padding: 2px 25px;
    width: fit-content;
    margin: auto;
}

.alert button {
    margin-left: 5px;
    margin-top: -2px;
}


.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;
}

div.attachment_icon:last-of-type {
    margin-bottom: 15px;
}

#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: 1px;
    left: 1px;
    display: none;
    padding: 2px;
}

.localhost #environment,
.dev #environment,
.psasalesweb-dev #environment,
.test-nl #environment {
    display: block;
}

.dev #environment .label-info,
.psasalesweb-dev #environment .label-info,
.test-nl #environment .label-info,
#curDbwarning {
    background: red;
    font-size: 15px;
}

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,
#cTable_chosen .chosen-drop {
    width: 300px;
    border-top: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#cEotp_chosen .chosen-drop,
#idDriver_chosen .chosen-drop
{
    width: 500px;
}


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

/* 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.LPM,
table tr.LPM td a,
table tr.LPM td a:link,
table tr.LPM td a:visited,
table tr.LPM td a:active,
.lpm-dashboard-widget table tr.LPM 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.btn-primary.cnl,
label.brandcnl.btn-primary:focus,
label.brandcnl.btn-primary:hover,
.cnl-color,
.cnl-color:focus,
.cnl-color:hover,
.swbrandselectorbutton.CNL {
    background-color: #dc002e;
    border-color: #dc002e;
    /* font-weight: bold; */
    color: #ffffff;
}

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,
.pne-color,
.swbrandselectorbutton.PNE {
    background-color: #0062C5;
    border-color: #0062C5;
    /* font-weight: bold; */
    color: #ffffff;
}

button.branddsn.btn-warning,
button.branddsn.btn-warning:focus,
button.branddsn.btn-warning:hover,
button.branddsn.btn-xs.btn-primary,
button.branddsn.btn-xs.btn-primary:focus,
button.branddsn.btn-xs.btn-primary:hover,
label.branddsn.btn-warning,
label.branddsn.btn-warning:focus,
label.branddsn.btn-warning:hover,
.dsn-color,
.swbrandselectorbutton.DSN {
    background-color: #2f2726;
    border-color: #2f2726;
    /* font-weight: bold; */
    color: #ffffff;
}

button.brandlpm.btn-warning,
button.brandlpm.btn-warning:focus,
button.brandlpm.btn-warning:hover,
button.brandlpm.btn-xs.btn-primary,
button.brandlpm.btn-xs.btn-primary:focus,
button.brandlpm.btn-xs.btn-primary:hover,
label.brandlpm.btn-warning,
label.brandlpm.btn-warning:focus,
label.brandlpm.btn-warning:hover,
.lpm-color,
.swbrandselectorbutton.LPM {
    background-color: #2f2726;
    border-color: #2f2726;
    /* font-weight: bold; */
    color: #ffffff;
}

button.brandopn.btn-warning,
button.brandopn.btn-warning:focus,
button.brandopn.btn-warning:hover,
button.brandopn.btn-xs.btn-primary,
button.brandopn.btn-xs.btn-primary:focus,
button.brandopn.btn-xs.btn-primary:hover,
label.brandopn.btn-warning,
label.brandopn.btn-warning:focus,
label.brandopn.btn-warning:hover,
.opn-color,
.swbrandselectorbutton.OPN {
    background-color: #f7d900 !important;
    border-color: #2f2726;
    color: #2f2726;
    /* font-weight: bold; */
}

button.brandfia.btn-warning,
button.brandfia.btn-warning:focus,
button.brandfia.btn-warning:hover,
button.brandfia.btn-xs.btn-primary,
button.brandfia.btn-xs.btn-primary:focus,
button.brandfia.btn-xs.btn-primary:hover,
label.brandfia.btn-warning,
label.brandfia.btn-warning:focus,
label.brandfia.btn-warning:hover,
.btn-primary.fia,
.fia-color,
.FIA .brandindicator,
.FIA.brandindicator,
.swbrandselectorbutton.FIA {
    background-color: #ad0c33 !important;
    border-color: #ad0c33 !important;
    color: #ffffff !important;
    /* font-weight: bold; */
}

button.brandlcv.btn-warning,
button.brandlcv.btn-warning:focus,
button.brandlcv.btn-warning:hover,
button.brandlcv.btn-xs.btn-primary,
button.brandlcv.btn-xs.btn-primary:focus,
button.brandlcv.btn-xs.btn-primary:hover,
label.brandlcv.btn-warning,
label.brandlcv.btn-warning:focus,
label.brandlcv.btn-warning:hover,
.btn-primary.lcv,
.lcv-color,
.LCV .brandindicator,
.LCV.brandindicator,
.swbrandselectorbutton.LCV {
    background-color: #ededed !important;
    border-color: #9c1019 !important;
    color: #9c1019 !important;
    /* font-weight: bold; */
}

button.brandabt.btn-warning,
button.brandabt.btn-warning:focus,
button.brandabt.btn-warning:hover,
button.brandabt.btn-xs.btn-primary,
button.brandabt.btn-xs.btn-primary:focus,
button.brandabt.btn-xs.btn-primary:hover,
label.brandabt.btn-warning,
label.brandabt.btn-warning:focus,
label.brandabt.btn-warning:hover,
.btn-primary.abt,
.abt-color,
.ABT .brandindicator,
.ABT.brandindicator,
.swbrandselectorbutton.ABT {
    background-color: #8f0c2c !important;
    border-color: #490000 !important;
    color: #ffffff !important;
    /* font-weight: bold; */
}

button.brandalf.btn-warning,
button.brandalf.btn-warning:focus,
button.brandalf.btn-warning:hover,
button.brandalf.btn-xs.btn-primary,
button.brandalf.btn-xs.btn-primary:focus,
button.brandalf.btn-xs.btn-primary:hover,
label.brandalf.btn-primary,
label.brandalf.btn-primary:focus,
label.brandalf.btn-primary:hover,
.btn-primary.alf,
.alf-color,
.ALF .brandindicator,
.ALF.brandindicator,
.swbrandselectorbutton.ALF {
    background-color: #8f0c2c !important;
    border-color: #8f0c2c !important;
    color: #ffffff !important;
    /* font-weight: bold; */
}


button.brandjee.btn-warning,
button.brandjee.btn-warning:focus,
button.brandjee.btn-warning:hover,
button.brandjee.btn-xs.btn-primary,
button.brandjee.btn-xs.btn-primary:focus,
button.brandjee.btn-xs.btn-primary:hover,
label.brandjee.btn-warning,
label.brandjee.btn-warning:focus,
label.brandjee.btn-warning:hover,
.btn-primary.jee,
.jee-color,
.JEE .brandindicator,
.JEE.brandindicator,
.swbrandselectorbutton.JEE {
    background-color: #485F2B !important;
    border-color: #485F2B !important;
    color: #ffffff !important;
    /* font-weight: bold; */
}

button.brandlan.btn-warning,
button.brandlan.btn-warning:focus,
button.brandlan.btn-warning:hover,
button.brandlan.btn-xs.btn-primary,
button.brandlan.btn-xs.btn-primary:focus,
button.brandlan.btn-xs.btn-primary:hover,
label.brandlan.btn-warning,
label.brandlan.btn-warning:focus,
label.brandlan.btn-warning:hover,
.btn-primary.lan,
.lan-color,
.LAN .brandindicator,
.LAN.brandindicator,
.swbrandselectorbutton.LAN {
    background-color: #160d9c !important;
    border-color: #160d9c !important;
    color: #ffffff !important;
    /* font-weight: bold; */
}

button.brandfca.btn-warning,
button.brandfca.btn-warning:focus,
button.brandfca.btn-warning:hover,
button.brandfca.btn-xs.btn-primary,
button.brandfca.btn-xs.btn-primary:focus,
button.brandfca.btn-xs.btn-primary:hover,
label.brandfca.btn-warning,
label.brandfca.btn-warning:focus,
label.brandfca.btn-warning:hover,
.btn-primary.fca,
.fca-color,
.FCA .brandindicator,
.FCA.brandindicator,
.FCA .FCA.brandindicator,
.swbrandselectorbutton.FCA {
    background-color: #5d7fc7 !important;
    border-color: #160d9c !important;
    color: #eee !important;
    /* font-weight: bold; */
}

button.brandpsa.btn-warning,
button.brandpsa.btn-warning:focus,
button.brandpsa.btn-warning:hover,
button.brandpsa.btn-xs.btn-primary,
button.brandpsa.btn-xs.btn-primary:focus,
button.brandpsa.btn-xs.btn-primary:hover,
label.brandpsa.btn-warning,
label.brandpsa.btn-warning:focus,
label.brandpsa.btn-warning:hover,
.btn-primary.psa,
.psa-color,
.PSA .PSA .brandindicator,
.PSA .PSA.brandindicator,
.PSA .PSA .PSA.brandindicator,
.swbrandselectorbutton.PSA {
    background-color: #2a395a !important;
    border-color: grey !important;
    color: #eee !important;
    /* font-weight: bold; */
}

label.brandpne[disabled],
label.brandcnl[disabled],
label.branddsn[disabled],
label.brandopn[disabled],
label.brandopn[disabled],
label.brandfia[disabled],
label.brandlcv[disabled],
label.brandabt[disabled],
label.brandjee[disabled],
label.brandalf[disabled],
label.brandlan[disabled],
label.brandlpm[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;
}

.GPN .brandindicator,
.GPN.brandindicator,
.PSA .PSA .brandindicator,
.PSA .PSA.brandindicator  {
    /* background-color: #35466A !important; */
    background-color: #2a395a !important;
    border-color: #35466A !important;
    color: #FFFFFF !important;
}

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

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

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

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

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

.btn-primary.lpm,
.lpm-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;
}

.tag-label.nrm {
    background-color: purple;
    color: yellow;
}

.claimlinedt31 .nrm {
    color: yellow;
    background-color: purple;
    padding: 5px;
    margin-left: 3px;
    border-radius: 5px;
}



.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;
}

#jTags_chosen .chosen-drop {
    width: 250px !important;
}


.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;
    min-height: 20px;
}

.claimlineds12 {
    width: 15%;
    float: left;
    min-height: 20px;
}

.claimlinepaid {
    width: 10%;
    float: left;
    min-height: 20px;
}

.claimlineaction {
    width: 5%;
    float: left;
    min-height: 20px;
}

.claimlinelcdv {
    width: 25%;
    float: left;
    min-height: 20px;
}

.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-lg {
    width: 1000px;
}

.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;
}

.dashboard-logo img {
    max-width: 45px;
    max-height: 35px;
}



.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: 65px;
}

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;
}

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

#totalbyteambystatusbybrand table .brandcell {
    border-right: 1px solid silver;
}

#totalbyteambystatusbybrand table .brandcell.first {
    border-left: 1px solid silver;
}

.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;
}

.introjs-tooltip.cdealercodename {
    max-width: 930px;
}

#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%;
}

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

.carimage:hover {
    cursor: pointer;
}


.carimage img {
    width: 100px;
}

.carimage.large img {
    width: 200px;
}

.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%;
}

.stockcaralternativepricesimporttable {
    display: table;
    margin-left: 5px;
    width: 100%;

}

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

.matrixtable td {
    padding-bottom: 25px !important;
}

.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;
    padding-right: 10px;
}

.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;
}

/* .plannertable tr td .brandindicator {
    position: relative;
    right: 12px;
} */

.ccrequest .info-button,
.plannertable tr td .info-buttton {
    position: relative;
    right: 3px;
    border: 1px solid gray;
    border-radius: 50%;
    width: 19px;
    height: 19px;
}


.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;
    width: 85px;
}

.plannerline-licenseplate button.success {
    /*margin-left: 3px;*/
    position: absolute;
    left: 91px;
}

.plannerline-licenseplate button.default {
    /*margin-left: 3px;*/
    position: absolute;
    left: 5px;
}

.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,
form.carinfo #btn-save,
form.carinfo #btn-save-close,
form.carinfo #btn-copy,
form.carinfo #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;
}

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;
}

div.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;
}

span.label.label-warning.inactive {
    float: left;
    position: absolute;
    top: 10px;
    left: 470px;
}

/* 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;
}

.selectedcategory {
    background-color: rgba(255, 191, 0, 0.33);
}

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

.idicsquestioncategories {
    padding-left: 5px;
}

.idicsquestioncategories.lHaschildren {
    padding-left: 11px;
    padding-bottom: 10px;
}

.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;
}

#iTotaldiscount_chosen {
    width: 112% !important;
}

.idics-searchmatch {
    border-color: #d9534f;
}

.brandlabel {
    padding: 4px;
    border: 1px solid red;
    border-radius: 3px;
    display: block;
}

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

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

.brandlabel.LPM {
    border-color: #2f2726;
    background-color: #2f2726;
    color: white;
}


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

.brandlabel.OPN {
    border-color: #f7d900;
    background-color: #f7d900;
    color: black;
}

.brandlabel.FIA {
    background-color: #ad0c33 !important;
    border-color: #ad0c33 !important;
    color: #ffffff !important;
}

.brandlabel.LCV {
    background-color: #ededed !important;
    border-color: #9c1019 !important;
    color: #9c1019 !important;
}

.brandlabel.ABT {
    background-color: #8f0c2c !important;
    border-color: #490000 !important;
    color: #ffffff !important;
}
.brandlabel.ALF {
    background-color: #8f0c2c !important;
    border-color: #8f0c2c !important;
    color: #ffffff !important;
}
.brandlabel.JEE {
    background-color: #485F2B !important;
    border-color: #485F2B !important;
    color: #ffffff !important;
}
.brandlabel.LAN {
    background-color: #160d9c !important;
    border-color: #160d9c !important;
    color: #ffffff !important;

}
.brandlabel.GPN {
    background-color: #35466A !important;
    border-color: #35466A !important;
    color: #FFFFFF !important;
}
.costcenter-dropdown li {
    width: 220px;
    padding: 3px;
    cursor: pointer;
}

.costcenter-dropdown li:hover {
    background-color: #0062C5;
    color: #FFFFFF;
}


button.save-all {
    margin-right: -20px;
    width: 24px;
}

button.save-all i.left {
    position: relative;
    left: -3px;
    top: 0px;
}

button.save-all i.right {
    position: relative;
    left: -12px;
    top: 5px;
}

#transpopover {
    min-width: 70px;
    min-height: 20px;
    position: fixed;
    top: 90px;
    left: 10px;
    border: 1px solid silver;
    padding: 3px 5px;
    background-color: whitesmoke;
    font-weight: bold;
}

.savedsearch-information-button {
    min-width: 500px;
}

input[type="file"] {
    margin-left: 15px;
}

.docscount {
    margin-right: 3px;
    font-size: 100%;
}

.docsdocument-date {
    min-width: 180px;
    color: #555;
}

.docsdocument-date .published-icon {
    font-size: 19px;
    margin-right: 2px;
}

.docsdocument-seen {
    margin-right: 15px;
}

.docsfolder-search {
    min-height: 50px;
}

.docsfolder-search i.glyphicon {
    margin-top: 5px;
}

.swbrandselector label {
    padding: 6px 8px;
}

.buttonbox {
    display: flex;
    justify-content: left;
    margin-top: 5px;
}

.buttonbox button {
    padding: 2px 10px 1px 10px;
}


/* objectviewer */
#objectviewer {
    width: inherit;
    position: fixed;
    overflow: auto;
    padding: 10px;
    border: 1px solid darkgray;
    /* z-index: 99 */
}

#objectviewer.left {
    left: 30px;
}

#objectviewer.top {
    top: 30px;
}

#objectviewer.right {
    right: 30px;
}

#objectviewer.bottom {
    bottom: 30px;
}

#objectviewerheader {
    height: 40px;
    padding: 6px;
    /* z-index: 10; */
    background-color: #2196F3;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

/*Drgable */

.draggable {
    position: absolute;
    /*resize: both; !*enable this to css resize*! */
    overflow: auto;
}

.draggable-header {
    padding: 10px;
    cursor: move;
    z-index: 10;
    background-color: #2196f3;
    color: #fff;
}

/*Resizeable*/

.draggable .resizer-right {
    width: 5px;
    height: 100%;
    background: transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: e-resize;
}

.draggable .resizer-bottom {
    width: 100%;
    height: 5px;
    background: transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: n-resize;
}

.draggable .resizer-both {
    width: 5px;
    height: 5px;
    background: transparent;
    z-index: 10;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: nw-resize;
}

/*NOSELECT*/

.draggable {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
}

/* objectviewer end */

.docsdocumentmodel {
    margin: 3px;
    padding: 5px !important;
}

.docscount {
    min-width: 70px;
    display: inline-block;
    font-weight: normal;
}

#modellabels {
    margin-bottom: 5px;
}

.keyword-label,
.model-label {
    margin-left: 5px;
    border: 1px solid darkblue;
    color: darkblue;
    padding: 0 5px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: normal;
}

.model-label {
    border: 1px solid slategray;
    background-color: slategrey;
    color: white;
}

#modellabels .model-label {
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 5px;
}

.docsdocument-name {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
}

.docsdocument-name:hover {
    cursor: pointer;
}

.keywords-container {
    margin-bottom: 5px;
}

.keywords-container tags-input {
    max-width: 845px;
}

button#docsfoldersort {
    padding-bottom: 4px;
    padding-top: 4px;
}


#docsfoldersort-container li a:hover,
#docsdocumentssort-container li a:hover {
    cursor: pointer;
}

.docsfolders .chosenspinner {
    display: inline-block;
    padding-top: 0px !important;
}

.docsdocuments .swbrandselector {
    width: 100%;
}

.docsdocuments .swbrandselectorbutton {
    padding-left: 9px;
    padding-right: 9px;
}

/* .marquee {
    overflow: hidden;
    display: flex;
    animation: marquee 15s linear infinite;
  }

.marquee h3{
    font-size: 1.5em;
    white-space: nowrap;
}

 */

.marquee {
    background-color: transparent;
    overflow: hidden;
    position: relative;
    height: 50px;
    width: 100%;
    /* Full width of its parent */
    white-space: nowrap;
    color: #ffffff;
}

.marquee p {
    position: absolute;
    width: auto;
    line-height: 40px;
    text-align: center;
    transform: translateX(100%);
    animation: scroll-left 60s linear infinite;
}

.marquee p button.anouncement {
    margin: 10px 40px;
    font-size: 30px;
}


.marquee p button.anouncement,
.marquee p button.anouncement:hover,
.marquee p button.anouncement:visited {
    color: white !important;
}


.marquee p span.anouncement i {
    font-size: 0.8em;
}

@keyframes scroll-left {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.claimline .form-group {
    padding-left: 10px;
    margin-bottom: 2px;
}

div.claimlineinfo div {

    min-height: 25px
}

/* Company cars */
.label-option {
    background-color: transparent;
    border: 1px solid darkblue;
    color: currentColor;
    font-weight: normal;
}

.cc-logo {
    max-height: 48px;
    max-width: 48px;
}

.cc-td-logo {
    padding-left: 0 !important;
    text-align: center;
}

.DSN .cc-logo {
    width: 32px;
}

.ccrequest div.carimage {
    width: 100px;
}

.ccrequest div.carimage:hover {
    cursor: default;
}

.ccrequest div.carimage.large img {
    width: 180px;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.spin {
    display: inline-block;
    animation: spin 2s linear;
}


.claims-status-popover,
.claims-status-popover .popover-inner,
.claims-status-popover .popover-content {
    width: 300px !important;
}

.claims-status-popover .popover-title {
    width: 273px;
}

.statusreasons-popover {
    left: -510px !important;
    z-index:99;
}

.statusreasons-popover,
.statusreasons-popover .popover-inner,
.statusreasons-popover .popover-content {
    width: 1000px !important;
    max-width: 1000px !important;
}

.statusreasons-popover .arrow {
    left:67%  !important;
}


.statusreasons-popover .popover-inner h3 {
    font-weight: bold;
    font-size: 16px;;
}
.statusreasons-popover .popover-title {
    width: 997px;
}

.statusreasons-popover td.code {
    color: #666;
    vertical-align: top;
}

.statusreasons-popover td.explanation {
    color: darkslategrey;
}



/* Claim conversation */
.chat-wrapper {
    display: flex;
    flex-direction: column;
    height: 100vh;
    /* Fill the viewport – change as needed */
    max-width: 600px;
    margin: 0 auto;

}

/* ----- Claim Conversation ----- */
.chat-messages {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    background: #fafafa;
    border: 1px solid silver;
    border-radius: 3px;
}

.msg {
    min-width: 25%;
    max-width: 75%;
    margin: 0.5rem 0;
    border-radius: 0.8rem;
    line-height: 1.4;
    word-wrap: break-word;
    background: #e0f7fa;
    color: #000;
    padding: 0.5rem 0.8rem;
}

.msg.user {
    align-self: flex-end;
    background: lightgrey;
}

.msg.admin {
    align-self: flex-start;
    background: #c8e6c9;
}

/* Header inside each bubble – name & time */
.msg-header {
    font-size: 1rem;
    color: #555;
    margin-bottom: 0.25rem;
    display: flex;
    justify-content: space-between;
}

.msg-body {
    white-space: pre-line; /* Display \n as new line */
    min-width: 200px;
}

.msg-container {
    display: grid;
}

.msg-container.container-left {
    justify-items: left;
}

.msg-container.container-right {
    justify-items: right;
}

/* ----- Input area ----- */
.chat-input {
    display: flex;
    padding: 0.5rem;
}

.chat-input textarea {
    flex: 1;
    resize: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0.5rem;
    /* font-size: 1rem; */
    padding-right: 59px;
    min-width: 90%;
    margin-right: -22px;
}

.btn-snippet {
    height: 80%;
    position: relative;
    left: -6px;
    top: 5px;
}

.msg .remove-button {
    color: silver;
}

.msg .remove-button:hover {
    color: #d9534f;
}

.poke-button {
    position: relative;
    top: -2px;
    padding: 6px;
    padding-bottom: 6px;
    padding-bottom: 7px;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

.level-1 .questioncategory {
    margin-right: -60px;
}

.level-2 .questioncategory {
    margin-right: -40px;
}

.level-3 .questioncategory {
    margin-right: -20px;
}

.orderlabel {
    position: relative;
    top:5px;
}

.level-2 .orderlabel {
    background-color: orange;
}

.level-3 .orderlabel {
    background-color: orangered;
}

.approval-dynamicfields .chosen-container {
    width: 96% !important;
    margin-right: 5px;
    float: left;
}

.expandedview .approvalsteps .popover {
    left: 1415px !important;
}
@media only screen and (max-width: 1599px) {
    .expandedview .approvalsteps .popover {
        left: 1052px !important;
    }
}

.popup-cApprovalreferenceexplanation {
    width: 250px !important;
}

.dynamicfield-brandselector button {
    border-radius: 0;
}

.dynamicfield-brandselector button:first-child {
    border-radius: 5px 0 0 5px;
}
.dynamicfield-brandselector button:last-child {
    border-radius: 0 5px 5px 0;
}

.claimslist-actionfilterheader {
    with: 40% !important;
}

.copeninsteps-explanation {
    margin-left:-50px;
    min-width: 300px;
}

.generalsettings .settings-id {
    width: 5%;
}

input#dAmount {
    width: 68px;
    border-radius: 0;
}

@media only screen and (min-width: 1600px) {
    input#dAmount {
        width: 102px;
        border-radius: 0;
    }
}