2 --main-background-color: #FFF;
3 --main-text-color: #000;
7 --main-background-color: #222;
8 --main-text-color: #FFF;
18 background-color: --var(--main-background-color);
19 color: --var(--main-text-color);
33 display: -webkit-flex;
35 -ms-flex-direction: column;
36 -moz-flex-direction: column;
37 -webkit-flex-direction: column;
38 flex-direction: column;
43 /*padding-bottom: 30px;*/
45 -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
46 -moz-box-flex: 1; /* OLD - Firefox 19- */
47 -webkit-flex: 1; /* Chrome */
48 -ms-flex: 1; /* IE 10 */
54 height: calc(100% - 60px);
66 background-color: #ccc;
72 .ui-layout-pane-north {
73 padding: 0 !important;
75 overflow: hidden !important;
79 overflow: hidden !important;
82 .ui-layout-pane-south {
83 padding: 0 !important;
89 overflow: hidden !important;
91 background-color: #ccc;
104 transform: translateY(-50%);
113 transform: translateY(-50%);
125 div.topright_holder {
129 transform: translateY(-50%);
134 display: inline-block;
137 /* Tabs minimalism from http://keith-wood.name/uitabs.html#tabs-min */
139 background: transparent;
147 padding-right: 0.5em;
151 padding: 0 !important;
155 background: transparent;
157 border-bottom: 1px solid #909090;
158 -moz-border-radius: 0px;
159 -webkit-border-radius: 0px;
162 .ui-tabs-nav .ui-state-default {
163 background: transparent;
166 .ui-tabs-nav .ui-state-active {
167 background: transparent url(images/uiTabsArrow.png) no-repeat bottom center;
170 .ui-tabs-nav .ui-state-default a {
173 .ui-tabs-nav .ui-state-active a {
178 filter: brightness(0.75);
186 background-color: #D0D0D0;
193 border-style: transparent;
196 div.k-c-p-column:hover {
197 background-color: #B0B0B0;
207 display: inline-block;
215 display: inline-block;
221 display: inline-block;
227 display: inline-block;
232 .toggle.expander.expanded {
234 background-position: left center;
235 background-repeat: no-repeat;
236 background-image: url(../images/expanded.gif);
239 .toggle.expander.collapsed {
241 background-position: left center;
242 background-repeat: no-repeat;
243 background-image: url(../images/collapsed.gif);
255 word-wrap: break-word;