/* Site.css  vd_akkerqr*/
a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  background-color: rgba(177, 138, 54, 0.1);
}

.navbar {
  background-color: rgba(177, 138, 54, 0.2) !important;
}


.b-col {
  background-color: rgba(177, 138, 54, 0.2) !important;
}



/* no spinner for number-input*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button
{ 
   -webkit-appearance: none; 
}
 input::placeholder, textarea::placeholder{
  color: lightgray !important;
}
 input::-moz-placeholder, textarea::-moz-placeholder{
  color: lightgray !important;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: lightgray !important;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{
  color: lightgray !important;
}
 

.top-tab-container{
  padding-top: 0;
  padding-bottom: 0;
}

 /* override -> vdAkker specific */
.navbar-inverse {
  background-color: #B18A36;
}

.form-group {
  margin-bottom: 1px;
}

.form-control {
  height: calc(1em + .75rem + 2px);
  margin-bottom: 1px;
  padding: .2rem .0rem .2rem .375rem;
}

table.dataTable td {
  white-space: nowrap;
}

.l-color {
  color: #B18A36;
}

.btn-l { 
  color: #ffffff; 
  background-color: #B18A36; 
  border-color: #a07b2c; 
} 
 
.btn-l { 
  color: #ffffff; 
  background-color: #B18A36; 
  border-color: #827049; 
} 
 
.btn-l:hover, 
.btn-l:focus, 
.btn-l:active, 
.btn-l.active, 
.open .dropdown-toggle.btn-l { 
  color: #ffffff; 
  background-color: #8F6815; 
  border-color: #827049; 
} 
 
.btn-l:active, 
.btn-l.active, 
.open .dropdown-toggle.btn-l { 
  background-image: none; 
} 
 
.btn-l.disabled, 
.btn-l[disabled], 
fieldset[disabled] .btn-l, 
.btn-l.disabled:hover, 
.btn-l[disabled]:hover, 
fieldset[disabled] .btn-l:hover, 
.btn-l.disabled:focus, 
.btn-l[disabled]:focus, 
fieldset[disabled] .btn-l:focus, 
.btn-l.disabled:active, 
.btn-l[disabled]:active, 
fieldset[disabled] .btn-l:active, 
.btn-l.disabled.active, 
.btn-l[disabled].active, 
fieldset[disabled] .btn-l.active { 
  background-color: #B18A36; 
  border-color: #827049; 
} 
 
.btn-l .badge { 
  color: #B18A36; 
  background-color: #ffffff; 
}


.btn-multi-choice{
  width:auto;
  margin-right:2px;
  padding-top:1px;
  padding-left:0.4em;
}

.lspd-multiselect-left{
  float:left; 
  width:94%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.lspd-multiselect-right{
  float:right; 
  width:6%;
  margin-top: -0.2em;
}


.lspd-inactive{
border-color: #B18A36;
border-style: solid;
}


.entity-active{
  color:rgba(255, 0, 0, 0.0)
}
.entity-inactive{
  color:rgba(255, 0, 0, 0.5)
}
.lspd-combobox-caret{
  margin-top: calc(-1em - .75rem - 1px); /* Bootstrap -> custom form-control -1px*/
}

/* Zodat een switch even hoog is ale een textbox (dense) */
.v-input--switch.v-input--selection-controls,
.v-input--radio-group.v-input--selection-controls {
  margin-top: 3px;
  margin-bottom: 9px;
}


/*
.v-input__icon--append,
.v-icon.v-icon {
  font-size: 16px !important;
}
    */

.l-currency {
  max-width: 10em;
}
.l-percent {
  max-width: 10em;
}
.l-currency input,
.l-percent input {
  text-align: right;
}

.v-textarea textarea { /* -minimaal- 3 text-fields hoog */
  min-height: 8.25em;
}



.dtMaintenance .v-input,
.dtMaintenance .v-label{
  background-color: white;
}


.input-group-prepend{
  max-width: 3em;
}

.lspd-lbl {
    margin-top: 0.25rem;
    white-space: nowrap;
}

.btn-as-value {
    width: 100%;
    text-align: left;
    color: #495057;
    border: 1px solid #ced4da;
    height: calc(1em + .75rem + 2px);
    margin-bottom: 1px;
    padding-top: 0.1rem;
    overflow: hidden;
    padding: .2rem .0rem .2rem .375rem; /* form-control setting */
}

.fa-multi-choice{  width: 1.4em;}

.fa-lspd-inactive::before, .fa-lspd-inactive-nocolor::before{  content: "\f05e"; /*<i class="fas fa-ban"></i>*/  color : rgba(255, 0, 0, 0.5)}
.fa-lspd-nieuw::before {  content: "\f890"; /*fa-sparkles*/  color: rgba(255,255,255,0.4);}
.fa-lspd-checkbutton-yes::before {  content: "\f14a"; /*fa-check-square*/}
.fa-lspd-checkbutton-no::before {  content: "\f2d3"; /*fa-times-square*/}
.fa-lspd-change::before {  content: "\f363"; /*repeat*/}
.fa-lspd-insert::before {  content: "\f090"; /*sign-in*/}
.fa-lspd-remove::before {  content: "\f08b"; /*sign-out*/}


.lspd-app-color, .lspd-first-tab-icon {
    color: #B18A36;
}

.lspd-first-tab-icon {
    padding-right: 0.5em;
    font-size: 1.2rem;
}


.fa-lspd-euro::before {content: "\f153"; /*euro-sign*/}
.fa-lspd-delete::before {  content: "\f1f8"; /*<i class="fas fa-trash"></i>*/}
.fa-lspd-undo-delete::before {  content: "\f895"; /*<i class="fas fa-trash-undo"></i>*/}
.fa-lspd-undo-delete-nocolor::before {  content: "\f895"; /*<i class="fas fa-trash-undo"></i>*/}
.fa-lspd-cross::before {  content: "\f00d"; /*<i class="fas fa-times"></i>*/}
.fa-lspd-add::before {  content: "\f067"; /*<i class="fas fa-plus"></i>*/}
.fa-lspd-create::before {  content: "\f0c7"; /*<i class="fas fa-save"></i>*/}
.fa-lspd-to::before {  content: "\f324"; /*fa-chevron-double-right*/}
.fa-lspd-printer::before {  content: "\f02f"; /*fa-print*/}
.fa-lspd-pdf::before {  content: "\f1c1"; /*fa-file-pdf*/}
.fa-lspd-calendar::before {  content: "\f333"; /*fa-calendar-edit*/}
.fa-lspd-clock::before {  content: "\f017"; /*fa-clock*/}  
.fa-lspd-color::before {  content: "\f53f"; /*<i class="fas fa-palette"></i>*/}
.fa-lspd-colorgroup::before {  content: "\f53f"; /*<i class="fas fa-palette"></i>*/}
.fa-lspd-menu::before {  content: "\f022"; /*list-alt*/}
.fa-lspd-article::before, .fa-lspd-article-nocolor::before {  content: "\f465"; /*<i class="fas fa-barcode-scan"></i>*/}
.fa-lspd-add-article::before {  content: "\f0fe"; /*<i class="far fa-plus-square"></i>*/}
.fa-lspd-articlekind::before {  content: "\f5fd"; /*<i class="fas fa-layer-group"></i>*/}
.fa-lspd-manufacturer::before {  content: "\f3b3"; /*<i class="fas fa-industry-alt"></i>*/}
.fa-lspd-series::before, .fa-lspd-series-nocolor::before {  content: "\f802"; /*<i class="fas fa-folder-tree"></i>*/}
.fa-lspd-sizegroup::before { content: "\f61c"; /*<i class="fas fa-ruler-triangle"></i>*/ }
.fa-lspd-articlesizegroup::before { content: "\f61c"; /*<i class="fas fa-ruler-triangle"></i>*/ }
.fa-lspd-import::before {  content: "\f0ee";} /*<i class="fas fa-cloud-upload"></i>*/
.fa-lspd-calculation::before, .fa-lspd-calculation-nocolor::before {content: "\f1ec"; /*fa-calculator*/}
.fa-lspd-offer::before {content: "\f1ec"; /*fa-calculator*/}
.fa-lspd-invoice::before,.fa-lspd-invoice-nocolor::before {  content: "\f570"; /*file-invoice*/}
.fa-lspd-customer::before, .fa-lspd-customer-nocolor::before {  content: "\f6a5"; /*users-crown*/}
.fa-lspd-outsource::before {  content: "\f08b"; /*sign-out*/}
.fa-lspd-project::before {  content: "\f00a"; /*th*/}
.fa-lspd-report::before {  content: "\f643"; /*analytics*/}
.fa-lspd-question::before {  content: "\f2fd"; /*question-square*/}
.fa-lspd-productgroup::before{  content: "\f02c"; /*question-tags*/}
.fa-lspd-product::before{  content: "\f02b"; /*question-tag*/}
.fa-lspd-mail::before { content: "\f0e0"; /*envelope*/ }
.fa-lspd-system::before { content: "\f013"; /*cog*/ }
.fa-lspd-download::before { content: "\f56d"; /*file-download*/ }

.fa-lspd-ofr0x00000000::before, .fa-lspd-ofr-new::before { content: "\f5ae"; /*pencil-ruler*/ color: lightgrey; }

.fa-lspd-ofr0x00000010::before, .fa-lspd-ofr-send::before { content: "\f1fa"; /*at*/ color:palegoldenrod;  }
.fa-lspd-ofr0x00000011::before, .fa-lspd-ofr-opgevolgd::before { content: "\f674"; /*mail-bulk*/ color:palegoldenrod  }

.fa-lspd-ofr0x00000012::before, .fa-lspd-ofr-order::before { content: "\f4df"; /*truck-moving*/ color: palegreen ; }
.fa-lspd-ofr0x00000014::before, .fa-lspd-ofr-invoice::before { content: "\f570"; /*file-invoice*/ color: palegreen; }

.fa-lspd-ofr0x00001000::before, .fa-lspd-ofr-gereed::before { content: "\f467"; /*box-check*/ color: plum ; }
.fa-lspd-ofr0x00001100::before, .fa-lspd-ofr-rejected::before { content: "\e060"; /*handshake-slash*/ color: plum; }


.dt-pdf::before {  content: "\f1c1"; /*fa-file-pdf*/}
.dt-mail::before { content: "\f0e0"; /*envelope*/ }

.fa-lspd-ofr0x00000000, .fa-lspd-ofr0x00000010, .fa-lspd-ofr0x00000011, .fa-lspd-ofr0x00000012, .fa-lspd-ofr0x00000014, .fa-lspd-ofr0x00001000, .fa-lspd-ofr0x00001100,
.fa-lspd-ofr-new, .fa-lspd-ofr-send, .fa-lspd-ofr-order, .fa-lspd-ofr-invoice, .fa-lspd-ofr-rejected, .dt-bullseye, .dt-pdf, .dt-mail { font-size: 1.5em; margin-top: 0.3em; }

.dt-bullseye, .dt-pdf, .dt-mail {
    color: lightskyblue;
}

.dt-bullseye:hover, .dt-pdf:hover, .dt-mail:hover {
    cursor: pointer !important;
    color: darkblue !important;
}

.input-group-prepend{
  max-width: 3em;
}

.lspd-lbl {
    margin-top: 0.25rem;
    white-space: nowrap;
}

.btn-as-value {
    width: 100%;
    text-align: left;
    color: #495057;
    background-color: white;
    border: 1px solid #ced4da;
    height: calc(1em + .75rem + 2px);
    margin-bottom: 1px;
    padding-top: 0.1rem;
    overflow: hidden;
    padding: .2rem .0rem .2rem .375rem; /* form-control setting */
}

.lspd-combobox-caret{
  margin-top: calc(-1em - .75rem - 1px); /* Bootstrap -> custom form-control -1px*/
}


.lspd-invisible{
  display: none;
}

/*
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
  padding-top: 6px;
  padding-right: 12px;
  padding-bottom: 3px;
  padding-left: 12px;
}
*/

/*.dt-bullseye:hover{
 color: darkblue !important;
}
*/
.activeTopTab {
  background-color: #f5f5f5;
  font-weight: bold;
}

.lspd-fa-size{
  font-size: 1rem !important;
}

.lspd-leftcomponent {
  padding-right: 0;
}

.lspd-rightcomponent {
  padding-left: 0;
}

.lspd-middlecomponent {
  padding-right: 0;
  padding-left: 0;
}


.icon-with-divider{
  border-left-color: lightslategray;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-style: solid;
}

.saving-data{
  color: orange !important
}

.blinking {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.row.l-gutters {
  margin: 6px 0 6px 0; 
}

.font-size-12 {
    font-size: 12px;
}
.font-size-14 {
    font-size: 14px;
}



.lapp-color {
    color: white;
    background-color: rgb(192,73,64) !important;
}

.lapp-color2 {
    color: rgb(192,73,64) !important;
}

.lapp-inverse-color {
    color: rgb(192,73,64);
    background-color: rgba(177,138,54);
}

.lapp-inverse-color2 {
    color: rgba(177,138,54) !important;
}

.v-icon.v-icon {
    color: rgba(177,138,54) !important;
    font-size: 1.4em;
}

.lapp-switch--text {
    color: rgba(177,138,54) !important;
    caret-color: rgba(177,138,54);
}