.font-weight-bold {
    font-weight:bold;
}
.noUi-horizontal .noUi-tooltip {
    bottom:26px;
    left:65px;
}

.topauswahl label {
    font-size:18px;
}
.zusatz-container {
    margin-bottom:20px;
}

#gesamtanlagenbreite-box-seilfuehrung {
    width:860px;
    height:300px;
    position:absolute;
    top:-280px;
    left:-5px;
    border-left:1px dotted black;
    border-right:1px dotted black;
    border-top:1px dotted black;
}

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

#gesamtanlagenbreite-box-schienenfuehrung {
    width:860px;
    height:300px;
    position:absolute;
    top:-280px;
    left:0px;
    border-left:1px dotted black;
    border-right:1px dotted black;
    border-top:1px dotted black;
}

#behangbreite-box-seilfuehrung {
    width:850px;
    height:210px;
    position:absolute;
    top:-180px;
    border-left:1px dotted black;
    border-right:1px dotted black;
    border-top:1px dotted black;
}

#behangbreite-box-schienenfuehrung {
    width:850px;
    height:210px;
    position:absolute;
    top:-180px;
    left:27px;
    border-left:1px dotted black;
    border-right:1px dotted black;
    border-top:1px dotted black;
}

#feld1-label-container {
    position:absolute;
    top:3px;
    right:20px;
    height:50px;
    width:90px;
    background-color:white;
    color:black;
    font-size:11px;
    z-index:1000;
}

#feld1-select-container,#feld2-select-container,#feld3-select-container {
    background-color:white;
    padding:0;
    margin-bottom:2px;
    margin-top:2px;
}

#auflagestreifen {
    border-bottom:1px solid #e3e3e3;
    border-right:1px solid #e3e3e3;
    border-left:1px solid #e3e3e3;
}

#auswahlfuehrung .noUi-base, #auswahlantrieb .noUi-base  {
    background-color:#199950;
}
.noUi-connect{
    background-color:#199950;
}

.noUi-handle  {
    background-color:#18550a;
}
.noUi-pips-horizontal {
    top:-20px;
}
.noUi-value-horizontal {
    top:-35px;
}
.noUi-marker-large {
    top:-0px;
}
.img-popover-fuehrung {
    max-width:120px;
    padding:2px;
    display:block;
}
#breiteslider-container {
    position:relative;
    width:850px;
}

#breiteslider-container-ajax {
    position:absolute;
    top:-88px;
    left:-80px;
    width:850px;
}

#breiteslider {
    z-index:1000;
    position:absolute;
    left:105px;
    top:4px;
    width:850px;
}

#breiteslider-linke-konsole {
    z-index:5000;
    position:absolute;
    left:78px;
    width:27px;
    height:auto;
}

#breiteslider-rechte-konsole {
    position:absolute;
    left:905px;
    width:27px;
    height:auto;
}

#lichtehoeheslider-container {
    position:relative;
    width:850px;
}

#lichtehoeheslider {
    margin-top:20px;
    margin-bottom:40px;
    height:675px;
}


#feld1 {
    background-image: url('/designpics2013/rollvorhangrechner/windschutznetz-gruen.jpg');
    padding-top:10px;
    position:absolute;
    top:244px;
    left:80px;
    right:0px;
    bottom:41px;
    border:1px solid grey;
    border-left:none;
    width:850px;
}

#schienenstaerkelinks {
    position:absolute;
    left:-22px;
    top:-10px;
    font-size:12px;
    font-weight:bold;
}

#schienenstaerkerechts{
    position:absolute;
    right:-22px;
    top:-10px;
    font-size:12px;
    font-weight:bold;
}

#konsole-links {
    position:absolute;
    top:-50px;
    left:-20px;
    height:40px;
    width:40px;
}

#konsole-rechts {
    position:absolute;
    top:-50px;
    right:-25px;
    height:40px;
    width:40px;
}

#konsole-11cm {
    position:absolute;
    top:-50px;
    left:-120px;
    height:30px;
    width:30px;
    z-index:500;
}
#linke-schiene {
    position:absolute;
    left:0px;
    top:0px;
    height:350px;
    width:27px;
    z-index:600;
}

#rechte-schiene {
    position:absolute;
    right:0;
    top:0px;
    height:350px;
    width:27px;
    z-index:600;
}

#torsturz-links {
    position:absolute;
    left:30px;
    top:-50px;
    height:45px;
    width:40px;

}

#torsturz-mitte {
    position:absolute;
    left:70px;
    height:45px;
    top:-50px;
    width:700px;
}

#torsturz-rechts {
    position:absolute;
    right:0;
    top:-50px;
    height:45px;
    width:80px;
}


#feld1 .btn-success ,#feld2 .btn-success, #feld3 .btn-success{
    background-color:#18550a;
}

#lichtehoeheslider-container-popup {
    width:400px;
    position:absolute;
    bottom:220px;
    left:0px;
    z-index:2000;
}

#flash-message-feld1 {
    padding:20px;
}

#rollvorhangkonfigurator .form-horizontal .form-group {
    margin-bottom:5px;
}
#rollvorhangkonfigurator .bg-white {
    background-color:white;
}

#fallprofil {
    padding:0;
    border:0;
    height:25px;
    position:absolute;
    bottom:41px;
    left:80px;
    width:800px;
    z-index:200;
}

#fallprofil-links {
    height:25px;
    width:50px;
}

#fallprofil-mitte {
    height:25px;
    width:700px;
}

#fallprofil-rechts {
    height:25px;
    width:50px;
}

#fallprofil::before,
#fallprofil::after {
    content:'';
    position:absolute;
    left:0;
    right:0;
    height:0px;
    background-color:#ffffff;
    z-index:100;
    pointer-events:none;
}

#fallprofil::before {
    top:0;
}

#fallprofil::after {
    bottom:0;
}

#auflagestreifen {
    background-color:#106552;
    padding:0;
    height:20px;
    position:absolute;
    bottom:21px;
    left:80px;
    width:800px;
    z-index:200;
}

#hohlsaum {
    background-image:url('/designpics2013/rollvorhangrechner/gruen-hohlsaum-mitte.jpg');
    padding:0;
    height:20px;
    position:absolute;
    bottom:41px;
    left:65px;
    right:-15px;
    border-bottom:1px solid #e3e3e3;
    z-index:200;
}

#linkes-seil {
    background-color:#777;
    position:absolute;
    left:-5px;
    top:-10px;
    height:350px;
    width:2px;
    z-index:600;
}

#rechts-seil {
    background-color:#777;
    position:absolute;
    right:-5px;
    top:-10px;
    height:350px;
    width:2px;
    z-index:600;
}

#info-gesamtanlagenhoehe-container {
    position:absolute;
    top:-100px;
    left:-210px;
    height:50px;
    width:130px;
    z-index:500;
}
#info-konsolenhoehe-container {
    border-top:1px dotted black;
    border-bottom:1px dotted black;
    position:absolute;
    top:-50px;
    left:-210px;
    height:30px;
    width:140px;
    z-index:500;
}

#info-lichtehoehe-container {
    position:absolute;
    top:-10px;
    left:-210px;
    height:30px;
    width:85px;
    z-index:500;
}
#info-seilfuehrung-lichtebreite-container{
    position:absolute;
    top:-145px;
    right:-55px;
    height:25px;
    background-color:white;
    padding:2px;
}

#info-schienenfuehrung-lichtebreite-container {
    position:absolute;
    top:-145px;
    right:-25px;
    background-color:white;
    padding:2px;
}

#torsturz_gesamtanlagenbreite {
    position:absolute;
    top:-150px;
    left:-25px;
    padding:0;
    right:-10px;
    border-right:1px dotted black;
    border-left:1px dotted black;
}


.pointer {
    cursor:pointer;
}

.flash-close {
    position:absolute;
    top:5px;
    right:5px;
    cursor:pointer;
}

.noUi-tooltip input {
    width:60px;
    border:none;
    padding:0;
    margin:0;
}

.popover {
    max-width:none;
    cursor:pointer;
}

[role="button"] {
    cursor: pointer;
}

.popover-container a:hover {cursor:pointer;}

.noUi-tooltip input {width:35px;}
.noUi-value-vertical {padding-left:15px;}
.noUi-pips-vertical {padding:0px 3px;}

@media (max-width: 1199px) {
    .zusatz-container {
        margin-bottom:30px;
    }
}
@media (max-width: 991px) {
    .zusatz-container {
        margin-bottom:30px;
        height:auto;
    }
}

@media (max-width:768px){
    .popover {max-width:none;width:80%;}


    #lichtehoeheslider-container {
        position:relative;
        min-width:200px;
        width:100%;
    }

    #lichtehoeheslider {
        margin-left:-20px;
    }
    .noUi-vertical .noUi-tooltip {
        border:2px solid;
        margin:0 -80px 0 0;
        width:45px;
    }

    #lichtehoeheslider-container-popup {
        width:90%;
        position:absolute;
        bottom:150px;
        left: 0px;
        z-index:2000;
    }

    #flash-message-feld1 {
        padding:15px;
    }

    .popover-content {
        font-size:14px;
    }
    .popover-content img {
        max-height:200px;
        max-width:100%;
    }
    #rollvorhangkonfigurator h1 {
        font-size:22px;
        font-weight:bold;
    }
    #rollvorhangkonfigurator h2 {
        font-size:20px;
        font-weight:bold;
    }
    #rollvorhangkonfigurator h3 {
        font-size:18px;
        font-weight:bold;
    }
}
@media (max-width: 480px) {
    .topauswahl label {
        font-size:14px;
    }
}

.ral7016 {
    filter: brightness(20.58%)
    sepia(75.4%)
    saturate(57.7%)
    hue-rotate(161deg);
}