html, body {
    text-align: left;
    padding: 0;
    margin: 0;
    height: 100%;
    overflow: hidden;
}

body {
    font: normal 12px/1.5 Tahoma,sans-serif;
}

*::-moz-selection { background: #1179e5; color: #fff; }
::selection { background: #1179e5; color: #fff; }

#kendo-themebuilder .styling-options {
    width: auto;
}

#kendo-themebuilder .styling-options {
    padding: .4em;
}

#kendo-themebuilder label {
    display: inline-block;
    width: 50%;
    padding-left: 4%;
    text-align: left;
    color: #444;
}

#stylable-elements,
#kendo-themebuilder .k-style-apply {
    margin: .6em 0 0;
}

#kendo-themebuilder .k-color-preview,
#kendo-themebuilder .k-colorinput .k-i-arrow-s,
#kendo-themebuilder .k-colorinput .k-i-arrow-60-down  {
    border: 1px solid rgba(0,0,0,.5);
    background-image: none;
    border-radius: 50%;
}
#kendo-themebuilder .k-colorinput .k-i-arrow-s::before,
#kendo-themebuilder .k-colorinput .k-i-arrow-60-down::before {
    content: "";
}

.k-color-preview,
.ktb-texture-preview {
    opacity: 1;
    border-radius: 50%;
    float: left;
    margin: 1px 0 0 1px;
}

.k-color-preview {
    background-image: none;
}

#kendo-themebuilder .k-icon {
    opacity: 1;
}

.ktb-texture-preview {
    width: 19px;
    height: 19px;
}

.ktb-small-items .k-list {
    text-align: center;
}

.ktb-small-items .k-list .k-item {
    width: 19px;
    height: 19px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    padding: 1px;
    border-width: 0;
}

.ktb-small-items .k-list .k-state-hover,
.ktb-small-items .k-list .k-state-focused,
.ktb-small-items .k-list .k-state-selected {
    padding: 1px;
}

#kendo-themebuilder div.k-colorinput,
#kendo-themebuilder .k-gradient-editor,
#kendo-themebuilder .k-numerictextbox,
#kendo-themebuilder .k-combobox,
#kendo-themebuilder .k-dropdown,
#kendo-themebuilder .k-shadowinput {
    width: 100px;
    margin-bottom: 5px;
}

.k-colorinput .k-i-arrow-s {
    margin-top: -1px;
}

.k-colorinput .k-input,
.k-color-name,
textarea {
    font: 12px Consolas, Courier, monospace;
}

.ktb-view {
    color: #fff;
    display: none;
    background-color: #e2e4e7;
}

#editing-interface {
    display: block;
}

.ktb-view,
.ktb-overlay,
.ktb-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ktb-view > .k-button {
    margin-right: .6em;
}

.ktb-content {
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.ktb-overlay {
    display: none;
    position: absolute;
    z-index: 2;
}

.ktb-overlay .ktb-content {
    overflow: hidden;
}

.ktb-overlay textarea {
    color: #fff;
    background-color: #e2e4e7;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    resize: none;
    outline: none;
}

.k-gradient-editor {
    display: inline-block;
    border-width: 0;
}

#docs-link {
    color: #19a3ee;
    float: right;
}

#docs-link:hover {
    color: #39c3fe;
}

.ktb-action-import {
    float: right;
}

.suite-list {
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 1em 0;
}

.suite-list li {
    display: inline-block;
    margin: 0 .5em;
}
