body   
{
    font-size: 16px;
    font-family: "overpassregular", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color:#8b8b80;
}

label {
     font-weight: normal;
 }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: "overpassregular", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif !important;
}

.modal {
    overflow: auto;
}

.modal-header {
    padding-top: 10px;
    padding-bottom: 5px;
    overflow: hidden;
}

.modal-header.no_underline {
    border-bottom: none;
}

.modal-body {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 2px;
    margin-right: 2px;
}

.modal-footer {
    border-top: 1px solid #8b8b80;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 2px;
    margin-right: 2px;
}

.modal-footer.inner-footer {
    border-top: none;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 5px;
}

.modal-footer.empty {
    border-top: none;
    padding-top: 0px;
}

.modal .vertscroll {
    overflow-y: auto;
}


#wrapper {
    position: fixed;
    width: 100%;
}


#content-wrapper
{
    position: absolute;
    top: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    padding-left: 195px;
}

#navigatie
{
    position: absolute;
    height:100%;
    top: 0px;
    padding-left:0px;
    padding-right: 0px;
    font-size: 100%;
    color: #ffffff;
    background-color: #8b8b80;
    min-height: 40px;
    width: 195px;
    z-index: 120;
}

#topheader {
    border-color: transparent !important;
}

.navbar-brand-ccm {
    margin-left: 0px;
    margin-top: 0px;
}
.navbar-brand-ccm > li {
    float: left;
}
.navbar-brand-ccm > li > a {
    padding-top: 15px;
}

#ccmlogo {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 15px;
}

#link-Uitloggen {
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.navbar-default {
    background-color: #47454b;
}

.navbar-top-links {
    font-size: 16px;
    border-color: #47454b;
    background-color: #47454b;
    color: white;
}

.navbar-top-links a.top-link  {
    color: #a4acb1 !important;
    text-decoration: none;
}

.navbar-top-links a.top-link:hover,
.navbar-top-links a.top-link:focus
{
    background-color: inherit;
    color: white !important;
}

.navbar-top-links .top-link.active {
    background-color: inherit;
    color: white !important;
}

.dropdown-menu {
    z-index: 10000;
}

.dropdown-menu > li {
    width: 100%;
    color: #a4acb1;
}

.dropdown-menu .dropdown-link {
    color: #8b8b80;
    text-decoration: none;
}

.dropdown-menu .divider {
    background-color: #a4acb1;
}

.dropdown-menu .dropdown-link.disabled {
    color:#c4ccc1;
    background-color: #e4ece1;
}

.navbar-top-links a.dropdown-link {
    color: #a4acb1 !important;
    text-decoration: none;
}

.navbar-top-links a.dropdown-link:hover,
.navbar-top-links a.dropdown-link:focus
{
    background-color: inherit;
    color: white !important;
}

.navbar-top-links li {
    display: inline-block;
    vertical-align: middle;
}

.navbar-links-container {
    margin-right: 15px;
    top: 0;
}

.navbar-header-top {
    height: 70px;
    padding-top: 10px;
}

.navbar-header .web-button
{
    margin-top: 16px;
}

.stretch-to-bottom {
    position:relative;
    z-index:1000;
    display: block;

    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.scrollable-wrapper {
    position: relative;
    overflow: auto;
}

/* Zorg ervoor dat het IE-specifieke clear-kruisje niet wordt getoond. */
input::-ms-clear {
    display: none;
}

input[type=text].invoer,
input[type=password].invoer, 
input[type=text].invoer100, 
input[type=password].invoer100, 
textarea.invoer,
textarea.invoer100,
.ui-spinner,
.accessoirekoppeling-container,
.invoer_control {
    border: 2px solid #dfdfd3;
    border-radius: 2px;
    background-image: none;
    color: #8b8b80;
    padding-left: 4px;
    -webkit-appearance: none;
}
input[type=text].invoer,
input[type=password].invoer,
input[type=text].invoer100,
input[type=password].invoer100,
.ui-spinner {
    height: 28px !important;
}

.imagePreview {
    border: 2px solid #dfdfd3;
    border-radius: 2px;
    background-image: none;
    background-repeat: repeat-y;
    padding: 0;
    overflow:hidden;
}

input[type=checkbox].invoer {
    margin-right: 5px;
}

.ui-spinner > input[type=text].invoer {
    border: 0;
}


input[readonly].invoer {
    background-color: #F2F2F2;
}

input.invoer100,
textarea.invoer100,
.select2-container.invoer100 {
    width: 100%;
}

input.invoer100.important,
textarea.invoer100.important,
.select2-container.invoer100.important {
    width: 100% !important;
}

input.invoerValue,
div.invoerValue {
    width: 170px;
}

div.invoerValue > input.invoerValue {
    width: 150px;
    float: right;
}

#sidebar input.invoer100,
#sidebar .select2-container.invoer100 {
    padding-left: 10px;
    padding-right: 10px;
}


input[type=text].numericOnly {
    text-align: right;
}

textarea.invoerOpmerking {
    height: 80px;
}

.invoer-veld {
    margin-bottom: 20px;
}

.ui-spinner {
    padding-left: 0px;
}

.ui-spinner-input {
    margin-top: -2px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0 !important;
    padding-right: 17px;
}

.ui-spinner-focused1 {
    padding-right: 10px;
}

.ui-spinner-input:focus {
    outline: 0 !important;
}

.ui-spinner-button {
    border: 0 !important;
    color: #8b8b80 !important;
}

.clickable {
    cursor: pointer;
}

/* bootstrap 3 helpers */

.navbar-form input, .form-inline input {
	width:auto;
}

.navbar {
    margin-bottom: 0px;
}


.divider-vertical,
.divider-vertical-hidden {
    height: 50px;
    margin: 0 9px;
    border-left: 1px solid #3B393E;
    margin-top:0px;
}

.divider-vertical-hidden {
    visibility: hidden;
}

/* knop welke kan worden verkleind door de tekst te verbergen */
.web-button {
    color: white !important;
    background-color: #a2a296;
    font-size: 16px;
    border-radius: 5px;

    height: 28px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 1px !important;
    margin-top: -1px;
}

/* smalle knop (zonder tekst is deze vierkant) */
.web-button.small {
    padding-left: 3px !important;
    padding-right: 4px !important;
}

.web-button.small > i.glyphicon {
    padding-left: 4px !important;
    padding-right: 4px !important;
}


.web-button.listButton {
    padding-left: 6px !important;
    padding-right: 7px !important;
    padding-top: 0 !important;
}

/* container voor knop-tekst*/
.web-button > span {
    margin-left: 1px;
    margin-right: 1px;
    position: relative;
}

.web-button.listButton > span {
    top: 1px;
}

.web-button > .glyphicon {
    top: 3px;
    left: 1px;
}

.web-button img.web-button-icon {
    margin-left: 1px;
    margin-right: 0px;
    margin-top: -2px;
}

.web-button.listButton img.web-button-icon {
    margin-top: 1px;
}

.web-button.trivial {
    background-color: #7fb255;
    color: white;
}

.web-button.rood {
    background-color: #ff2525 !important;   
}

.web-button:hover:not([disabled="disabled"]), .web-button:focus {
    background-color: #8e8e80 !important;
}

.web-button.trivial:hover, .web-button.trivial:focus {
    background-color: #66983d !important;
}
.web-button.rood:hover,
.web-button.rood:focus {
    background-color: #e60000 !important;   
}

.web-button[disabled="disabled"]:not(.trivial) {
    background-color: #dfdfd4;
    color: #a2a296 !important;
}

/* lg-buttontrivial = grote knop */
/* lg-buttontrivialsqr = grote vierkante knop */
.lg-buttontrivial,
.lg-buttontrivialsqr {
    color: white !important;
    background-color: #7fb255;
    font-size: 16px;
    border-radius: 5px;
}


.lg-buttontrivial {
    height: 43px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 10px !important;
}

.lg-buttontrivialsqr {
    height: 43px;
    width: 43px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 10px !important;
}


/* Eigenschappen bij hovering triviale button */
.lg-buttontrivial:hover, .lg-buttontrivial:focus,
.lg-buttontrivialsqr:hover, .lg-buttontrivialsqr:focus
{
    background-color:#66983d !important;
}


/* Vierkante knop op modal scherm */ 
.lg-buttonmodalsqr {
    height: 28px;
    width: 28px;
    background-color: #8b8b80;
    color: #fff;
    font-size: 1.2em;
    border-radius: 4px;
    padding: 0;
}

/* Eigenschappen van hovering button*/ 
.lg-buttonmodalsqr:hover,
.lg-buttonmodalsqr:focus {
    background-color: #a2a296;
    color: #fff;
}

/* strepen op hamburger (offertes) */
.icon-bar-line {
  display: block;
  width: 18px;
  height: 2px;
  background-color: white;
  border-radius: 1px;
  margin-bottom: 3px;
}

/* aanpassing voor weergave in een grid */
.grid-btn {
    margin-top: -4px;
    margin-right: 5px;
}

.btn-close-modal {
    position: absolute;
    right: 15px;
}

/* standaar kleuren */ 
.default-background {
    background-color: #f8f8f4;
}

.topbar-background {
    background-color: #47454b;
}

.topbarlink-background {
    background-color: #a4acb1;
}

.pulldown-background {
    background-color: #f1f1eb;
}

.details-background {
    background-color: #dfdfd4;
}

.detailsheader-background {
    background-color: #a4acb1;
}

.progressbar-background {
    background-color: #8b8b80;
}

.contentheader-background {
    background-color: #f1f1eb;
}

.contentHeader {
    padding-left: 15px;
    padding-right: 15px;
}

.popupHeader-background {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: #f1f1eb;
}

/* Ter voorkoming van een border rond actieve elementen in Chrome */
*:focus, a:focus, input:focus {
    outline: 0;
}

input:focus, 
textarea:focus,
ul:focus, 
.ui-spinner-focused {
    outline: #FDE9A0 solid 2px;
}


.colPadding-normal {
    padding-left: 15px;
    padding-right: 5px;
}

.colPadding-s {
    padding-left: 10px;
    padding-right: 3px;
}

.colPadding-xs {
    padding-left: 3px;
    padding-right: 3px;
}

.colPadding-xs-left {
    padding-left: 3px;
}

.colPadding-xs-right {
    padding-right: 3px;
}

.colPadding-none {
    padding-left: 0px;
    padding-right: 0px;
}

.invoerRow {
    min-height: 45px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    vertical-align: middle;
}

span.relatieLabel,
span.invoerLabel {
    font-size: 0.8em;
}

span.relatieToegevoegdLabel {
    color: inherit;
    font-size: 0.8em;
}

#frmZoekVelden div.invoerLabel {
    min-width: 100px !important;
}

#div-OfferteBeheer div.invoerLabel {
    min-width: 165px !important;
}

.resultatenbar {
    height: 40px;
    background-color: #f1f1eb;
}

.view-title {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 15px;
}

.resultatenbar .view-title {
    white-space: nowrap;
}

.nav-header-text {
    position: absolute;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
    max-width: 90%;
}

.btnVerwijderRelatie,
.btnEditRelatie,
.btnRemoveFilter
{
    padding-top: 0px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 0px;
}

.btnRemoveFilter {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    font-size: 14px;
    padding-left: 3px;
    padding-right: 1px;
}

.heading {
    background-color: #dfdfd3;
}

span.headingTitel {
    margin-left: 15px;
}

.kenteken,
.kenteken100,
.kentekenveld {
    background-image: url("/images/kenteken.png") !important;
    background-repeat: no-repeat;
    background-color: #F4BE04;
    border: 0 !important;
    padding-left: 15px !important;
    color: black!important;
}

.kenteken,
.kenteken100 {
    border-color: inherit;
    border-width: 2px;
    border-radius: 2px;
    display: inline-block;
    padding-right: 5px;
}

.kenteken100 {
    width: 100% !important;
    min-width: 100px !important;
    max-width: 110px !important;
}

.kenteken100[disabled] {
    color: #8b8b80 !important;
}

.opvolgtypechevron {
    padding-left: 24px;
    padding-bottom: 12px;
}

.chevrondown {
    background-image: url("/Icons/pic_chevrondown.png");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}


.chevronup {
    background-image: url("/Icons/pic_chevronup.png"); 
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}


.chevron {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.chevron.up {
    background-image: url("/Icons/pic_chevronup_transparent.png"); 
}

.chevron.down {
    background-image: url("/Icons/pic_chevrondown_transparent.png"); 
}

.chevron.grey {
    background-color: #BFBFB3
}



.img-combo-text {
    padding-left: 10px;
}

img.icon {
    vertical-align: text-bottom;
}

.typeRelatie-icon,
.typeKleur-icon,
.typeVerkoopkans-icon,
.type-icon,
.inline-icon {
    width: 24px;
    height: 24px;
    margin-left: 3px;
    margin-right: 3px;
    border: none;
    background-repeat: no-repeat;
    padding-left: 0px;
}

.inline-icon {
    display: inline-block;
    vertical-align: text-bottom;
    margin-bottom: -5px;
}

.typeRelatie-icon.particulierMan {
    background-image: url('/icons/pic_trParticulierM.png');
}

.typeRelatie-icon.particulierVrouw {
    background-image: url('/icons/pic_trParticulierV.png');
}

.typeRelatie-icon.zakelijk {
    background-image: url('/icons/pic_trZakelijk.png');
}

.typeRelatie-icon.leasemij {
    background-image: url('/icons/pic_trLease.png');
}

.typeRelatie-icon.onbekend {
    background-image: url('/icons/pic_trOnbekend.png');
}

.typeKleur-icon {
    position: relative;
    top: 8px;
}

.typeKleur-icon.exterieur {
    background-image: url('/icons/pic_ColorExterior.png');
}

.typeKleur-icon.interieur {
    background-image: url('/icons/pic_ColorInterior.png');
}

.typeVerkoopkans-icon.type-lead {
    background-image: url('/icons/icon_lef.png');
}

.typeVerkoopkans-icon.type-offerte {
    background-image: none;
}

.type-icon.type-taxatie-info {
    background-image: url('/icons/Icon_LeadInfo.png');
}

.inline-icon.type-info {
    background-image: url('/icons/pic_info-small.png');
}

.row.relatiesToevoegen {
    margin-bottom:20px
}

.relatie-zoekvelden {
    background-color: #f8f8f4;
}

#ZoekVeldenBlok1 {
    background-color: #fff;
    padding-top: 10px;
}

#ZoekVeldenBlok2 {
    background-color: #f8f8f4;
}

#relatieinvoervelden .invoer {
    width: 100%
}

#relatieinvoervelden ul {
    list-style-type: none;
}

#relatieinvoervelden .sectionSoortRelatie {
    border: black;
    border-style: solid;
}

#relatieinvoervelden fieldset,
#BovemijAanvraag fieldset {
    border: #dfdfd3 1px solid!important;
    padding: 5px;
}

#relatieinvoervelden legend {
    width: inherit;
    border-bottom: none;
    padding: 0 10px;
    font-size: 1em;
    font-weight: bold;
    color: #8b8b80;
}

#relatieinvoervelden select,
#relatieinvoervelden textarea {
    width: 150px;
}

.error-border {
    border-color: red!important;
}

#relatieinvoervelden fieldset,
#BovemijAanvraag fieldset {
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.row.group-head {
    height: 40px;
    padding-top: 5px;
}

.row.group-head {
    background-color: #DFDFD3;
    padding-top: 10px;
    margin-bottom: 5px;
}

.row.group-head.as-main-head {
    margin-right: -14px;
}

.row.group-head .select2-container {
    margin-top: -4px;
}

.row.item-row {
    padding-top: 5px;
    padding-bottom: 5px;
}

.row.group-head.as-item-row>:first-child,
.row.item-row>:first-child {
    padding-left: 30px;
}

#div-voortgangOfferteModal .prijs {
    background-color: #F2F2F2;
    text-align: right;
}


#div-actieSuccesvolVerkoopkansModal label, #inlezenOfferteModal label {
    background-color: #F2F2F2!important;
    text-align: left;
    font-weight: inherit;
    width: 100%;
    padding-left: 3px;
    padding-right: 3px;
}

#div-voortgangOfferteModal .totaal-row .prijs {
    background-color: transparent;
    border-top: #8b8b80 solid 2px;
}

#div-voortgangOfferteModal .scrolled {
    margin-right: 0;
}

#VoortgangOfferteGegevens_scroller,
.modal-scroller {
    overflow: auto;
    position: absolute;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

#VoortgangOfferteGegevens_container,
.modal-container {
    width: 99.9%;
}

#relatieinvoervelden textarea.invoer {
    height: 80px;
}

span.iconClose {
    margin-top: -7px;
}

img.iconClose {
    background-color: #8b8b80;
    border-radius: 10px;
    margin-left: -4px;
    margin-right: -4px;
    vertical-align: text-bottom;
}

div.iconAdd,
div.iconRemove,
div.iconPriceChange,
div.iconInPakket {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    margin-left: 0;
    margin-right: 3px;
    vertical-align: middle;
}

div.iconAdd {
    background-image: url("/Icons/icon_add.png") !important;
    background-repeat: no-repeat;
    background-color: #7FB255;
}

div.iconRemove {
    background-image: url("/Icons/icon_remove.png") !important;
    background-repeat: no-repeat;
    background-color: #F45A5A;
}

div.iconPriceChange {
    background-image: url("/Icons/icon_check.png") !important;
    background-repeat: no-repeat;
    background-color: #5a79d4;
}

div.iconInPakket {
    background-image: url("/Icons/icon_inPakket.png") !important;
    background-repeat: no-repeat;
    background-color: #5a79d4;
}

/* Grid pagina's */
.listList {
    background-color: white;
}

.listHeaderContainer {
    background-color: #DFDFD3;
}

.listHeader-nofont,
.listHeader {
    background-color: #DFDFD3;
    line-height: 1.4285;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 45px;
    z-index: 10;
}

.listHeader {
    color: #8b8b80;
    font-size: 1.0em;
}

.listRow:not(:first-of-type) {
    border-top: 1px solid #ddd;
}

.listRow.noBorder {
    border: 0;
}

.listRow > div {
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 1.4285;
}

.listRow .listCell {
    margin-left: 2px;
    margin-right: 2px;
    float: left;
    display: inline-block;
}

.listCell.emptyIcon {
    width: 24px;
    height: 24px;
    float: inherit;
    margin-left: 5px;
}

.listRow .listCell.padding-right {
    padding-right: 5px;
}

.listRow .listCell:first-child {
    margin-left: 0px;
}

.listRow .listCell:last-child {
    margin-right: 0px;
}

.listRow .icon-col-left {
    padding-left: 7px;
    padding-right: 0;
}

.listRow .icon-col-right {
    padding-left: 0px;
    padding-right: 7px;
}

.listHeader .smallPadding,
.listRow .smallPadding {
    padding-left: 3px;
    padding-right: 3px;
}


.smallPadding-right {
    padding-right: 8px;    
}

.vcenter {
    display: flex !important; 
    align-items: center;
}

.listHeader .glyphicon-chevron-up,
.listHeader .glyphicon-chevron-down,
.listHeader .glyphicon-minus {
    font-size: 8px;
    background-color: #B4B9B9;
    color: white;
    text-align: center;
    vertical-align: text-top;
    width: 16px;
    height: 16px;
    top: 0px;
    padding-right: 0px;
    padding-top: 4px;
    padding-left: 0px;
    padding-bottom: 0px;
    border-radius:2px;
    margin-left: 3px;
}

.listRow.hover {
    background: #f8f8f4;
}

.listRow.selected {
    background: #FDE9A0;
}

.listRow .optie-thumbnail1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.listRow .optie-thumbnail img {
    height: 40px;
}

.listRow.striped:nth-child(odd) {
    background-color: #f9f9f9;
}

.overflow-text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
    max-width: 100%;
}

.listRow .badge, 
.navbar-top-links .badge{
    font-size: inherit;
    font-weight: inherit;
    background-color: #cbcbbe;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.listRow .badge.small,
.navbar-top-links .badge.small {
    padding-left: 10px;
    padding-right: 10px;
    min-width: 40px !important;
}


/* Detail informatie */

.detailInformatieContainer {
    padding-left: 0px;
    padding-right: 0px;
}

.detailInformatieContainer .detailItemRow {
    background-color: #f1f1eb;
    margin-bottom: 3px;
}

.detailInformatieContainer span {
    display: block;
    overflow-x: hidden;
}

.detailInformatieContainer .txt-itemInformatie {
    overflow-x: hidden;
}

.detailInformatieContainer .lbl-itemInformatie {
    color: #C0C3BC;
    font-size: 0.8em;
}

.topInformatie_container {
}

ul.topInformatie {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

ul.topInformatie.first {
    padding-left: 15px;
}

ul.topInformatie li {
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

ul.topInformatie li img {
    height: 130px;
}

.btnVerwijderSectionItem {
    padding-top: 2px;
    padding-bottom: 2px;
}

.modal-body .item-row li,
.invoerRow li {
    list-style: none;
}

/* jQuery UI Spinner */


/* Inlog scherm */
#inlog-container input {
    width: 100%;
}

ul.inlog {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

ul.inlog li {
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.tile-date {
    background-color: #F7F8F3;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    color: inherit;
    display: block;
    min-width: 37px;
}

.tile-date > span {
    display: block;
}

.tile-date .label-month {
    color: #CBCBBE;
}

/* Validatie fouten */
.validation-summary-errors {
    border: 2px solid #F45A5A;
    padding: 5px;
    margin: 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, .25);
    color: #F45A5A;
    font-size: 0.9em;
}

.validation-summary-errors ul {
    padding-left: 20px;
}

.field-validation-error {
    color: #F45A5A;
    font-size: 0.8em;
}

/* Actie opvolging */
#rapportagefilter #menu .badge,
#actieopvolgingfilter #menu .badge {
    width: 30px;
    background-color: #7FB255;
}

.navbar #opvolgingbadge {
    background-color: #7FB255;
}

.leadbadge {
    background-color: #3F99E2 !important; /* LEF blauw = 337AB7 */
}

#actieopvolgingfilter #menu .gisteren {
    background-color: #E0715D;
}

#rapportagefilter #menu .succesvol {
    background-color: #7FB255;
}

#rapportagefilter #menu .gemist {
    background-color: #E0715D;
}

#rapportagefilter #menu .lopend {
    background-color: #F4BE04;
}

#rapportagefilter #menu,
#actieopvolgingfilter #menu,
#rapportagenavigatie #menu,
#beheernavigatie #menu {
    margin-top: 10px;
}

#actieOpenTable.txt-actiegrid-opmerkingen {
    width: 100%;
}

#ActieOpvolging #nav-zoekveld {
    background-color: inherit;
}

.tooltip
{
   	display: inline;
    position: relative;
}
		
.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}
		
.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

.tooltip-wrapper {
    display: inline-block;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

#div-actiegemisteVerkoopkansModal #txt-opmerking {
    height: 200px!important;
}

#div-actiegemisteVerkoopkansModal .select2-container {
    width: 100%;
} 

#div-actieSuccesvolVerkoopkansModal .span-omschrijving {
    width: 100px !important;
    display: inline-block !important;
}

#s2id_dd-offertevolgnummer {
    width: 100%;   
}

.snelzoeken .glyphicon {
    color: #999;
    padding-left: 5px;
}


table.tbl-occasioninfo th,
table.tbl-occasioninfo td {
    background-color: #f1f1eb;
    border-top: 1px solid #fff !important;
}


#div-actieopvolgingKeuzeModal #ActieOpvolgingKeuze_body .btn {
    width: 100%;
    padding-left: 15px!important;
}

#div-actieopvolgingKeuzeModal #ActieOpvolgingKeuze_body .btn span {
    float: left;
}

#div-actieopvolgingKeuzeModal #ActieOpvolgingKeuze_body .btn i {
    float: right;
}

#div-actieopvolgingKeuzeModal #ActieOpvolgingKeuze_body .col-xs-12 {
    padding-left:15px
}

/* Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-valid {
    display: none;
}

.validation-summary-valid {
    display: none;
}


div.bedragwaarde {
    white-space: nowrap;
    text-align: right;
}

#frmInruilerNieuwe textarea {
    height: 80px;
}

#inruileropvoeren-grid {
    margin-top: 10px;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.noPadding-right {
    padding-right: 0 !important;
}

.noPadding-left {
    padding-left: 0 !important;
}

.offerteSectionItemKenmerk {
    margin-right: 5px;
}

.offerteSectionItemAantal {
    text-align: right;
}

.navbar-nav > li > .btn {
    margin-top: 10px;
  }

#div-uitloggen {
    float: right;
    margin-top: 18px;
    color: #a4acb1!important;
}

#link-Uitloggen {
    display: inline;
}

#link-Uitloggen i{
    color: white;
}

span.datum-badge,
span.datum-badge span {
    display: block;
}

#OrderGegevens ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: table;
}


/* Tooltip style ...*/
.ui-tooltip {
    background: #FDE9A0;
    color: inherit;
    border: #c0c3bc;
    border-width: 1px;
    padding: 0;
    opacity: 1;
}

.ui-tooltip-content {
    position: relative;
    padding: 1em;
    display: table;
}

.ui-tooltip-content ul {
    display: table;
    margin-left: 0px;
    padding-left: 0px;
    list-style-type: none;
}
/* ...Tooltip style*/

#ajaxSpinnerImage {
    position: fixed;
	left: 50%;
	top:50%;
	z-index: 9999;
}

.select2-drop.rapportagePeriode .select2-results {
    max-height: 260px;
}

#verzekeringaanvraag ul,
#financieringCalculatie ul {
    list-style-type: none;
}

#verzekeringaanvraag #logo,
#financieringCalculatie #logo {
    margin-bottom: 10px;
}

#verzekeringaanvraag .field-validation-error,
#financieringCalculatie .field-validation-error {
    display: block;
}

#div-afdrukbeheer ul {
    list-style-type: none;
}

.navbar-btn-middle {
    margin-top: 13px !important;
}

.navbar-btn-top {
    margin-top: 0 !important;
}

.navbar-btn-vorige {
    margin-right: 15px;
}

/* CcmMelding */
.CcmAlert {
    position: absolute;
    top: 15px;
    z-index: 100000;
    max-width: 60%;
}

#wrapper > .CcmAlert {
    top: 40px;
}

.CcmAlert div:first-child {
    position: relative;
}

.CcmAlert.alert-dismissable {
    padding-right: 0 !important;
}

.CcmAlert .close {
    right: 10px;
    top: 10px;
    z-index: 10;
}

.CcmAlert .Background {
    /*
    filter: alpha(opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    opacity:0.8;
    -moz-opacity: 0.80;
    */
}

.CcmAlert .Background * {
    visibility: hidden;
}

.CcmAlert .Foreground {
    position: absolute;
    left: 0;
    top: 0;
    background: transparent !important;
    border: 0 !important;
}

.CcmAlert .alert {
    padding-right: 35px;
}

.CcmAlert .melding .strong {
    font-weight: bold;
}

/* Berichten */
.bericht .strong {
    font-weight: bold;
}

/* Algemene styles */
.hidden-field {
    visibility: hidden;
    width: 0;
    border: 0;
    margin: 0;
}

.text-clickable,
div.doorklik {
    color: #66A3C6 !important;
    cursor: pointer;
}

.accessoirekoppeling-container {
    height: 120px;
    overflow: auto;
}


ul.accessoirekoppeling {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

ul.accessoirekoppeling li {
    list-style: none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
}

ul.accessoirekoppeling li.nivo1 {
    padding-left: 0;
}

ul.accessoirekoppeling input[type=checkbox] {
    margin-right: 5px;
}

/* Beheer accessoire: Lijst (collapse/expand) */
div.list-state-indicator {
    padding: 0;
    margin: 0;
    border: 0;
    position: relative;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 2px;
    background-repeat: no-repeat;
    font-size: 0.8em;
}

div.list-state-indicator.collapsed > .glyphicon.collapsed {
    /*
    background-image: url("../Icons/icon_list_state_collapsed.png");
    */
    display: inline-block;
}
div.list-state-indicator.collapsed > .glyphicon.expanded {
    display: none;
}

div.list-state-indicator.expanded > .glyphicon.expanded {
    /*
    background-image: url("../Icons/icon_list_state_expanded.png");
    */
    display: inline-block;
}
div.list-state-indicator.expanded > .glyphicon.collapsed {
    display: none;
}

li.list-state-collapsed > ul {
    display: none;
}

li.list-state-expanded > ul {
    display: block;
}

/* Beheer accessoire: Koppelingen */
input[type=checkbox].koppeling + span {
    color: #8b8b80;
}

input[type=checkbox].koppeling:checked + span {
    color: black;
}

span.koppeling-merk {
    color: #8b8b80;
}
span.koppeling-merk.koppeling-actief {
    color: black;
}

span.koppeling-status {
    padding-left: 5px;
}

/* File upload */
.fileupload-bar {
    height: 18px;
    background: green;
}

/* Nieuws pagina */
ul.PagesNews_titel {
    position: absolute;
    left: 190px;
    color: #ffffff;
}

span.PagesNews_titel {
    margin-left: 20px;
    font-size: 28px;
}

#PagesNews_inhoud {
    display: none !important;
}

.PagesNews_content img {
    max-width: 100%;
}


.filter .select2-container {
    margin-top: 0;
}
ul.filter li {
    list-style: none;
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Rapportage dashboard */
#tableModel .listHeader {
    font-size: 0.8em;
}

#tableVerkoopkans .listRow.verkoopkansSubrecord > div:first-child,
#tableModel .listRow.modelMerk > div:first-child {
    padding-left: 25px;
    white-space: nowrap;
}

#tableModel .listRow.modelModel > div:first-child {
    padding-left: 40px;
    white-space: nowrap;
}

#tableVerkoopkans div.percInner,
#tableModel div.percInner {
    text-align: right;
}
#tableVerkoopkans div.percOuter,
#tableModel div.percOuter {
    margin-left: auto;
    margin-right: auto; 
    width: 50px;
}

.navbar-merkmodel {
    margin-top: 16px;
}

.invoer.periodefilter {
    width: 200px;
}

.page-titleHeader {
    height: 62px;
}

.page-titleHeader .button,
.page-titleHeader .buttontrivial {
    margin-top: 17px !important;
}

.scroll-width {
    overflow: auto;
}

.fake-scrollV {
    margin-right: 17px;
}

.optie-regel.selected {
    color: red;
}

table.no-cellborder-vert th,
table.no-cellborder-vert td {
    border-left: 0 !important;
    border-right: 0 !important;
}

.optie-regel-omschrijving > td:first-child {
    width: 30px;
}

/* Select box voor periode op RapportageDashboard */
#select2-ddPeriodeFilter-results,
#select2-PeriodeFilter-results {
    max-height: 500px;
}

.filter-container {
    background-color: #f8f8f8;
}

div.row.filter-container {
    border-bottom: 1px solid #e7e7e7; 
}

.navbar.filter-container {
    padding-top: 10px;
}

.space-left {
    margin-left: 15px !important;
}

.space-left-small {
    margin-left: 5px !important;
}

.space-right {
    padding-right: 15px !important;
}

.labelRadioSpace {
    padding-left: 20px;
}

.actieInspringing {
    padding-left: 25px;
}

.checkboxList-item {
    padding-left: 3px;
}

.modalResizeScrollFix {
    position: absolute;
}

.iconSpacer {
    padding-left: 10px;
}

.scrollfix {
    display: block;
    -webkit-transform: translateZ(0);
}

/* Geeft de col- elementen gelijke hoogte */
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

.right-bottom {
    position: absolute;
    right: 15px;
    bottom: 5px;
}

.btn-group > .web-button {
    border-left: 0;
    border-right: 0;
}
.actionlink {}

.btn-relatieOfferte {
    width: 120px;
}

#ActieOpvolgingKeuze_body .web-button {
    padding-right: 5px !important;
}


/*
 * Dit zijn styling classes ten behoeve van de modal extra informatie schermen.
 */

table.tbl-extrainformatie {
    padding: 0;
}

table.tbl-extrainformatie th {
    border-top: 1px solid #fff !important;
}

table.tbl-extrainformatie td {
    background-color: #ffffff;
    border-top: 1px solid #f1f1eb !important;
}

table.tbl-extrainformatie .infogroup {
    background-color: #f1f1eb;
}

.div-extrainformatie-body {
    padding: 0;
}
    
#div-extrainformatieModal {
    overflow: hidden;
}

#extrainformatieModal_titel {
    font-size: 1.3em;
}

#extrainformatieModal_titel span {
    display: block;
}

#extrainformatieModal_model,
#extrainformatieModal_kenteken,
#taxatieRapport_kenteken {
    font-size: 1.3em;
}

#extrainformatieModal_uitvoering {
    font-size: 1.1em;
}

.div-extrainformatie-uitvoeringnaam,
.div-extrainformatie-kenteken,
.div-taxatieRapport-kenteken {
    width: 100%;
    position:absolute;
    bottom: 0px;
}

#div-extrainformatieModal .col-label {
    vertical-align: middle;
    line-height: 0.9em;
    padding-left: 20px;
}

#div-extrainformatieModal .col-label-StandaardUitrusting {
    padding-top: 14px;
    line-height: 0.9em;
    padding-left: 20px;
}

#div-extrainformatieModal .col-data {
    padding-left: 20px;
    font-size: 0.8em;
}

.lbl-itemInformatie {
    /*color: #c0c3bc; */
    font-size: 0.8em;
}

.modal #extrainformatiecontainer {
    overflow-y: auto;
    height: 100px;
    margin-right: 1px;
    margin-bottom: 5px;
}

.modal #extrainformatiecontainer .stdUitrusting {
    padding-left: 0px;
}

.modal #extrainformatiecontainer .stdUitrusting li  
{
    list-style-type: none;
    width: 100%;
    float: left;
}

.modal #extrainformatiecontainer .stdUitrusting li.optieomschrijving {
    vertical-align: top;
    list-style-type: disc;
    margin-left: 20px;
    width: 95%;
}

.modal #extrainformatiecontainer .stdUitrusting li.optieheader {
    
}

#div-selecteerEmailAddressModal-dialog {
    top: 100px;
}

img.preload {
    display: none;
}

.afm_kredietwaarschuwingBorder {
    border: 1px solid black !important;
    text-align: center !important;
    padding-bottom: 1px;
}

.extraHoogte {
    margin-top: 15px;
}

.extraHoogteSmall {
    margin-top: 10px;
}

#frmFinancieringCalculatie .hilight-maandtermijn {
    border-color: #66983d;
}

.form-fieldset {
    width:inherit; 
    padding: 10px; 
    padding-right:30px;
    margin-bottom: 10px;
    border: 1px solid #dfdfd3;
}

#frmFinancieringCalculatie input:disabled {
    color: #8b8b80;
    -webkit-text-fill-color: #8b8b80;
    -webkit-opacity: 1;
    background-color: #F2F2F2;
}

#divAutoPrijsModal input:disabled {
    color: #8b8b80;
    -webkit-text-fill-color: #8b8b80;
    -webkit-opacity: 1;
    background-color: #F2F2F2;
}

.input-group .select2-container {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    display: table;
    table-layout: fixed;
}

.spanComboItem {
    width: 100px;
    display: inline-block;
}

.spanComboSeparator {
    width: 30px;
    display: inline-block;
    text-align: center;
}

.offerteInlezenButton {
    margin-top: -3px;
    padding-left: 45px;
}

.selectOfferte {
    padding-left: 10px;
    padding-right: 10px;
}

.offerteInfoContainer {
    margin-left: -15px;
    margin-right: -15px;
}

#offerteInformatieContainer .col-label {
    padding-left: 20px;
}

#offerteInformatieContainer .inruiler {
    margin-bottom: 5px;
}

#offerteInformatieContainer .inruiler .inruiler-omschrijving {
    margin-left: 10px;
}

#taxatie {
    background-color: #fff;
}

#taxatie .listList {
    max-height: 130px;
}

#taxatie .listRow:hover {
    background-color: inherit;
}

#taxatie .btn + .btn {
    margin-left: 5px;
}

#taxatie .taxatieButtons {
    padding-top: 10px;
    padding-bottom: 10px;
}

#taxatie .taxatiemodule-container {
    background-color: white;
}

#taxatie .logo {
    max-height: 25px;
    max-width: 180px;
}

#taxatie .taxatieDatum {
    margin-left: 10px;
}

#taxatie .taxatieDatumWaarde {
    margin-left: 5px;
}

#taxatieRapport-fixedHead {
    height: 100px;
    overflow: hidden;
    padding-bottom: 10px;
}

#taxatieRapport-fixedHead img.afbeelding {
    max-width: 100%;
    max-height: 100px;
}

#div-TaxatieRaadplegenModal #meldingTekst {
    padding-top: 10px;
    padding-bottom: 15px;
}

#div-TaxatieRaadplegenModal #meldingError {
    padding-bottom: 15px;
    color: #b22222;
}

/* table-fixed scrolled */

.table.taxatieRapport thead {
    width: 100%;
    background-color: #DFDFD3;
}

.table.taxatieRapport tbody {
    width: 100%;
}

.table.taxatieRapport.table-fixed tbody {
    overflow-y: auto;
}

.table-fixed thead, 
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
    display: block;
}

.table.taxatieRapport tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

.table.taxatieRapport tbody td,
.table.taxatieRapport thead > tr > th {
    float: left;
    border-bottom-width: 0;
}

.table.taxatieRapport tr:not(.heading) {
    font-size: 12px;
}

.table-fixed.taxatieRapport  tbody {
    height: 250px;
}

.table.taxatieRapport tr.heading th,
.table.taxatieRapport tr.heading td {
    background-color: #DFDFD3;
    font-weight: normal;
}

.table.taxatieRapport td.sub1 {
    padding-left: 20px;
}

#overigeInfoClick {
    font-weight: normal;
}

.prijskeuzeCombo {
    font-size: 0.9em;
}

img.image_maxSizes {
    max-height: 100%;
    max-width: 100%;
}

div.height0 {
    height: 0 !important;
}

#relatieinvoervelden label {
    margin-bottom: 0;
}

@media screen and (max-width: 992px){
  
  *[class*='padding-sm']{
    padding-top:10px;
    padding-bottom:10px;
  }
  
}

.warning_inruil {
    height: 24px;
}

#Rapportage_container .inruil_omschrijving {
    padding-left: 5px;
}

#Rapportage_container .kenteken100 {
    width: 90px !important;
}

.offerteKortingSpacer {
    margin-top: 8px;
    margin-bottom: 8px;
    border-top: 1px solid #D8D8D8;
}

.autoprijsRow {
    margin-top: 5px;
    margin-bottom: 7px;
}

div.inline {
    display: inline;
}

.hamburger {
    vertical-align: middle;
    border: 0;
    cursor: pointer;
    display: inline;
    height: 24px;
    padding: 3px 4px 3px;
    position: relative;
    width: 25px;
    background: transparent;
}

.hamburger div {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px 2px 2px 2px;
    height: 2px;
    margin-top: 3px;
    width: 90%;
}

.hamburger.optiecomplicatieUitschakelen {
    width: 24px;
    height: 24px;
}

.hamburger.optiecomplicatieUitschakelen div {
    background-color: #8b8b80;
    border: 1px solid #8b8b80;
}

.mainheader-left {
    position: relative;
    z-index: 10;
}

.mainheader-right {
    position: absolute;
    z-index: 5;
    right: 0;
}