.jqx-widget {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: none;
    zoom: 1 !important;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-appearance: none;
    -webkit-background-clip: padding-box;
    direction: ltr !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

    .jqx-widget input:not([type="submit"]):not([type="button"]) {        
        background-color: rgba(255,255,255,0);
        -webkit-text-fill-color: rgba(0, 0, 0, 1);        
        color: rgba(0, 0, 0, 1);
    }

    .jqx-widget.jqx-combobox input:not([type="submit"]):not([type="button"]):not([type="text"]) {
        max-width: calc(100% - 19px);
    }    

.jqx-item {
    -ms-touch-action: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    -webkit-text-size-adjust: none;
}

.jqx-widget-content {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: none;
    -moz-background-clip: padding;
    -webkit-text-size-adjust: none;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.jqx-popup.jqx-widget-content {
    border: solid 1px #c7c7c7;
    background: #fff;
}

.jqx-widget-content * {
    box-sizing: border-box !important;
}
/*.jqx-widget-header { -moz-box-sizing: border-box; box-sizing: border-box; -ms-touch-action: none;-moz-background-clip: padding; -webkit-text-size-adjust: none; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-tap-highlight-color: rgba(0,0,0,0); border-color: #c5c5c5; background: #e8e8e8; }*/

.jqx-input {
    box-sizing: border-box;
    width: 100% !important;
    height: initial !important;
}

    .jqx-input > input, .jqx-input > select, .jqx-input > textarea {
        background-color: rgba(255,255,255,0);
    }

.jqx-fill-state-disabled {
    opacity: .5 !important;
}
    /*.jqx-widget-content { box-sizing: border-box; }*/
    /*.jqx-widget-content { margin: -5px 0; border-style: none; height: 33px; }*/
    /*.jqx-input-content { padding: 1px 2px; min-height: 100%; }*/

    /* jqwidgets doesn't persist styles set on the container to generated elements */
    .jqx-fill-state-disabled.text-success, .jqx-fill-state-disabled.text-success input {
        opacity: 1 !important;
        color: #3c763d !important;
        *color: expression(this.parentNode.currentStyle['color']) !important;
    }

    .jqx-fill-state-disabled.text-danger, .jqx-fill-state-disabled.text-danger input {
        opacity: 1 !important;
        color: #a94442 !important;
        *color: expression(this.parentNode.currentStyle['color']) !important;
    }

    .jqx-fill-state-disabled.text-warning, .jqx-fill-state-disabled.text-warning input {
        opacity: 1 !important;
        color: #ff7518 !important;
        *color: expression(this.parentNode.currentStyle['color']) !important;
    }

    .jqx-fill-state-disabled.big, .jqx-fill-state-disabled.big input {
        font-size: 1.2em !important;
    }

.jqx-numberinput {
    position: relative;
    height: 43px !important;
}

.form-group-sm .jqx-numberinput {
    height: 31px !important;
}

.jqx-numberinput > input {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -1px;
    width: calc(100% + 1px) !important;
    height: calc(100% + 1px) !important;
    outline: none;
    padding: 5px !important;
    background-color: rgba(255,255,255,0);
}

.jqx-datetimeinput input {
    box-sizing: border-box;
    width: calc(100% + 22px) !important;
    height: initial !important;
    outline: none;
    padding: 10px !important;
    margin: -11px;
    background-color: rgba(255,255,255,0);
}

    .jqx-datetimeinput input:focus {
        border: 1px solid #66afe9 !important;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

.jqx-datetimeinput {
    height: 43px !important;
}


/* jqxWindow */
.jqx-window {
    position: absolute;
    overflow: hidden;
    border: 1px solid transparent;
}

.jqx-window-header {
    outline: none;
    border-width: 0px;
    border-bottom: 1px solid transparent;
    overflow: hidden;
    padding: 5px;
    height: auto;
    white-space: nowrap;
    overflow: hidden;
}

.jqx-window-header-disabled {
}

.jqx-window-content {
    outline: none;
    overflow: auto;
    text-align: left;
    background-color: rgba(255,255,255,0);
    padding: 5px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.jqx-window-content-disabled {
    outline: none;
    overflow: auto;
    text-align: left;
    padding: 5px;
}

.jqx-window-close-button {
    cursor: pointer;
    background-image: url(images/close.png);
    background-repeat: no-repeat;
}

.jqx-window-collapse-button {
    background-image: url(images/icon-up.png);
    cursor: pointer;
    margin-top: 1px;
}

.jqx-window-collapse-button-collapsed {
    margin-top: 0px;
    cursor: pointer;
    background-image: url(images/icon-down.png);
}

.jqx-window-modal {
    background-color: Black;
}

.dialog .jqx-window-header {
    color: #fff;
    background: none;
    padding: 2px 0 4px 1px;
}

.dialog {
    height: auto !important;
}


/*jqxChart Style*/
.jqx-chart-axis-text, .jqx-chart-label-text, .jqx-chart-tooltip-text, .jqx-chart-legend-text {
    fill: #333333;
    color: #333333;
    font-size: 11px;
    font-family: Verdana;
}

.jqx-chart-axis-description {
    fill: #555555;
    color: #555555;
    font-size: 11px;
    font-family: Verdana;
}

.jqx-chart-title-text {
    fill: #111111;
    color: #111111;
    font-size: 14px;
    font-weight: bold;
    font-family: Verdana;
}

.jqx-chart-title-description {
    fill: #111111;
    color: #111111;
    font-size: 12px;
    font-weight: normal;
    font-family: Verdana;
}

/*applied to the Grid's element.*/
.jqx-grid {
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
}

.jqx-grid-pager {
    border: none;
    border-top: 1px solid transparent;
}

.jqx-grid-pager-top {
    border: none;
    border-bottom: 1px solid transparent;
}

.jqx-grid-pager-number {
    padding: 2px 5px;
    text-decoration: none;
    margin: 1px;
    border: 1px solid transparent;
    color: inherit !important;
    *color: expression(this.parentNode.currentStyle['color']) !important;
    outline: none;
    font-weight: normal !important;
}

.jqx-grid-header {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    overflow: hidden;
    border-color: transparent;
    margin: 0px;
    padding: 0px;
}

.jqx-grid-column-header, .jqx-grid-columngroup-header {
    border: none;
    white-space: nowrap;
    border-style: solid;
    font-weight: normal;
    overflow: hidden;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

.jqx-grid-column-header-rtl, .jqx-grid-columngroup-header-rtl {
    border-width: 0px 0px 0px 1px;
}

.jqx-grid-columngroup-header {
    border-bottom-width: 1px;
    border-left-width: 1px;
}

.jqx-grid-column-menubutton {
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: transparent;
    background-image: url('images/menubutton.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.jqx-grid-column-menubutton-rtl {
    border-width: 0px 1px 0px 0px;
}

.jqx-grid-column-sortascbutton {
    border: none;
    background-image: url('images/sortascbutton.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.jqx-grid-column-sortdescbutton {
    border: none;
    background-image: url('images/sortdescbutton.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.jqx-grid-column-filterbutton {
    border: none;
    background-image: url('images/filter.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-grid-column-resizeline {
    border-right: 1px dotted #555;
}

.jqx-grid-validation {
    background: #df2227 !important;
    color: #fff !important;
    padding: 4px 8px;
}

.jqx-grid-validation-label {
    color: #fff !important;
    background: #df2227 !important;
    border: 1px solid #df2227 !important;
}

.jqx-grid-validation-arrow-up {
    background-image: url('images/red_arrow_up.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.jqx-grid-validation-arrow-down {
    background-image: url('images/red_arrow_down.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.jqx-grid-column-resizestartline {
    border-right: 1px solid #444;
}

.jqx-grid-sortasc-icon {
    background-image: url('images/sortasc.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

.jqx-grid-sortdesc-icon {
    background-image: url('images/sortdesc.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

.jqx-grid-sortremove-icon {
    background-image: url('images/sortremove.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

.jqx-grid-drag-icon {
    background-image: url('images/drag.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
}

.jqx-grid-dragcancel-icon {
    background-image: url('images/dragcancel.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
}

.jqx-grid-groupby-icon {
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

.jqx-grid-column-header a:link, .jqx-grid-column-header a:visited {
    display: block;
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    color: inherit;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
}

.jqx-grid-toolbar a:link, .jqx-grid-toolbar a:visited {
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    color: inherit;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
}

.jqx-grid-groups-header, .jqx-grid-toolbar, .jqx-scheduler-toolbar {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #aaa;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

.jqx-grid-groups-row {
    font-weight: bold;
    white-space: nowrap;
    text-align: left;
    padding: 0px;
    top: 50%;
    margin-top: -8px;
}

.jqx-grid-groups-row-details {
    font-weight: normal;
}

.jqx-grid-group-column {
    border: 1px solid transparent;
    white-space: nowrap;
    border-style: solid;
    font-weight: normal;
    overflow: hidden;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

.jqx-grid-group-column-line {
    background: #aaa;
}

.jqx-grid-group-drag-line {
    background: #80be09;
}

.jqx-grid-group-column a:link {
    display: block;
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
    color: inherit;
    *color: expression(this.parentNode.currentStyle['color']);
}

.jqx-grid-group-column a:visited {
    color: inherit;
    display: block;
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
    *color: expression(this.parentNode.currentStyle['color']);
}

.jqx-grid-cell {
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    margin-right: 1px;
    margin-bottom: 1px;
    border-color: transparent;
    background: #fff;
    white-space: nowrap;
    font-weight: normal;
    font-size: inherit;
    overflow: hidden;
    position: absolute !important;
    height: 100%;
}

.jqx-grid-cell-locked {
    color: #aaa !important;
}

.jqx-grid-cell-left-align {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 2px;
    text-align: left;
    margin-right: 2px;
    margin-left: 4px;
}

.jqx-grid-cell-middle-align {
    text-overflow: ellipsis;
    overflow: hidden;
    padding-bottom: 2px;
    text-align: center;
}

.jqx-grid-cell-right-align {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 2px;
    text-align: right;
    margin-right: 2px;
    margin-left: 4px;
}

.jqx-grid-group-cell {
    overflow: hidden;
    position: absolute !important;
    height: 100%;
    background: #fff;
}

.jqx-grid-cell-sort {
    background-color: #f0f0f0;
}

.jqx-grid-cell-filter {
    background-color: #e6e6e6;
}

.jqx-grid-cell-add-new-row {
    background: #fdfcf3 !important;
    color: #000 !important;
}

.jqx-grid-content {
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: transparent;
    white-space: nowrap;
    overflow: hidden;
}

.jqx-grid-group-cell, .jqx-grid-empty-cell {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    white-space: nowrap;
    font-weight: normal;
}

.jqx-widget .jqx-grid-cleared-cell, .jqx-grid-cleared-cell {
    border: transparent !important;
}

.jqx-grid-cell-wrap {
    white-space: normal !important;
}

.jqx-cell {
    min-height: 23px;
    padding: 6px 4px;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid transparent;
    border-top-width: 0px;
    border-left-width: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    white-space: normal;
    line-height: 1.231;
}

.jqx-grid-cell-nowrap {
    white-space: nowrap;
}

.jqx-cell-editor {
    padding-left: 4px !important;
    padding-right: 3px !important;
}

.jqx-left-align {
    text-align: left;
}

.jqx-center-align {
    text-align: center;
}

.jqx-right-align {
    text-align: right;
}

.jqx-top-align {
    vertical-align: top;
}

.jqx-bottom-align {
    vertical-align: bottom;
}

.jqx-grid-table .jqx-grid-cell {
    position: static !important;
    zoom: 1 !important;
}

.jqx-grid-table {
    font-size: 13px;
    table-layout: fixed;
    margin: 0px;
    padding: 0px;
    border-collapse: separate;
    border-spacing: 0px;
    -webkit-overflow-scrolling: touch;
    outline: none;
    zoom: 1 !important;
    empty-cells: show;
    border-right: 1px solid #aaa;
    line-height: 1.231;
    width: auto;
    border: none;
}

.jqx-grid-table-rtl {
    border-left-width: 1px;
    border-right-width: 0px;
}

.jqx-details table {
    border-collapse: collapse;
    table-layout: fixed;
    border-spacing: 0px;
}

.jqx-grid-details-cell {
    border-width: 0px 1px 0px 0px;
}

.jqx-grid-cell-alt {
    background: #f9f9f9;
}

.jqx-grid-cell-sort-alt {
    background-color: #e5e5e5;
}

.jqx-grid-cell-filter-alt {
    background-color: #f0f0f0;
}

.jqx-grid-cell-pinned {
    background-color: #e5e5e5;
}

.jqx-grid-cell-pinned-alt {
    background-color: #e5e5e5;
}

.jqx-grid-cell-selected {
    border-left: 0px solid transparent;
}

.jqx-cell-rtl {
    border-left-width: 1px;
    border-right-width: 0px;
}

.jqx-grid-cell-rtl {
    border-width: 0px 0px 1px 1px;
}

.jqx-grid-table .jqx-grid-cell {
    border-width: 0px 0px 1px 1px;
}

.jqx-grid-table-one-cell {
    border: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #aaa;
}

.jqx-grid-table .jqx-grid-cell:first-child {
    border-left-width: 0px;
}

.jqx-grid-selectionarea {
    border: 1px solid transparent;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.jqx-grid-cell-hover {
    border-color: transparent;
}

.jqx-grid-empty-cell {
    overflow: visible;
    border-bottom: none;
}

.jqx-grid-load {
    padding-right: 0px;
    background-image: url(images/loader.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 9999;
    display: block;
}

.jqx-grid-group-collapse {
    padding-right: 0px;
    background-image: url(images/icon-right.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.jqx-grid-group-collapse-rtl {
    padding-right: 0px;
    background-image: url(images/icon-left.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.jqx-grid-group-expand, .jqx-grid-group-expand-rtl {
    padding-right: 0px;
    background-image: url(images/icon-down.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

/*jqxTabs*/
.jqx-tabs {
    outline: none;
    margin: 0 0 0 0;
    padding: 0px;
    overflow: hidden;
    background: transparent;
    border: none;
}
    /*.jqx-tabs-close-button {
		outline: none;
		background-image: url(images/close.png);
		cursor: pointer;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		position: relative;
		left: 5px;
	}
	.jqx-tabs-close-button-selected {
		outline: none;
		background-image: url(images/close.png);
		cursor: pointer;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	.jqx-tabs-close-button-hover {
		outline: none;
		background-image: url(images/close.png);
		cursor: pointer;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}*/
    .jqx-tabs .jqx-tabs-arrow-left, .jqx-tabs .jqx-tabs-arrow-right {
        position: relative;
        float: left;
        cursor: pointer;
        margin-top: 1px !important;
        height: 11px !important;
        margin: 0;
        padding: 0;
        background: none !important;
        font-family: 'Glyphicons Halflings';
        font-size: 0.8em;
        font-style: normal;
        font-weight: normal;
        line-height: 1.5;
        outline: none;
        z-index: 15;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

        .jqx-tabs .jqx-tabs-arrow-left::before {
            content: "\e251" !important;
        }

        .jqx-tabs .jqx-tabs-arrow-right::before {
            content: "\e250" !important;
        }

.jqx-tabs-arrow-background {
    background: #eeeeee;
}

.jqx-tabs-title {
    outline: none;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    left: 100%;
    right: 0;
    text-indent: 0px;
    list-style: none;
    border: 1px solid transparent;
    margin: 0px 2px 0px 0px;
    overflow: hidden;
    z-index: 1;
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 5px;
    padding-top: 5px;
    background: transparent;
    height: auto;
    position: relative;
}

    .jqx-tabs-title a:link {
        color: inherit;
        *color: expression(this.parentNode.currentStyle['color']);
        text-decoration: none;
    }

    .jqx-tabs-title a:hover {
        color: inherit;
        *color: expression(this.parentNode.currentStyle['color']);
        text-decoration: none;
    }

    .jqx-tabs-title a:active {
        color: inherit;
        *color: expression(this.parentNode.currentStyle['color']);
        text-decoration: none;
    }

    .jqx-tabs-title a:visited {
        color: inherit;
        *color: expression(this.parentNode.currentStyle['color']);
        text-decoration: none;
    }

.jqx-tabs-title-selected-top {
    z-index: 99;
    outline: none;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #fff;
    background-color: #fff;
    padding-bottom: 7px;
}

.jqx-tabs-title-selected-bottom {
    outline: none;
    border-top: 1px solid #fff;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding-top: 7px;
    padding-bottom: 5px;
    margin-top: -2px;
    background-color: #fff;
}

.jqx-tabs-title-hover-top {
    outline: none;
    border: 1px solid transparent;
    padding-bottom: 5px;
}

.jqx-tabs-title-hover-bottom {
    outline: none;
    border: 1px solid transparent;
    padding-top: 5px;
}

.jqx-tabs-header {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 1px;
    margin: 0px;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 1px solid #aaa;
    background: #eeeeee;
}

.jqx-tabs-header-bottom {
    padding-top: 1px;
    padding-bottom: 3px;
    border-top: 0px solid #aaa;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 1px solid transparent;
}

.jqx-tabs-header-collapsed {
    border: 1px solid #aaa;
}

.jqx-tabs-header-collapsed-bottom {
    border: 1px solid #aaa;
}

.jqx-tabs-collapsed {
    border: 0px solid transparent;
}

.jqx-tabs-collapsed-bottom {
    border: 0px solid transparent;
}

.jqx-tabs-selection-tracker-container {
    outline: none;
    position: relative;
    text-indent: 0px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    background: transparent;
    height: 0px;
}

.jqx-tabs-selection-tracker-top {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    padding-bottom: 2px;
    background-color: #fff;
    outline: none;
    position: absolute;
    z-index: 10;
}

.jqx-tabs-selection-tracker-bottom {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background-color: #fff;
    outline: none;
    position: absolute;
    z-index: 10;
    margin-top: -1px;
    padding-bottom: 2px;
}

.jqx-tabs-content {
    outline: none;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
    text-align: left;
    clear: both;
}

.jqx-tabs-content-element {
    height: 100%;
    overflow: auto;
}

.jqx-tabs .jqx-tabs-headerWrapper ul {
    list-style: none !important;
    margin: -3px 0px 0 0px !important;
    padding: 20px 27px 0 5px !important;
    border-radius: 4px 4px 0 0 !important;
}

.jqx-tabs .jqx-grid-column-header, .jqx-tabs .jqx-grid-column-header div, .jqx-tabs .jqx-grid-columngroup-header, .jqx-tabs .rateeditor-row-header {
    background: none;
    border: none;
}

.jqx-tabs .jqx-tabs-title-container li {
    height: 35px !important;
    margin-top: -2px !important;
    border-width: 1px 1px 0 1px !important;
    border-radius: 4px 4px 0 0 !important;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0 0 2px;
    z-index: 1;
}

    .jqx-tabs .jqx-tabs-title-container li:first-child {
        margin-left: 10px;
    }

.jqx-tabs .jqx-tabs-content > div {
    padding: 16px;
    border-radius: 0;
}

.jqx-tabs .jqx-tabs-titleContentWrapper {
    margin-top: 2px !important;
}

.ui-tabs nav.ui-tabs-nav > ul.ui-tabs-nav > li > a:hover {
    text-decoration: none;
}

/*jqxCalendar/Time Style*/
.jqx-date-time-input-popup {
    border: 1px solid #ccc !important;
    border-collapse: separate !important;
    background-color: #fff !important;
    box-shadow: 2px 2px 10px #ddd !important;
    padding: 5px 10px;
}

    .jqx-date-time-input-popup td {
        text-align: center;
        padding: 2px;
    }

    .jqx-date-time-input-popup input {
        border: none !important;
        text-align: center;
    }

.jqx-calendar {
    -webkit-appearance: none;
    overflow: hidden;
    outline: none;
    padding: 10px;
    margin: 22px 0 0 0;
    cursor: default;
    border: 1px solid #ccc;
    border-collapse: separate;
    background-color: #fff;
    box-shadow: 2px 2px 10px #ddd;
    width: auto !important;
}

    .jqx-calendar td {
        padding-top: 0px;
        padding-bottom: 0px;
        border-collapse: separate;
        border-spacing: 1px;
        font-size: 13px;
        line-height: 1.231;
    }

    .jqx-calendar table {
        margin: 0px;
        padding: 0px;
        border-collapse: separate;
        border-spacing: 1px;
        font-size: 13px;
        line-height: 1.231;
    }

.jqx-calendar-row-header {
    outline: none;
    border: 0px solid #f2f2f2;
    padding: 0;
    margin: 0 0 0 0;
    cursor: default;
}

.jqx-calendar-column-header {
    outline: none;
    text-align: right;
    padding: 3px;
    border-top: none;
    border-bottom: 1px solid transparent;
    border-left: none;
    border-right: none;
    margin: 0 0 0 0;
    cursor: default;
}

.jqx-calendar-top-left-header {
    outline: none;
    border: 0px solid #f2f2f2;
    margin: 0 0 0 0;
    cursor: default;
}

.jqx-calendar-title-navigation {
    cursor: pointer;
    background-color: rgba(255,255,255,0);
    margin: 0;
    padding: 0;
    border: none;
    width: 25px;
    height: 25px;
}

.jqx-calendar-month {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
}

.jqx-calendar-title-content {
    cursor: pointer;
    text-align: center;
}

.jqx-calendar-title-header {
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 0 0 0 0;
}

    .jqx-calendar-title-header td {
        padding-left: 0px;
        padding-right: 0px;
        border: none;
    }

.jqx-calendar-title-header-disabled {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 0 0 0 0;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
}

.jqx-calendar-cell {
    border: 1px solid transparent;
    margin: 0px;
    outline: none;
    text-align: center;
    padding: 1px;
    cursor: pointer;
    background-color: rgba(255,255,255,0);
}

    .jqx-calendar-cell td {
        padding: 0;
        margin: 0;
    }

.jqx-calendar-cell-decade, .jqx-calendar-cell-year {
    text-align: center;
}

.jqx-calendar .jqx-fill-state-normal {
    background: transparent;
    border: 1px solid transparent;
}

.jqx-calendar-cell-hidden {
    margin: 0;
    visibility: hidden;
    cursor: default;
}

.jqx-calendar-cell-weekend {
    color: #898989 !important;
    margin: 0;
    cursor: pointer;
}

.jqx-calendar-cell-specialDate {
    color: #FF0000 !important;
    background-color: rgba(255,255,255,0);
    border: 1px solid #fff;
    margin: 0 0 0 0;
    cursor: pointer;
}

.jqx-calendar-cell-restrictedDate {
    background-color: rgba(251, 132, 153, 1);
    border: 1px solid #fff;
    margin: 0 0 0 0;
    cursor: pointer;
}

.jqx-calendar-cell-selected-invalid {
    color: #FFF !important;
    background: #FF0000 !important;
    border: 1px solid #FF0000 !important;
}

.jqx-calendar-cell-today {
    color: #898989;
    background-color: #ffffdb;
    border: 1px solid #fdc066;
    margin: 0 0 0 0;
    cursor: pointer;
}

.jqx-calendar-cell-hover {
    margin: 0;
    cursor: pointer;
}

.jqx-calendar-cell-selected {
    margin: 0;
    cursor: pointer;
}

.jqx-calendar-cell-othermonth {
    color: #898989 !important;
    margin: 0;
    cursor: pointer;
}

.jqx-calendar-cell-disabled {
    color: #ccc;
}

.jqx-calendar-row-cell {
    outline: none;
    text-align: center;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: default;
}

.jqx-calendar-footer {
    margin: 5px;
    color: inherit;
    font-size: 13px;
}

.jqx-calendar-title-container {
    overflow: hidden;
}

.jqx-calendar-column-cell {
    overflow: hidden;
    text-align: center;
    outline: none;
    font-weight: normal;
    padding: 1px;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: default;
}

.jqx-calendar-view {
    -webkit-appearance: none;
    outline: none;
    padding: 0px;
    border: 0px solid #fff;
    margin: 0 0 0 0;
    cursor: default;
}

.smartDatePicker {
    display: inline-block;
    vertical-align: middle;
}

.jqx-icon-calendar, .jqx-icon-calendar-hover, .jqx-icon-calendar-pressed, .jqx-icon-time, .jqx-icon-time-hover, .jqx-icon-time-pressed {
    position: absolute;
    top: 0;
    display: inline-block;
    vertical-align: middle;
    width: 17px !important;
    height: 43px !important;
    font: normal normal 16px/1 'Glyphicons Halflings' !important;
    padding-top: 16px;
    text-decoration: none;
    text-align: center;
    color: #666;
    cursor: pointer;
    margin-left: -20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.jqx-icon-calendar, .jqx-icon-calendar-hover, .jqx-icon-calendar-pressed {
    right: 5px;
}

.jqx-icon-time, .jqx-icon-time-hover, .jqx-icon-time-pressed {
    right: 20px;
}

.jqx-icon-calendar:before, .jqx-icon-calendar-hover:before, .jqx-icon-calendar-pressed:before {
    content: "\E109" !important;
}

.jqx-icon-time:before, .jqx-icon-time-hover:before, .jqx-icon-time-pressed:before {
    content: "\E023" !important;
}

.jqx-calendar .jqx-icon-arrow-left, .jqx-calendar .jqx-icon-arrow-right {
    line-height: 2.4;
}

.jqx-calendar .jqx-icon-arrow-right {
    text-align: right;
}

/* JQWidgets calendar */
/*.jqx-icon-calendar, .jqx-icon-calendar-hover, .jqx-icon-calendar-pressed { display: inline-block; margin: 8px 0 0 -18px !important; vertical-align: top !important; height: 0 !important; top: 0; }*/
/*.jqx-datetimeinput input { border: none !important; background: none !important; }*/

/*.jqx-calendar .jqx-fill-state-normal, .jqx-calendar .jqx-fill-state-hover, .jqx-datetimeinput .jqx-fill-state-normal, .jqx-datetimeinput .jqx-fill-state-hover { background: none !important; }
    .jqx-combobox-arrow-normal, .jqx-action-button { cursor: default; border: none; }*/

.form-group-sm .jqx-icon-calendar, .form-group-sm .jqx-icon-calendar-hover, .form-group-sm .jqx-icon-calendar-pressed, .form-group-sm .jqx-icon-time, .form-group-sm .jqx-icon-time-hover, .form-group-sm .jqx-icon-time-pressed {
    padding-top: 10px;
}
/*jqxComboBox Style*/
.jqx-combobox {
    height: 43px !important;
    max-width: 100%;
}

.jqx-combobox-content {
    width: calc(100% + 5px) !important;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
    margin: 0;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-appearance: none;
    outline: none;
    border: none;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 1px solid transparent;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

.jqx-combobox-content-rtl {
    border: none;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 0px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 3px;
    border-right: none;
    border-left: 1px solid transparent;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

.jqx-combobox-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    padding: 0 !important;
    outline: none;
    border: 0px solid #aaa;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

    .jqx-combobox-input::-ms-clear {
        display: none;
    }

.jqx-combobox-content-disabled {
    color: #AAA;
}

.jqx-combobox-arrow-normal, .jqx-action-button, .jqx-combobox-arrow-hover, .jqx-combobox-arrow-pressed, .jqx-combobox-arrow-selected {
    border: none;
    background-image: none !important;
    background-repeat: no-repeat;
    background-position: initial;
    left: auto !important;
    right: -2px !important;
    font: normal normal 11px/1 'Glyphicons Halflings';
    text-decoration: none;
    color: #666;
    cursor: default;
    outline: none;
    overflow: hidden;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 5px 0 !important;
    margin: -5px -8px !important;
    width: auto !important;
    height: auto !important;
}

.form-group-sm .form-control .jqx-combobox-arrow-normal {
    padding-top: 3px !important;
}

.jqx-combobox-arrow-normal:before, .jqx-combobox-arrow-hover:before, .jqx-combobox-arrow-pressed:before {
    position: relative;
    top: 2px;
    display: inline-block;
    padding: 5px 9px;
    content: "\E252" !important;
}

.jqx-combobox .jqx-icon-arrow-down, .jqx-combobox .jqx-icon-arrow-down-hover, .jqx-combobox .jqx-icon-arrow-down-selected {
    display: none;
}

.jqx-combobox-state-normal {
    -webkit-appearance: none;
    outline: none;
    overflow: hidden;
    margin: 0;
}
/*.jqx-combobox-state-hover { overflow: hidden; border: 1px solid transparent; margin: 0; }
	.jqx-combobox-state-selected { overflow: hidden; border: 1px solid transparent; margin: 0; }
	.jqx-combobox-state-focus { border: 1px solid transparent; }*/
.form-control.jqx-combobox-state-focus {
    border: 1px solid #66afe9 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.jqx-combobox-multi-item {
    padding: 1px 3px;
    margin: 2px;
    white-space: nowrap;
    border-style: solid;
    font-weight: normal;
    overflow: hidden;
    text-align: left;
}

    .jqx-combobox-multi-item a:link, .jqx-combobox-multi-item a:visited {
        color: inherit;
        display: block;
        outline: 0 none;
        text-decoration: none;
        cursor: pointer;
        *color: expression(this.parentNode.currentStyle['color']);
    }

.jqx-combobox-state-disabled {
    white-space: nowrap;
    margin: 0px;
    color: #AAA;
}

/*Reset Style*/
/*.jqx-reset { padding: 0; margin: 0; border: none; background: transparent; outline: none; box-sizing: border-box; }*/
/*.jqx-clear { left: 0px; top: 0px; -webkit-appearance: none !important; outline: none !important; padding: 0px; margin: 0px; }*/
.jqx-popup {
    box-sizing: content-box;
}
/*.jqx-position-reset { position: static !important; }
	.jqx-border-reset { border: none !important; }
	.jqx-overflow-hidden { overflow: hidden !important; }
	.jqx-position-relative { position: relative !important; }
	.jqx-position-absolute { position: absolute !important; }
	.jqx-max-size { width: 100% !important; height: 100% !important; }
	.jqx-background-reset { background: transparent !important; }*/
.jqx-disableselect {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.jqx-enableselect {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: auto;
    -ms-user-select: text;
    user-select: all;
}

.jqx-hideborder {
    border: none !important;
}

.jqx-hidescrollbars {
    overflow: hidden !important;
}

/*jqxSelect Style*/
.jqx-select {
    overflow: hidden;
    -webkit-appearance: none;
}

.jqx-select-content {
    cursor: pointer;
    text-overflow: ellipsis;
}

.jqx-select-container {
    padding: 0;
}

.jqx-select-item {
    padding: 3px;
    margin: 1px;
    white-space: normal !important;
    cursor: default;
}

/*jqxDropDownList Style*/
.jqx-dropdownlist-content {
    padding: 0px;
    overflow: hidden;
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-appearance: none;
    outline: 0 none;
    border: none;
}

.jqx-dropdownlist-content-rtl {
    padding-left: 0px;
    padding-right: 3px;
}

.jqx-dropdownlist-state-normal {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
    overflow: hidden;
    margin: 0 0 0 0;
    cursor: pointer;
}

.jqx-dropdownlist-state-hover {
    overflow: hidden;
    border: 1px solid transparent;
    margin: 0;
    cursor: pointer;
}

.jqx-dropdownlist-state-selected {
    overflow: hidden;
    background-color: rgba(255,255,255,0);
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: pointer;
}

.jqx-dropdownlist-state-focus {
    border: 1px solid #909090;
}

.jqx-listbox {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
    padding: 0px;
    margin: 0px;
    cursor: default;
    overflow: hidden;
}

.jqx-listitem-state-group {
    white-space: nowrap;
    padding: 4px 2px 4px 2px;
    background: transparent;
    font-weight: bold;
    text-align: left;
    outline: none;
    overflow: hidden;
    vertical-align: middle;
    cursor: default;
}

.jqx-listitem-state-normal {
    white-space: nowrap;
    padding: 3px;
    margin: 1px;
    border: 1px solid transparent;
    outline: none;
    visibility: inherit;
    display: inherit;
    text-align: left;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    cursor: default;
}

.jqx-listitem-state-selected {
    white-space: nowrap;
    padding: 3px;
    margin: 1px;
    border: 1px solid transparent;
}

.jqx-listbox-feedback {
    height: 1px;
    border-top: 1px dashed #000;
}

.jqx-listitem-element {
    -ms-touch-action: none;
    border: none;
    width: 100%;
    height: 35px !important;
    position: absolute;
}

    .jqx-listitem-element:hover {
        color: #ffffff;
        background-color: #2780e3;
        border-color: #2780e3;
    }

    .jqx-listitem-element .jqx-item {
        padding: 5px 13px;
        width: 100% !important;
    }

.jqx-listbox.jqx-popup > div > div > div:nth-child(2) {
    width: 100% !important;
}

/*jqxScrollBar Style*/
.jqx-scrollbar {
    background: transparent;
    margin: 0;
    padding: 0;
    border: none;
}

    .jqx-scrollbar, .jqx-scrollbar > div, .jqx-scrollbar > div > div, .jqx-scrollbar > div > div > div {
        box-sizing: content-box !important;
    }

.jqx-scrollbar-state-normal {
    background: #efefef;
    margin: 0px;
    padding: 0px;
    border: none;
}

.jqx-scrollbar-button-state-normal {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}

.jqx-scrollbar-button-state-hover {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}

.jqx-scrollbar-button-state-pressed {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}

.jqx-scrollbar-thumb-state-normal-horizontal {
    margin: 0px;
    padding: 0px;
    background: transparent;
    border: 1px solid transparent;
    touch-action: none;
}

.jqx-scrollbar-thumb-state-hover-horizontal {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}

.jqx-scrollbar-thumb-state-pressed-horizontal {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}

.jqx-scrollbar-thumb-state-normal {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
    touch-action: none;
}

.jqx-scrollbar-thumb-state-hover {
    margin: 0px;
    padding: 0px;
    background: transparent;
    border: 1px solid transparent;
}

.jqx-scrollbar-thumb-state-pressed {
    margin: 0px;
    padding: 0px;
    background: #d1d1d1;
    border: 1px solid #909090;
}

.jqx-scrollbar .jqx-fill-state-normal {
    background-color: #666;
    border: solid 2px #eee;
}

.jqx-scrollbar .jqx-scrollbar-state-normal, .jqx-scrollbar .jqx-scrollbar-thumb-state-normal {
    width: 100% !important;
}

/* Arrows */
[class*='jqx-icon-arrow-'] {
    font: normal normal 0.8em/1 'Glyphicons Regular';
    background-image: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.jqx-icon-arrow-left::before {
    content: "\e225";
}

.jqx-icon-arrow-right::before {
    content: "\e224";
}

.jqx-icon-arrow-up::before {
    content: "\e601";
}

.jqx-icon-arrow-down::before {
    content: "\e602";
}

.jqx-scrollbar-button-state-normal {
    padding-left: 1px !important;
    color: #666;
}

/* jxSlider */
.slider-container {
    padding-top: 7.5px;
}

.jqx-slider {
    outline: none;
    clear: both;
    color: #999;
    position: relative;
}

.jqx-slider-tick {
    border-left: 1px solid transparent;
    z-index: 9;
}

.jqx-slider-tick-horizontal {
    width: 1px;
    border-left: none;
    margin-top: 1px;
}

.jqx-slider-tick-vertical {
    height: 1px;
    border-top: none;
}

.jqx-slider-tickscontainer {
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    z-index: 9;
}

.jqx-slider-slider {
    cursor: pointer;
    width: 9px;
    height: 16px;
    z-index: 20;
    position: absolute;
    left: 0px;
    top: 0px;
}

.jqx-slider-left, .jqx-slider-right {
    line-height: 1;
}

.jqx-slider-button {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    box-sizing: content-box !important;
}

.jqx-slider-slider-horizontal {
    margin-top: -5px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.jqx-slider-slider-horizontal, .jqx-rc-all.jqx-slider-button {
    border-style: none;
    background-color: #222;
    color: #f0f0f0;
}

.jqx-slider-slider-vertical {
    margin-left: -5px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid transparent;
}

.jqx-slider-track {
    height: 8px;
    float: left;
    position: relative;
    z-index: 20;
    background-color: #aaa;
}

.jqx-slider-track-horizontal {
    height: 8px;
    margin-top: 2px;
}

.jqx-slider-track-vertical {
    width: 8px;
}

.jqx-slider-rangebar {
    background-color: #3fb618;
}

.jqx-slider-slider {
    width: 9px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .jqx-slider-slider + .jqx-slider-slider {
        background-color: #1f9607;
    }

.jqx-widget-theme-danger.jqx-fill-state-normal, .jqx-widget-theme-danger .jqx-fill-state-normal {
    color: #ff0039;
    background-color: #f2dede;
    border-color: #ff0039;
}

    .jqx-widget-theme-danger.jqx-fill-state-normal > .jqx-tooltip-text, .jqx-widget-theme-danger .jqx-slider-button, .jqx-widget-theme-danger .jqx-slider-button.jqx-fill-state-hover {
        color: #fff;
        background-color: #ff0039;
    }

.jqx-widget-theme-danger .jqx-slider-slider {
    background-color: #ee0028;
}

.jqx-widget-theme-danger.jqx-fill-state-focus, .jqx-widget-theme-danger .jqx-fill-state-focus {
    border-color: #ff0039;
}

.jqx-widget-theme-danger .jqx-slider-rangebar {
    background-color: #ff0039;
}

.jqx-tooltip-main-theme-danger {
    border-color: #ff0039 !important;
}

.jqx-widget-theme-warning.jqx-fill-state-normal.jqx-tooltip-arrow-theme-warning {
    border-color: #ff7518;
}

.jqx-widget-theme-warning.jqx-fill-state-normal, .jqx-widget-theme-warning .jqx-fill-state-normal {
    color: #ff7518;
    background-color: #e45c00;
    border-color: #ff7518;
}

    .jqx-widget-theme-warning.jqx-fill-state-normal > .jqx-tooltip-text, .jqx-widget-theme-warning .jqx-slider-button, .jqx-widget-theme-warning .jqx-slider-button.jqx-fill-state-hover {
        color: #fff;
        background-color: #ff7518;
    }

.jqx-widget-theme-warning .jqx-slider-slider {
    background-color: #ff7518;
}

.jqx-widget-theme-warning.jqx-fill-state-focus, .jqx-widget-theme-warning .jqx-fill-state-focus {
    border-color: #ff7518;
}

.jqx-widget-theme-warning .jqx-slider-rangebar {
    background-color: #ff7518;
}

.jqx-tooltip-main-theme-warning {
    border-color: #ff0039 !important;
}

.jqx-widget-theme-warning.jqx-fill-state-normal.jqx-tooltip-arrow-theme-warning {
    border-color: #ff7518;
}

.slider[data-rangeRestriction="false"] .jqx-slider-rangebar {
    background-color: #999;
}

.slider[data-rangeRestriction="false"] .jqx-slider-slider:first-child {
    background-color: #1f9607;
}

.slider[data-rangeRestriction="false"] .jqx-slider-slider + .jqx-slider-slider {
    background-color: #222;
}

.slider[data-rangeRestriction="false"] + .slider-value {
    color: #1f9607;
}

.slider[data-rangeEnabled="true"] {
    width: 100%;
    max-width: 60%;
    clear: none !important;
    display: inline-block !important;
    vertical-align: middle;
}

    .slider[data-rangeEnabled="true"] ~ .slider-value {
        float: left;
        display: block;
        width: 20%;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
    }

    .slider[data-rangeEnabled="true"] + .slider-value + .slider-value {
        float: right;
        text-align: right;
    }

.slider[data-rangeEnabled="false"][data-showValue="true"] {
    width: 100%;
    max-width: 70%;
    clear: none !important;
    display: inline-block;
    vertical-align: middle;
}

    .slider[data-rangeEnabled="false"][data-showValue="true"] + .slider-value {
        float: right;
        display: block;
        text-align: right;
        width: 10%;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        white-space: nowrap;
    }

    .slider[data-rangeEnabled="false"][data-showValue="true"][style*="display: none"] + .slider-value {
        width: auto;
        float: left;
        font-size: 1.5em;
    }

.jqx-rc-all {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* chart */
.jqx-chart-axis-text-recommended, .jqx-chart-label-text-recommended, .jqx-chart-tooltip-text-recommended, .jqx-chart-legend-text-recommended {
    fill: #008800;
    color: #008800;
    font-size: 13px;
    font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif;
}

.jqx-chart-axis-text-recommended-star, .jqx-chart-label-text-recommended-star, .jqx-chart-tooltip-text-recommended-star, .jqx-chart-legend-text-recommended-star {
    position: relative;
    speak: none;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Glyphicons Regular';
}

/* jqxButton */
.jqx-button {
    outline: none;
    border: 1px solid transparent;
    padding: 3px;
    text-align: center;
    vertical-align: central;
    margin: 0 0 0 0;
    cursor: default;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* jqxSplitter */
.jqx-splitter.jqx-widget-content {
    border: 1px solid #bbb;
}

.jqx-splitter-splitbar-vertical.jqx-fill-state-normal {
    background-color: #e3e3e3;
    border: 1px solid #bbb;
}

.jqx-splitter {
    overflow: hidden;
    border: 1px solid transparent;
    position: relative;
}

.jqx-splitter-splitbar-vertical {
    border: 1px solid transparent;
    border-top-width: 0px;
    border-bottom-width: 0px;
    cursor: e-resize;
    cursor: col-resize;
    position: absolute;
    width: 5px !important;
}

.jqx-splitter-splitbar-hover.jqx-fill-state-normal {
    background-color: rgba(255,255,255,0);
}

.jqx-splitter-splitbar-horizontal {
    position: absolute;
    border: 1px solid transparent;
    border-left-width: 0px;
    border-right-width: 0px;
    cursor: n-resize;
    cursor: row-resize;
}

.jqx-splitter-splitbar-invalid {
    background: #FF0000 !important;
}

.jqx-splitter-collapse-button-horizontal {
    cursor: pointer;
    width: 45px;
    height: 5px;
}

.jqx-splitter-collapse-button-vertical {
    cursor: pointer;
    width: 5px;
    height: 45px;
}

.jqx-splitter-splitbar-collapsed {
    cursor: default;
}

.jqx-splitter-panel {
    border: none;
    outline: none;
    position: absolute;
    overflow: hidden;
}

.jqx-splitter-nested, .jqx-splitter-panel-nested {
    border: none;
    overflow: hidden;
}

.jqx-input::-ms-reveal {
    display: none;
}

.jqx-input::-ms-clear {
    display: none;
}

.jqx-input-content::-ms-clear {
    display: none;
}

/* tooltip */
.jqx-tooltip {
    position: absolute;
    width: auto;
    height: auto;
    display: block;
    color: #fff;
    z-index: 999 !important;
}

.jqx-tooltip-main {
    position: relative;
    width: 100%;
    height: 100%;
    box-shadow: 5px 5px 5px rgba(51,51,51,0.4);
    border-style: none;
    font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 13px;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.jqx-tooltip-text {
    padding: 15px;
    color: #ffffff;
    overflow: hidden;
    filter: inherit;
    white-space: normal;
    background-color: #000000;
}

.jqx-tooltip, .jqx-tooltip-text, .jqx-tooltip-main {
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    border-radius: 0;
    max-width: 300px;
}

.jqx-tooltip-arrow {
    position: absolute;
    width: 0px;
    height: 0px;
    display: block;
    border-style: solid;
    border-color: #000000;
    margin: -6px 0 0 -7px;
    background: transparent !important;
    filter: inherit;
    box-shadow: none;
}

.jqx-tooltip-arrow-t-b {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

.jqx-tooltip-arrow-l-r {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}

.jqx-tooltip, .jqx-tooltip-text, .jqx-tooltip-main {
    border-radius: 0;
    max-width: 300px;
}

.jqx-chart-tooltip {
    display: block;
    color: #fff;
    padding: 13px;
}

    .jqx-chart-tooltip > *:last-child {
        margin-bottom: 0;
    }

.mouseOverHelp {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
}

/* tree */
.jqx-tree {
    border: none;
    left: 100%;
    right: 0;
    float: none;
    margin: 0px;
    border: none;
    padding: 0px;
    overflow: hidden;
    text-align: left;
    outline: none;
    white-space: nowrap;
}

.jqx-tree-dropdown-root {
    left: 100%;
    padding: 0px 5px 0px 5px;
    right: 0;
    display: block;
    float: none;
    background-color: rgba(255,255,255,0);
    border-style: none;
    text-align: left;
    outline: none;
    white-space: nowrap;
    margin: 0px;
}

.jqx-tree-dropdown-root-rtl {
    padding: 0px 5px 0px 0px;
    text-align: right;
    float: right;
    margin: 0px;
}

.jqx-tree-dropdown {
    left: 100%;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    right: 0;
    display: block;
    float: none;
    background-color: rgba(255,255,255,0);
    border-style: none;
    text-align: left;
    outline: none;
}

.jqx-tree-item {
    border: none;
    text-indent: 0;
    list-style: none;
    padding: 3px;
    margin: 0px;
    float: none;
    overflow: hidden;
    left: 100%;
    right: 0;
    text-align: left;
    cursor: default;
    text-decoration: none;
}

.jqx-tree-item-li {
    text-indent: 0;
    background-color: rgba(255,255,255,0);
    border: 0px solid transparent;
    list-style: none;
    left: 100%;
    right: 0;
    text-align: left;
    outline: none;
    margin: 0px;
    margin-top: 1px;
    padding: 0px;
}

.jqx-tree-item-u-last {
    margin: 0px 0px 0px 0px;
}

.jqx-tree-item-hover {
    color: inherit;
    right: 0;
    padding: 3px;
    margin: 0px;
    list-style: none;
    left: 100%;
    cursor: pointer;
    text-decoration: none;
    background-color: #ddd;
}

.jqx-tree-item-selected {
    color: inherit;
    right: 0;
    padding: 3px;
    margin: 0px;
    list-style: none;
    left: 100%;
    cursor: pointer;
    text-decoration: none;
    background-color: #ccc;
}

.jqx-tree-item-arrow-collapse, .jqx-tree-item-arrow-collapse-hover {
    padding-right: 0px;
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.jqx-tree-item-arrow-expand, .jqx-tree-item-arrow-expand-hover {
    padding-right: 0px;
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.jqx-tree-grid-indent {
    width: 14px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    vertical-align: top;
}

.jqx-tree-grid-title {
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jqx-tree-grid-collapse-button, .jqx-tree-grid-expand-button {
    display: inline-block;
    margin-top: 2px;
    margin-right: 0px;
    position: relative;
    width: 14px;
    height: 13px;
    vertical-align: top;
}

.jqx-tree-grid-checkbox {
    float: none !important;
    width: 14px;
    height: 14px;
    cursor: pointer;
    margin-right: 2px !important;
    margin-left: 2px !important;
}

.jqx-tree-grid-icon {
    display: none;
}

.jqx-tree-grid-checkbox-tick {
    width: 100%;
    height: 100%;
}