body {
    padding-top: 70px;
}
.glyphicon {   
    top: 0px;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 680px;
}
.truncate  {
    width:100px;
}
    .truncate div{
    max-width: 100px;
    max-height: 20px;
    overflow:hidden;
}
    .truncate:hover {

    }
    .truncate:hover div{
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        padding: 15px;
        position: absolute;
        background-color: #daf7e9;
        max-width: initial;
        max-height: initial;
        overflow: initial;
    }
/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* buttons and links extension to use brackets: [ click me ] */
.btn-bracketed::before {
    display:inline-block;
    content: "[";
    padding-right: 0.5em;
}
.btn-bracketed::after {
    display:inline-block;
    content: "]";
    padding-left: 0.5em;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"]
{
    width: 100%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
  /* Hide captions */
  .carousel-caption {
    display: none
  }
}

.modal {
    transition: all 0.3s ease;
}
.modal.in {
  background-color: rgba(0,0,0,0.5);
}
.modal.zoom .modal-dialog {
  -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 300px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.modal.zoom.in .modal-dialog {
  -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 1;
}
.header-links li div  {
    padding-top:10px;
}
.header-links li select {
   color:black;
}
.cms-spinner {
    position: absolute;
    z-index:2;
    bottom:1px;
    left:16px;
    /* height:90%; */
}
.translatorButton {
    margin-bottom: 3px;
    position: absolute;
    left: 696px;
    height: 100%;
    background-image: url("/images/engels.png");
}
/*#Description_en, #Name_en, #SeoDescription_en, #UrlName_en, #SeoTitle_en, #VariationDescription_en, #SeoKeywords_en*/
[id*="_en"] {
    background-image: url("/images/engels.png");
}
#factuurPlacholder {
    position: absolute;
    width: 800px;
    top: 10px;
    z-index: 3;
    background-color: white;
    border: solid 1px black;
    padding: 5px;
}

#verstuurfactuurPlaceholder {
    position: absolute;
    width: 800px;
    top: 10px;
    z-index: 3;
    background-color: white;
    border: solid 1px black;
    padding: 50px;
}

.activetags {
    list-style: none;
}
    .activetags li:before {
        content: "\2717";
        color: crimson;
    }
    .activetags li {

        border: 1px solid #ccc;
        padding: 3px;
        margin:2px;
        width: fit-content;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
.cms-urls
{
    font-size:x-large; 
}
.fixed-button{
    position:fixed;
    right:20px;
    bottom:20px;
}
.form-control
{
    
}
.form-control.fit {
    width: 100%;
}
.btn {
    border: 1px solid grey;
}
.checkedImage {
    background-color: grey;
}
td.ordergegevens
{
    vertical-align:bottom;
}