/* Start custom CSS for html, class: .elementor-element-6846026 */.section {
            margin-bottom: 60px;
        }

        .brakepropertiesfields {
            display: none;
            border: 1px;
            border-color: grey;
            border-style: solid;
            padding: 20px;
            border-radius: 10px;
        }

        .brakepropertiesfields.-show {
            display: block;
        }

        .spritesection {
            display: none;
        }



.playback_section {
    display: block;
    clear: both;
    width: 100%;
    /* width: 1000px; */

    float: left;
    /* background-color: red; */
    /* position: relative; */

    margin-bottom: 12px;
}

/*
.playback_section.-show {
    display: block;
}
*/

    .playback_section ._button{
        display: block;
        float: left;
        height: 24px;
        margin-right: 10px;
    }

    .playback_section ._slider {
        width: 200px;
        float: left;
        display: block;
        height: 24px;
        margin-right: 10px;
    }

    .playback_section ._status {
        width: 100px;
        float: left;
        display: block;
        line-height: 24px;
    }

    /*
    .slider_section {
        display: block;
        clear: both;
        width: 100%;
        float: left;

    }*/
    /* background-color: red; */
    /* position: relative; */


    .timeslidercontainer {
        float: left;
        display: block;
        width: 980px;
    }



    .timeslider {
        -webkit-appearance: none;
        width: 100%;
        height: 15px;
        border-radius: 5px;
        background: #d3d3d3;
        outline: none;
        opacity: 0.7;
        -webkit-transition: .2s;
        transition: opacity .2s;
    }

    #timeslider {
        width: 100%;
    }

    .timeslider:hover {
        opacity: 1;
    }

    .timeslider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;

        width: 8px; /* 25px*/
        height: 30px; /* 13px */
        /* border-radius: 50%; */

        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;

        /*
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        */

        background: #ff0000; /*  #4CAF50; */
        cursor: pointer;
    }

    .timeslider::-moz-range-thumb {
        width: 8px;	/* 25px */
        height: 25px; /* 13px */

        /* border-radius: 50%; */
        /*
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        */
        /*
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        */

        background: #ff0000; /*  #4CAF50; */
        cursor: pointer;
    }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4666c5d */.clear {
            display: block;
            clear: both;
            width: 100%;
            height: 0px;
        }


        .section {
            margin-bottom: 20px;
        }

        .brakepropertiesfields {
            display: none;
            border: 1px;
            border-color: grey;
            border-style: solid;
            padding: 20px;
            border-radius: 10px;
        }

        .brakepropertiesfields.-show {
            display: block;
        }

        .spritesection {
            display: none;
        }


.canvas_section {
    float: left;
    width: 100%;
    display: block;
    border: 1px;
    border-color: black;
    border-style: solid;

    margin: 0;
    margin-bottom: 20px;
    padding: 0;
}

    #maincanvas {
        float: left;
        width: 100%;
        display: block;
        padding: 0;
        margin: 0;
        border: 0;
    }


.playback_section {
    display: none;
    clear: both;
    width: 100%;
    /* width: 1000px; */

    float: left;
    /* background-color: red; */
    /* position: relative; */

    margin-bottom: 12px;
}


.playback_section.-show {
    display: block;
}


    .playback_section ._button{
        display: block;
        float: left;
        height: 24px;
        margin-right: 10px;
    }

    .playback_section ._slider {
        width: 200px;
        float: left;
        display: block;
        height: 24px;
        margin-right: 10px;
    }

    .playback_section ._status {
        width: 100px;
        float: left;
        display: block;
        line-height: 24px;
    }

    /*
    .slider_section {
        display: block;
        clear: both;
        width: 100%;
        float: left;

    }*/
    /* background-color: red; */
    /* position: relative; */


    .timeslidercontainer {
        float: left;
        display: block;
        /* width: 980px; */
        width: 100%;
    }



    .timeslider {
        -webkit-appearance: none;
        width: 100%;
        height: 15px;
        border-radius: 5px;
        background: #d3d3d3;
        outline: none;
        opacity: 0.7;
        -webkit-transition: .2s;
        transition: opacity .2s;
    }

    #timeslider {
        width: 100%;
    }

    .timeslider:hover {
        opacity: 1;
    }

    .timeslider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;

        width: 8px; /* 25px*/
        height: 30px; /* 13px */
        /* border-radius: 50%; */

        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;

        /*
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        */

        background: #ff0000; /*  #4CAF50; */
        cursor: pointer;
    }

    .timeslider::-moz-range-thumb {
        width: 8px;	/* 25px */
        height: 25px; /* 13px */

        /* border-radius: 50%; */
        /*
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        */
        /*
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        */

        background: #ff0000; /*  #4CAF50; */
        cursor: pointer;
    }


    /*
    #fonttest
    {
        position: absolute;
        visibility: hidden;
        height: auto;
        width: auto;
        white-space: nowrap; /* Thanks to Herb Caudill comment */
    }
    *//* End custom CSS */