20 display: -webkit-flex;
22 -ms-flex-direction: column;
23 -moz-flex-direction: column;
24 -webkit-flex-direction: column;
25 flex-direction: column;
30 /*padding-bottom: 30px;*/
32 -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
33 -moz-box-flex: 1; /* OLD - Firefox 19- */
34 -webkit-flex: 1; /* Chrome */
35 -ms-flex: 1; /* IE 10 */
41 height: calc(100% - 60px);
53 background-color: #cccccc;
59 .ui-layout-pane-north {
60 padding: 0 !important;
62 overflow: hidden !important;
66 overflow: hidden !important;
69 .ui-layout-pane-south {
70 padding: 0 !important;
76 overflow: hidden !important;
78 background-color: #CCCCCC;
91 transform: translateY(-50%);
100 transform: translateY(-50%);
112 div.topright_holder {
116 transform: translateY(-50%);
121 display: inline-block;
124 /* Tabs minimalism from http://keith-wood.name/uitabs.html#tabs-min */
126 background: transparent;
134 padding-right: 0.5em;
138 padding: 0 !important;
142 background: transparent;
144 border-bottom: 1px solid #909090;
145 -moz-border-radius: 0px;
146 -webkit-border-radius: 0px;
149 .ui-tabs-nav .ui-state-default {
150 background: transparent;
153 .ui-tabs-nav .ui-state-active {
154 background: transparent url(images/uiTabsArrow.png) no-repeat bottom center;
157 .ui-tabs-nav .ui-state-default a {
160 .ui-tabs-nav .ui-state-active a {
165 filter: brightness(0.75);
173 background-color: #D0D0D0;
180 border-style: transparent;
183 div.k-c-p-column:hover {
184 background-color: #B0B0B0;
194 display: inline-block;
202 display: inline-block;
208 display: inline-block;
214 display: inline-block;
219 .toggle.expander.expanded {
221 background-position: left center;
222 background-repeat: no-repeat;
223 background-image: url(../images/expanded.gif);
226 .toggle.expander.collapsed {
228 background-position: left center;
229 background-repeat: no-repeat;
230 background-image: url(../images/collapsed.gif);
242 word-wrap: break-word;