.dgwhitecad {
    position: absolute;
}

.close-button {
    display: none;
}

.dg.a {
    position: absolue;
}

.dg main {}

.dg.ac {

    /* top: 150px !important; */
    /* z-index: 1000!important; */
    /* right: 100px !important; */
}

.dg .c input[type=text] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 18px;
    line-height: 12px;
}

.dg .c select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 18px;
    line-height: 12px;
}

.dg ul {
    /* max-height: calc(100vh - 140px); */
}


.c>.button {
    display: none;
}

.dg .cr.string {
    border-left: none !important;
}

.dg .cr.number {
    border-left: none !important;
}

.dg .cr.color {
    border-left: none !important;
}

.dg .cr.function {
    border-left: none !important;
    padding: 0px !important;
}

.dg .cr.boolean {
    border-left: none !important;
}


.dg li.title {
    font-size: 12px;
    font-weight: 700;
    color: var(--kirmizi);
}




.dg .cr.function,
.dg .cr.function .property-name,
.dg .cr.function * {
    cursor: pointer;
    /* width: 100% !important; */
    text-align: center !important;
    height: 29px;
    line-height: 29px;
    text-shadow: none;
    font-size: 12px;

}

.dg .cr.function {
    width: 50%;
    display: inline-grid;
}

.dg .cr.function .property-name {
    width: 100%;
}


.dg .cr.function .property-name:hover {
    background-color: red;
    width: 100%;
}

.dg li.title {
    font-size: 16px;
}

.dg .cr.number input[type=text] {
    color: #FFFFFE;
    font-size: 18px;
    text-align: right;
}


.checkbutton {
    width:50px;
    height:24px;
    float:right;
    color:red;
}

.colordiv {
    height:100px;
    vertical-align: middle;
    display: table-cell;
}
.colorlabel {
    width:100px;
    float: left;
}

.colorinput {
    width:100px;
}

:root {
    --bg: #e9e9e9;
    --title: #000000;
    /* --title: #a0a0a0; */
    --text: #555555;
    --title-text: #efefef;
    --f-hover: #555555;
    --border: #c0c0c0;
    --input-text: #404040;
    --input-bg: #eee;
    --input-border: #a0a0a0;
}

/* EASYLIST Beyaz GUI */
.right.white {
    border: 1px solid var(--border);
    background-color: var(--bg);
}

.right.white .cr.function span {
    color: var(--text) !important;
}

.right.white .cr.function span:hover {
    background-color: var(--f-hover) !important;
    color: var(--bg) !important;
}

.right.white .dg {
    text-shadow: 0 -1px 0 #9999994e;
}

.right.white .dg .title {
    color: var(--title-text);
    background-color: var(--title);
    border-bottom: 1px solid var(--border);
}

.right.white .dg li:not(.title) {
    color: var(--text);
    background-color: var(--bg) !important;
    border-bottom: 1px solid var(--border);
}
.right.white .dg li.folder,
.right.white .dg li.folder li:last-child{
    border-bottom: none;
}

.right.white .c input,
.right.white .c select {
    background-color: var(--input-bg) !important;
    border: 1px solid var(--input-border) !important;
}

.right.white .cr.string select,
.right.white .cr:not(.string) select,
.right.white .cr:not(.string) input {
    color: var(--input-text) !important;
}

.right.white .cr.string input {
    color: var(--kirmizi) !important;
}