/*
* A custom white theme for dat.gui by @liabru
* http://brm.io/
* License: MIT
*/

body .dg .c,
body .dg .cr.function,
body .dg .c select,
body .dg .property-name,
body .dg .title {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* mod start */

body .dg .property-name {
    cursor: default;
    float: left;
    clear: left;
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis
}

body .dg .c {
    float: left;
    width: 40%;
    position: relative
}

body .dg .cr.boolean {
    border-left: 0px solid #806787
}

body .dg .cr.color {
    border-left: 0px solid
}

body .dg .cr.function {
    border-left: 0px solid #e61d5f
}

body .dg .cr.number {
    border-left: 0px solid #2FA1D6
}

body .dg .cr.string {
    border-left: 0px solid #2FA1D6
}

/* end mod */


body .dg.main.taller-than-window .close-button {
    border-top: 1px solid #ddd;
}

body .dg.main .close-button {
    background-color: #eee;
}

body .dg.main .close-button:hover {
    background-color: #fff;
}

body .dg {
    color: #555;
    text-shadow: none !important;
}

body .dg.main::-webkit-scrollbar {
    background: #fafafa;
}

body .dg.main::-webkit-scrollbar-thumb {
    background: #bbb;
}

body .dg li:not(.folder) {
    background: #fafafa;
    border-bottom: 1px solid #ddd;
}

body .dg li.save-row .button {
    text-shadow: none !important;
}

body .dg li.title {
    background: #e8e8e8 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;
}

body .dg li.folder {
    border-left: 0;
}

body .dg .cr.function:hover,
body .dg .cr.boolean:hover {
    background: #fff;
}

body .dg .c input[type=text] {
    background: #e9e9e9;
}

body .dg .c input[type=text]:hover {
    background: #eee;
}

body .dg .c input[type=text]:focus {
    background: #eee;
    color: #555;
}

body .dg .c .slider {
    background: #e9e9e9;
}

body .dg .c .slider:hover {
    background: #eee;
}

body .dg.a {
    margin-right: 9px;
    margin-top: 9px;
}

body .dg .cr.function {
    background: #eee;
}

body .dg .cr.function:hover {
    background: #dadada;
    border-bottom: 1px solid #a1a1a1;
/*    border-bottom: 1px solid #2fa1d6;*/
}

body .dg .cr.function:active {
    background: #ddd;
    border-bottom: 1px solid #a1a1a1;

/*    border-bottom: 1px solid #2fa1d6;*/
}

body .dg .c .slider:hover .slider-fg {
    background: #555555
}

body .dg .c .slider-fg {
    background: #444444;
    max-width: 100%
}