/*
=============================
= KENDO DEFAULTS
=============================
*/

.k-state-selected {
    background-color: #3399ff !important;
    background-image: none !important;
    box-shadow: none !important;
}

.k-button:focus,
.k-button.k-state-focused {
    background-color: #3399ff;
    background-image: none !important;
    box-shadow: none !important;
}

.k-state-active {
    background-color: #3399ff;
    background-image: none !important;
    box-shadow: none !important;
}

/*
=============================
= BUTTON DEFAULTS
=============================
*/

BUTTON,
INPUT[type=button] {
    background: -ms-linear-gradient(top, #ececec 0%,#d5d5d5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ececec 0%,#d5d5d5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
    border: 1px solid #707070;
    padding: 3px 10px 3px 10px;
    /*min-width: 80px;*/
}

BUTTON:hover,
INPUT[type=button]:hover {
    filter: none; /* IE6-9 */
    ;
    background: none; /* IE10+ */
    background-color: #a6f4ff;
    border: 1px solid #26a0da;
}

BUTTON:active,
INPUT[type=button]:active {
    filter: none; /* IE6-9 */
    ;
    background: none; /* IE10+ */
    background-color: #34b4e3;
    border: 1px solid #0089b4;
}

BUTTON[disabled],
INPUT[type=button][disabled] {
    opacity: .3;
}

BUTTON[disabled]:hover,
INPUT[type=button][disabled]:hover {
    background: -ms-linear-gradient(top, #ececec 0%,#d5d5d5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ececec 0%,#d5d5d5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
    border: 1px solid #707070;
    padding: 3px 10px 3px 10px;
}

.-jadejs-button {
    background: -ms-linear-gradient(top, #ececec 0%,#d5d5d5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ececec 0%,#d5d5d5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
    border: 1px solid #707070;
    padding: 3px 10px 3px 10px;
    min-width: 80px;
    font-size: 14px;
}

.-jadejs-button:hover {
    filter: none; /* IE6-9 */
    background: none; /* IE10+ */
    background-color: #a6f4ff;
    border: 1px solid #26a0da;
}

.-jadejs-button:active {
    filter: none; /* IE6-9 */
    background: none; /* IE10+ */
    background-color: #34b4e3;
    border: 1px solid #0089b4;
}

.-jadejs-button[disabled] {
    opacity: .3;
}

.-jadejs-button[disabled]:hover {
    background: -ms-linear-gradient(top, #ececec 0%,#d5d5d5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ececec 0%,#d5d5d5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
    border: 1px solid #707070;
    padding: 3px 10px 3px 10px;
}

/*
=============================
= WINDOW DEFAULTS
=============================
*/

.k-window.-jadejs-window {
    border-radius: 0px;
    box-shadow: none;
    border:1px solid #333333;
}

.k-window.-jadejs-window .k-window-titlebar {
    border-bottom-width: 0;
    background-color: #333333;
    background-image: none;
    border-radius: 0px;
}

.k-window.-jadejs-window .k-window-content {
    border-radius: 0;
}

.k-window.-jadejs-window .k-window-titlebar .k-window-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 40px;
    bottom: 0;
    line-height: 34px;
    padding-left: 10px;
    color: #FFFFFF;
    font-family: Calibri, Arial;
}

.k-window.-jadejs-window .k-window-titlebar .k-window-action,
.k-window.-jadejs-window .k-window-titlebar .k-window-action:hover {
    border: 1px solid transparent;
    border-radius: 0;
    background-color: transparent;
    height: 20px;
    width: 20px;
    padding:1px;
    margin:0;
    box-sizing: border-box;
}

.k-window.-jadejs-window .k-window-titlebar .k-window-action .k-icon.k-i-restore {
    background-position: center center;
}

.k-window.-jadejs-window .k-window-titlebar .k-window-action .k-icon.k-i-maximize {
    background-position: center center;
}

.k-window.-jadejs-window .k-window-titlebar .k-window-action .k-icon.k-i-close {
    background-position: center center;
}

/*
=============================
= MESSAGE DIALOG
=============================
*/

.k-window .k-window-content .-jadejs-msg-dialog {
}

.k-window .k-window-content .-jadejs-msg-dialog .-jadejs-msg-dialog-content {
    font-size: 12px;
    font-family: Arial;
    margin: 10px 10px 0 10px;
    box-sizing: border-box;
    min-height: 35px;
    line-height: 15px;
}

.k-window .k-window-content .-jadejs-msg-dialog .-jadejs-msg-dialog-content.w-icon {
    padding-left: 48px;
    background-repeat: no-repeat;
    background-position: top left;
}

.k-window .k-window-content .-jadejs-msg-dialog .-jadejs-msg-dialog-buttons {
    height: 36px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-right: 10px;
    text-align: right;
    box-sizing: border-box;
}

.k-window .k-window-content .-jadejs-msg-dialog .-jadejs-msg-dialog-buttons > button {
    margin-left: 5px;
}

/*
=============================
= MULTI MESSAGE DIALOG
=============================
*/

.-jadejs-multi-msg-dialog {
}

.-jadejs-multi-msg-dialog-title {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    height: 35px;
    line-height: 15px;
}

.-jadejs-multi-msg-dialog-content {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 10px;
    overflow: auto;
    height: 250px;
    width: 100%;
    box-sizing: border-box;
    overflow-y: scroll;
}

.-jadejs-multi-msg-dialog-content-item {
    padding-left: 20px;
    min-height: 17px;
    line-height: 17px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    margin-bottom: 5px;
}

/*
=============================
= GRID DEFAULTS
=============================
*/

.-jadejs-grid-container {
    border: 1px solid #CCCCCC;
}

.k-grid .k-grid-header {
    background-color: #F3F3F3;
    border-color: #DDDDDD;
}

.k-grid .k-grid-header .k-header {
    background-image:linear-gradient();
    background-color: #F3F3F3;
    border-color: #DDDDDD;
    box-sizing: border-box;
    font-size: 12px;
    font-family: Arial;
}

.k-grid .k-grid-content > table > tbody[role=rowgroup] > tr,
.k-grid .k-grid-content > table > tbody[role=rowgroup] > tr.k-alt {
    background-color: #FFFFFF;
    cursor: pointer;
}

.k-grid .k-grid-content > table > tbody[role=rowgroup] > tr > td,
.k-grid .k-grid-content > table > tbody[role=rowgroup] > tr.k-alt > td {
    border-color: #EEEEEE;
    border-width: 0 0 1px 1px;
    font-size: 12px;
    font-family: Arial;
}

.k-grid .k-grid-content > table > tbody[role=rowgroup] > tr > td:first-child {
    border-width: 0 0 1px 0;
}

.k-grid .k-grid-content > table > tbody[role=rowgroup] > tr > td:last-child {
    border-width: 0 1px 1px 1px;
}

.k-grid .k-grid-content > table > tbody[role=rowgroup] > tr.k-state-selected > td {
    border-color:#3399ff;
}

.k-grid .k-grid-content > table > tbody[role=rowgroup] > tr:hover {
    background-color:#F3F3F3;
    border-color:#F3F3F3;
}

/*
=============================
= JADE GRID DEFAULTS
=============================
*/

.-jadejs-grid {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-width: 0;
}

.k-grid.-jadejs-grid .k-grid-header {
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
    background-image: none, -moz-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
    background-image: none, -o-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
    background-color: #F3F3F3;
    border-color: #DDDDDD;
    height: 25px;
    overflow:hidden;
}

.k-grid.-jadejs-grid .k-grid-header-wrap {
    border: none;
}

.k-grid.-jadejs-grid .k-grid-header .k-header {
    background-image:linear-gradient();
    background-color: #F3F3F3;
    border-color: #DDDDDD;
    box-sizing: border-box;
    border-width: 0 1px 1px 0;
}

.k-grid.-jadejs-grid .k-grid-content table > tbody[role=rowgroup] > tr,
.k-grid.-jadejs-grid .k-grid-content table > tbody[role=rowgroup] > tr.k-alt {
    background-color: #FFFFFF;
    cursor: pointer;
}

.k-grid.-jadejs-grid .k-grid-content table > tbody[role=rowgroup] > tr > td,
.k-grid.-jadejs-grid .k-grid-content table > tbody[role=rowgroup] > tr.k-alt > td {
    border-color: #EEEEEE;
    border-width: 0 1px 1px 0;
}

.k-grid.-jadejs-grid .k-grid-content table > tbody[role=rowgroup] > tr > td:last-child {
    border-width: 0 1px 1px 0;
}

.k-grid.-jadejs-grid .k-grid-content table > tbody[role=rowgroup] > tr.k-state-selected > td {
    border-color: #7aafe9;
}

.k-grid.-jadejs-grid .k-grid-content table > tbody[role=rowgroup] > tr:hover {
    background-color:#c9def5;
    border-color:#c9def5;
}

.k-grid.-jadejs-grid .k-grid-pager {
    padding: 0;
}

/*
=============================
= CONTEXT MENU
=============================
*/

.k-context-menu .k-item {
    box-shadow: 0 !important;
    min-width: 250px;
    height:24px;
    overflow: hidden;
    font-size:12px;
}

.k-context-menu .k-item.k-state-hover {
    background-image: none;
    background-color: #c9def5 !important;
}

.k-context-menu .k-item.hidden {
    display: none;
}

.k-context-menu .k-item.separator {
    margin-top: 1px;
    height:2px;
    line-height:0;
    background-color: transparent !important;
    border-bottom: 1px solid #CCCCCC;
}

.k-context-menu .k-item .k-link {
    display: inline-block;
    width: 100%;
    padding:0 !important;
    line-height: 16px !important;
    height: 100%;
}

.k-context-menu .k-item[disabled],
.k-context-menu .k-item[disabled].k-state-hover {
    background-color: transparent !important;
    opacity: .5;
    cursor: default;
}

.k-context-menu .k-item .-jadejs-ctx-menu-item {
    display:inline-block;
    height:24px;
    position:relative;
    line-height:22px;
    width:100%;
    box-sizing:border-box;
}

.k-context-menu .k-item .-jadejs-ctx-menu-item > .-jadejs-ctx-menu-icon {
    position:absolute;
    left:0;
    top:0;
    height:24px;
    width:36px;
    text-align:center;
    line-height:24px;
    box-sizing:border-box;
}

.k-context-menu .k-item .-jadejs-ctx-menu-item > .-jadejs-ctx-menu-icon > img {
    vertical-align:middle;
    position:relative;
    top:-1px;
}

.k-context-menu .k-item .-jadejs-ctx-menu-item > .-jadejs-ctx-menu-text {
    position:absolute;
    left:36px;
    top:0;
    right:2px;
    height:24px;
    text-align:center;
    line-height:24px;
    box-sizing:border-box;
    display:inline-block;
    text-align:left;
}

/*
=============================
= TOOLBAR DEFAULTS
=============================
*/

/*.-jadejs-toolbar {
    height: 30px;
    line-height: normal !important;
    background-color: transparent;
    border-width: 0 0 0 0;
    box-sizing: border-box;
    background-image: none;
}*/

.-jadejs-toolbar {
    height: 30px;
    line-height: normal !important;
    background-color: transparent;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    background-image: none;
}

.-jadejs-toolbar.k-toolbar .k-button {
    height: 30px;
    line-height: 30px;
    padding: 0 15px 0 15px;
    margin: 0 0 0 0;
    border-radius: 0;
    border: 1px solid #DDDDDD;
    background-color: #EEEEEE; /* #007acc; */
    color: #333333;
    margin-right: 5px;
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,.8) 0, rgba(255,255,255,.0) 100%);
    box-shadow: none;
    box-sizing: border-box;
    font-size: 12px;
}

.-jadejs-toolbar.k-toolbar .k-button.k-state-hidden {
    display: none !important;
}

.-jadejs-toolbar.k-toolbar .k-button.-jadejs-btn-no-text {
    padding: 0 0 0 4px;
    width: 26px;
}

.-jadejs-toolbar.k-toolbar .k-button.-jadejs-btn-no-text > IMG {
    margin: 0 0 0 0 !important;
    vertical-align:middle;
}

.-jadejs-toolbar.k-toolbar {
    line-height: normal !important;
    height: 30px;
    background-color: transparent;
    border-width: 0 0 0 0;
    box-sizing: border-box;
    background-image: none;
}

.-jadejs-toolbar.k-toolbar .k-button.k-state-disabled {
    opacity: .3;
}

.-jadejs-toolbar.k-toolbar .k-button.k-state-active:not(.k-state-disabled),
.-jadejs-toolbar.k-toolbar .k-button.k-state-active:not(.k-state-disabled):hover {
    color: #FFFFFF;
    border-color: #007acc;
    background-color: #3399ff;
}

.-jadejs-toolbar.k-toolbar .k-button.k-state-active:not(.k-state-disabled) {
    background-color: #3399ff;
}

.-jadejs-toolbar.k-toolbar .k-button:not(.k-state-active):not(.k-state-disabled):hover {
    color: #000000;
    border-color: #007acc;
    background-color: #c9def5;
    background-image: none;
}

.-jadejs-toolbar.k-toolbar .k-split-button:hover:not(.k-state-disabled) > .k-split-button-arrow {
    background-color: #c9def5;
    border: 1px solid #007acc;
    background-image: none;
}

.-jadejs-toolbar.k-toolbar .k-button .k-image {
    position: relative;
    top: -2px;
}

.-jadejs-toolbar.k-toolbar .k-overflow-anchor.k-button {
    background-color: #F8F8F8;
    border: 1px solid #DDDDDD;
    box-shadow: none;
    width:20px;
    padding: 0;
}

.k-overflow-container.k-list-container {
    border-style: solid !important;
    border-color: #DDDDDD !important;
    background-color: #FFFFFF !important;
    padding: 0 !important;
}

.k-overflow-container.k-list-container .k-button {
    border-radius: 0 !important;
    border-width: 0 !important;
}

.k-overflow-container.k-list-container .k-button.k-state-active {
    background-color: #39f;
}

.k-overflow-container.k-list-container .k-button.k-state-active:hover {
    background-color: #39f;
}

.k-overflow-container.k-list-container .k-button .k-image {
    position: relative;
    top: -1px;
}

.k-overflow-container.k-list-container .k-button:hover,
.k-overflow-container.k-list-container .k-button.k-state-hover {
    border-radius: 0 !important;
    background-color: #c9def5 !important;
    border: none !important;
}

.-jadejs-toolbar.k-toolbar .k-overflow-anchor.k-button.k-state-focused {
    box-shadow: none;
    border: 10px;
}

.-jadejs-toolbar.k-toolbar .k-overflow-anchor.k-button > .k-icon {
    background-image: url(../../Areas/Shared/Assets/Internal/Icons/16x16/ellipsis_vertical.png) !important;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.-jadejs-toolbar.k-toolbar > .k-split-button > .k-button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.-jadejs-toolbar.k-toolbar > .k-split-button > .k-button.k-split-button-arrow {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0;
    border-left-width: 0;
    width: 20px;
    padding: 5px;
    position: relative;
}

.-jadejs-toolbar.k-toolbar > .k-split-button > .k-button.k-split-button-arrow .k-icon {
    background-image: url(../Areas/Shared/Assets/Internal/Icons/16x16/navigate_close.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 1px;
    opacity: .5;
}

.k-overflow-container {
    min-width: 150px;
    border-radius: 0 !important;
    background-color: #F8F8F8;
    font-size: 12px;
    border-color: #DDDDDD;
    box-shadow: none;
}

.k-split-wrapper {
    /*min-width: 200px;*/
}

.k-split-wrapper > ul.k-split-container.k-popup {
    border-style: solid !important;
    width: 200px;
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    position: relative;
    top: 1px;
}

.k-split-wrapper > ul.k-split-container.k-popup > li > .k-button {
    font-size: 12px;
    color: #666666 !important;
    border-radius: 0;
    border-width: 0;
}

.k-split-wrapper > ul.k-split-container.k-popup > li > .k-button:hover {
    background-color: #c9def5;
    background-image: none;
}

.k-split-wrapper > ul.k-split-container.k-popup > li > .k-button > img {
    margin: 0 10px 0 1px;
    position: relative;
    top: -1px;
}

.k-split-wrapper .k-button.-jadejs-toolbar-separator,
.k-split-wrapper .k-button.-jadejs-toolbar-separator.k-state-active,
.k-split-wrapper .k-button.-jadejs-toolbar-separator:hover,
.k-split-wrapper .k-button.-jadejs-toolbar-separator:focus {
    background-color: transparent !important;
    border-color: transparent;
    cursor: default;
    padding: 0;
    background-image: url(../../Areas/Shared/Assets/Internal/Icons/Misc/separator-1x1-888888.png) !important;
    background-repeat: repeat-x;
    background-position: center center;
}

.k-split-wrapper .k-button.-jadejs-toolbar-separator > div {
    height: 24px;
    position: relative;
}

.k-split-wrapper .k-button.-jadejs-toolbar-separator > div > label {
    display: inline-block;
    height: 16px;
    background-color: #EEEEEE;
    position: absolute;
    top: 2px;
    left: 20px;
    text-transform: uppercase;
    color: #007acc;
    font-size: 10px;
    font-weight: bold;
    padding: 0 5px 0 5px;
}

/*
=============================
= TASK STATUS DIALOG
=============================
*/


.-jadejs-task-status {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.-jadejs-task-status-label {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    height: 20px;
    padding: 0 20px 0 2px;
    background-image: url(../../Areas/Shared/Assets/Internal/Icons/Misc/loading-16x16.gif);
    background-repeat: no-repeat;
    background-position: right 2px;
}

.-jadejs-task-status-label > span {
    display: block;
    font-size: 12px;
    font-family:Arial;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    width: 100%;
    height: 20px;
}

.-jadejs-task-status-label.success {
    background-image: url(../../Areas/Shared/Assets/Internal/Icons/16x16/ok.png);
}

.-jadejs-task-status-label.error {
    background-image: url(../../Areas/Shared/Assets/Internal/Icons/16x16/error.png);
}

.-jadejs-task-status-progress {
    border: 1px solid #DDDDDD;
    position: absolute;
    top: 40px;
    left: 10px;
    right: 10px;
    height: 19px;
    overflow: hidden;
    background-image: url(../../Areas/Shared/Assets/Internal/Icons/Misc/ProgressBar_Background.gif);
    background-repeat: no-repeat;
}

.-jadejs-task-status-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 0;
    overflow: hidden;
    background-image: url(../../Areas/Shared/Assets/Internal/Icons/Misc/ProgressBar.gif);
    background-repeat: no-repeat;
}

.-jadejs-task-status-progress-bar.error {
    background-image: url(../../Areas/Shared/Assets/Internal/Icons/Misc/ProgressBar_Error.gif);
}

.-jadejs-task-status-detail {
    border: 1px solid #DDDDDD;
    position: absolute;
    top: 70px;
    left: 10px;
    right: 10px;
    bottom: 44px;
    overflow: auto;
    background-color: #FFFFFF;
    font-size: 12px;
    box-sizing: border-box;
    padding: 5px;
}

.-jadejs-task-status-detail > div {
    display: block;
    line-height: 17px;
    padding-left: 20px;
    background-image: url(../../Areas/Shared/Assets/Internal/Icons/16x16/bullet.png);
    background-repeat: no-repeat;
    box-sizing: border-box;
    margin-bottom: 4px;
}

.-jadejs-task-status-detail > div.warning {
    color: blue;
}

.-jadejs-task-status-detail > div.error {
    color: red;
}

.-jadejs-task-status-deck {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    text-align: right;
}

.-jadejs-task-status-deck > div {
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

.-jadejs-task-status-deck > div > .-jadejs-task-status-btn-detail {
    position: absolute;
    bottom: 2px;
    height: 20px;
    width: 20px;
    left: 0;
    border-radius: 20px;
    padding: 0;
    box-sizing: border-box;
    padding: 2px 1px 0 1px;
}

.-jadejs-task-status-deck > div:hover > .-jadejs-task-status-btn-detail {
    background: none;
    background-color: #a6f4ff;
    border-color: #26a0da;
    color: #000000;
    margin: 0;
    animation: none;
    padding: 0 !important;
}

.-jadejs-task-status-deck > div > span {
    position: absolute;
    display: inline-block;
    height: 24px;
    bottom: 0;
    left: 28px;
    width: 100px;
    line-height: 26px;
    font-size: 12px;
    text-align: left;
}

.-jadejs-task-status .-jadejs-task-status-deck .-jadejs-task-status-btn-close {
    margin-left: 5px;
}

.-jadejs-task-status .-jadejs-task-status-deck .-jadejs-task-status-btn-cancel {
    margin-left: 5px;
}

/*
=============================
= CONTEXT MENU
=============================
*/

.-jadejs-contextmenu {
    background-color: #FFFFFF;
    border: 1px solid #c6c6c6;
    box-sizing: border-box;
    position: absolute;
    min-width: 200px;
    padding: 1px;
}

.-jadejs-contextmenu-divider {
    height: 1px;
    box-sizing: border-box;
}

.-jadejs-contextmenu-divider > div {
    height: 1px;
    background-color: #c6c6c6;
    box-sizing: border-box;
}

.-jadejs-contextmenu-item {
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: none;
    cursor: pointer;
    width: 100%;
    line-height: 20px;
    font-size: 12px;
    font-family: Arial;
    padding: 3px 5px 3px 26px;
    box-sizing: border-box;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    min-height: 20px;
}

.-jadejs-contextmenu-item:hover {
    background-color:#EEEEEE;
}

.-jadejs-contextmenu-item[disabled] {
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: none;
    cursor: default;
    color: #CCCCCC;
}

.-jadejs-contextmenu-item-header {
    height: 23px;
    background-color: #ebebeb;
    color: #6a6a6a;
    line-height: 23px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding-left: 4px;
}

.-jadejs-contextmenu-item-submenu {
    background-repeat: no-repeat;
    background-position:right 10px center;
}

.-jadejs-contextmenu-item-color-palette {
    height: 24px;
}

.-jadejs-contextmenu-item-color-palette .k-palette,
.-jadejs-contextmenu-item-color-palette-large .k-palette {
    border-collapse: separate;
    border-spacing: 4px 4px;
}

.-jadejs-contextmenu-item-color-palette .k-palette .k-item,
.-jadejs-contextmenu-item-color-palette-large .k-palette .k-item {
    border: 1px solid transparent;
    height: 12px;
    width: 12px;
    border: 1px solid #e2e4e7;
}

.-jadejs-contextmenu-item-color-palette .k-palette .k-item:hover,
.-jadejs-contextmenu-item-color-palette-large .k-palette .k-item:hover {
    border: 1px solid red;
}

/*
=============================
= RIBBON BAR
=============================
*/

.-jadejs-ribbonbar {
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: none;
    cursor: default;
    overflow: hidden;
}

.-jadejs-ribbonbar-tabstrip {
    display: inline-block;
    height: 30px;
    box-sizing: border-box;
    background-color: #007acc;
    position:absolute;
    top:0;
    left:0;
    right:0;
}

.-jadejs-ribbonbar-tabstrip .-jadejs-ribbonbar-tab {
    display: inline-block;
    height: 30px;
    box-sizing: border-box;
    line-height: 30px;
    font-family: Arial;
    color: #FFFFFF;
    font-size: 12px;
    padding: 0 15px 0 15px;
    letter-spacing: 1px;
    cursor: pointer;
}

.-jadejs-ribbonbar-tabstrip .-jadejs-ribbonbar-tab.selected {
    color: #007acc;
    background-color: #f3f3f3;
    cursor: default;
}

.-jadejs-ribbonbar-tabstrip .-jadejs-ribbonbar-tab.selected:hover {
    color: #007acc;
    background-color: #f3f3f3;
    cursor: default;
}

.-jadejs-ribbonbar-tabstrip .-jadejs-ribbonbar-tab:hover {
    background-color: #005a9e;
}

.-jadejs-ribbonbar > div[role=content] {
    display: inline-block;
    background-color: #f3f3f3;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #CCCCCC;
}

.-jadejs-ribbonbar-section {
    display: inline-block;
    height: 100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow: hidden;
}

.-jadejs-ribbonbar-group {
    display: inline-block;
    height: 86px;
    margin: 2px 2px 2px 0;
    border-right: 1px solid #CCCCCC;
    box-sizing: border-box;
    position: relative;
    padding-right:2px;
    vertical-align: top;
}

.-jadejs-ribbonbar-group > [role=controls] {
    display: inline-block;
    height: 69px;
    vertical-align: top;
    text-align: center;
    padding: 0 5px 0 5px;
}

.-jadejs-ribbonbar-group > [role=label] {
    display: block;
    position: relative;
    height:14px;
    font-size: 11px;
    font-family: Arial;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align:center;
    margin-top:5px;
    padding:0 5px 0 5px;
}

.-jadejs-ribbonbar-set {
    display: inline-block;
    height: 69px;
    vertical-align: top;
    box-sizing: border-box;
    text-align: left;
    white-space:normal;
}

.-jadejs-ribbonbar .-jadejs-ribbonbar-button {
    font-size: 11px;
    font-family: arial;
    text-align: center;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
}

.-jadejs-ribbonbar .-jadejs-ribbonbar-button:hover {
    background-color: #c6c6c6;
}

.-jadejs-ribbonbar .-jadejs-ribbonbar-button:active {
    background-color: #b1b1b1 !important;
}

.-jadejs-ribbonbar .-jadejs-ribbonbar-button.small {
    white-space: nowrap;
    height: 22px;
    box-sizing: border-box;
    text-align: left;
    padding-right: 5px;
    position: relative;
}

.-jadejs-ribbonbar .-jadejs-ribbonbar-button.small > div[role=icon] {
    display: inline-block;
    box-sizing: border-box;
    padding:3px;
    width:22px;
    position: absolute;
    top: 0;
    left: 0;
}

.-jadejs-ribbonbar .-jadejs-ribbonbar-button.small > div[role=label] {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    text-align:left;
    height:22px;
    line-height:22px;
    margin-left: 22px;
}

.-jadejs-ribbonbar .-jadejs-ribbonbar-button.large {
    height: 69px;
    padding: 0 4px 0 4px;
    min-width: 50px;
    max-width: 60px;
}

.-jadejs-ribbonbar .-jadejs-ribbonbar-button.large > div[role=label] {
    overflow: hidden;
    text-overflow: ellipsis;
}



.-jadejs-ribbonbar .-jadejs-ribbonbar-button[disabled] img {
    opacity: .5;
    cursor: default;
    filter: grayscale(100%);
}

.-jadejs-ribbonbar .-jadejs-ribbonbar-button[disabled] div[role=label] {
    opacity: .5;
}

.-jadejs-ribbonbar .-jadejs-ribbonbar-button[disabled]:hover, 
.-jadejs-ribbonbar .-jadejs-ribbonbar-button[disabled]:active {
    background-color: transparent !important;
}