/* -- sw_nextgen.css  bkht.nl -- */
@font-face {
    font-family: Kenteken;
    src: url(Kenteken.ttf);
}

html {
    overflow-y: scroll;
}

body {
    height: 101%;
    min-width: 1500px;
}

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

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

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

a {
    color: #4f4f05;
}


a a:link,
a:hover,
a:active,
a:visited {
    text-decoration: none !important;
}

a:hover,
a:focus {
    color: #4f4f05;
}

textarea {
    min-height: 30px;
}

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

/* input[required='required'],
input.ng-invalid-required.ng-empty
{
    border-bottom: 1px solid #d9534f;
} */

input.ng-invalid.ng-touched,
input[type="number"].ng-invalid-number,
select.ng-invalid+div.chosen-container a {
    border: 1px solid #a94442;
}

dialog h4 {
    margin-top: 0 !important;
    font-size: 20px;
}

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

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

.brandlogo {
    width: 50px;
    width: 120px;
}

.brandselect {
    margin-left: 10px;
}

.no-padding {
    padding: 0;
}

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

#quickmenu-container div {
    left: -5px;
}

.expandedview #quickmenu-container div {
    left: 103px;
}


#quickmenu-container ul li a {
    font-size: 13px;
    margin: 5px;
}

input.quickmenu {
    width: 250px;
    height: 23px;
    font-size: 14px;
}

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


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

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

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

.no-btn.primary,
i.primary {
    color: #9A9A1E;
}

.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: 2px;
    margin-left: 10px;
    position: relative;
    top: 90px;
}

.container.expandedview,
.expandedview+.angularview {
    width: 1650px;
}

.container.expandedview+div #dialogNewnotefloat {
    display: none;
}

#editForm {
    padding-left: 0;
    padding-right: 0;
    /*margin-top: 16px;*/
}

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


#updatescontainer_personal {
    margin-bottom: 20px
}

#btnOpenpolicies {
    margin-right: 30px;
}

.button-container {
    text-align: right;
}

@media only screen and (max-width: 400px) {
    h2 {
        font-size: 20px;
    }

    #btnChangepersonal {
        margin-bottom: 20px;
    }

    #updatescontainer_personal {
        /*margin-left: 60px;*/
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .button-container {
        text-align: center;
    }

    #btnOpenpolicies {
        margin-left: 80px;
        margin-right: 55px;
    }

    #btnOpenpersonal {
        margin-right: 50px;
        margin-bottom: 15px;
    }

    th,
    td {
        font-size: 12px;
    }
}

@media only screen and (min-width: 401px) and (max-width: 700px) {
    #btnOpenpolicies {
        margin-right: 85px;
    }

    #btnChangepersonal {
        margin-left: 128px;
        margin-bottom: 15px;
    }
}

@media screen and (orientation: landscape) {
    #landscapeadvise {
        display: none;
    }
}

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

#editForm h3,
#editForm h4 {
    margin-left: 10px;
    margin-top: 25px;
}

#editForm h3.panel-title,
#editForm h4.panel-title {
    margin-left: 0;
    margin-top: 0;
}

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

.panel-primary>.panel-heading {
    background-color: #9A9A1E;
    border-color: #4f4f05;
}

.panel-primary {
    border-color: #CECECE;
}

.panel-primary .sw-heading {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -1px;
    background-color: #337AB7;
    border-color: #9A9A1E;
    border-bottom: 10px solid #333399;
}

.btn-primary {
    background-color: #9A9A1E;
    border-color: #9A9A1E;
}

.btn-primary:hover {
    background-color: #9A9A1E;
    border-color: #9A9A1E;
}


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

.sw-divider-title {
    background-color: #337ab7;
    color: white;
    margin: 0 !important;
    padding-left: 15px;
}

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

swtoolbar .btn-primary,
swtoolbar .btn-primary:hover,
.swtoolbar .btn-primary,
.swtoolbar .btn-primary:hover {
    background-color: #337ab7;
    border-color: #337ab7;
}

#swtoolbarfloating {
    position: fixed;
    top: 88px;
    left: 886px;
    display: none;
    border: 1px solid silver;
    z-index: 8;
    box-shadow: rgba(0, 0, 0, 0.75) 0px 3px 8px;
}

.expandedview+.angularview #swtoolbarfloating {
    left: 1410px;
}


.fork #swtoolbarfloating {
    left: 782px;
}

.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 */

/* Required editable fields have a red bottom-border*/
input:required {
    border-bottom: #a94442 1px solid;
}

input:required:disabled {
    border-bottom: revert;
}

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+div input,
input.hasError {
    border-color: #a94442 !important;
    border-style: solid;
    border-width: 1px;
}

#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 {
    border: 1px solid #a94442;
}

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

.chosen-disabled .chosen-single {
    color: #000000 !important;
}

.dynamicfield-invalid {
    color: #a94442;
    font-weight: bold;
    text-decoration: underline dotted;
}

#appheader {
    height: 90px;
    position: sticky;
    top: 0px;
    z-index: 20;
    border-bottom: 1px solid silver;
}

/* Brands*/
div#brands {
    height: 70px;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
}

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

#brands img {
    max-height: 60px;
}

#brands .active img {
    opacity: 1;
}

#brand_psa {
    padding-top: 5px;
}

#brand_psa img {
    opacity: 1;
}

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

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

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

#btnMysettings {
    padding: 2px;
}

#btnMysettings .glyphicon-user {
    padding: 5px 0px 9px 6px;
}

.avatar {
    height: 28px;
    border-radius: 14px;
}

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

.tab-content .active td a {
    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 0px;
}

.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;
    border-radius: 3px !important;
}

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

#filter_idTripettoform_chosen .chosen-drop,
#filter_idTripettoform_chosen .chosen-results {
    width: 300px;
}

#idPolicy_chosen .chosen-drop,
#idPolicy_chosen .chosen-results {
    width: 400px;
}

#cEmailcc_chosen .chosen-drop,
#cEmailcc_chosen .chosen-results {
    width: 600px;
}

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,
button.mainmenu-item {
    padding-right: 0;
    border-right: none;
    border-left: none;
    padding-left: 6px;
    min-height: 33px;
}

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

.mainmenu-item button.dropdown-toggle {
    padding-left: 3px !important;
    background-color: #9A9A1E !important;
    border-color: #9A9A1E !important;
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.open>.dropdown-toggle.btn-primary,
.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #9A9A1E !important;
    border-color: #9A9A1E !important;
    border-bottom-color: rgb(32, 77, 116);
}

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

a#tripettoentries {
    padding-bottom: 5px !important;
    padding-left: 8px;
}

a#tripettoentries div.svg {
    background-color: #9A9A1E;
}

a#tripettoentries div img {
    width: 15px;
    height: 15px;
}


.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: #9A9A1E;
}

.submenu-item a.btn-primary,
.submenu-item a.btn-primary:active,
.submenu-item a.btn-primary:focus {
    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 #CECECE;
    border-radius: 5px;
    font-size: 16px;
    padding-top: 10px;
    padding-left: 10px;
}

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

/* 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: 70px;
    padding-right: 3px;
}

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

#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: 12px;
    left: 230px;
    display: none;
    padding: 2px;
    z-index: 70;
}

.localhost #environment,
.dev #environment,
.test #environment,
.test-20 #environment,
.staging #environment,
.dev-DO #environment,
.dev-DO-20 #environment {
    display: block;
}

.dev #environment .label-info {
    background: red;
    font-size: 20px;
}

.dev-DO #environment .label-info {
    background: blue;
    display: block !important;
}

.staging #environment .label-info {
    background: green;
    display: block !important;
}


.fork {
    background-color: lightgrey !important;
}

.dev-DO-20.fork,
.test.fork {
    background-color: lightcoral !important;
}

.label-fork {
    font-size: 20px;
}

#appheader {
    background-color: white;
    ;
}

body.dev-DO-20,
body.test,
.dev-DO-20 #appheader,
.test #appheader {
    background: lightblue;
}

body.staging {
    background: palegreen;
}

.dev-DO-20 #environment .label-info {
    background: purple;
    display: block !important;
    font-size: large;
    padding: 10px;
}

.test #environment .label-info {
    display: block !important;
    font-size: xx-large;
    padding: 10px;
}

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


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


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: 45px;
    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.header {
    background-color: #666666;
    color: #ffffff;
}

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

.GPN .brandindicator,
.GPN.brandindicator {
    background-color: #2f2726 !important;
    border-color: #2f2726 !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;
}

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

.gpn-color {
    background-color: #272F46 !important;
    border-color: #2f2726 !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;
}

.action-label {
    font-weight: normal;
    font-size: inherit;
    color: darkgreen;
    border: 1px solid darkgreen;
    background-color: transparent;
    margin-right: 2px;
    display: block;
}

.action-label:not(:first-of-type) {
    margin-top: 2px;
}

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

dialog.modal-dialog {
    padding: 0;
    border: none;
    box-shadow: silver 2px 2px 5px 2px;
    border-radius: 10px;
    min-height: 150px;
    width: 1100px;
    margin-left: 50px;
}

dialog.modal-dialog .newrelation div[class^="col-sm-"] {
    padding: 0;
}

dialog.modal-dialog::backdrop {
    background: rgba(0, 0, 0, 0.5);
}

.modal-xl {
    width: 1200px !important;
}


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

.modal-body .form-group {
    margin-left: 0;
}

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

.explanation-block {
    font-size: 16px;
}

.explanation-block.text-info {
    color: #666666;
}

tr.even .explanation-block.text-info {
    color: #000000;
}

.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: #9A9A1E;
    border-bottom-color: transparent;
    color: #4f4f05;
    font-weight: bold;
}

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

.client .tab-pane {
    margin-left: 0;
}

.client .tab-pane .table {
    border: 1px solid silver;
}

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

div.chosen-disabled {
    opacity: 0.75 !important;
}

div.chosen-disabled a {
    cursor: not-allowed !important;
    background: -webkit-linear-gradient(top, #eee 20%, #eee 50%, #eee 52%, #eee 100%) !important;
}

div.chosen-disabled a span {
    background: -webkit-linear-gradient(top, #eee 20%, #eee 50%, #eee 52%, #eee 100%);
}

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

#btn-save.unsaved-changes,
#dialogNote .btn.unsaved-changes {
    background-color: #d9534f;
    border-color: #d9534f;
}

#notetable .btn-link.ngTruncateToggleText {
    display: none;
}

#notetable .extraentity {
    height: 25px;
}

#notetable tr td {
    vertical-align: middle;
    padding: 2px;
}

.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-left: 115px ;*/
}

.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.danger {
    color: #d9534f;
}


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

#cFieldtype_chosen {
    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: 5px;
}

.undertext {
    color: #6e6a6a;
    font-size: small;
    padding-left: 0;
}

/*.active-question p,*/
.active-question trix-editor div {
    color: black;
}


/* Mutationform */
.tobetranslated {
    color: red;
}

.updateclient {
    color: #d43f3a;
}

tr.even {
    background-color: #E8E8E8;
}

.btn-group .btn {
    font-size: 14px;
}

.copytoclipboard {
    margin-left: 3px;
}


#filter_idStatuspayment_chosen .chosen-drop,
#idStatus_chosen .chosen-drop {
    width: 180px !important;
}

/**
 * For the correct positioning of the placeholder element, the dnd-list and
 * it's children must have position: relative
 */
.clusters {
    margin-left: 15px;
    margin-right: 15px;
}

.clusters .panel-body {
    padding-left: 10px;
}

.clusters ul[dnd-list],
.clusters ul[dnd-list]>li {
    position: relative;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.clusters ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.clusters ul[dnd-list] .dndDraggingSource {
    display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.clusters ul[dnd-list] .dndPlaceholder {
    display: block;
    background-color: #ddd;
    padding: 10px 15px;
    min-height: 42px;
}

/**
 * The dnd-lists's child elements currently MUST have
 * position: relative. Otherwise we can not determine
 * whether the mouse pointer is in the upper or lower
 * half of the element we are dragging over. In other
 * browsers we can use event.offsetY for this.
 */
.clusters ul[dnd-list].dndlist li.dndlistitem {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    display: block;
    margin-bottom: -1px;

    /* Disable text selection if item is not draggable */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.clusters ul[dnd-list] li dnd-nodrag {
    display: block;
    padding: 10px 15px;
}

/**
 * Gender-specifc background
 */
.clusters ul[dnd-list] li.background-man {
    background-color: #CAE0FC;
}

.clusters ul[dnd-list] li.background-woman {
    background-color: #FFE2F5;
}

.clusters ul[dnd-list] input.background-man {
    background-color: #D8E9FF;
    color: #2F4D99;
}

.clusters ul[dnd-list] input.background-woman {
    background-color: #FFF0FA;
    color: #D84FA7;
}

.clusters .field-description,
.clusters .field-id {
    margin-left: 20px;
}

.clusters .field-description {
    width: 100%;
}

.clusters .field-id {
    width: 409px;
    display: inline-block;
    margin-right: 100px;
}

.clusters .chosen-container-single {
    width: 200px !important;
}

/**
 * Handle positioning
 */
.clusters .handle {
    cursor: move;
    position: absolute;
    top: 14px;
    font-family: "Helvetive Neue";
    font-size: 16px;
    font-weight: bold;
}

.clusters .name {
    margin-left: 20px;
}

.clusters .panel-heading {
    min-height: 40px;
}

.clusters h3.panel-title {
    font-size: 20px;
    font-weight: bold;
}

.fieldblock {
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    margin-bottom: 5px;
}

.fieldblock .field-fieldname {
    background-color: #E0E0E0;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
}

.fieldblock .field-fieldname::first-letter {
    text-transform: uppercase;
}

.fieldblock .field-description {
    background-color: #E8E8E8;
    margin-left: 0;
    padding: 2px;
    padding-left: 5px;
}

.fieldblock div.field-value {
    padding: 10px 5px;
}

.fieldblock span.field-value {
    font-weight: bold;
    font-size: 16px;
}


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

.field-invisable,
.field-invisable:focus {
    margin-top: 8px;
    margin-left: 5px;
}

.submenu tripettologo {
    color: green;
}

.field-value.danger {
    color: #d9534f;
}

.field-value.success {
    color: #5cb85c;
}

.indicatorbar .label {
    border: 1px solid silver;
    padding: 4px;
    margin: 2px;
    font-size: 12px;
}

#client-screen .sw-heading {
    margin-bottom: 0px !important;
}

.tag-label {
    color: #337ab7;
    background-color: transparent;
    border: 1px solid silver;
    padding: 4px;
    margin: 2px 0 2px 2px;
    font-size: 12px;
    /* font-weight: normal; */
}

.table-hover>tbody>tr:hover .tag-label {
    border-color: white;
}

.tip h2 {
    color: #4f4f05;
}

.tip h2 i {
    color: #9A9A1E;
}

.changevalue {
    width: 285px;
    min-height: 30px;
    float: left;
}

.narrow label.btn {
    padding: 5px !important;
}

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

.quotationassets {
    padding-left: 10px;
    padding-top: 15px;
    margin-left: 10px;
    width: 99.2%;
}

.customeranswer,
.extratext {
    color: darkred;
    padding-top: 10px;
    font-weight: bold;
}

.correction,
.correction input {
    color: orangered;
}

.correction .control-label {
    margin-top: 10px;
    color: orangered;
}

#quotation-tab .correction {
    display: none;
}


i.mandatory {
    font-size: 10px;
    position: relative;
    top: -10px;
}

.quotationtype .fieldname {
    color: red;
    font-size: 14px;
}

.quotationtype input[type='checkbox'] {
    margin-left: 10px;
    margin-top: 0 !important;
}

.displayoptions {
    margin-top: 10px;
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid darkgrey;
    border-radius: 3px;
}

.displayoptions h5 {
    font-weight: bold;
}

.quotationtypeassets {
    margin-left: 15px;
    padding-left: 0px;
    padding-top: 10px;
    width: 99%;
}

.quotationtypeassets.odd,
.quotationassets.odd {
    background-color: #f9f9f9;
}

.searchoptions {
    padding-left: 10px;
}

.searchoptions button.no-btn,
.searchoptions button.no-btn:focus,
.displayoptions button.no-btn,
.displayoptions button.no-btn:focus {
    margin-left: 10px;
}

.newchoiceselects .col-sm-1,
.newchoiceselects .col-sm-2,
.newchoiceselects .col-sm-3,
.newchoiceselects .col-sm-6 {
    padding-left: 15px;
    padding-right: 0px;
}

#quotationtype #idQuotationdocument_chosen {
    max-width: 500px;
}

#quotationtype #idQuotationdocument_chosen div.chosen-drop {
    width: 800px;
}

.clients tr td div.label {
    margin-right: 3px;
}

.quotationtypeassets .trix-editor,
.quotationassets .trix-editor {
    padding-left: 0;
    background: white;
}

/* No fileuplod button in trix editors */
.trix-button-group--file-tools {
    display: none !important;
}

.btn-textblock,
.btn-textblock:active,
.btn-textblock:link,
.btn-textblock:visited {
    margin-left: 5px !important;
    color: #9A9A1E !important;
}

.btn-textblocktrue {
    color: #4f4f05 !important;
}

.statuslabels .label {
    margin-right: 5px;
}

.folderbutton {
    font-size: larger;
}

.folderbutton i {
    color: darkgrey;
    margin-right: 5px;
}

.folderbutton.opened i {
    color: darkkhaki;
}

.file-tabs ul li.uib-tab a,
.file-tabs ul li.uib-tab a:focus,
.file-tabs ul li.uib-tab a:hover,
.file-tabs ul li.uib-tab a:active {
    border: none;
    outline: none;
}

.file-tabs ul li.uib-tab.active a,
.file-tabs ul li.uib-tab.active a:focus,
.file-tabs ul li.uib-tab.active a:hover,
.file-tabs ul li.uib-tab.active a:active {
    border-bottom: 5px solid darkkhaki;
    outline: none;
}

div.cContent {
    border: 1px solid silver;
    border-radius: 5px;
    padding-left: 16px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#filter_idTripettoform_chosen {
    width: 84% !important;
}

#home .tab-pane {
    margin-left: 0;
}

#home .diagrams .statusses .col-sm-6 {
    margin-left: 0;
}

#home .tab-content h3 {
    padding-left: 5px;
}

#home div.tripettologo {
    margin-right: 10px !important;
}

#home div.tripettologo img {
    width: 30px;
}

#home h3 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 500px;
    border-top: 1px solid silver;
}

#home h3 i {
    color: #9A9A1E;
    padding-left: 10px;
}

#home table.lastvisited {
    font-size: 12px;
}

#home table.lastvisited {
    font-size: 12px;
}

#home table.btn {
    font-size: 12px;
}

#home .actionboard-title,
#home h3 a.actionboard-link i {
    color: #4f4f05;
    padding-left: 10px;
}

#client-screen li.uib-tab {
    margin-left: 1px;
    margin-right: 1px;

}

#home #tripettoentries-title {
    background-image: linear-gradient(to right, white, transparent),
        url('../../../images/bokhorst_verzekeringen_sfeerbeeld_8.jpg');
}

#home #clientupdates-title {
    background-image: linear-gradient(to right, white, transparent),
        url('../../../images/bokhorst_verzekeringen_sfeerbeeld_9.jpg');
}

#home #payments-title {
    background-image: linear-gradient(to right, white, transparent),
        url('../../../images/bokhorst_verzekeringen_sfeerbeeld_3.jpg');
}

#home #quotations-title {
    background-image: linear-gradient(to right, white, transparent),
        url('../../../images/bokhorst_verzekeringen_sfeerbeeld_11.jpg');
}

#home #mutations-title {
    background-image: linear-gradient(to right, white, transparent),
        url('../../../images/bokhorst_verzekeringen_sfeerbeeld_7.jpg');
}

#home #damages-title {
    background-image: linear-gradient(to right, white, transparent),
        url('../../../images/bokhorst_verzekeringen_sfeerbeeld_14.jpg');
}

#home .tag-label,
.quotations-list .tag-label {
    background-color: #333399;
    color: #fff;
    border-color: #333399;
    font-weight: bold;
    font-size: 14px;
}

.bokkiepedia-tab table {
    margin: 20px 5px;
}

.bokkiepedia-tab table,
.bokkiepedia-tab table tr {
    border-color: silver;
}

.bokkiepedia-tab table td {
    padding: 2px 5px;
    border-color: silver;
}

#infobox #productSearchresults {
    margin-top: 50px;
}

#home .card {
    width: 21%;
    margin-left: 3%;
    border-radius: 0 0 20px 20px;
    padding-bottom: 2px !important;
}

#home .card .panel-body {
    padding: 0 5px;
}

#home .actionboard-payments .card {
    width: 13%;
}

.history-dropdown {
    position: relative;
    left: -3px;
    margin-left: -22px;
    z-index: 9;
    top: 5px;
    height: 24px;
}

.history-dropdown.notes {
    top: 3px;
    left: -10px;
    height: 20px;
}


.history-button,
.history-button:hover,
.history-button:active,
.open .history-button {
    color: silver;
    border: none;
    background: white !important;
    border: none !important;
}

#home ul.dropdown-menu {
    margin-left: -261px;
    width: 288px;
}

.dashboardmessage {
    margin: 10px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid silver;
    clear: both;
}

.message-title {
    padding-left: 10px;
    font-weight: bold;
    font-size: 16px;
}

.message-excerpt,
.message-meta,
.message-body,
.show-more {
    padding-top: 10px !important;
    padding-left: 25px !important;
}

.message-meta {
    font-size: 12px;
}

.message-body img {
    max-width: 100%;
    height: inherit;
}

.message-button {
    margin-right: 10px;
    margin-top: 10px;
}

a.message-button {
    border-radius: 5px !important;
}

.messages uib-tab-heading span.label {
    margin-left: 5px;

}

.mergedcontent-field {
    padding: 6px;
    border: 1px solid silver;
    border-radius: 5px;
    margin: 0px 14px;
    background-color: #eee;
    min-height: 33px;
}

.mergedcontent-field.col-sm-8 {
    width: 64.25%
}

.mergedcontent-field.col-sm-9 {
    width: 72.5%
}

.mergedcontent-field.col-sm-10 {
    width: 80.88%
}

.mergedcontent .trix-editor {
    padding: 8px 14px;
    margin: 0px 0px;
}

.form-group input[type="date"] {
    width: 135px;
}

#idForeignkey2_chosen .chosen-drop {
    width: 604px !important;
    margin-left: -200px !important;
}

.payment-tab div.col-sm-8 {
    width: 64%
}

.settings-id {
    width: 5%
}

#dialogNewnotefloat {
    width: 490px;
    background-color: ghostwhite;
    position: fixed;
    top: 23px;
    left: 1185px;
    font-size: 14px;
}

#dialogNewnotefloat .form-group {
    margin-bottom: 2px;

}

#dialogNewnotefloat trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 5px;
}


.floatnote {
    padding: 0px;
    border: 1px solid #9A9A1E;
    border-radius: 3px;
}

.floatnote .header {
    height: 33px;
    border-bottom: 1px solid #000000;
    padding-right: 5px;
    padding-top: 0;
    border-radius: 3px 3px 0px 0px;
    margin-bottom: 5px;
    background-color: #9A9A1E;
    border-color: #9A9A1E;
    color: #FFFFFF;
}

.floatnote.outofsync {
    background-color: mistyrose !important;
}

.floatnote.outofsync .header {
    background-color: #d9534f;
    border-color: #d9534f;
}

.floatnote div.padding {
    padding-left: 5px;
    padding-right: 5px;
}

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

.floatnote .header button.default {
    color: #000000;
}

.floatnote .header button.default {
    color: #000000;
}


.floatnote .dialog-title {
    font-size: large;
    padding-top: 5px;
}

.floatnote .noteinstructions {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000000;
}

.floatnote .btn-group label.btn {
    padding: 6px;
    font-size: 12px;
}

.floatnote label.control-label {
    font-size: 12px;
}

.floatnote trix-toolbar .trix-button {
    height: 1.0em;
    padding: 0;
    width: 25px;
    background-color: #fff;
}

.floatnote .noteline {
    margin: 4px 10px 4px 22px;
    padding: 5px;
    background-color: white;
    border: 1px silver solid;
    border-radius: 5px;
}

#dialogNewnotefloat .showmorelessbutton {
    font-size: smaller;
    color: #337ab7;
    margin-top: 8px;
    margin-left: 0px;
}

.floatnote .noteline.myline {
    margin-left: 10px;
    float: right;
    background-color: mintcream;
}

.floatnote .noteline .lineuser {
    width: 45%;
    color: green;
    font-size: 12px;
    font-weight: 700;
    height: 20px;
}

.floatnote .noteline .lineuser i.glyphicon-envelope,
.floatnote .noteline .lineuser i.glyphicon-picture,
.floatnote .noteline .lineuser i.fa {
    padding-top: 2px;
    ;
    color: grey;
}

.floatnote .noteline .linedate {
    width: 45%;
    color: grey;
    font-size: 12px;
    height: 20px;
}

.floatnote .noteline .linepin {
    width: 10%;
    color: black;
    font-size: 12px;
    height: 20px;
}

.floatnote .noteline .linepin i {
    color: lightgrey;
}


.floatnote .noteline .linepin.pinned i {
    color: green;
}

.floatnote .noteline .linepin.pinned i {
    font-size: 18px;
}


.floatnote .noteline.newline {
    border-color: lightsalmon;
}

.floatnote .noteline.newline.opennote {
    border-color: silver;
}


.departmentlabel,
.documenttypelabel {
    border: 1px solid silver;
    border-radius: 3px;
    padding: 5px;
    margin: 2px;
    font-weight: 700;
    height: 30px;
}

.documenttypelabel {
    display: block;
    font-weight: normal;
    text-align: center;
    padding: 2px;
    margin: 0;
    height: 24px;
}

.notecategory {
    font-weight: 700;
    padding-top: 5px;
}

.notecategory {
    font-weight: 700;
    padding-top: 5px;
}

#editForm.notecategory {
    font-weight: normal;
    padding-top: inherit;
}


.departmentlabel.avatar-taken span {
    width: 22px;
}

.avatartaken {
    position: relative;
    top: -5px;
    left: 4px;
}

.no-avatar {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: lightgrey;
    color: darkblue;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    top: -4px;
    border: 2px solid white;
}

.searchbox {
    margin-top: 60px;
}

#dialogNewnotefloat ul.uib-datepicker-popup {
    left: -52px !important;
}

#policytab {
    padding: 0;
    padding-bottom: 20px;
}

#policytable-container {
    height: 550px;
    overflow-y: scroll;
    padding: 0;
}

#policytable thead {
    position: absolute;
    left: 16px;
    width: 1117px;
    z-index: 99;
    border: 1px solid silver;
    margin-top: -1px;
}

#policytable tbody {
    width: 1117px;
}

#policytable>thead>tr>th {
    border-bottom: none;
}

#policytable tbody {
    position: relative;
    top: 33px;

}

#policyDetail {
    padding: 12PX;
    min-height: 90%;
    border: 1px solid silver;
    border-radius: 5px;
}

#policyDetail #dialog-title {
    padding-left: 20px;
    font-size: 16px;
    font-weight: 700;
}

#policyDetail ul li a {
    padding-top: 2px;
    padding-bottom: 2px;
}


#policyDetail .form-group {
    margin-bottom: 5px;
}


#editForm.relation label.control-label {
    padding-right: 2px;
}

.actionbox button.action-button,
.actionbox button[popover-class='action-button'],
.actionbox button[popover-class='action-button changetype'] {
    width: 100%;
    margin: 5px;
}

.clientclassindicator,
.clienttypeindicator {
    display: block;
    margin: 2px !important;
}

tr:hover .clientclassindicator,
tr:hover .clienttypeindicator {
    border: 1px solid black;
    margin: 1px !important;
}

.clientclassindicator.large,
.clienttypeindicator.large {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 21px;

}

.clienttypeindicator {
    border: 1px solid transparent;
    background-color: #FFF;
}

.notemetadata {
    font-size: 12px;
    color: grey;
    margin-top: 5px;
    border: 1px solid silver;
    border-radius: 5px;
    padding: 6px;
}

#policyDetail {
    min-height: 550px;
}

#client-screen .tab-content {
    min-height: 550px;
}

pre.pretty-json {
    padding-left: 25px !important;
}

#cPackagenumber_chosen div.chosen-drop,
#cInsurancecompanynumber_chosen div.chosen-drop,
#cInsurancecompanynumbersub_chosen div.chosen-drop {
    width: 400px;
}

.yesno-narrow label {
    padding-left: 4px;
    padding-right: 4px;
}

.yesno-tiny label {
    padding: 3px;
}

#idPolicy_chosen {
    width: 90% !important;
    float: left;
}

.departmentselect button.default,
.departmentselect button.default:focus {
    color: grey;
    padding: 5px;
}

/*  generalsettings-table  */
.generalsettings-table.sivifields input {
    padding: 2px !important;
}

.generalsettings-table.sivifields .cField,
.generalsettings-table.sivifields .cFieldname,
.generalsettings-table.sivifields .cDescription,
.generalsettings-table.sivifields .cServicestable,
.generalsettings-table.sivifields .cServicesfield,
.generalsettings-table.sivifields .cEntities {
    width: 10%;
}

.generalsettings-table.sivifields .cEntities {
    width: 8%;
}


.generalsettings-table.sivifields .cFormat,
.generalsettings-table.sivifields .cCode,
.generalsettings-table.sivifields .cCodelist,
.generalsettings-table.sivifields .iTab,
.generalsettings-table.sivifields .iColumn,
.generalsettings-table.sivifields .iOrder,
.generalsettings-table.sivifields .filterbuttons {
    width: 5.2%;
}

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

.policy-sividata-tabset {
    margin-left: 10px;
}

.damage-form .status-buttons .btn-group label {
    padding: 5px;
    font-size: 13px;
}

#thirdpartiestable th,
#requireddocumentstable th,
#specificationtable th {
    background-color: #f5f5f5;
}

#thirdpartiestable td,
#requireddocumentstable td,
#specificationtable td {
    padding: 0;
}

#thirdpartiestable td div.col-sm-12,
#requireddocumentstable td div.col-sm-12,
#specificationtable td div.col-sm-12 {
    padding: 2px;
}

#thirdpartiestable button.btn.no-btn,
#requireddocumentstable button.btn.no-btn,
#specificationtable button.btn.no-btn {
    margin: 5px;
}

#specificationtable input#iNumber {
    text-align: center;
}

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

/* objectviewer end */

.generalsettings-table th,
.generalsettings-table tr#filters td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#documentclient tr td {
    vertical-align: middle;
}

p.cCompanydescription {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px;
    background-color: #eee;
    opacity: 1;
}

div.fixedtag {
    width: 250px;
    border: 1px solid silver;
    margin: 2px;
    border-radius: 3px;
}

div.fixedtag.checked {
    border-color: #4cae4c;
}

div.fixedtag .tag {
    padding: 5px;
    font-weight: bold;
    padding: 3px;
}

div.fixedtag button {
    border-top: none;
    border-right: none;
    border-bottom: none;
}

.fixedtags.display .fixedtag {
    border-color: silver;
}

div.damagerequest {
    width: 450px;
    border: 1px solid silver;
    margin: 2px;
    border-radius: 3px;
}

div.damagerequest.checked {
    border-color: #4cae4c;
}

div.damagerequest .tag {
    padding: 5px;
}

div.damagerequest button {
    border-top: none;
    border-right: none;
    border-bottom: none;
}

.damagerequests.display .damagerequest {
    border-color: silver;
    font-weight: bold;
    padding: 3px;
}

.licenseplate {
    float: left;
    margin-top: 3px;
    padding: 1px 5px;
    background-color: rgb(255, 210, 0);
    border: 1px solid black;
    font-family: 'Kenteken';
    font-size: 9px;
    border-radius: 3px;
}

.bkht-button {
    width: 200px;
    display: block;
    border: 1px solid #FF9900;
    border-radius: 25px;
    background-color: #FF9900;
    color: white;
    text-align: center;
    text-decoration: none;
    border: 11px solid #FF9900;
    font-size: 18px;
}

.entitymail-attachment {
    border: 1px solid silver;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
    background-color: #FFFFFF;
}

table.entityemail td.subject.showbody .subject {
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    font-weight: bold;
}

table.entityemail td.subject.showbody .body {
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    border-radius: 0 0px 5px 5px;
}

.warning-box {
    color: #d9534f;
    font-weight: bold;
}

#deselectallusers {
    margin-right: 5px;
}

#avatarsfilter button {
    padding: 3px;
    opacity: 0.3;
}

#avatarsfilter button.selected,
#avatarsfilter button:hover {
    opacity: 1;
}

#avatarsfilter button:hover {
    background-color: transparent;
}

#avatarsfilter button img {
    top: 0;
    height: 25px;
}

#avatarsfilter button img {
    border: 2px solid transparent;
}

#avatarsfilter button img:hover,
#avatarsfilter button.selected img,
#avatarsfilter button div.no-avatar:hover {
    border: 2px solid silver;
}

/* MS365 mails */
#ms365emails #list {
    border-radius: 5px;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    border-left: 1px solid silver;
    padding-right: 0;
    padding-left: 0;
    width: 490px;
}

#ms365emails #list .listemail {
    border-bottom: 1px solid silver;
    border-radius: 0px;
    padding-top: 5px;
    margin: 0px;
}

#ms365emails #list .listemail.conversationemail {
    border-top: 1px solid silver;
    border-bottom: none;
    clear: both;
}

#ms365emails #list .listemail.conversationemail {
    padding-left: 0;
    width: 100%;
}

#ms365emails #list .listemail.collapsed {
    height: 100px;
}

#ms365emails #list .listemail.open,
#ms365emails #list .listemail.open.focusedmail {
    background-color: rgb(235, 243, 252);
}

#ms365emails #list .listemail.focusedmail,
#ms365emails #list .listemail.collapsed.focusedmail {
    background-color: rgb(207, 228, 250);
}


#ms365emails #list .listemail .maildatacontainer {
    width: 95%;
}

#ms365emails #list .listemail .maildatacontainer .maildata {
    padding-top: 5px;
    padding-bottom: 5px;
}


#ms365emails #list .listemail .collapsecontainer {
    height: 100%;
    padding-top: 5px;
    width: 3%;
    min-width: 24px;
    padding-left: 5px;
}

#ms365emails #list .listemail .avatarcontainer {
    padding-top: 5px;
    min-width: 50px;
    width: 10%;
    margin-right: 3px;
}

#ms365emails .no-avatar {
    padding-top: 5px;
    height: 50px;
    width: 50px;
    font-size: 25px;
}

.maildata span {
    padding-left: 5px;
    padding-bottom: 3px;
}

.maildata span {
    padding-left: 0px;
    padding-bottom: 0px;
}



.mailfrom {
    width: 73%;
    font-weight: bold;
}

.maildate {
    width: 27%;
}

.mailsubject {
    width: 100%
}

.mailpreview {
    width: 100%;
    color: grey;
}

#ms365emails {
    width: 1150px;
    padding-bottom: 10px;
}

#ms365emails.inbox #list {
    margin-left: 15px;
}

#ms365emailrightpane {
    width: 640px;
    background-color: whitesmoke;
    margin-left: 5px;
    border: 1px solid silver;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.container.expandedview #ms365emailrightpane {
    width: 1140px;
}

#ms365emailrightpane label.control-label {
    margin-bottom: 0px;
    width: 128px;
    padding-left: 1px;
    padding-right: 3px;
}

#ms365emailrightpane label.control-label+span,
#ms365emailrightpane .body .bodycontent {
    width: 450px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 5px;
}

.container.expandedview #ms365emailrightpane label.control-label+span,
.container.expandedview #ms365emailrightpane .body .bodycontent {
    width: 940px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 5px;
}



#ms365emailrightpane .body .bodycontent {
    padding-bottom: 7px;
}


#ms365emailrightpane .subject {
    margin-top: 20px;
}

#ms365emailrightpane .subject {
    margin-top: 20px;
}

#ms365emailrightpane #connectto .col-sm-6 {
    width: 75%;
}

#ms365emailrightpane #connectto label.btn {
    padding: 6px 10px;
}


#ms365emails .panel.panel-primary {
    margin-left: 0;
    margin-right: 0;
}

#ms365emails .mailpreview span.label {
    position: relative;
    top: -3px;
}

#ms365emails .mailsubject i.glyphicon-paperclip {
    margin-right: 5px;
    color: grey;
}

button.entitymail-attachment:hover {
    background-color: #9A9A1E;
    color: white;
}

.popup {
    z-index: 9;
    background-color: #f1f1f1;
    border: 1px solid #d3d3d3;
    text-align: center;
    min-height: 150px;
    min-width: 300px;
    max-height: 300px;
    max-width: 600px;
}

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

#dialogEntityemail {
    background-color: white;
    top: 30px;
    border: 1px solid silver;
    box-shadow: silver 2px 2px 5px 2px;
    border-radius: 10px;
    width: 1200px;
    position: fixed;
    overflow: auto;
    z-index: 99;
    padding: 0;
}

#dialogEntityemail .modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 29px;
    padding-left: 10px;
}

.mailtitle {
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 10px;
}

#dialogEntityemail .tab-content {
    max-height: 800px;
    overflow-y: auto;
}

.trix-editor #cEmailbody {
    height: 300px;
    overflow: auto;
}

.folderlabel {
    border: 1px solid darkolivegreen;
    border-radius: 3px;
    padding: 2px 4px;
    background-color: darkolivegreen;
    color: white;
}

button.displaydocument {
    padding-right: 30px;
}

button.deletedocument {
    position: relative;
    left: -23px;
    top: 1px;
}

.jbranchecodestooltip {
    width: 300px !important;
}

.jbranchecodestooltip .tooltip-inner {
    text-align: left !important;
}

.lastrefresh {
    position: fixed;
    bottom: 1px;
    right: 10px;
}

#idSavedsearch_chosen {
    margin-top: 2px;
}

#savedsearches .btn {
    margin-top: 4px;
}

.info-button h3 {
    margin: 0 !important;
}

.invoice span.input-group-addon,
.invoicetype span.input-group-addon {
    padding-left: 2px;
    padding-right: 2px;
}

.claims {
    background-color: #f8f7dd !important;
}

tr.claims:hover {
    background-color: #e6e389 !important;
}

.table-hover>tbody>tr:hover {
    /* background-color: #c9c9c9 !important; */
    background-color: #c8c8c8 !important;
}

#screen-help-text img {
    max-height: initial;
    max-width: initial;
}

.linetext img,
.itissueline img,
#screen-help-text img {
    max-width: 100%;
    width: auto;
    height: auto;
}

figure div.btn i {
    margin-right: 3px;
}

figure img {
    border: 1px solid silver;
    border-radius: 3px;
    padding: 3px;
}

/* Disable the settings menu dropdown */
#settings+button.dropdown-toggle {
    display: none;
}

/* Hide the figure progress bar*/
figure progress,
figure figcaption {
    display: none;
}

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

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

/* Seam screen */
.seam .swtoolbar #btn-save,
.seam .swtoolbar #btn-save-close,
.seam .swtoolbar #btn-copy {
    display: none;
}


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

/* Handsontable pddatarecords */
/* #inputtoolbar {
    position: absolute;
    top: 240px;
    width: 100%;
    z-index: 99;
}

#inputcontainer {
    position: absolute;
    top: 260px;
    width: 100%;
    background-color: #fff;
} */

.clientflexfields #inputcontainer th {
    min-width: 50px;
}

.settings-colorpicker {
    height: 30px !important;
    width: 30px;
    padding: 2px;
    margin: 2px;
    float: left;
}

.settings-input:has(+ .settings-colorpicker) {
    float: left;
    width: 80%;
    margin-right: 10px;
}

#policyDetail .adn {
    background-color: #addd7d !important;
    font-weight: bold;
}

#policyDetail .rdw {
    background-color: #a7e4f7 !important;
    font-weight: bold;
}

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



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

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

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

ti-tag-item span {
    color: #fff !important;
}

tags-input .tags .input {
    font: inherit !important;
    padding-left: 0 !important;
}

i.gold {
    color: gold;
}

i.silver {
    color: black;
}


#myChart {
    width: 100%;
    height: 400px; /* Or whatever height you need */
    margin: 0 auto;
  }

#chartscontainer div[class*="col-sm-3"] {
    border: 1px solid silver;
    border-radius: 5px;
    padding: 3px;
    margin: 3px;
    width: 24.40%;
}


#chartscontainer div[class*="col-sm-6"] {
    border: 1px solid silver;
    border-radius: 5px;
    padding: 3px;
    margin: 3px;
    width: 49.3%;
}

.chart {
    padding: 5px;
    clear: both;
}

.chartcard {
    text-align: center;
}
.chartcard h4 {
    font-weight: 700;
}

.chartcard .card-body {
    font-size: x-large;
    font-weight: 700;
    color: darkred;
}

#searchbox-container {
    position: absolute;
    left: 249px;
    width: 520px;
}

.expandedview #searchbox-container {
    left: 681px;
}

#searchbox {
    margin-top: 3px;
    border-bottom: 1px solid #333399;
}

#searchbox .btn-group label {
    height: 24px;
    padding: 4px;
    margin-top: 3px;
    border-color: transparent;
}

#searchbox input {
    height: 24px;
    border-color: transparent;
    box-shadow: none;
    opacity: 1;
    background: rgb(255, 255, 255);
    color: rgb(153, 153, 153);
    border-radius: 0;
}

#searchbox .history-dropdown {
    top: 0;
    padding-top: 3px;
}

nav #searchbox .dropdown-menu a {
    text-transform: inherit;
    font-size: inherit;
    margin: inherit;
    padding: inherit;
    padding-left: 15px;
}

.disabled-textarea {
    min-height: 100px;
    border-radius: 5px;
    padding: 5px;
    background-color: #eeeeee;
}
.disabled-textarea:hover {
    cursor: not-allowed;
}

/* ----- 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.incoming {
    align-self: flex-end;
    background: lightgrey;
}

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

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

.msg-body {
    white-space: pre-line /* Display \n as new line */
}

.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;
    margin-left: 5px;
    width: 560px;
}

.chat-input textarea {
    flex: 1;
    resize: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0.5rem;
    /* font-size: 1rem; */
}

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

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

.wahachatscount {
    color: #d9534f;
    font-weight: bold;
}