/* Content Slot */


.berner-validation {
    font-weight: bold; }

.berner-error,
.berner-validation.error {
    color: #e32b3c; }

.berner-hint,
.berner-validation.hint {
    color: #ee7900; }

.berner-info,
.berner-validation.info {
    color: #00a900; }




.berner-orders-table {
    opacity: 0;
    transition: opacity 0.3s linear 0s;
}

.berner-orders-table.in {
    opacity: 1;
}

.berner-nl-expand:focus {
    outline: none;
}
.berner-nl-expand span {
    transform: rotate(90deg);
}

.berner-nl-expand.collapsed span {
    transform: rotate(0deg);
}

.berner-ccmbox .berner-applybooking {
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.berner-applybooking.invalid {
    transform: scale(0.9, 0.9);
    background-color: #c7c5c5;
    border-color: #c7c5c5;
}

.berner-partial_applybooking.invalid {
    transform: scale(0.9, 0.9);
    background-color: #c7c5c5;
    border-color: #c7c5c5;
}

.berner-co-filtered tr.bookingcomplete-true {
    opacity: 0.2;
    transform: translate(1140px,0px);
}



.berner-articletab tbody tr td a {
    outline: none;
}







table.berner-fabio-fixme-table tbody tr td {
    white-space: nowrap;
    padding-right: 10px;
}

/* Choose the proper shop popup, can  be removed. */
.berner-chooseshop a {
    opacity: 0;
    transform: translate(-10px,0px);
    transition: all 0.3s linear 0.2s;
}
.berner-chooseshop a.in {
    opacity: 1;
    transform: translate(0px,0px);
}

.dimmed {
    background: #fff;
    opacity: 0.6 !important;
    transition: background 0.3s linear 0.0s;
}

.dimmed.in {
    background: #000;
}

.image-gallery .main-image {
    height: 100%;
    text-align: center;
    font-family: Sans-Serif;
}

.image-gallery .main-image:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.image-gallery .main-image .thumb {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

/*
 * @Fabio
 */
.berner-departments-flyout {
    padding: 0 30px;
    /* background: #f0f0f0; */
}
.berner-departments-flyout p {
    padding: 15px 0 5px;
}

.berner-departments-flyout a {
    display: block;
    background: #f0f0f0;
    border: 1px solid #e0e0e0;
    /* border-top-width: 0;
    border-bottom-width: 0; */
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 30px;

    /* transform: translate(110px,0px); */
    transform: scale(0.1, 0.1);
    -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -o-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
}

.berner-departments-flyout.in a {
    /* transform: translate(0px,0px); */
    transform: scale(1.0, 1.0);
}

.berner-departments-flyout.in a.select {
    /* transform: translate(0px,0px); */
    transform: scale(1.3, 1.3);
}

.berner-departments-flyout a:hover {
    text-decoration: none;
    background: #f8f8f8;
}

.berner-departments-flyout a:focus,
.berner-departments-flyout a.selected {
    background: #0B5AA1;
    color: #fff;
}

/* REMOVE THIS */
.variants-layer .name .artikel-nummer {
    font-size: 12px;
    color: #666;
}
.variants-layer .name .artikel-nummer span {
    color: #0B5AA1;
}

/* Price progress */
div.price img {
    width: 15px;
}

div.price img.top {
    width: 30px;
}

td.price img {
    width: 12px;
}

.namechangeInputField {
    width: 610px;
}