/*#dkp-code {background:#303e4a}*/

#dkp-design .nNote {margin:0 !important}

.design-lock {height:100%; width:100%; position:fixed; top:0; left:0; z-index:1000; background:red; display:none}
.design-tbl {display:table; width:100%}
.design-col {display:table-cell; vertical-align:top}
.design-panel {width:100px; background:#303e4a; border-right:1px solid #232d35}
.design-viewer {border-top:5px solid #27333c; border-left:5px solid #27333c}
.design-viewer-container {/*overflow:auto;*/ position:relative; padding-top:30px}

.design-panel-list {width:99px}

.design-viewer-action-msg {margin:8px 0 0 5px; display:inline-block}
.design-viewer-action-lft,
.design-viewer-action-rgt {color:#fff; font-weight:bold; font-size:13px; display:inline-block}
.design-viewer-action-lft {float:left}
.design-viewer-action-rgt {float:right; margin-right:110px}
.design-viewer-action-head {height:35px; width:100%; background:#27333c; position:fixed; top:0; z-index:90}
.design-viewer-action-head a:hover {text-decoration:none !important}
.design-viewer-action-head select {margin-top:4px; margin-right:5px; color:#fff; font-size:13px; font-weight:bold !important; text-transform:uppercase; border:none; border-bottom:4px solid #415665; background:#506a7d; box-shadow:none !important}

.design-viewer-action-body {height:100%; width:100%; background:#303e4a}
.design-viewer-action-button {margin-top:4px; padding:3px 10px; color:#fff; font-weight:bold; font-size:13px; float:right; background:#506a7d; border-bottom:3px solid #415665}
.design-viewer-action-button:hover {color:#fff}


.design-panel a {display:block}
.design-panel-list-head {margin:0; padding: 10px 0; color:#fff; font-size:12px; font-weight:bold; text-transform:uppercase; background-color:#415665; border-top:1px solid #506a7d; border-bottom:1px solid #31414d; position:relative}
.design-panel-list-head a {color:#fff}
.design-panel-list-head > a {text-align:center}
.design-panel-list-head i,
.design-panel-list-head span {display: block}
.design-panel-list-head i {margin-bottom:5px; font-size:18px}
/*.js-scroll-styles {overflow:auto}*/

.design-panel-list-head:hover {background:#3a4c5a}
.design-panel-list-head:hover a {text-decoration:none !important}
.design-panel-list-body {background-color:#303e4a; display:none}
.design-panel-list-body.padding {background-color:#303e4a; padding:10px 0 10px 10px}
.design-panel-list-body,
.design-panel-list-body a {color:#D6F7FF}
//.design-panel-list-panel {width:280px; line-height:20px; position:absolute; top:0; left:99px; border-left:1px solid #232d35; background:#303e4a; z-index:100; display:none}
.design-panel-list-head:hover .design-panel-list-panel {display:block}
.design-panel-list-panel-layout {width:510px; padding: 10px 0 10px 10px}
.design-panel-list-panel-scheme {width:450px; padding: 10px 0 10px 10px}

.design-panel-list-panel-link a {display: block; padding: 7px 10px; border-top: 1px solid #394651; border-bottom: 1px solid #1d2a33}
.design-panel-list-panel-link a:hover {background: #293641}

.design-viewer-virtual {display:none}

.widget-panel-item-data {display:none}

.nofloat {
    float: none !important;
}
.placeholder,
.design-section-placeholder,
.design-section-state-default,
.design-section-state-hack,
.design-section-state-hover {/*margin:2px -2px*/; min-height:50px; background-color:#c8ffc8; border:1px dashed #00cc00; clear:both}
/*.placeholder {
    min-height:150px;
}*/
/*[class^="dks-"] .bxWidget {
    min-height:50px;
}*/
.design-section-name {
    position: absolute; top: 10px; right: 10px;
    color: #000 !important;
    font-weight:bold;
    line-height: 0;
    z-index: 9999;

    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}


.widget-viewer-item {position:relative}
.widget-viewer-item-head {height:100%; width:100%; line-height:30px; position:absolute; top:0; left:0; background:rgba(0,0,0,0.25); z-index:99; display:none}
.widget-viewer-item:hover .widget-viewer-item-head {display:block}
.widget-viewer-item:hover .widget-viewer-item-data {min-height:30px}
.widget-viewer-item-handle {background:rgba(0, 0, 0, 0.25); min-height:30px; width:100%; border-left:10px solid #222; display:inline-block; cursor:all-scroll}
.widget-viewer-item-toolbx {background:#fff; display:inline-block; padding:0 3px; position:absolute; top:0px; right:0px}
.widget-viewer-item-toolbx a {margin:0 5px; padding:0 5px; display:inline-block}
.widget-viewer-item-toolbx a img {opacity:0.5; /*-webkit-transition:opacity 1s ease-in-out; -moz-transition:opacity 1s ease-in-out; -o-transition:opacity 1s ease-in-out; transition:opacity 1s ease-in-out*/}
.widget-viewer-item-toolbx a:hover img {opacity:1}
.widget-viewer-item-body {display:none}


.design-styles-head {padding:8px 10px; color:#333; font-size:13px; font-weight:bold; background:#f5f5f5; border-top:1px solid #fff; border-bottom:1px solid #ddd; cursor:pointer}
.dk-bxf-row label {font-weight:normal}

.design-panel label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
    margin-right: 15px;
    font-size: 13px;
    font-weight:bold;
    line-height:14px;
}
.design-panel input[type=radio],
.design-panel input[type=checkbox] {
    display: none;
}

.design-panel label:before {
    content: "";
    display: inline-block;

    width: 14px;
    height: 14px;

    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #D6F7FF;
}

.design-panel input[type=radio]:checked + label:before {
    content: "\2022";
    color: #f3f3f3;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
}

.design-panel input[type=checkbox]:checked + label:before {
    content: "\2713";

    font-size: 15px;
    color: #303e4a;
    text-align: center;
    line-height: 14px;
}

.design-panel a.button,
.design-panel input[type=submit],
.design-panel input[type=reset] {
    display:inline-block;
    padding:5px 8px 2px;
    color:#333;
    font-size: 14px;
    font-weight:bold;
    text-shadow:1px 1px 1px #ccf5ff;
    line-height: 16px;
    background:#96e3f6;
    border:none;
    border-bottom:3px solid #83c4d4;
    cursor:pointer
}

.CodeMirror {height:auto; border:1px solid #eee; font-size:13px; font-family:'Courier New', sans-serif}
.CodeMirror-scroll {overflow-y:hidden; overflow-x:auto}

.dk-design-tooltip-widget {max-width: 980px}

.dk-design-form-styles .items .empty {background:#fff}
.dk-design-form-styles .form-group {padding-top:0; padding-bottom:0}
.dk-design-form-styles .panel-default {border:none}
.dk-design-form-styles .panel-heading {border-top:1px solid #fff; border-bottom:1px solid #ddd}
.dk-design-form-styles .panel-heading a {font-weight:bold; font-size:13px; display:block}
.dk-design-form-styles .panel-heading a:hover {text-decoration:none}
.dk-design-form-styles .panel-group .panel {border-radius:0}
.dk-design-form-styles .panel-group .panel + .panel {margin-top:0}
.dk-design-form-styles .tableFooter {background: #f7f7f7}