html,body {
    background-color:#262626;
    margin:0px;
    padding:0px;
    color:#d4d4d4;
    font-family: "Segoe UI";
    font-size:12px;
    -webkit-user-select: none; 
    //display:flex;
    vertical-align: bottom;

}

a:link,a:visited,a:active{color:#4dd2ff;}

button {
    background-color:#1f1f1f;
    outline:0;
    border-width: 0px 0px 1px 0px;
    border-color: transparent;
    border-style: solid;
    margin:2px;
    padding:5px;
    color:#d4d4d4;
    font-family: "Segoe UI";
    box-sizing:border-box;

}
button:hover{background-color:#000000;}
button:active{
    color:#4dd2ff;
    border-bottom:1px solid #4dd2ff;
}

input, select {
    background-color:#1f1f1f;
    outline:0;
    border:0;
    margin:2px;
    padding:0px;
    color:#d4d4d4;
    font-family: "Segoe UI";
    box-sizing:border-box;
    height:22px;
}

input[type="checkbox"], input[type="radio"] {
    //border:1px solid red;
    -webkit-appearance: none;
    height:16px;width:16px;
    margin:2px;
    vertical-align: middle;
    position:relative;
}

input[type="checkbox"]:hover{background-color:#000000;border-bottom:1px solid #4dd2ff;};
input[type="checkbox"]:focus{border-bottom:1px solid #4dd2ff;}

input[type="checkbox"]:checked {
    //background-image:url(images/tweener_key.svg);
    background-color:#4dd2ff;
    border-bottom:1px solid #4dd2ff;
}

input[type="text"]:focus, input[type="password"]:focus, input:not([type]):focus {
    background-color:#ffffff;
    color:#000000;
    text-decoration: none;
}

input[type="radio"]{border-radius:100%;}

input[type="radio"]:hover{background-color:#000000;}

input[type="radio"]:after {}
/*input[type="radio"]:checked:after{
    background-color:#4dd2ff;
    position:absolute;
    height:50%;
    width:50%;
    content:"";
    border-radius:100%;
    top:25%;
    left:25%;

}*/


icon-checkbox {
    background-position:center center;
    background-repeat: no-repeat;
    background-size:contain;
    text-align:center;
    background-color:#1f1f1f;
}

icon-checkbox {}

input[type="checkbox"].icon-check {
    background-position:center center;
    background-repeat: no-repeat;
}
input[type="checkbox"].icon-check:hover, input[type="checkbox"].icon-check:hover:checked {
    border:0px;
    background-color:#000000;
}

input[type="checkbox"].icon-check:checked{
    background-color:#1f1f1f;
    border:none;
}




input-reel input, input.adobe-number-input {
    display:none; 
    min-width:40px;
    width:40px;
    height:16px;
    padding:2px;
    margin:2px 0px;
}

input-reel.active input {display:inline-block;}
input-reel.active span {display:none;}

input-reel span, span.adobe-number-input {
    cursor:ew-resize;
    cursor:url(../images/cursors/Cur_HandPointSlider_8_3@2x.png) 16 6, auto;
    //text-decoration: underline;
    color:#4dd2ff;
    background:transparent;
    display:inline-block;
    //margin:2px 0px;
    height:16px;
    padding:2px;
    box-sizing:border-box;
}

input-reel span:active {
    cursor:url(../images/cursors/Cur_ResizeHorizontal_7_3@2x.png) 14 6, auto;
}

.ew-resize {
    //cursor:ew-resize !important;
    cursor:url(../images/cursors/Cur_ResizeHorizontal_7_3@2x.png) 14 6, auto;
}

/*
@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),
	only screen and (-o-min-device-pixel-ratio: 13/10),
	only screen and (min-resolution: 120dpi)
    {
    input-reel span {
        cursor:url(../images/cursors/Cur_HandPointSlider_8_3@2x.png), auto;
    }
        
    input-reel.dragging span:active {
        cursor:url(../images/cursors/Cur_ResizeHorizontal_7_3@2x.png), auto;
    } 
}*/

input-rotation, input-position, input-distance, input-position-3d, input-scale {
    //text-decoration: underline;
    color:#4dd2ff;
    background:transparent;
    display:inline-block;
}


/*input.adobe-number-input:active,input.adobe-number-input:focus {
    //background-color:#1f1f1f;
    text-decoration: none;
    //color:#d4d4d4;
}*/

input[type="radio"].btn{
    border-radius:0;
    background-position: center;
    background-repeat: no-repeat;
    padding:10px;
}

input[type="radio"].btn:checked{background-color:#4dd2ff;}
input[type="radio"].btn:after:{content:none;}



row, column {
    display:flex;
    //align-items:center;
}
column {flex-direction: column;}

row [stretch], column [stretch], [stretch] {flex:1;}

fieldset {
    border:1px solid #1f1f1f;
    padding:5px;
}



canvas.overlay {
    position:absolute;
    top:0; left:0;
    height:100%;
    width:100%;
    z-index:9000;
    //background:rgba(255,0,0,.5);
    pointer-events:none;
}

[pickwhip-value].pickwhip-hover{
    //border:2px solid #4dd2ff;
    outline-color: #4dd2ff;
    outline-width:thin;
    outline-style: solid;
}







::-webkit-scrollbar {
    width:15px;
    height:15x;
    padding:2px;
    background-color:#1f1f1f;

}

::-webkit-scrollbar-track{
    background-color:#1f1f1f;
}

::-webkit-scrollbar-thumb{background-color:#262626;}
::-webkit-scrollbar-thumb:vertical{border-left: 1px solid #1f1f1f;}
::-webkit-scrollbar-thumb:horizontal{border-top: 1px solid #1f1f1f;}
::-webkit-scrollbar-thumb:hover{background-color:#2e2e2e;}
::-webkit-scrollbar-corner{background-color:#1f1f1f;}
::-webkit-scrollbar-thumb:window-inactive {}