/*
    custom style for extruder
*/

.extruder.left .extruder-content {
    border-right: 3px solid #004c99;
}

.extruder .extruder-content {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#66b2ff+0,004c99+100 */
    background: #66b2ff; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #66b2ff 0%, #004c99 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #66b2ff 0%,#004c99 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #66b2ff 0%,#004c99 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.extruder.left {
    height: 100%;
    background: url("/Content/mb/elements/extruder_blank.png");
}

    .extruder.left.open .content {
        -moz-box-shadow: 2px 0 5px #999999;
        -webkit-box-shadow: 2px 0 5px #999999;
        box-shadow: 2px 0 5px #999999;
    }

    .extruder.left .content {
        border-right: 3px solid #000000;
    }

    .extruder.left .ext_wrapper {
        height: 100%;
    }

    .extruder.left .footer {
        display: none;
    }

    .extruder.left .flap .flapLabel {
        background: #000000;
    }

    .extruder.left .flap {
        font-size: 18px;
        color: white;
        top: 0;
        padding: 10px 0 10px 10px;
        margin-right: -27px;
        background: #000000;
        // width:25px;
        position: absolute;
        right: 0;
        -moz-border-radius: 0 8px 0 8px;
        -webkit-border-top-left-radius: 0;
        -webkit-border-top-right-radius: 8px;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 8px;
        border-top-left-radius: 0;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 8px;
        -moz-box-shadow: 2px 0 5px #999999;
        -webkit-box-shadow: 2px 0 5px #999999;
        box-shadow: 2px 0 5px #999999;
    }


    .extruder.left.a .flap {
        cursor: pointer;
        font-size: 18px;
        color: white;
        top: 0;
        padding: 10px 5px 10px 8px;
        background: #f2af2b;
        position: absolute;
        right: 0;
        -moz-border-radius: 0 10px 10px 0;
        -webkit-border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-box-shadow: #666 2px 0px 3px;
        -webkit-box-shadow: #666 2px 0px 3px;
    }

    .extruder.left.a .content {
        border-right: 3px solid #f2af2b;
        background: #DEECFE;
    }

    .extruder.left.a .flap .flapLabel {
        background: #f2af2b;
    }



.extruder.right {
    height: 100%;
    background: url("../elements/extruder_blank.png")
}

    .extruder.right .extruder-content {
        border-left: 3px solid #000
    }

    .extruder.right.open .extruder-content {
        -moz-box-shadow: -2px 0 5px #999;
        -webkit-box-shadow: -2px 0 5px #999;
        box-shadow: -2px 0 5px #999
    }

    .extruder.right .ext_wrapper {
        height: 100%;
        right: 0
    }

    .extruder.right .footer {
        display: none
    }

    .extruder.right .flap {
        font-size: 18px;
        color: white;
        top: 0;
        padding: 10px 0 10px 5px;
        background: #f2af2b;
        //width: 30px;
        position: absolute;
        left: -30px;
        -moz-border-radius: 8px 0 8px 0;
        -webkit-border-top-left-radius: 8px;
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-left-radius: 8px;
        -webkit-border-bottom-right-radius: 0;
        border-top-left-radius: 8px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 0;
        -moz-box-shadow: -2px 0 5px #999;
        -webkit-box-shadow: -2px 0 5px #999;
        box-shadow: -2px 0 5px #999
    }


    .extruder.right.a .flap {
        cursor: pointer;
        font-size: 18px;
        color: white;
        top: 0;
        padding: 10px 5px 10px 2px;
        background: #f2af2b;
        position: absolute;
        right: 0;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-box-shadow: #666 2px 0px 3px;
        -webkit-box-shadow: #666 2px 0px 3px;
    }

    .extruder.right.a .content {
        border-left: 3px solid #f2af2b;
        background: #DEECFE;
    }
    .extruder.right .flap .flapLabel {
        background: #f2af2b;
    }



.extruder .text {
    background-color: transparent;
    font: 14px/16px Arial,Helvetica,sans-serif;
    font-size: small;
    color: white;
    text-shadow: none;
}

.wrapper {

}