.site-header {
    z-index: 11;
}
#conf-right-column {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-right: 0;
    z-index: 10;
    height: 100%;
    /*position: fixed;*/
}

.pr-30 {
    padding-right:30px!important;
}
.pl-30 {
    padding-left:30px!important;
}
.conf-left-column-content {
    /*border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;*/
}
.conf-right-column-content, .conf-left-column-content {
    /*padding: 0 15px;*/
    /*border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;*/
    /*margin-bottom: 30px;*/
}
.conf-left-column-content {
    /*padding-bottom: 30px;*/
    /*margin-bottom: 30px;*/
}
.conf-right-column-content {
    overflow: hidden;
    background-color: #fff;
    position: relative;
}
.conf-step > span {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    background: #1A1A1A;
    border-radius: 50%;
    margin-right: 8px;
    position: relative;
    top: -4px;
}
.br-10 {
    border-radius: 10px;
}
#conf-left-column h1, #conf-left-column h2, #conf-right-column h2 {
    margin-top: 24px;
    margin-bottom: 20px;
    font-size: 1.25rem;
    line-height: 2.125rem;
}
#conf-right-column .h1 > h1 {
    font-size: 14px;
    line-height: 1.3;
    text-align: right;
}
#conf-right-column .h1 > h1 {
    margin-top: 0;
    margin-bottom: 0px;
    /*padding-left: 30px;
    padding-right: 30px;*/
}
#conf-right-column .h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.3;
    background-color: #f7f7f7;
    padding: 5px 15px;
    border-radius: 5px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.edges-container {
    float: right;
}
#conf-right-column h3.text {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 15px;
}
.conf-finance-container {
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 0 1px;
}

.conf-finance {
    /*margin-bottom: 5px;
    padding: 0px 30px 7px;*/
    padding: 15px 10px 0;
}
.conf-finance > div {
    /*padding-right: 0;*/
}
.conf-finance > div:last-child {
    /*padding-right: 15px;*/
}
.conf-finance .cart-minus, .conf-finance .cart-plus {
    top:7px;
    line-height: 22px;
    color:#fff;
    background-color: transparent;
    font-size: 24px;
}
.conf-finance .cart-minus:after, .conf-finance .cart-plus:after {
    color:#595959;
}
.conf-finance .cart-minus {
    left:0;
}
.conf-finance .cart-plus {
    right:0;
}
.conf-finance .form-control {
    width: calc(100% - 60px);
    margin: 4px auto;
    position: relative;
    text-align: center;
    border: 0 none;
    font-weight: bold;
    font-size: 18px;
    padding-left: 0;
    padding-right: 0;
}
.conf-finance .btn-primary {
    width: 100%;
    min-width: 100%;
    padding: 10px 0;
}
.conf-finance .btn-primary:after {
    background: url(../images/icons/cart.svg) no-repeat center right;
    width: 20px;
    height: 20px;
    background-size: contain;
}
.conf-finance .btn-primary:hover:after {
    right:-10px;
}
.conf-price-container, .conf-total-price-container {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 29px;
    color:#595959;
    position: relative;
    top:5px;
}
.conf-price, .conf-total-price {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    text-align: center;
}
.conf-quantity {
    margin-left: 0!important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .conf-quantity {
        top:0!important;
    }
}
.conf-quantity, .conf-btn {
    position: relative;
    top:-15px;
}
.gray-bg2 {
    background: #E0E0E0;
    padding: 1px 20px;
    margin-bottom: 30px;
}
.gray-bg2 h3 {
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-bottom: 0;
    padding: 10px 0;
}
.column-header {
    position: relative;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    width: 100%;
    /*height: 100%;*/
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
}
.column-header-collapse {
    cursor: pointer;
}
.column-header-collapse:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 32px;
    height: 32px;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background-image: url(../images/icons/collapse-arr.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.column-header-collapse.collapsed {
    /*margin-bottom: 30px;*/
}
.column-header-collapse.collapsed:after {
    background-position: center bottom;
}
.conf-right-column h5{
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 8px;
}

.conf-price {
    /*color: #38BDA5;
    font-size: 1.125rem;
    line-height: 1.3125rem;
    font-weight: bold;
    white-space: nowrap;*/
    padding-bottom: 5px;
    display: inline-block;
}

.conf-price-label, .conf-total-price-label {
    display: block;
    font-weight: 500;
    font-size: 11px;
    line-height: 14px;
    color: #949494;
    position: absolute;
    top: 32px;
    width: 100%;
}

.conf-total-price {
    /*font-size: 1.5rem;
    line-height: 1.8125rem;
    font-weight: bold;
    white-space: nowrap;*/
    color:#38BDA5;
    padding-bottom: 5px;
    display: inline-block;
}
.conf-right-column .btn-primary, #cart-popup .btn-primary {
    margin-top: 22px;
    min-width:50px;
    max-width: 100%;
    width: 100%;
    padding: 15px 20px!important;
    background: #38BDA5;
    position: relative;
    font-size: 1rem;
    line-height: 1.1875rem;
    text-align: left;
}
.conf-right-column .btn-primary:after, #cart-popup .btn-primary:after{
    width:25px;
    height: 28px;
    background: transparent url(../images/icons/cart.svg) no-repeat right center;
    background-size: cover;
    position: absolute;
    right:15px;
    top:50%;
    transform: translateY(-50%);
}
#cart-popup .btn-primary {
    text-align: center;
}
.configurator-page #view-configuration-qty, #view-configuration-qty-popup {
    position: absolute;
    width: calc(100% - 68px);
    min-width: 30px;
    left:50%;
    transform: translateX(-50%);
    height: 30px;
    text-align: center;
    padding-left:0;
    padding-right: 0;
}

.glshop-main h4 {
    font-size:17px!important;
}
.conf-right-column .cart-minus {
    left:0;
    line-height: 28px;
}
.conf-right-column .cart-plus {
    right:0;
    line-height: 28px;
}
.bottom-dotted {
    border-bottom: 1px dashed #E0E0E0;
}
.conf-right-column .bottom-dotted {
    padding-bottom: 15px!important;
}
.conf-finance-col {
    position: relative;
    display: inline-block;
    margin-left: 30px;
    height: 46px;
    width: 125px;
}
.conf-quantity {
    width: 120px;
}
.conf-btn {
    width: 150px;
}
.canvas-container {
    /*width: calc(100% - 30px);
    left:15px!important;*/
}
.canvas-controls {
    margin-bottom: 0;
    padding: 0 30px 0 0;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    text-align: left;
    position: relative;
    top:-5px;
}
.canvas-control {
    /*width:3.75rem;
    height: 3.75rem;*/
    width: calc(100vw/22);
    height: calc(100vw/22);
    max-width:3.75rem;
    max-height: 3.75rem;
    background-color: #F7F7F7;
    border-radius: 10px;
    border:1px solid #f7f7f7;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50%;
    display: block;
    float:left;
    margin-right: 1%;
}
.canvas-xy {
    width: calc(100vw/21);
    height: calc(100vw/21);
    max-width:60px;
    max-height: 65px;
    background-image: url(../images/icons/XY.svg);
    background-color: transparent;
    background-size: contain;
}
.canvas-zoom-in {
    background-image: url(../images/icons/zoom_in.svg);
}
.canvas-zoom-out {
    background-image: url(../images/icons/zoom_out.svg);
}
.canvas-reset {
    background-image: url(../images/icons/reset.svg);
}
.canvas-lrotate {
    background-image: url(../images/icons/lrotate.svg);
}
.canvas-rrotate {
    background-image: url(../images/icons/rrotate.svg);
}
.canvas-draw-off {
    background-image: url(../images/icons/rule-grey.svg);
}
.canvas-draw-on, .canvas-draw-off.active {
    background-image: url(../images/icons/rule-green.svg);
}
.btn-canvas-reset {
    /*height: calc(3.75rem - 4px);*/
    height: calc(100vw/22 - 4px);
    max-height: 58px;
    padding: 0 5%;
    margin: 1px 0;
}

.btn-2-cart:hover {
    background-color: #27917e;
    border-color: #27917e;
}
.conf-mobile-links a {
    display: block;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    color: #595959;
    padding: 33px 0 10px 0;
    border:1px solid #E5E5E5;
}
.canvas-popup-link {
    background: url(../images/icons/visualisation.svg) no-repeat center 10px;
}
.cart-popup-link {
    background: url(../images/icons/gray-cart.svg) no-repeat center 10px;
}
.modal-header {
    border-bottom: 1px dashed #e9ecef;
}
.modal-header .close {
    position: absolute;
    right: 30px;
    top:33px;
}
.x-between-sizes {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
.conf-price-container h5 {
    white-space: nowrap;
}
.mob-canvas-container {
    border-top: 0 none;
}
.mob-canvas-controls {
    padding: 8px;
}
#canvas-reset2 {
    width:100%;
    height: calc(100% - 4px);
    font-size: 14px;
}
#canvas-reset2:hover {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
    box-shadow: none;
}
.square-box{
    position: relative;
    width: 23.5%;
    max-width: 40px;
    overflow: hidden;
    /*float:left;*/
    margin-right: 1%;
    display: inline-block;
}
.square-box:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.square-box-xy {
    position: absolute;
    bottom: 0;
    left: 27px;
    z-index: 2;
    max-width: 60px;
}
.square-box-xy .canvas-control {
    border:0 none;
}
.canvas-controls .square-box{
    top:5px;
    margin-right: 5px;
}
.modal-body .square-box-xy {
    /*left:0;
    bottom:0;*/
}
.square-content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.btn-box{
    position: relative;
    /*width: 32.5%; when rorate buttons enabled */
    /*width: 57.5%;*/
    overflow: hidden;
    display: inline-block;
    margin-right: 0;
    width: 100px;
}
.btn-box:before{
    content: "";
    display: block;
    padding-top: 39%;
}
.btn-content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.square-content .canvas-control {
    width: 100%;
    height: 100%;
}
.canvas-control:hover, .dicke:hover {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
}
.canvas-xy:hover {
    background-color: transparent;
}
.square-content .canvas-xy {
    width: 100%;
    height: 100%;
}
#cartPopupTitle {
    margin-bottom: 10px;
}
#cart-popup .modal-header {
    border-bottom: 0  none;
}
.modal-title {
    width: 90%;
}
.modal-header p {
    margin-bottom: 0;
}
.modal-body .conf-price-container {
    margin-bottom: 20px;
}
.modal-body .conf-total-price-container {
    margin-bottom: 15px;
    padding-top: 20px;
}
.modal-body .btn-2-cart {
    margin-bottom: 20px;
}
.modal-body .conf-total-price-container::before {
    content: "";
    width: calc(100% + 30px);
    height: 0;
    position: absolute;
    border-bottom: 1px dashed #E0E0E0;
    top: 0;
    left: -15px;
}
.modal-body .position-relative {
    max-width: 150px;
}
@media (max-width: 1400px) {
    .conf-right-column .btn-primary {
        font-size: 0.875rem;
        text-indent: -9999px;
    }
    .conf-right-column .btn-primary:after {
        right: auto;
        left: 50%;
        top:50%;
        transform: translate(-50%, -50%);
    }
    /*.conf-total-price {
        font-size: 1.125rem;
        line-height: 2.25rem;
    }*/
    .conf-btn {
        width: 110px;
    }
    .conf-finance-col {
        width: 110px;
    }
    .conf-price, .conf-total-price {
        font-size: 1rem;
        white-space: nowrap;
    }
}

@media (max-width: 1199.98px) {

    /*.conf-finance {
        padding: 5px 20px 15px;
    }
    .conf-finance > div {
        padding-right: 0;
    }*/

    .canvas-controls {
        /*padding: 6px 0 0;*/
    }
    .col-btns {
        padding-right: 0;
    }
    .modal-body .canvas-controls {
        padding: 6px 0 0;
        text-align: center;
    }
    .conf-total-price {
        right: 15px;
    }
    .conf-finance .form-control {
        width: calc(100% - 40px);
    }
    .conf-finance-col {
        margin-left: 10px;
    }
    .conf-btn {
        width: 65px;
    }
    .conf-finance .btn-primary {
        text-indent: -9999px;
        background: #38BDA5 url(../images/icons/cart.svg) no-repeat center center !important;
    }
    .canvas-controls .square-box {
        width: 20%;
        /*top:-3px;*/
    }
}
@media (max-width: 991.98px) {
    .conf-price, .conf-total-price {
        font-size: 1.125rem;
    }
    .conf-finance {
        padding-right: 0;
        padding-left: 0;
    }
    .conf-total-price-container {
        max-width: 110px;
    }
    #product-finance-col {
        max-width: 100%;
    }
    /*.conf-total-price {
        position: absolute;
        right:15px;
        top:6px;
    }*/
    /*.conf-price-container {
        text-align: right;
        margin-bottom: 0;
    }*/
    .conf-right-column .btn-primary, #cart-popup .btn-primary{
        width: 200px;
        margin: 10px auto 0;
        display: block;
        text-indent: -25px;
        text-align: center;
    }
    .conf-right-column .btn-primary:after, #cart-popup .btn-primary:after {
        left:auto;
        right:40px;
    }
    .cart-minus, .cart-plus {
        height: 30px;
        width: 30px;
    }
    /*.conf-finance > div {
        padding-right: 15px;
    }*/
    .conf-total-price-container {
        width: 90px;
    }
    .conf-quantity, .conf-price-container {
        width: 80px;
    }

    #conf-right-column h1 {
        font-size: 14px;
    }
}
@media (max-width: 860px) {

    .btn-canvas-reset {
        font-size: 13px;
        line-height: 18px;
        padding: 0 3%;
    }
    .conf-quantity, .conf-price-container {
        width: 75px;
    }
}
@media (max-width: 767.98px) {
    .square-box-xy {
        position: fixed;
        bottom: 70px;
        left:0;
    }
    .conf-mobile-links {
        position: fixed;
        z-index: 100;
        bottom: 0;
        width: 100%;
        background: #fff;
        left: 0;
    }
    .conf-finance {
        display: none;
    }
    .modal-body .conf-finance-popup {
        display: flex;
        margin-bottom: 30px;
        padding: 0;
    }
    .modal-body .conf-finance > div {
        padding-right: 15px;
    }
    .conf-total-price {
        position: absolute;
        right: 15px;
        top: 14px;
    }
    #conf-right-column h1 {
        font-size: 11px;
    }
    #product-finance-col .conf-total-price {
        top:0;
    }

}
#cart-popup .modal-body .btn-primary {
    width: 100%;
    text-indent: -25px;
 }
#cart-popup .modal-body .btn-primary:after {
    right: calc(50% - 45px)!important;
}
#cart-popup .conf-price-container, #cart-popup .conf-total-price-container {
    top:0;
    text-align: right;
}
#cart-popup .conf-total-price-container {
    max-width: 100%;
    width: 100%;
    line-height: 1;
}
#cart-popup .conf-total-price-container h5 {
    float:left;
}
.conf-price-popup, .conf-total-price-popup {
    font-size: 1.125rem;
    line-height: 1;
}
.conf-total-price-popup {
    position: relative;
    top:-2px;
}
/* Left column */
.selected-options-container h3 {
    display: inline-block;
    /*width: 20%;*/
    text-align: left;
    margin-right: 5px;
}
.selected-options-container.has-error h3, .selected-dimensions-container.has-error h3 {
    color:red;
}
.has-error .ttip {
    background: url(../images/icons/i-red.png) no-repeat center center;
}
.selected-options-container.collapse-control h3 {
   /* width: 35%;*/
}
.selected-options-list {
    /*float: right;*/
    display: inline-block;
    /*width:80%;*/
    text-align: right;
    line-height: 1;
    padding: 10px 0;
    padding-right:30px;
}
.collapse-control .selected-options-list {
    /*width: 60%;*/
}
.gtag {
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    text-align: center;
    color: #FFFFFF;
    background-color: #38BDA5;
    border-radius: 5px;
    padding: 3px 10px;
    white-space: nowrap;
    margin-left: 2px;
}
.selected-options-list .gtag {
    margin-left: 2px;
    margin-top: 1px;
    margin-bottom: 1px;
}
.selected-options-container {
    display: flex;
    justify-content: space-between;
}
.materials-list {
    padding: 30px 5px 0;
}
#view-material-auswahl .material-title {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    margin-right: 5px;
}
#view-material-auswahl .material-color {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
}
.material-colors-container, .material-thickness-container, .material-dimensions-container {
    /*padding:0 30px;*/
}
.material-dimensions-container {
    padding: 30px 0 20px 0;
}
.material-dimensions-container .input-group-text {
    background-color: #F7F7F7 !important;
    border-left: none;
}
.material-dimensions-container, .material-colors-container {
    margin-top: -15px;
}
.materials-list .col{
    padding-left: 10px;
    padding-right: 10px;
}
.material-item {
    display: block;
    position: relative;
    width:100%;
    height: 100%;
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: #595959;
    /*white-space: nowrap;*/
}

#view-material-auswahl {
    padding-left: 15px;
    padding-right: 15px;
}
#view-material-auswahl .material-item {
    padding: 10px;
    cursor:pointer;
}

#view-material-auswahl .material-item-title {
    padding-left: 15px;
}

.material-item.active, .material-item:hover {
    border: 2px solid #38BDA5;
}
.material-item img {
    width: 63px;
    display: block;
    border-radius: 5px;
}
.material-item em {
    display: block;
    font-style: normal;
    height: 25%;
    line-height: 1;
    margin-bottom: 5px;
    word-break: break-all;
}
#material-color {
    width: 70%;
}
.dicke {
    width:46px;
    height: 38px;
    background: #fff;
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bolder;
    margin-bottom: 3px;
    cursor:pointer;
}
.dicke.active {
    color:#fff;
    background: #38BDA5;
    outline: none;
}
.dicke-list {
    margin-bottom: 10px;
}
.form-group {
    margin-bottom: 20px;
}
.has-error .form-error {
    position: absolute;
    top: auto;
    bottom: -23px;
    left: 15px;
    right: auto;
    color: #FF5757;
    width: 100%;
    max-width: 100%;
    text-align: left;
    white-space: nowrap;
}
.pl-0 .form-error {
    left: 0;
}
.edge-item .form-error {
    position: relative;
    top: 5px;
    left:0;
    bottom:auto;
    white-space: normal;
}
.dimension-close {
    position: absolute;
    top: calc(50% + 5px);
    left:50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 1330px) {
    /*.configurator-page .container {
        width: 100%;
    }*/
}
@media (max-width: 1199.98px) {
    .material-item {
        padding: 8%;
    }
    .materials-list .col {
        padding-left: 5px;
        padding-right: 5px;
    }
    .materials-list {
        /*padding: 30px 25px 0;*/
        padding: 30px 10px 0;
    }
    .material-colors-container, .material-thickness-container, .material-dimensions-container {
        /*padding:0 15px;*/

    }
    /*#conf-left-column h1, #conf-right-column h1,
    #conf-left-column h2, #conf-right-column h2 {
        padding-left: 20px;
        padding-right: 20px;
    }*/
    .column-header {
        padding-left: 20px;
        padding-right: 20px;
    }
    .gray-bg2 {
        padding: 1px 20px;
    }
}
@media (max-width: 991.98px) {
    .configurator-page .container {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .materials-list .col {
        padding-left: 20px;
        padding-right: 20px;
    }
    #material-color {
        width: 100%;
    }
}
@media (max-width: 450px) {
    .material-item em {
        font-size: 10px;
    }
}

.collapse-control {
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #fff;
}
.collapse-control:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 32px;
    height: 32px;
    /*top: 50%;
    right: 20px;
    transform: translateY(-50%);*/
    top: 6px;
    right: 15px;
    background-image: url(../images/icons/collapse-arr.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.material-block-wrapper {
    background-color: #F7F7F7;
}
.material-info-block {
    padding: 0 20px;
}
.material-info-block:after {
    top: 24px;
}
#materialSpecification, #materialDescription {
    padding: 20px;
    width: 100%;
    border-bottom: 1px dashed #E0E0E0;
}
#materialSpecification {
    font-size: 16px;
    line-height: 1.5rem;
}
#materialSpecification #techInfoData tr {
    height: 30px;
}
.material-block-wrapper .tab-inner-container {
    padding: 0;
}
.material-block-wrapper .collapse-control {
    border-bottom: 1px dashed #E0E0E0;
}
.material-block-wrapper #techInfoData tr {
    border: none;
}
.collapse-control.collapsed:after{
    background-position: center bottom;
}

.selected-dimensions-container {
    display: flex;
    /*text-align: right;*/
    justify-content: space-between;
}
.selected-dimensions-container h3 {
    display: inline-block;
    /*width: 35%;*/
    text-align: left;
    margin-right: 5px;
}
.selected-dimensions-value {
    /*float: right;*/
    display: inline-block;
    /*width:50%;*/
    text-align: right;
    line-height: 1;
    padding: 10px 0;
}
.tooltip_templates { display: none; }
.ttip {
    display: inline-block;
    position: relative;
    line-height: 1;
    top:3px;
    width:16px;
    height: 16px;
    background: url(../images/icons/i.png) no-repeat center center;
    margin-left: 4px;
    cursor: pointer;
}
.collapse-container {
    padding-left: 30px;
    padding-right: 30px;
    border-bottom: 1px dashed #E0E0E0;
}
.collapse-container hr, .conf-left-column-content hr {
    margin-left: -20px;
    margin-right: -20px;
}
.collapse-container .t-header, .conf-left-column-content .t-header {
    font-size: 0.8125rem;
    font-weight: bold;
    line-height: 0.8125rem;
    margin-top: 20px;
    margin-bottom: 10px;
}
.collapse-container .btn-secondary, #cancel-proccessing, #select-facette, .conf-left-column-content .btn-secondary {
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    width: 70%;
    /*max-width: 245px;*/
    max-width: 270px;
}
#facet-angle {
    border-color: #ced4da!important;
}
#cancel-proccessing {
    width: auto;
    border-color: #c4c4c4;
}
#cancel-proccessing:hover {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
}
.processing-row, .fprocessing-row, .processing-row, .sprocessing-row {
    font-size: 0.875rem;
    line-height: 1.25rem;
    /*margin-bottom: 10px;*/
    padding: 7px 0;
}
.processing-row img, .fprocessing-row img, .sprocessing-row img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 4px;
}
.processing-row p, .fprocessing-row p, .sprocessing-row p, .cornering-row p, .drilling-row p, .holder-row p {
    display: inline-block;
    margin-bottom: 0;
    font-size: 0.875rem;
}
.processing-img, .processing-angle, .processing-facette {
    display: flex;
    align-items: center;
}
.processing-angle, .processing-facette {
    padding-right: 0;
}
.processing-angle p, .processing-facette p {
    width: 100%;
    text-align: right;
}
.processing-img p, .processing-angle p, .processing-facette p {
    line-height: 1.1;
}
.kante, .all-kante, .reset-kante,
.fkante, .skante, .all-fkante, .reset-fkante {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #F7F7F7;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}
.row.active span.kante,
.row.active span.fkante,
.row.active span.skante{
    background-color: #38BDA5;
    border-color: #38BDA5;
    color:#fff;
}
.fprocessing-type span {
    display: block;
    line-height: 1.3;
}
.processing-item.active .kante:before,
.fprocessing-item.active .fkante:before,
.sprocessing-item.active .skante:before {
    background-color: #fff;
}
.processing-options .kante, .fprocessing-options .fkante, .sprocessing-options .skante, .processing-options .cornertype, .processing-options .corner, .drilling-options .corner, .countersunking-options .corner,
.holder-options .corner, .measure, .drill-measures > button, .countersunk-measures > button, .gewindeing-options .corner, .gewinde-measures > button,
.internalCutouting-options .corner, .internalCutout-measures > button, .facete-params .facetetype {
    width: 46px;
    height: 38px;
    /*line-height: 38px;*/
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: bold;
}
button {
    cursor:pointer;
}
button.free {
    width: auto!important;
    padding-left: 17px;
    padding-right: 17px;
}
button.kante.selected, button.fkante.selected, button.skante.selected, button.corner.selected, .measure.selected, .drill-measure.selected {
    background-color: #f7f7f7;
    border-color: #f7f7f7;
    color:#c4c4c4;
}
button.kante.selected:hover, button.fkante.selected:hover, button.skante.selected:hover, button.corner.selected:hover, .measure.selected:hover, .drill-measure.selected:hover {
    color:#333;
    background-color: #e0e0e0;
    border-color: #e0e0e0;
}
button.kante.active, button.fkante.active, button.skante.active, button.corner.active, span.corner.active, .measure.active, .drill-measure.active {
    background-color: #38BDA5;
    border-color: #38BDA5;
    color:#FFF;
}
button.kante.active:hover, button.fkante.active:hover, button.skante.active:hover, button.corner.active:hover, span.corner.active:hover, .measure.active:hover, .drill-measure.active:hover {
    /*color:#333;*/
    color:#FFF;
    background-color: #27917e;
    border-color: #27917e;
}
.processing-options .all-kante, .processing-options .reset-kante,
.fprocessing-options .all-fkante, .fprocessing-options .reset-fkante,
.processing-options .all-corners, .processing-options .reset-corners,
.drilling-options .all-corners, .drilling-options .reset-corners,
.countersunking-options .all-corners, .countersunking-options .reset-corners,
.gewindeing-options .all-corners, .gewindeing-options .reset-corners,
.internalCutouting-options .all-corners, .internalCutouting-options .reset-corners,
.holder-options .all-corners, .holder-options .reset-corners {
    width: auto;
    padding-left: 17px;
    padding-right: 17px;
    text-transform: none;
}
.kante:hover, .all-kante:hover, .reset-kante:hover,
.fkante:hover, .skante:hover, .all-fkante:hover, .reset-fkante:hover,
.corner:hover, .cornertype:hover {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
}
.k4:before {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 22px;
    left: 4px;
    top: 4px;
    background: #333;
}
.k2:before {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 22px;
    right: 4px;
    top: 4px;
    background: #333;
}
.k1:before {
    content: "";
    display: block;
    position: absolute;
    width: 22px;
    height: 2px;
    left: 4px;
    top: 4px;
    background: #333;
}
.k3:before {
    content: "";
    display: block;
    position: absolute;
    width: 22px;
    height: 2px;
    left: 4px;
    bottom: 4px;
    background: #333;
}
.processing-options {
    margin-bottom: 20px;
}
.processing-none > p{
    margin-bottom: 0;
}
.processing-options .k1:before, .processing-options .k2:before, .processing-options .k3:before, .processing-options .k4:before,
.sprocessing-options .k1:before, .sprocessing-options .k2:before, .sprocessing-options .k3:before, .sprocessing-options .k4:before,
.fprocessing-options .k1:before, .fprocessing-options .k2:before, .fprocessing-options .k3:before, .fprocessing-options .k4:before{
    background: #333;
}
.processing-options .active:before, .fprocessing-options .active:before, .sprocessing-options .active:before {
    /*background: #c4c4c4;*/
    background: #fff;
}
.processing-options .k2:before, .processing-options .k4:before,
.sprocessing-options .k2:before, .sprocessing-options .k4:before,
.fprocessing-options .k2:before, .fprocessing-options .k4:before {
    width: 2px;
    height: 30px;
    top:3px;
}
.processing-options .k1:before, .processing-options .k3:before,
.sprocessing-options .k1:before, .sprocessing-options .k3:before,
.fprocessing-options .k1:before, .fprocessing-options .k3:before {
    width: 30px;
    height: 2px;
    left:8px;
}
.btn-gray {
    background-color: #f7f7f7;
    color: #595959;
    font-size: 14px;
    line-height: 22px;
    padding: 10px;
    width: 100%;
}
.btn-gray > span {
    display: block;
    padding: 20px;
    border: 1px dashed #C4C4C4;
    border-radius: 5px;
}
.modal-body .edge-item {
    position: relative;
    padding: 20px;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bolder;
    line-height: 26px;
    color:#1a1a1a;
    margin: 10px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: calc(50% - 20px);
    cursor: pointer;
}
.modal-body .edge-item:hover, .modal-body .edge-item.active {
    border-color:#38BDA5;
}
/*.modal-body .edge-item:last-child {*/
    /*-ms-flex: 0 0 100%;*/
    /*flex: 0 0 100%;*/
    /*max-width: calc(100% - 20px);*/
    /*padding: 20px 5px;*/
/*}*/
.modal-body .col-4 b, .modal-body .col-4 strong {
    word-break: break-all;
}
.edges-list {
    margin-bottom: 30px;
    padding: 0 15px;
}
.edges-list .edge-item, .holders-list .holder-item, .sidecut-list {
    /*-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width:100%;
    max-width: 100%;*/
    padding: 10px;
    /*margin: 0 0;*/
    font-size: 0.875rem;
    /*line-height: 22px;*/
    cursor: pointer;
}
.edges-list .edge-item.active, .holders-list .holder-item.active, .sidecut-list .sidecut-item.active {
    border: 2px solid #38BDA5;
    border-radius: 5px;
}
.edges-list .close, .holders-list .close, .sidecut-list .close {
    color: #38BDA5;
    top: 6px;
    right: 12px;
    position: absolute;
}
.edge-item img {
    max-height: 120px;
    margin-bottom: 20px;
}
.edges-list .edge-item img, .holders-list .holder-item img, .sidecut-list .sidecut-item img {
    width: 65px;
    height: 65px;
    margin-right: 10px;
    margin-bottom: 0;
    display: inline-block;
}
.holders-list .holder-item img {
    display: none;
}
.edges-list .edge-item p, .holders-list .holder-item p, #view-material-auswahl .material-item p, .sidecut-list .sidecut-item p {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    margin-bottom: 0;
    font-size: 0.875rem;
}
.holders-list .holder-item .small-descr, .materials-list .material-item .small-descr, .sidecut-list .sidecut-item .small-descr {
    font-size: 13px;
    line-height: 13px;
    padding-top: 8px;
    display: inline-block;
}
#edgeStyle .modal-body, #holderStyle .modal-body, #holderStyle2 .modal-body, #randausschnittStyle .modal-body, #materialStyle .modal-body{
    max-height: 50vh;
    overflow-y: auto;
}

#edgeStyle .modal-header, #holderStyle .modal-header, #holderStyle2 .modal-header, #materialStyle .modal-header {
    background-color: #f7f7f7;
}
.reselect-processing, .reselect-holder, .reselect-material, .reselect-sidecutout {
    padding: 5px 15px 5px 25px;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    background: url(../images/icons/arrow_learnmore_left.png) no-repeat left center;
}
.processing-params {
    padding: 0 0;
}
.processing-params label {
    white-space: nowrap;
}

.processing-row .form-check, #corner-distance {
    padding-left: 15px;
    display: inline-block;
    /*margin-top: 10px;*/
    /*margin-bottom: 30px;*/
}
#free-sidecut-btn {
    border-radius: 5px;
}
.sidecut-item {
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 5px;
    margin-left: 0;
    padding: 15px 0;
}
.sidecut-item:hover, .sidecut-item.active {
    /*border: 2px solid #38BDA5;*/
    border-color: #38BDA5;
}
.configured-sidecutout-item:hover {
    cursor: pointer;
}
.sidecut-item-free .form-group {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
}
.sidecut-item-free .add-button {
    margin-top: 20px;
}
.sidecut-item-free {
    padding: 20px 5px;
}
.sidecut-item strong, .sideCutoutOneItem strong{
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
}
.sideCutoutOneItem span.description, .sideCutoutOneItem span.distance {
    margin-left: 5px;
}
.sidecut-item p {
    margin-bottom: 0;
}
.sidecutout-image {
    margin-left: 15px;
}
@media (max-width: 1199.98px) {
    .collapse-container .btn-secondary, .conf-left-column-content .btn-secondary {
        width: auto;
        max-width: 100%;
    }
    .kante, .fkante, .skante {
        margin-bottom: 10px;
    }
    .corner {
        margin-bottom: 3px;
    }
    .collapse-container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .collapse-container hr, .conf-left-column-content hr {
        margin-left: -20px;
        margin-right: -20px;
    }
    .processing-params .form-group {
        padding-right: 0;
    }
    .collapse-control:after, .column-header-collapse:after {
        right: 5px;
    }
}
@media (max-width: 860px) {
    .processing-row > div, .fprocessing-row > div, .sprocessing-row > div{
        padding-right: 0;
    }
    .processing-row > .processing-options, .fprocessing-row > .fprocessing-options, .sprocessing-row > .sprocessing-options {
        padding-right: 15px;
    }
    .processing-row p, .fprocessing-row p, .sprocessing-row p, .cornering-row p, .drilling-row p, .holder-row p,
    .processing-angle p, .processing-facette p{
        font-size: 0.75rem;
    }
}
@media (max-width: 767.98px) {
    .processing-options .all-kante, .processing-options .reset-kante {

    }
    .processing-params .form-group {
        padding-right: 15px;
    }

    .edges-list .edge-item p {
        font-weight: bolder;
    }
    .processing-row p, .fprocessing-row p, .sprocessing-row p, .cornering-row p, .drilling-row p, .holder-row p,
    .processing-angle p, .processing-facette p {
        font-size: 0.875rem;
    }
}
.cart-action {
    margin-top: 2px;
}
.cart-page .cart-action {
    margin-top: -3px;
}
.cornering-row, .drilling-row, .countersunking-row, .holder-row, .gewindeing-row, .internalCutouting-row {
    font-size: 0.875rem;
    line-height: 2.875rem;
}
.cornering-row:hover, .processing-row:hover, .fprocessing-row:hover, .drilling-row:hover, .countersunking-row:hover, .holder-row:hover, .gewindeing-row:hover, .internalCutouting-row:hover {
    background: #F9F9F9;
}
.processing-options-container, .processing-options-container:hover,
.fprocessing-options-container, .fprocessing-options-container:hover {
    background: transparent;
}
.processing-options-container .checkbox {
    padding: 9px 0 0 20px;
}

.selected-corners-list, .selected-kante-list, .selected-drills-list, .selected-countersunks-list, .selected-holders-list, .selected-holders-list2, .selected-gewindes-list, .selected-internalCutouts-list {
    /*position: absolute;
    top: 1px;
    right: 65px;*/
    /*padding-right: 25px;*/
}
.selected-kante-list .gtag, .selected-facete-list .gtag {
    padding: 3px 23px 3px 5px;
    background-size: 14px!important;
}
.selected-corners-list .gtag {
    padding: 3px 5px;
}
.gtag.edge1 {
    background: #38BDA5 url(../images/icons/segeschnitt.png) no-repeat 22px center;
}
.gtag.edge2 {
     background: #38BDA5 url(../images/icons/laserkante.png) no-repeat 22px center;
 }
.gtag.edge3 {
      background: #38BDA5 url(../images/icons/gefast.png) no-repeat 22px center;
  }
.gtag.edge4 {
    background: #38BDA5 url(../images/icons/dlaserkante.png) no-repeat 22px center;
}
.gtag.edge5 {
    background: #38BDA5 url(../images/icons/diamantpoliert.png) no-repeat 22px center;
}
.gtag.edge6 {
    background: #38BDA5 url(../images/icons/facette.png) no-repeat 22px center;
}
.gtag.edge7 {
    background: #38BDA5 url(../images/icons/diamantpoliert.png) no-repeat 22px center;
}
.gtag.edge8, .gtag.edge9 {
    /*background: #38BDA5 url(../images/icons/cnc.png) no-repeat 22px center;*/
    background: #38BDA5 url(../images/icons/cnc.png) no-repeat 26px center;
    background-size: 7px 12px!important;
}
.corner {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color:#1a1a1a;
    background: #F7F7F7;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 0.875rem;
}
.corner:before {
    content: "";
    display: block;
    position: absolute;
    color: #1a1a1a;
    width: 6px;
    height: 6px;
    border-color: #1a1a1a;
}
.corner.active:before {
    background: transparent;
    color:#fff;
    border-color: #fff;
}
.corner.e1:before, .corner.E1:before {
    top: 3px;
    left: 3px;
    border-left: 2px solid;
    border-top: 2px solid;
}
.corner.e2:before, .corner.E2:before {
    top: 3px;
    right: 3px;
    border-right: 2px solid;
    border-top: 2px solid;
}
.corner.e3:before, .corner.E3:before {
    bottom: 3px;
    right: 3px;
    border-right: 2px solid;
    border-bottom: 2px solid;
}
.corner.e4:before, .corner.free:before, .corner.E4:before, .corner.FREE:before {
    bottom: 3px;
    left: 3px;
    border-left: 2px solid;
    border-bottom: 2px solid;
}
.cornering-row .cart-item-actions, .drilling-row .cart-item-actions, .countersunking-row .cart-item-actions, .holder-row .cart-item-actions, .gewindeing-row .cart-item-actions, .internalCutouting-row .cart-item-actions {
    padding-top: 5px;
    padding-right: 0;
}
.cornertype{
    display: inline-block;
    width:70px;
    height: 70px;
    border: 1px solid #949494;
    border-radius: 5px;
    background: url(../images/icons/corners-type.png) no-repeat;
    /*background-size: 50%;*/
}
.cornertype-small{
    width: 26px;
    height: 25px;
    border: 0 none;
    border-radius: 0;
    margin-right: 5px;
    position: relative;
    top: 8px;
    transform: scale(0.7);
}
.cornertype-1 {
    background-position: 0 -3px;
}
.cornertype-1.active {
    background-position: 0 -30px;
}
.cornertype-2{
    background-position: 0 -56px;
}
.cornertype-2.active{
    background-position: 0 bottom;
}

.corner-item .cornertype-3{
    background: url(../images/icons/InsideRoundCornerGrey.svg) no-repeat;
    background-position: center;
    background-size: contain!important;
}
.corner-item .cornertype-3.active{
    background: url(../images/icons/InsideRoundCornerGreen.svg) no-repeat;
    background-position: center;
}
.corner-item .cornertype-4{
    background: url(../images/icons/InsideSquareCornerGrey.svg) no-repeat;
    background-position: center;
    background-size: contain!important;
}
.corner-item .cornertype-4.active{
    background: url(../images/icons/InsideSquareCornerGreen.svg) no-repeat;
    background-position: center;
    background-size: contain;
}
.cornertype-container {
    white-space: nowrap;
}
.processing-options .cornertype, .facete-params .facetetype {
    width: 70px;
    height: 70px;
    margin-right: 27px;
    padding: 20px;
    position: relative;
    margin-bottom: 15px;
}
.processing-options .cornertype:last-child, .facete-params .facetetype:last-child {
    margin-right: 0;
}
.processing-options .cornertype:before, .facete-params .facetetype:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 25px;
    top:20px;
    left:21px;
    background: url(../images/icons/corners-type.png) no-repeat center center;
}
.facete-params .facetetype:before {
    width: 25px;
    height: 25px;
}

.facete-params-top .facetetype:before {
    background: url(../images/icons/facette-up.svg) no-repeat;
    background-size: 78px;
 }
.facete-params-bottom .facetetype:before {
    background: url(../images/icons/facette-down.svg) no-repeat;
    background-size: 78px;
}
.facete-params-top .facetetype-1:before {
    background-position: 0 0;
}
.facete-params-top .facetetype-1.active:before, .facete-params-top .facetetype-1:hover:before {
    background-position: bottom left;
}
.facete-params-top .facetetype-2:before {
    background-position: -26px 0;
}
.facete-params-top .facetetype-2.active:before, .facete-params-top .facetetype-2:hover:before {
    background-position: -26px bottom;
}
.facete-params-top .facetetype-3:before {
    background-position: -53px 0;
}
.facete-params-top .facetetype-3.active:before, .facete-params-top .facetetype-3:hover:before {
    background-position: -53px bottom;
}

.facete-params-bottom .facetetype-1:before {
    background-position: 0 -1px;
}
.facete-params-bottom .facetetype-1.active:before, .facete-params-bottom .facetetype-1:hover:before {
    background-position: 0 -26px;
}
.facete-params-bottom .facetetype-2:before {
    background-position: -26px -1px;
}
.facete-params-bottom .facetetype-2.active:before, .facete-params-bottom .facetetype-2:hover:before {
    background-position: -26px -26px;
}
.facete-params-bottom .facetetype-3:before {
    background-position: -53px -1px;
}
.facete-params-bottom .facetetype-3.active:before, .facete-params-bottom .facetetype-3:hover:before {
    background-position: -53px -26px;
}
.facete-hr {
    margin-left: 0!important;
    margin-right: 0!important;
}
.cornertype.cornertype-small:before{
    display:none!important;
}
.cornertypes-row .cornertype:hover, .cornertypes-row .active,
.facete-params .facetetype:hover, .facete-params .active {
    background-color: #fff;
    border: 1px solid #38BDA5;
    border-radius: 5px;
}

.cornertype-1.cornertype:before {
    background-position: 0 -3px;
}
.cornertype-1.cornertype:hover:before, .cornertype-1.cornertype.active:before {
    background-position: 0 -30px;
}
.cornertype-2.cornertype:before {
    background-position: 0 -56px;
}
.cornertype-2.cornertype:hover:before, .cornertype-2.active:before {
    background-position: 0 bottom;
}
.cornertype-3.cornertype:before {
    background-image: url(../images/icons/InsideRoundCornerGrey.svg);
    background-position: center center;
    background-size: cover;
}
.cornertype-3.cornertype:hover:before, .cornertype-3.active:before {
    background-image: url(../images/icons/InsideRoundCornerGreen.svg);
}
.cornertype-4.cornertype:before {
    background-image: url(../images/icons/InsideSquareCornerGrey.svg);
    background-position: center center;
    background-size: cover;
}
.cornertype-4.cornertype:hover:before, .cornertype-4.active:before {
    background-image: url(../images/icons/InsideSquareCornerGreen.svg);
}

.cornering-row .cornertype:hover {
    background-color: transparent;
    border-color: transparent;
}
.selected-corners-list .gtag {
    padding: 3px 23px 3px 5px;
    background-size: 14px!important;
}
.gtag.cornertype1, .gtag.cornertype2, .gtag.cornertype3, .gtag.cornertype4 {
    position: relative;
}
.gtag.cornertype1:after, .gtag.cornertype2:after, .gtag.cornertype3:after, .gtag.cornertype4:after {
    content: "";
    display: block;
    position: absolute;
    width: 45px;
    height: 45px;
    top: -13px;
    right: -10px;
    transform: scale(0.25);
}
.gtag.cornertype1:after {
    background: #38BDA5 url(../images/icons/corners-type-tag.png) no-repeat center top;
}
.gtag.cornertype2:after {
    background: #38BDA5 url(../images/icons/corners-type-tag.png) no-repeat center -48px;
}
.gtag.cornertype3:after {
    background: #38BDA5 url(../images/icons/innerroundtag.svg) no-repeat center;
    background-size: contain;
}
.gtag.cornertype4:after {
    background: #38BDA5 url(../images/icons/innersquaretag.svg) no-repeat center;
    background-size: contain;
}
.error-cornertype-section {
}
.error-cornertype-section .form-error{
    position: relative;
    top: auto;
    right: auto;
    /* display: none; */
    display: block;
    line-height: 1.5;
}
#cornertype-shift-container label {
    white-space: nowrap;
}
.shiftable-label {
    position: relative;
}
.shiftable-label .ttip, .shiftable-label::before, .shiftable-label::after{
    position: absolute!important;
    top:50%!important;
    transform: translate(0, -50%);
}
.shiftable-label::after{
    top: 15px!important;
}
/*.corner-params-row {
    padding: 0 15px;
}*/
.corner-params-row .btn-secondary {
    width: 100%;
    /*margin-bottom: 30px;*/
    padding: 10px 50px;
    line-height: 1;
    max-width: 270px;
}
.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #E0E0E0;
    border-color: #E0E0E0;
}
.drilling-options, .countersunking-options, .gewindeing-options, .internalCutouting-options {
    margin-bottom: 10px;
}
@media (max-width: 860px) {
    .cornering-row > div, #collapseCorners .t-header > div,
    .drilling-row > div, #collapseDrills .t-header > div,
    .holder-row > div, #collapseHolders .t-header > div {
        padding-right: 0;
    }
}
@media (max-width: 450px) {
    .processing-options .cornertype, .facete-params .facetetype {
        margin-right: 15px;
    }
    .processing-options .cornertype:last-child, .facete-params .facetetype:last-child {
        margin-right: 0;
    }
    .holder-title {
        padding-right: 10px!important;
        word-break: break-all;
    }
}
@media (max-width: 767.98px) {
    .corner-params-row .btn-secondary {
        margin-top: 0;
    }
    #cornertype-shiftable-container, #cornertype-shiftr-container {
        padding-left: 15px!important;
    }
    #cornertype-shift-container {
        margin-top: 10px;
    }
    .shiftable-label {
        margin-top: 10px;
    }
    .shiftable-label br {
        display: none;
    }
    .dummy-label {display: none;}
    .shiftable-label::after {
        top: 5px!important;
    }
}

/* Holders */
#collapseHolders .t-header {
    margin-bottom: 15px;
}
.holder-title {
    position: relative;
    word-break: break-all;
}
.holder-title img {
    /*display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 4px;*/
    position: absolute;
    left: 15px;
    top: 8px;
    width: 30px;
    height: 30px;
}
.holder-title p {
    padding-left: 37px;
    line-height: 1.1;
    display: inline-block;
    vertical-align: middle;
}
.holder-title .col-2 {
    padding-right: 0;
}
.holder-title .col-10 {
    padding-left: 5px;
}
.holder-options {
    margin-bottom: 20px;
}
.holders-list, .sidecut-list {
    /*margin-bottom: 30px;*/
    padding: 0 15px;
}
.modal-body .holder-item {
    position: relative;
    padding: 10px;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bolder;
    line-height: 26px;
    color:#1a1a1a;
    margin: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: calc(100% - 20px);
    cursor: pointer;
}
.modal-body .holder-item:hover, .modal-body .holder-item.active {
    border-color:#38BDA5;
}

#materialStyle .holder-item {
    max-width: calc(50% - 20px);
}
#materialStyle .modal-body h5 {
    padding-bottom: 10px;
    border-bottom: 1px solid #E0E0E0;
    font-weight: bolder;
    font-size: 1.25rem;
    line-height: 2.125rem;
}
.material-wraper .modal-material-item {
    position: relative;
    padding: 20px;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bolder;
    line-height: 26px;
    color:#1a1a1a;
    margin: 15px 0;
    cursor: pointer;
}
.material-wraper .modal-material-item:hover {
    border: 1px solid #38BDA5;
}
.modal-material-item .box-1x1 {
    height: 200px;
}
.modal-material-item .color-title {
    margin: 20px 0 0;
}
/*
.modal-body .holder-item img {
    display: inline-block;
    max-height: 65px;
    margin-right: 15px;
}
*/
.modal-body .holder-item p {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    line-height: 1.35;
    font-size: 14px;
}
.modal-body .holder-item strong {
    display: inline-block;
    padding-bottom: 10px;
}
.modal-body .small-descr, .modal-body .small {
    font-size: 13px;
    font-weight: normal;
}
.small-descr-ico, .small-description, .size-ico-description, .sun-ico-description {
    display: inline-block;
    position: relative;
    padding-left: 17px;
    margin-right: 9px;
}
.small-descr-ico:before {
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    left:0;
    top:50%;
    transform: translate(0, -50%);
    background-image: url(../images/icons/small-descr-ico.png);
    background-repeat: no-repeat;
}
.size-ico-description:before {
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    left:0;
    transform: translate(0, -70%);
    background-image: url(../images/icons/size-icon.png);
    background-repeat: no-repeat;
}
.sun-ico-description:before {
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    left:0;
    top:50%;
    transform: translate(0, -50%);
    background-image: url(../images/icons/sun-icon.png);
    background-repeat: no-repeat;
}
/*
.holders-list .small-descr-ico:before {
    top:3px;
}
*/
.small-descr-1:before {
    background-position: 0 0;
}
.small-descr-2:before {
    background-position: 0 -12px;
}
.small-descr-3:before {
    background-position: 0 -24px;
}
.small-descr-4:before {
    background-position: 0 -36px;
}
.small-descr-6:before {
    background-position: 0 -77px;
}
.small-descr-5:before {
    background-position: 0 -65px;
}
.holder-measures > .measure, .drill-measures > button, .countersunk-measures > button, .gewinde-measures > button, .internalCutout-measures > button {
    position: relative;
    margin-right: 22px;
}
.holder-measures > .measure:hover, .holder-measures > .measure.active,
.drill-measures > button:hover, .drill-measures > button.active,
.countersunk-measures > button:hover, .countersunk-measures > button.active,
.gewinde-measures > button:hover, .gewinde-measures > button.active,
.internalCutout-measures > button:hover, .internalCutout-measures > button.active {
    background: #38BDA5;
    border: 1px solid #38BDA5;
}
.holder-measures > .measure.selected, .drill-measures > button.selected, .countersunk-measures > button.selected, .gewinde-measures > button.selected, .internalCutout-measures > button.selected {
    background-color: #f7f7f7;
    border-color: #f7f7f7;
}
.holder-measures > .measure.selected:hover, .drill-measures > button.selected:hover, .countersunk-measures > button.selected:hover, .gewinde-measures > button.selected:hover, .internalCutout-measures > button.selected:hover {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
}
.holder-measures > .measure:before, .drill-measures > button:before, .countersunk-measures > button:before, .gewinde-measures > button:before, .internalCutout-measures > button:before {
    content: "";
    display: block;
    position: absolute;
    background-image: url(../images/icons/whole-in-out.png);
    background-repeat: no-repeat;
    background-position-y: top;
    top:50%;
    left:50%;
    width:26px;
    height: 12px;
    transform: translate(-50%, -50%);
    background-size: 52px;
}
.holder-measures > .measure:hover:before, .holder-measures > .measure.active:before,
.drill-measures > button:hover:before, .drill-measures > button.active:before,
.countersunk-measures > button:hover:before, .countersunk-measures > button.active:before,
.gewinde-measures > button:hover:before, .gewinde-measures > button.active:before,
.internalCutout-measures > button:hover:before, .internalCutout-measures > button.active:before {
    background-position-y: bottom;
}
.holder-measures > .measure.selected:hover:before,
.drill-measures > button.selected:hover:before,
.countersunk-measures > button.selected:hover:before,
.gewinde-measures > button.selected:hover:before,
.internalCutout-measures > button.selected:hover:before {
    background-position-y: top;
}
.holder-measures > .measure.in:before,
.drill-measures > button.in:before,
.countersunk-measures > button.in:before,
.gewinde-measures > button.in:before,
.internalCutout-measures > button.in:before {
    background-position-x: left;
}
.holder-measures > .measure.out:before,
.drill-measures > button.out:before,
.countersunk-measures > button.out:before,
.gewinde-measures > button.out:before,
.internalCutout-measures > button.out:before {
    background-position-x: right;
}
.holder-measures > .measure.active:hover,
.drill-measures > button.active:hover,
.countersunk-measures > button.active:hover,
.gewinde-measures > button.active:hover,
.internalCutout-measures > button.active:hover {
    background-color: #27917e;
    border-color: #27917e;
}
.holder-item-title > .row {
    height: 50%;
}
.holder-item .box-1x1 {
    margin: 0 0;
}
.holder-item-options, .material-item-options {
    font-size: 13px;
    line-height: 18px;
}
.holder-count {
    height: 32px;
    position: absolute;
    width: calc(100% - 30px);
    top: 50%;
    left: 15px;
    transform: translate(0, -50%);
    font-size: 0.875rem;
}
#add-holder {
    margin-top: 33px;
    padding: 9px 20px;
}
.modal-dialog {
    width: 90%;
    max-width: 755px!important;
    margin: 1.75rem auto!important;
}

@media (min-width: 576px) {

}

@media (max-width: 767.98px) {
    #add-holder {
        margin-top: 0;
    }
}

.tooltipster-base {
    width:320px!important;
    height: auto!important;
}
.tooltipster-sidetip .tooltipster-box {
    background: #FFFFFF;
    border: 2px solid #C4C4C4;
    border-radius: 5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.11);
}
.tooltipster-sidetip .tooltipster-content {
    padding: 10px;
    overflow: hidden;
}
.tooltipster-sidetip .tooltipster-content p,
.tooltipster-sidetip .tooltipster-content ul,
.tooltipster-sidetip .tooltipster-content ol,
.tooltipster-sidetip .tooltipster-content h3,
.tooltipster-sidetip .tooltipster-content h4,
.tooltipster-sidetip .tooltipster-content h5 {
    font-size: 13px;
    line-height: 1.3;
    color: #1A1A1A;
    margin-bottom: 15px;
}
.tooltipster-sidetip .tooltipster-content ul,
.tooltipster-sidetip .tooltipster-content ol {
    width: 100%;
}
.tooltipster-sidetip .tooltipster-content h3,
.tooltipster-sidetip .tooltipster-content h4,
.tooltipster-sidetip .tooltipster-content h5 {
    font-weight: bold;
    margin-bottom: 10px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #C4C4C4;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #fff;
    left: 0;
    top: -3px;
}
#materials-collapsed-1:after, #materials-collapsed-2:after{
    display: none;
}
.conf-total-price-mob {
    font-size: 1rem;
}
.material-error {
    height: 0;
}
.edges-error > p, .countersunk-error > p, .material-error > p, .gewinde-error > p, .facette-error > p, .internalCutout-error > p {
    position: relative;
    top: -10px;
    margin-bottom: 10px;
    color: red;
    line-height: 1;
    font-size: 0.875rem;
}
button.corner, button.kante, button.fkante, button.skante, .dicke-list > button, #apply-proccessing {
    margin-right: 5px;
}
.success-section {
    padding: 100px 0;
}
/* Second configurator */
.info-icon {
    font-size: 22px!important;
    margin-top: -49px!important;
}
label.btn-glacryl > input {
    display:none;
}

.rahmen-page #konfigurator-view-beleuchtung, .rahmen-page #konfigurator-view-halter,
.rahmen-page #view-material-auswahl, .rahmen-page #konfigurator-view-befestigung {
    border-left: 1px solid #C1CBC5;
}
.rahmen-page #konfigurator-view-befestigung {
    border-right: 1px solid #C1CBC5;
}

/* Canvas */
#canvas {
    display: block;
    /*margin      : 0 auto;*/
    background  : #ffffff;
    width          : 100%;
    height         : 100%;
}

#holder-canvas, #mob-holder-canvas {
    position: absolute;
    /* top          : 10%;
    right           : 5%;
    width 	        : 600px; */
    width          : 100%;
    height         : 100%;
    box-sizing      : border-box; ;

    left 			: 0;
    top 			: 0;
    display 		: flex;
    flex-direction  : row;
    justify-content : center;
}
.measure-icon {
    position: relative;
    display:inline-block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    /*border: 1px solid #38BDA5;
    border-radius: 2px;*/
    top:8px;
    left:-7px;
}
.measure-icon-1:before {
    content: "";
    display: block;
    position: absolute;
    background-image: url(../images/icons/whole-in-out.png);
    background-repeat: no-repeat;
    background-position-y: top;
    background-position-x: left;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 12px;
    transform: translate(-50%, -50%) scale(0.7);
    background-size: 52px;
}
.measure-icon-2:before {
    content: "";
    display: block;
    position: absolute;
    background-image: url(../images/icons/whole-in-out.png);
    background-repeat: no-repeat;
    background-position-y: top;
    background-position-x: right;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 12px;
    transform: translate(-50%, -50%) scale(0.7);
    background-size: 52px;
}
#drill-radius-container label {
    white-space: nowrap;
}
/*
.conf-tabs-container {
    border-top: 1px solid #DADADA;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
}
*/
.conf-tabs-content {
    /*height: calc(100vh - 230px);*/
    height: 100%;
}
.conf-tabs-content p {
    margin-bottom: 0;
}
.tab-inner-container {
    padding-left: 20px;
    padding-right: 20px;
}
.conf-tabs-container .nav-tabs {
    background-color: #fff;
    border-bottom: 3px solid #DFDFDF;
}
.conf-tabs-container .nav-item {
    position: relative;
    display: inline-block;
    padding-left: 0;
    margin-bottom: 0;
    width: 25%;
    border:0 none;
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    line-height: 16px;

    display: block;
    height: 50px;
}
.conf-tabs-container .nav-link {
    display: block;
    position: relative;
    height: 100%;
    font-weight: normal;
    color:#797979;
    border: 0 none;
    padding: 5px;
    cursor: pointer;
}
.conf-tabs-container .nav-link.active {
    font-weight: bold;
}
.conf-tabs-container .nav-link > span {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    /*word-break: break-all;*/
    width:90%;
}
.conf-tabs-container .nav-link.active, .conf-tabs-container .nav-tabs .nav-link:focus, .conf-tabs-container .nav-tabs .nav-link:hover {
    border-color: #fff;
}
.conf-tabs-container .nav-link.active:before, .conf-tabs-container .nav-link:hover:before {
    display: block;
    content: '';
    width: 100%;
    height: 3px;
    background-color: #38BDA5;
    position: absolute;
    bottom: -3px;
    left:0;
}

.conf-right-column-content .box-4x3:before {
    padding-top: calc(100vh - 150px);
    /*height: 50vh;*/
}
/*
.configurator-page, .conf-tabs-container {
    -webkit-box-shadow: inset 0px 10px 8px -3px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: inset 0px 10px 8px -3px rgba(0, 0, 0, 0.32);
    box-shadow: inset 0px 10px 8px -3px rgba(0, 0, 0, 0.32);
}
*/
.configurator-page .content-section {
    padding-bottom: 0;
    padding-top: 0;
}
.configurator-page {
    overflow: hidden;
    height: calc(100vh - 83px);
}
.glacryl-configurator-container {
    /*height: calc(100vh - 150px);
    overflow: hidden;
    padding-left: 0;*/
}
.col-controls {
    height: 100%;
    padding-left: 0;
    /*padding-right: 0;*/
    max-width: 770px!important;
}
.right-shadow {
    height:100%;
    -webkit-box-shadow: 5px 0px 5px 1px rgba(0, 0, 0, 0.02);
    -moz-box-shadow: 5px 0px 5px 1px rgba(0, 0, 0, 0.02);
    box-shadow: 5px 0px 5px 1px rgba(0, 0, 0, 0.02);
}
#conf-left-column {
    height: calc(100vh - 200px);
    overflow: auto;
}
#scrollable-area {
    position: relative;
}
.col-canvas {
    padding-top: 7px;
    padding-left: 0;
}
#holder-figure {
    margin: 0 auto;
}
.conf-left-column-footer {
    /*height: 150px;*/
    position: relative;
    padding-right: 15px;
}
.conf-left-column-footer .btn {
    position: relative;
    float:right;
    color:#fff!important;
    margin-top:15px;
    /*margin-top: 30px;
    margin-bottom: 30px;*/
}
.conf-left-column-footer .col {
    padding: 0 0;
    border-top: 2px solid #E5E5E5;
}

.conf-left-column-footer button {
    display: none;
    width: 100%;
    height: 100%;

    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #797979;
    background-color: #fff;
    padding: 33px 0 15px 0;
    border: 0 none;
    cursor: pointer;
}
.conf-left-column-footer button:hover {
    color: #495057;
}
#prev-tab-btn {
    background: url(../images/icons/btn_arrow_right.svg) no-repeat center 13px;
}
#next-tab-btn {
    background: url(../images/icons/btn_arrow_left.svg) no-repeat center 13px;
}

@media (max-width: 767.98px) {
    .conf-left-column-footer {
        display: none;
    }
    .conf-tabs-container .nav-item {

    }
    .col-controls {
        padding-left: 15px;
        max-width: 100%!important;
    }
    /*.configurator-page {
        height: calc(100vh - 130px);
    }
    .configurator-page .content-section {
        height: 100%;
    }*/
    .glacryl-configurator-container {
        padding-left: 0;
        padding-right: 0;
        height: 100%;
    }
    .spitting-protection-tab-wrapper {
        margin-left: 0;
        margin-right: 0;
    }
    #conf-left-column {
        height: calc(100vh - 185px);
        /*height: 100%;*/
        overflow: auto;
    }
    .configurator-page {
        height: calc(100vh - 65px);
    }
}
#cornertype-btn-container {
    margin-bottom: 15px;
}
@media (max-width: 968px) {
    /*#cornertype-btn-label {
        display: none;
    }*/
}
@media (max-width: 992px) {
    .conf-tabs-container .nav-item {
        font-size: 0.8rem;
    }
}
@media (min-width: 1280px) {
    .col-controls {
        -ms-flex: 0 0 43%;
        flex: 0 0 43%;
        max-width: 43%;
    }
    .col-canvas {
        width: 57%;
        flex: 0 0 57%;
        max-width: 57%;
    }
}

@media (min-width: 1400px) {
    .col-controls {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-canvas {
        width: 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 65.666667%;
    }
}


.conf-tabs-content .tab-pane{
    /*height: 0;*/
    display: none;
}
.conf-tabs-content .tab-pane.active{
    /*height: auto!important;*/
    display: block!important;
}

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: -10px!important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .glacryl-configurator-container > .row {
        width: 100%;
    }
}

@media (min-width: 1240px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .col-canvas {
        max-width: 55%;
    }
}
/*
@media (min-width: 1400px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .col-canvas {
        max-width: 65%;
    }
}
*/
#yes-no-popup p {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 14px;
}
#modal-btn-yes, #modal-btn-no {
    border:0 none;
    background: none;
    opacity: 0.85;
    font-size: 14px;
}
#modal-btn-yes:hover, #modal-btn-no:hover {
    opacity: 1;
}
#modal-btn-yes {
    color: #38BDA5;
}
#yes-no-popup {
    display: none;
    position: absolute;
    z-index: 999;
    left: 50%;
    top: -21px;
    transform: translateX(-50%);
    max-width: 400px!important;
    width: 80%;
    box-shadow: 0px 8px 16px rgba(26, 26, 26, 0.05);
}
#yes-no-popup .modal-body {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
#yes-no-popup .modal-footer{
    padding-top: 0;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 1280px) {
    #yes-no-popup .modal-dialog{
        width: 96%;
    }
}

.processingFromSize, .customizeCorners {
    font-size: 0.875rem;
    font-weight: bolder;
    color: #797979;
    margin-bottom: 0px;
}

.processingFromSize .openPopup, .customizeCorners .openPopup {
    color: #38bda5;
}

.customizeCorners {
    margin-bottom: 15px;
}

.customizeCorners .openPopupDisabled {
    color: #797979;
}

.processingFromSize .openPopup:hover, .customizeCorners .openPopup:hover {
    color: #27917e;
    cursor: pointer;
}
.edges-container .gtag {
    position: relative;
    color: #333;
    background-color: transparent;
    padding-right: 17px;
    font-size: 14px;
}
.edges-container .gtag::after {
    display: block;
    position: absolute;
    right: 0;
    top:1px;
    width: 15px;
    height: 15px;
    content: "";
    background-size: contain!important;
}
.edges-container .edge4::after {
    background: transparent url(../images/icons/edge4.png) no-repeat center center;
}
.edges-container .edge3::after {
    background: transparent url(../images/icons/edge3.png) no-repeat center center;
}
.edges-container .edge2::after {
    background: transparent url(../images/icons/edge4.png) no-repeat center center;
}
.edges-container .edge1::after {
    background: transparent url(../images/icons/edge3.png) no-repeat center center;
}
.edges-container .edge5::after, .edges-container .edge7::after {
    background: transparent url(../images/icons/edge2.png) no-repeat center center;
}
.edges-container .edge8::after, .edges-container .edge9::after {
    background: transparent url(../images/icons/edge1.png) no-repeat center center;
}
.edges-container .edge6::after {
    background: transparent url(../images/icons/edge6.png) no-repeat center center;
}

@media (max-width: 1200px) {
    #conf-right-column .h1 {
        position: absolute;
        right: 0;
        top: 0;
        transform: translateY(0%);
        width: auto;
        z-index: 999;
        max-width: 50%;
    }
}
.warenkorb-icon-cnt {
    margin-left: 5px;
}
#product-quantity .cart-minus:after, #product-quantity .cart-plus:after {
    top:11px;
}