.dev-empty {
    width: 64px;
    height: 64px;
    display:inline-block;
}

.tri-state {
    width: 6em;
}

.right {
    float: right;
}

.hidden {
    display: none;
}

k-popover-header {
    padding: 0;
}

.k-drawer-content {
    padding: 0px;
}

.k-treeview .k-icon {
    background-color: transparent;
    font-size: unset;
}

.k-popover-callout {
    display: none;
}

.k-popover-body {
    padding: 0px;
}

.rotate {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: center;
    height: 100%;
    height: -moz-available; /* WebKit-based browsers will ignore this. */
    height: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    height: fill-available;
    /* word-break: break-word; */
    /* overflow-wrap: anywhere; */
    /* width: 70px; */
    /* text-overflow: clip; */
    white-space: normal;
}

.xrotate {
    /* FF3.5+ */
    -moz-transform: rotate(-90.0deg);
    /* Opera 10.5 */
    -o-transform: rotate(-90.0deg);
    /* Saf3.1+, Chrome */
    -webkit-transform: rotate(-90.0deg);
    /* IE6,IE7 */
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
    /* Standard */
    transform: rotate(-90.0deg);
}

.k-widget-label {
    width: 100%;
    width: -moz-available; /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    width: fill-available;
    display: inline-block;
    height: 100%;
    height: -moz-available; /* WebKit-based browsers will ignore this. */
    height: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    height: fill-available;
    vertical-align: sub;
}

.k-widget-label-right {
    text-align: right;
    margin-right: 10px;
}

.k-widget-label-left {
    text-align: left;
}

.k-tabstrip-button {
    margin-right: 0;
    padding: 0;
}

div.k-datefilter {
    padding: 2px;
}

.k-datetimebox {
    width: 100%;
    width: -moz-available; /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    width: fill-available;
    display: block;
}

div.k-actionwindow {
    padding: 0;
}

/* adding space for Tabstrip close button */
.t-tabstrip-items .t-link,
.t-panelbar .t-tabstrip-items .t-link {
    padding: .3em 2.3em;
}

/* disabled editor tools visibility */
.k-button-group .k-state-disabled {
    display: inline-block !important;
}

.hidden-on-narrow {
    display: inline-block;
    vertical-align: top;
}

.k-translation-require {
    border-style: dotted;
    border-width: thin;
    border-color: orangered;
    opacity: 0.4;
}

.k-translation-success {
    border-style: dotted;
    border-width: thin;
    border-color: beige;
    background-color: azure;
    opacity: 0.4;
}

.k-widget-view {
    color: black;
    padding: 2px;
    display: inline-block;
    /*opacity: .5;*/
    background-color: transparent;
    width: 100%;
    width: -moz-available; /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    width: fill-available;
    border-width: 1px;
}

.k-state-exception {
    border-color: red;
    border-width: thin;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    border-style: dashed;
}

.k-menu-link {
    display: flex;
    padding: 3px 4px;
}

.k-button {
    border-color: #a3d0e4;
}