﻿.mis-container .recline-slickgrid {
    /* min-height: 500px;*/
}

.recline-data-explorer .header {
    height: auto !important;
}

.mis-container .imgSpan {
    background-image: url(/content/themes/base/images/ui-icons_888888_256x240.png);
    background-position: 205px -208px;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
}

.mis-container .lnkSpan {
    cursor: pointer;
    text-decoration: underline;
}

.pivotDiv {
    background: #EBECEE;
}

.ui-dialog .ui-dialog-title {
    margin-left: 10px;
}

.pivotDiv.ui-dialog-content.ui-widget-content, .pivotDiv {
    background: #EBECEE;
    overflow: hidden;
    width: 100%;
    padding: 10px 10px 0px 10px;
}

.remove-tab .imgClose {
    background-image: url(/content/themes/base/images/ui-icons_888888_256x240.png);
    background-position: 179px 108px;
    width: 16px;
    height: 16px;
    display: block;
}

.bi-previewer-checkbox span {
    line-height: 22px;
}

.remove-tab {
    padding: 3px 6px !important;
}

.mis-container .slick-header {
    background: none !important;
    border: none !important;
    text-align: center;
}

.recline-data-explorer .header .navigation, .recline-pager, .menu-right {
    margin-bottom: 0px;
    padding-top: 2px;
}

.mis-container .menu-right {
    padding-right: 5px;
}

.mis-container legend {
    margin-bottom: 0px;
}

.mis-container .btn {
    text-decoration: none;
    background: #ffffff;
    border: 1px solid #999999;
    color: #212121;
    font-weight: bold;
    margin: 0px 2px;
    height: 21px;
    padding: 2px 10px;
    float: left;
    line-height: 15px;
    display: inline-block;
}

    .mis-container .btn:hover {
        text-decoration: none;
        background: url("themes/base/images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #DADADA;
        border: 1px solid #999999;
        color: #212121;
    }

.apple_btn {
    background: #5e5e5e;
    background: -webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,.2)),color-stop(0.05,rgba(0,0,0,0)),color-stop(0.95,rgba(0,0,0,0)),to(rgba(0,0,0,.2))),-webkit-gradient(linear,0 0,100% 0,from(rgba(0,0,0,.2)),color-stop(0.002,rgba(0,0,0,0)),color-stop(0.998,rgba(0,0,0,0)),to(rgba(0,0,0,.2))),url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA9QAAAAkCAMAAABfcIIyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVQTFRFAAAA%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F5YtmQAAAACd0Uk5TAAECAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaGxwdHh8gISIjJCUmZiD6WAAAAdlJREFUeF7t3btuFEEQheFzunotGYkIERA4spn3fyeHiAgEEtsXB82s2eEJavR%2F0Wjyo75XWfHpw4MkSXNqCkA2lr2%2B%2Fvz63n15qpI0x5yTSAM52XaxJLVXf%2FkoaY6xQk2sgXy8Ql2KJf3wS5HG6HMMQg3kZNkuxVGKNLxJo48%2BxhxTpBrIx7JcXEqUKJI3zd77CjWLaiAle4U6Iixv6q33MfocTL%2BBlCy7OEqJqCFvs%2FV2m3%2BTaiAd6zb7rlHtrbc1VA%2Bm30BSa%2B%2B7RNSo4a21thbVTL%2BBnCy7rCV1rdXbtbXW%2B%2Bh%2Ft78BZLM2v6NE1Fov%2FrpC3Zl%2BA2l5H6lrrRe%2FXNu%2BqCbUQE57qGvsoW5t9D4H028gJculOKLUWuvFz%2B16O9NipAZSsm8nWpfq53ZlTQ3k9s%2BamlADZ0CogZMh1MDJEGrgZAg1cDL%2Fh5ojLSC1%2ByMtLp8A2R0un3BNFEjv%2FpooDzqA9O4fdPD0Esju8PSSIglAdsciCZQzArI7lDOat30yCg8CGe2FB1eovZcI7oMSwUBSq0TwWlQHxfyBEzgW86ftDpDase0ODfKA7A4N8mhlC2R318r2px%2BeQqLpPJDae9P5%2FmrVz491%2FWekBlKy7PXVfn9rb9xXsMD2wdOcAAAAAElFTkSuQmCC") no-repeat 50% 50%,-webkit-gradient(linear,0 100%,0 0,from(#666),color-stop(0.5,#5e5e5e),color-stop(0.51,#707070),to(#808080)) !important;
    color: #fff !important;
    font-size: 12px !important;
    min-width: 60px;
    display: inline-block;
    padding: 4px 10px 4px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    float: left;
    border: 1px solid;
    border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAQAAABTNcdGAAAAEUlEQVQIHWP4r8bA8F%2BKwQEADZUCf37PGokAAAAASUVORK5CYII%3D") 0 2 0 1;
}

    .apple_btn:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .apple_btn:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .apple_btn:hover {
        background: #5e5e5e;
        background: background: #4c4c4c !important; /* Old browsers */
        background: -moz-linear-gradient(top, #4c4c4c 17%, #5e5e5e 68%) !important; /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(17%,#4c4c4c), color-stop(68%,#5e5e5e)) !important; /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #4c4c4c 17%,#5e5e5e 68%) !important; /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #4c4c4c 17%,#5e5e5e 68%) !important; /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #4c4c4c 17%,#5e5e5e 68%) !important; /* IE10+ */
        background: linear-gradient(to bottom, #4c4c4c 17%,#5e5e5e 68%) !important; /* W3C */
    }

    .apple_btn.active {
        background: -webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,.8)),color-stop(.1,rgba(0,0,0,0)),to(rgba(0,0,0,0))),-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,.2)),color-stop(.3,rgba(0,0,0,0)),color-stop(.7,rgba(0,0,0,0)),to(rgba(0,0,0,.2))),-webkit-gradient(linear,0 0,100% 0,from(rgba(0,0,0,.2)),color-stop(.2,rgba(0,0,0,0)),color-stop(.8,rgba(0,0,0,0)),to(rgba(0,0,0,.2))),-webkit-gradient(linear,0 0,0 102%,from(rgba(47,47,47,1)),color-stop(0.97,rgba(75,75,75,1)),color-stop(0.97,rgba(0,0,0,0)),to(rgba(0,0,0,.45))) !important;
        border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAQAAABTNcdGAAAAEUlEQVQIHWP4r8bA8F%2BKwQEADZUCf37PGokAAAAASUVORK5CYII%3D") 0 2 0 1;
    }

.filterType, .fields, .add-on input[type="text"] {
    margin-left: 0px !important;
}

.mis-container .info {
    padding: 6px 8px;
    font: 12px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
}

    .mis-container .info h4 {
        margin: 0 0 5px;
        color: #777;
    }

.mis-container .legend {
    text-align: left;
    line-height: 18px;
    color: #555;
}

    .mis-container .legend i {
        width: 18px;
        height: 18px;
        float: left;
        margin-right: 8px;
        opacity: 0.7; /*border-bottom: 1px solid gray;*/
    }

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right !important;
}

.mis-container .editor-options {
    padding-top: 10px;
}

.clearfix fieldset, .filters fieldset, .options fieldset {
    border: 1px solid #ddd;
    padding: 0 1.2em 1.2em 1.2em;
    margin: 0 0 2px 0;
}

.clearfix legend, .filters legend, .options legend {
    font-size: 12px !important;
    margin-bottom: 0px;
    border-bottom: 0px;
}

.mis-container .options legend {
    line-height: normal !important;
    width: auto !important;
}

.mis-container .accordion_headdiv {
    cursor: pointer;
    background: url(/content/themes/base/images/ui-icons_454545_256x240.png);
    float: left;
    width: 14px;
    height: 14px;
    background-position: -64px -16px;
}

.mis-container .collapsed {
    cursor: pointer;
    background: url(/content/themes/base/images/ui-icons_454545_256x240.png);
    float: left;
    width: 14px;
    height: 14px;
    background-position: -32px -16px;
}

.mis-container .accordion_head p {
    margin-left: 20px;
    font-weight: bold;
    cursor: pointer;
    color: #949494;
}

    .mis-container .accordion_head p:hover {
        color: #000;
    }

.mis-container .accordion_head {
}

.mis-container .accordion_body {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E2E2E2;
    padding-bottom: 3px;
}

#accordion_filter {
    width: 100%;
    clear: both;
    overflow: hidden;
    padding-bottom: 5px;
}

.btn-group a:hover, .js-remove-filter:hover {
    text-decoration: none !important;
}

.mis-container .header {
    /* background: #e4e3e3;*/
}

.recline-slickgrid .slick-header-columns .slick-header-column {
    background: #939393;
    color: #fff;
}

.recline-slickgrid .slick-row:hover {
    background-color: #ECF7FB;
}

.recline-slickgrid .slick-row:nth-child(even) {
    background-color: #FCFCFC;
}

.mis-container .btngo {
    margin-top: 4px !important;
}

.mis-container .data-view-container {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

span.jtable-add-record {
    /*padding: 0;*/
}

.mis-container .btn-recline {
    margin-top: 5px !important;
}

.leaflet-control-layers label {
    display: block;
}

.leaflet-control-layers input[type="radio"] {
    margin: 1px 3px 3px;
}

.leaflet-control-layers form {
    margin: 0px;
}

.mis-container .drilldown-container {
    padding: 5px 40px;
    border: 1px solid silver;
    border-top-color: transparent;
}

.mis-container .drilldown-grid {
    overflow: auto !important;
    height: auto !important;
}

.mis-container .search-tab {
    /*top: 100px;*/
    top: 110px; /*right: -310px;*/
    right: 30px;
    position: fixed;
    z-index: 9999;
    width: auto;
}

.mis-container .search-btn {
    float: left; /*top: 60px;*/
    top: 7px;
    position: relative;
    width: 30px;
    height: 83px;
    background-image: url('../content/Images/criteria.png');
    margin-left: 0px;
}

.mis-container .search-div {
    float: left;
    min-width: 310px; /*height: 670px;*/
    height: 570px;
    background: #fff;
    position: relative; /*  display: none;*/
    border: 1px solid gray;
    border-right: none;
    border-radius: 5px;
}

.search-div .tblAdvanceSearch tr {
    /*display: block;*/
}

.mis-container .infobox {
    border: 0;
}

.mis-container .infobox-td-left, .mis-container .infobox-td-right {
    padding-right: 5px;
    padding-left: 5px;
}

.mis-container .infobox-td-left {
    text-align: right;
    border-right: 1px solid #c3c3c3;
}

.mis-container .infobox-td-right {
    text-align: left;
    border-right: 0;
    border-left: 0;
}

.mis-container .infobox-tr {
    border-bottom: 1px solid #c3c3c3;
}

.slick-sort-indicator, .slick-sort-indicator-desc, .slick-sort-indicator-asc {
    width: 14px;
    height: 16px;
    float: right;
    cursor: pointer;
}

.mis-container .slick-sort-indicator {
    background: url(../../Scripts/jtable/themes/standard/column-sortable.png);
}

.slick-sort-indicator-desc {
    background: url(../../Scripts/jtable/themes/standard/column-desc.png);
}

.slick-sort-indicator-asc {
    background: url(../../Scripts/jtable/themes/standard/column-asc.png);
}

label input, label textarea, label select {
    display: inline-block !important;
}

.mis-container .option-view, .slideCountry {
    display: none;
}

.options .radio-group div {
    padding-top: 10px;
    padding-right: 3px;
    float: left;
}

.options .radio-group, .options .checkbox-group {
    clear: both;
    width: 100%;
    margin: 10px;
}

.recline-flot .graph_border {
    border: 1px solid #aaaaaa;
}

.createCheckBoxField, .createFieldNameColumn, .createDdlFilterOperatorColumn, .createTextFieldColumn {
    word-break: break-all;
    width: auto;
}

.mis-container .add-on {
    display: none !important;
}

.mis-container .dropdown-export {
    float: left;
    margin-top: 4px;
}

.mis-container .export-group {
    float: left;
}

.mis-container .export-groupbtn {
    margin-top: 8px;
}

.header .recline-pager .pagination a {
    height: 22px;
    line-height: 20px;
}

.header .recline-pager .pagination input {
    height: 17px;
    padding: 0px;
    margin-top: 1px !important;
    text-align: center;
}

.header .recline-results-info {
    line-height: 25px;
}

.recline-data-explorer input.span2, .recline-data-explorer textarea.span2, .uneditable-input.span2 {
    height: 14px;
    margin-top: 0px !important;
    border-radius: 5px;
}

.recline-data-explorer .header .menu-right {
    border-left: 0px;
}

.recline-data-explorer .header .navigation, .recline-pager, .menu-right {
    padding-top: 0px;
}

.header .recline-query-editor form button {
    padding-top: 0px;
    margin-top: 0px !important;
    height: 24px;
}

.recline-data-explorer select, .recline-data-explorer input[type="file"] {
    width: 100%;
    margin: 0 !important;
}

.mis-container .input {
    /*margin-top: 5px;*/
    margin-bottom: 5px;
}

.mis-container .series-editor .inputSelect {
    margin-bottom: 6px;
    float: left;
    width: 96%;
    display: none;
}

.mis-container .export_data {
    width: auto !important;
}

.mis-container .div-legend {
    padding-bottom: 2px;
    clear: both;
}

.mis-container .recline-slickgrid {
    min-height: 500px !important;
}

.mis-container .exportPopup ul {
    list-style-type: none;
}

.ui-dialog .ui-dialog-buttonpane button {
    padding: 3px 14px;
}

div.modalContent ul li {
    text-align: left;
    list-style: none;
    padding: 10px;
}

.mis-container .color-slabs {
    margin-top: 10px;
    float: left;
}

    .mis-container .color-slabs label {
        margin-top: 6px;
        float: left;
    }

    .mis-container .color-slabs select {
        width: 50px;
        height: 25px;
    }

.labelExport {
    float: left;
}

.close {
    position: absolute;
    right: 0;
}

.spaceDiv {
    clear: both;
    height: 5px;
}

.recline-data-explorer .header {
    background: #fff !important;
}

.outerGraphtype {
    width: 100%;
    background: #fff;
    float: left;
    border-bottom: 1px solid #ccc;
    padding: 5px 0px;
}

.graphType {
    background: #fff;
    width: 90%;
    height: 18px;
    background-repeat: no-repeat;
    padding: 5px 0px;
}

.editor-type {
    display: none;
    width: 96%;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.slick-header-columns {
    font-size: 12px;
    font-family: arial;
    color: #000;
    color: black !important;
}

.recline-slickgrid {
    margin: 12px 0px;
    padding: 20px 0px;
    border-bottom: 1px solid #E3E3E3;
    border-top: 1px solid #E3E3E3;
}

.data-view-container > div:last-child {
    margin: 20px 0px;
}

#jtableSideViewFilterTab {
    margin: 5px 0px 5px 6px;
}

.slick-cell, .slick-headerrow-column {
    border-right: 1px dotted #E7D8D8;
    border-bottom-color: #E7D8D8;
    padding-left: 8px;
    padding-right: 8px;
}

.slick-header-column.ui-state-default {
    height: 29px;
    padding-left: 8px;
    padding-right: 8px;
}

.recline-slickgrid .slick-header-columns .slick-header-column {
    text-shadow: none;
    font-weight: normal;
}

.divSeries {
    margin: 5px;
}

    .divSeries .chkSeries {
        margin-right: 5px !important;
    }

.chkGroup {
    width: 97%;
    border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
    overflow: auto;
    max-height: 125px;
    margin-bottom: 5px;
    display: none;
}

.kpiDiv {
    width: 90%;
    border: 1px solid #ccc;
    border-radius: 5px; /*float: left;*/
    max-height: 135px;
    padding: 5px;
    display: none;
}

.optionSelect {
    margin-left: 6px;
    font-size: 11px;
    color: #0080FF;
}

.form-stacked fieldset {
    margin: 3px 0px;
    padding: 5px 0px;
}

.ui-button-text-only .ui-button-text {
    color: #000;
}

.option-view, .recline-filter-editor {
    width: 100%;
    float: left;
}

.recline-filter-editor {
    padding: 0px;
    margin-top: 10px;
}

.nvd3 .nv-discretebar .nv-groups text, .nvd3 .nv-multibarHorizontal .nv-groups text {
    font-weight: normal;
    fill: #858989; /*stroke: #858989;*/
}

.tiledGraph {
    width: 41px;
    height: 41px;
    margin: 0 10px 3px 10px;
    vertical-align: middle;
    background: #fff;
    float: left;
    text-align: center;
    color: #fff;
    word-wrap: break-word;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url('../Scripts/ContextMenu/images/contextmenu/iconsSprite.png');
}

    .tiledGraph.multiBar, #multiBar .spriteIcon {
        background-position: -25px -171px;
    }

        .tiledGraph.multiBar:hover, .tiledGraph.multiBar.active, #multiBar .spriteIcon:hover {
            background-position: -25px -214px;
        }

    .tiledGraph.multiBarHorizontal, #multiBarHorizontal .spriteIcon {
        background-position: -118px -171px;
    }

        .tiledGraph.multiBarHorizontal:hover, .tiledGraph.multiBarHorizontal.active, #multiBarHorizontal .spriteIcon:hover {
            background-position: -118px -214px;
        }

    .tiledGraph.cumulativeLine, #cumulativeLine .spriteIcon {
        background-position: -256px -172px;
    }

        .tiledGraph.cumulativeLine:hover, .tiledGraph.cumulativeLine.active, #cumulativeLine .spriteIcon:hover {
            background-position: -256px -215px;
        }

    .tiledGraph.discreteBar, #discreteBar .spriteIcon {
        background-position: -72px -171px;
    }

        .tiledGraph.discreteBar:hover, .tiledGraph.discreteBar.active, #discreteBar .spriteIcon:hover {
            background-position: -73px -214px;
        }

    .tiledGraph.line, #line .spriteIcon {
        background-position: -163px -172px;
    }

        .tiledGraph.line:hover, .tiledGraph.line.active, #line .spriteIcon:hover {
            background-position: -164px -214px;
        }

    .tiledGraph.linePlusBar, #linePlusBar .spriteIcon {
        background-position: -209px -171px;
    }

        .tiledGraph.linePlusBar:hover, .tiledGraph.linePlusBar.active, #linePlusBar .spriteIcon:hover {
            background-position: -210px -215px;
        }

    .tiledGraph.lineWithFocus, #lineWithFocus .spriteIcon {
        background-position: -301px -171px;
    }

        .tiledGraph.lineWithFocus:hover, .tiledGraph.lineWithFocus.active, #lineWithFocus .spriteIcon:hover {
            background-position: -301px -216px;
        }

    .tiledGraph.scatter, #scatter .spriteIcon {
        background-position: -347px -171px;
    }

        .tiledGraph.scatter:hover, .tiledGraph.scatter.active, #scatter .spriteIcon:hover {
            background-position: -347px -214px;
        }

    .tiledGraph.scatterPlusLine, #scatterPlusLine .spriteIcon {
        background-position: -394px -171px;
    }

        .tiledGraph.scatterPlusLine:hover, .tiledGraph.scatterPlusLine.active, #scatterPlusLine .spriteIcon:hover {
            background-position: -394px -214px;
        }

    .tiledGraph.stackedArea, #stackedArea .spriteIcon {
        background-position: -439px -171px;
    }

        .tiledGraph.stackedArea:hover, .tiledGraph.stackedArea.active, #stackedArea .spriteIcon:hover {
            background-position: -439px -214px;
        }

    .tiledGraph.pie, #pie .spriteIcon {
        background-position: -485px -171px;
    }

        .tiledGraph.pie:hover, .tiledGraph.pie.active, #pie .spriteIcon:hover {
            background-position: -486px -214px;
        }

    .tiledGraph.donut, #donut .spriteIcon {
        background-position: -530px -171px;
    }

        .tiledGraph.donut:hover, .tiledGraph.donut.active, #donut .spriteIcon:hover {
            background-position: -532px -214px;
        }

.updown, .updownSeries, .updownkpi, .updownGroups, .updownCompare, .updownInterval {
    width: 21px;
    height: 21px;
    float: right;
    margin-right: 8px;
    margin-top: -24px;
    background-image: url('../Scripts/ContextMenu/images/contextmenu/sprite_dashboard.png');
    cursor: pointer;
}

.updownSeries {
    margin-top: -28px;
    margin-right: 8px;
}

.updownkpi, .updownGroups {
    margin-top: -28px;
}

.updownInterval {
    margin-top: 4px;
}

.timeInterval {
    /*width: 6%;     float: left;     margin-left: 5px;*/
    margin-top: 3px;
}

.slideDown, .slideDownType, .kpiSlideDown, .seriesSlideDown, .groupsSlideDown, .slideDownCompare, .intervalSlideDown {
    background-position: -409px -165px;
}

.slideUp, .slideUpType, .kpiSlideUp, .seriesSlideUp, .groupsSlideUp, .slideUpCompare, .intervalSlideUp {
    background-position: -429px -165px;
}

.editor-series label, .series-editor label, .kpiLabel, .optionsDiv, .series-group label, .editor-interval label, .series-pivot label {
    float: left;
    width: 90%;
    background: #fff;
    color: #000 !important;
    height: 26px;
    padding: 5px 0px;
}

.editor-compare {
    display: none;
}

.titleFilter {
    float: left;
    width: 91.5%;
    background: #fff;
    padding: 7px;
    color: #000 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.recline-filter-editor .filters {
    width: 97%;
    float: left;
}

.editor-select-kpi {
    width: 100% !important;
}

.kpiLabel {
    margin-bottom: 0px !important;
}

.optionsDivContent {
    border: 1px solid #ccc;
    width: 96%;
    float: left;
}

.recline-filter-editor.well {
    border: none;
    background: transparent;
    box-shadow: none;
}

.titleFilterContent {
    border: 1px solid #ccc;
    float: left;
    width: 87%;
    padding: 8px 12px;
}

form {
    margin: 0 0 8px;
}

.js-add button, .updBtn {
    margin-top: 7px !important;
}

.editor-group, .editor-select {
    width: 98%;
    float: left;
    display: none;
}

.group-border {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 92%;
}

.editor-interval label {
    width: 85%;
    line-height: 22px;
}

.editor-interval select {
    width: 100%;
}

.editor-interval {
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
    padding-bottom: 5px;
}

.recline-data-explorer label {
    margin: 0px; /*float: left;*/
}

.editor-series-group label {
    margin-top: 5px;
}

.editor-series-nvd3block label, .dataConvert label {
    margin-top: 0px;
    padding: 0px;
}

.editor-series-options #editor-data-show, .dataConvert #chkReverseConvert {
    float: none;
    margin-left: 0px;
}

.compareDiv {
    max-height: 90px;
    overflow: auto;
}

    .compareDiv div {
        padding: 5px;
    }

.series-group, .series-editor, .series-pivot {
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
}

.editor-series-group {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.editor-series-block, .editor-series-nvd3block {
    float: left;
    width: 100%;
}

.editor-series-nvd3block {
    display: none;
}

.graphSet {
    width: 100%;
    float: left;
    padding: 10px 0px;
}

.titleFilterContent label {
    margin-bottom: 2px;
    margin-top: 7px;
    margin-left: 8px;
}

.color-picker, .editor-options {
    margin-top: 10px;
}

.nvd3.nv-pie path {
    stroke: transparent;
}

#dashboardContainer .ui-button-text {
    color: #666;
}

.editor {
    width: 100%;
    float: left;
}

    .editor.kpi {
        border-bottom: 1px solid #ccc;
    }

span.sliced {
    display: block;
    clear: both;
    font-size: 10px;
    color: #6D6D6D;
    text-align: center;
}

.graphIcons {
    float: left;
    margin: 4px 4px 10px 4px;
}

.compareClass {
    padding: 10px 0px;
}

.seriesInput {
    width: 98%;
    clear: both;
    display: none;
}

.timeseriesgraphIcons {
    margin: 4px 0px 10px 27px;
}

.header .recline-results-info {
    margin-left: 5px;
}

.header .recline-pager {
    margin-left: 5px;
}

.recline-data-explorer .header .menu-right {
    margin-left: 0px;
    padding-left: 1px;
}

#rangeselector {
    background: #fff;
    cursor: pointer;
    padding: 4px 10px;
    border: 1px solid #ccc;
    min-width: 185px;
    float: left;
    margin-left: 5px;
}

.timeInterval select {
    /*height: 14px;*/
}

.recline-data-explorer input.span2, .recline-data-explorer textarea.span2, .uneditable-input.span2 {
    width: 97px;
}

.editor-interval, .timeInterval {
    display: none;
}

    .timeInterval select {
        width: auto;
    }

#toolbarIndex button {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.transpose, .dataConvert {
    float: left;
    width: 100%;
    padding: 0px 0px 5px 0px;
}

ul.tagging_ul li.tagging_new input.tagging_new_input {
    margin-left: 6px !important;
    height: 20px !important;
    border: 1px solid #ccc !important;
}

.editor-pivot-nvd3block /*.editor-series-pivot*/ {
    /*border: 1px solid #ccc;     border-radius: 5px;     overflow: auto;     max-height: 125px;     margin-bottom: 5px;         padding: 6px;*/
    display: none;
    float: left;
}

.nvd3 {
    width: 100%;
    height: 500px;
}

.dataConvert label {
    margin-top: 8px;
    width: auto;
    margin-right: 8px;
}

.labelsDiv label {
    border-bottom: 1px solid #ccc;
    padding-top: 7px;
    padding-bottom: 8px;
}

.dataConvert .defaultLabel {
    float: left;
}

.pivotLabel {
    float: left;
    width: 100%;
}

.graph .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0,0,0,0.5); /*dim the background*/
}

    .graph .overlay div.addColumns {
        width: 415px;
        background: #EBECEE;
        position: absolute;
        top: 15%;
        left: 35%;
        padding-bottom: 8px;
    }

.disabledOption {
    color: #C7C6C6;
}

.graph .overlay .closeColumns {
    float: right; /* margin: 5px; */ /* border: 1px solid #F6F6F6; */ /* border-radius: 25px; */
    color: #fff;
    font-size: 16px;
    padding: 9px;
    cursor: pointer; /* background-color: #fff; */
}

.headPivot span {
    position: relative;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin: 10px;
    float: left;
}

.saveDiv {
    float: right;
    margin: 7px;
}

    .saveDiv button {
        padding: 2px;
        font-weight: bold;
        width: 35px;
    }

.addColumns span.colText {
    display: block;
    padding: 5px;
    border: 1px solid #ccc;
    float: left;
    margin: 10px 0px 0px 10px;
    background-color: #ccc;
    border-radius: 3px;
    cursor: pointer;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 0px;
    border: 0px;
    margin: 0px;
    background-color: transparent;
    top: 0px; /*position: absolute;*/
    right: 37px;
}

    .ui-dialog .ui-dialog-buttonpane button {
        width: 50px;
        height: 23px;
        line-height: 12px;
    }

.addRows {
    float: left;
    width: 98%;
    height: 25px;
    margin-top: 5px;
    padding: 5px;
}

.addRowsDiv .selDiv span.colText, .addColDiv .selDiv span.colText, .addValDiv .selDiv span.colText {
    margin: 0px;
}

.selDiv {
    /* background-color: #f2f2f2; */
    width: 94%;
    margin-top: 0px;
    color: #fff;
    float: left;
    padding: 0px 5px;
    font-size: 12px; /* color: #9C9595; */
    line-height: 18px;
    border-radius: 2px;
}

.addColDiv .selDiv, .addValDiv .selDiv {
    width: 100%;
    clear: left;
}

.pivotDiv .leftblock {
    float: left;
    width: 47%;
}

.pivotDiv .rightblock {
    float: left;
    width: 49%;
}

.addRowsDiv {
    clear: left;
    padding: 5px;
    font-weight: bold;
    background-color: #fff;
    width: 100%;
    min-height: 150px;
    float: left;
}

.addColDiv, .addValDiv {
    /* margin-top: 15px; */
    font-weight: bold;
    width: 100%;
    margin: 0px 10px;
    padding: 5px;
    float: left;
    min-height: 70px;
    background-color: #fff;
}

.addValDiv {
    /*min-height: 100px;*/
    margin-top: 7px;
}

    .addColDiv select, .addValDiv select {
        float: right; /*width: 120px;*/
    }

.pivotDiv .colText {
    width: 100%;
    height: auto;
    color: #ccc;
    word-wrap: break-word;
    font-size: 11px;
    font-weight: normal; /* background-color: #f2f2f2; */
}


.headPivot {
    width: 100%;
    background: #343434;
    padding: 0px 0px;
    float: left;
}

.addColumns label {
    padding: 0px 5px;
}

.pivot-button {
    float: left;
    background: #EBECEE;
    width: 100%;
    padding: 10px 0px 10px 0px;
}

    .pivot-button label {
        background-color: #7f7f7f;
        border-radius: 3px;
        color: #fff !important;
        cursor: pointer;
        display: block;
        width: 44%;
        float: left;
        font-size: 12px;
        margin: 0px 0px 5px 10px;
        padding: 5px 9px;
        text-align: center;
    }

.pivotLabel #btnPivotConvert {
    background-color: #7f7f7f;
    border-radius: 3px;
    clear: both;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 12px;
    margin: 10px 2px;
    padding: 9px;
    text-align: center;
    width: 120px;
}

.recline-data-explorer input, .recline-data-explorer textarea, .recline-data-explorer select, .uneditable-input {
    margin-bottom: 0px;
}

    .recline-data-explorer select, .recline-data-explorer input[type="file"] {
        height: 20px;
    }

.addRowsDiv select, .addColDiv select, .addValDiv select {
    background: #fff;
    padding: 0px;
    float: right;
    font-size: 11px;
}

.savebutton_hide {
    opacity: .5 !important;
    pointer-events: none !important;
}


.saveDashlet {
    display: none;
    overflow: visible;
}

    .saveDashlet input, .saveDashlet textarea {
        margin: 1px 3px !important;
        padding: 3px 5px;
        width: 90%;
    }

    .saveDashlet .dash-row {
        width: 100%;
        clear: both;
        margin: 3px;
        padding: 2px;
        border: 1px solid transparent;
        border-top: none;
        border-left: none;
        min-height: 25px;
    }

    .saveDashlet .dash-label {
        width: 30%;
        float: left;
        text-align: right;
    }

    .saveDashlet .dash-text {
        width: 65%;
        float: left;
    }

.disabledItems {
    color: #999;
    opacity: 0.4;
    cursor: default !important;
    pointer-events: none;
}

.editor-group select {
    height: 28px;
}

.mis-container .header {
    margin-top: 10px;
}
/******* Paging  In Multy View *************/
.paging-container {
    float: left;
}
/*endendend* Paging  In Multy View *endendend*/ .mis-container .recline-slickgrid {
    /* min-height: 500px;*/
}

.recline-data-explorer .header {
    height: auto !important;
}

.mis-container .imgSpan {
    background-image: url(/content/themes/base/images/ui-icons_888888_256x240.png);
    background-position: 205px -208px;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
}

.mis-container .lnkSpan {
    cursor: pointer;
    text-decoration: underline;
}

.pivotDiv {
    background: #EBECEE;
}

.ui-dialog .ui-dialog-title {
    margin-left: 10px;
}

.pivotDiv.ui-dialog-content.ui-widget-content, .pivotDiv {
    background: #EBECEE;
    overflow: hidden;
    width: 100%;
    padding: 10px 10px 0px 10px;
}

.remove-tab .imgClose {
    background-image: url(/content/themes/base/images/ui-icons_888888_256x240.png);
    background-position: 179px 108px;
    width: 16px;
    height: 16px;
    display: block;
}

.bi-previewer-checkbox span {
    line-height: 22px;
}

.remove-tab {
    padding: 3px 6px !important;
}

.mis-container .slick-header {
    background: none !important;
    border: none !important;
    text-align: center;
}

.recline-data-explorer .header .navigation, .recline-pager, .menu-right {
    margin-bottom: 0px;
    padding-top: 2px;
}

.mis-container .menu-right {
    padding-right: 5px;
}

.mis-container legend {
    margin-bottom: 0px;
}

.mis-container .btn {
    text-decoration: none;
    background: #ffffff;
    border: 1px solid #999999;
    color: #212121;
    font-weight: bold;
    margin: 0px 2px;
    height: 21px;
    padding: 2px 10px;
    float: left;
    line-height: 15px;
    display: inline-block;
}

    .mis-container .btn:hover {
        text-decoration: none;
        background: url("themes/base/images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #DADADA;
        border: 1px solid #999999;
        color: #212121;
    }

.apple_btn {
    background: #5e5e5e;
    background: -webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,.2)),color-stop(0.05,rgba(0,0,0,0)),color-stop(0.95,rgba(0,0,0,0)),to(rgba(0,0,0,.2))),-webkit-gradient(linear,0 0,100% 0,from(rgba(0,0,0,.2)),color-stop(0.002,rgba(0,0,0,0)),color-stop(0.998,rgba(0,0,0,0)),to(rgba(0,0,0,.2))),url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA9QAAAAkCAMAAABfcIIyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVQTFRFAAAA%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F5YtmQAAAACd0Uk5TAAECAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaGxwdHh8gISIjJCUmZiD6WAAAAdlJREFUeF7t3btuFEEQheFzunotGYkIERA4spn3fyeHiAgEEtsXB82s2eEJavR%2F0Wjyo75XWfHpw4MkSXNqCkA2lr2%2B%2Fvz63n15qpI0x5yTSAM52XaxJLVXf%2FkoaY6xQk2sgXy8Ql2KJf3wS5HG6HMMQg3kZNkuxVGKNLxJo48%2BxhxTpBrIx7JcXEqUKJI3zd77CjWLaiAle4U6Iixv6q33MfocTL%2BBlCy7OEqJqCFvs%2FV2m3%2BTaiAd6zb7rlHtrbc1VA%2Bm30BSa%2B%2B7RNSo4a21thbVTL%2BBnCy7rCV1rdXbtbXW%2B%2Bh%2Ft78BZLM2v6NE1Fov%2FrpC3Zl%2BA2l5H6lrrRe%2FXNu%2BqCbUQE57qGvsoW5t9D4H028gJculOKLUWuvFz%2B16O9NipAZSsm8nWpfq53ZlTQ3k9s%2BamlADZ0CogZMh1MDJEGrgZAg1cDL%2Fh5ojLSC1%2ByMtLp8A2R0un3BNFEjv%2FpooDzqA9O4fdPD0Esju8PSSIglAdsciCZQzArI7lDOat30yCg8CGe2FB1eovZcI7oMSwUBSq0TwWlQHxfyBEzgW86ftDpDase0ODfKA7A4N8mhlC2R318r2px%2BeQqLpPJDae9P5%2FmrVz491%2FWekBlKy7PXVfn9rb9xXsMD2wdOcAAAAAElFTkSuQmCC") no-repeat 50% 50%,-webkit-gradient(linear,0 100%,0 0,from(#666),color-stop(0.5,#5e5e5e),color-stop(0.51,#707070),to(#808080)) !important;
    color: #fff !important;
    font-size: 12px !important;
    min-width: 60px;
    display: inline-block;
    padding: 4px 10px 4px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    float: left;
    border: 1px solid;
    border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAQAAABTNcdGAAAAEUlEQVQIHWP4r8bA8F%2BKwQEADZUCf37PGokAAAAASUVORK5CYII%3D") 0 2 0 1;
}

    .apple_btn:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .apple_btn:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .apple_btn:hover {
        background: #5e5e5e;
        background: background: #4c4c4c !important; /* Old browsers */
        background: -moz-linear-gradient(top, #4c4c4c 17%, #5e5e5e 68%) !important; /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(17%,#4c4c4c), color-stop(68%,#5e5e5e)) !important; /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #4c4c4c 17%,#5e5e5e 68%) !important; /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #4c4c4c 17%,#5e5e5e 68%) !important; /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #4c4c4c 17%,#5e5e5e 68%) !important; /* IE10+ */
        background: linear-gradient(to bottom, #4c4c4c 17%,#5e5e5e 68%) !important; /* W3C */
    }

    .apple_btn.active {
        background: -webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,.8)),color-stop(.1,rgba(0,0,0,0)),to(rgba(0,0,0,0))),-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,.2)),color-stop(.3,rgba(0,0,0,0)),color-stop(.7,rgba(0,0,0,0)),to(rgba(0,0,0,.2))),-webkit-gradient(linear,0 0,100% 0,from(rgba(0,0,0,.2)),color-stop(.2,rgba(0,0,0,0)),color-stop(.8,rgba(0,0,0,0)),to(rgba(0,0,0,.2))),-webkit-gradient(linear,0 0,0 102%,from(rgba(47,47,47,1)),color-stop(0.97,rgba(75,75,75,1)),color-stop(0.97,rgba(0,0,0,0)),to(rgba(0,0,0,.45))) !important;
        border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAQAAABTNcdGAAAAEUlEQVQIHWP4r8bA8F%2BKwQEADZUCf37PGokAAAAASUVORK5CYII%3D") 0 2 0 1;
    }

.filterType, .fields, .add-on input[type="text"] {
    margin-left: 0px !important;
}

.mis-container .info {
    padding: 6px 8px;
    font: 12px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
}

    .mis-container .info h4 {
        margin: 0 0 5px;
        color: #777;
    }

.mis-container .legend {
    text-align: left;
    line-height: 18px;
    color: #555;
}

    .mis-container .legend i {
        width: 18px;
        height: 18px;
        float: left;
        margin-right: 8px;
        opacity: 0.7; /*border-bottom: 1px solid gray;*/
    }

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right !important;
}

.mis-container .editor-options {
    padding-top: 10px;
}

.clearfix fieldset, .filters fieldset, .options fieldset {
    border: 1px solid #ddd;
    padding: 0 1.2em 1.2em 1.2em;
    margin: 0 0 2px 0;
}

.clearfix legend, .filters legend, .options legend {
    font-size: 12px !important;
    margin-bottom: 0px;
    border-bottom: 0px;
}

.mis-container .options legend {
    line-height: normal !important;
    width: auto !important;
}

.mis-container .accordion_headdiv {
    cursor: pointer;
    background: url(/content/themes/base/images/ui-icons_454545_256x240.png);
    float: left;
    width: 14px;
    height: 14px;
    background-position: -64px -16px;
}

.mis-container .collapsed {
    cursor: pointer;
    background: url(/content/themes/base/images/ui-icons_454545_256x240.png);
    float: left;
    width: 14px;
    height: 14px;
    background-position: -32px -16px;
}

.mis-container .accordion_head p {
    margin-left: 20px;
    font-weight: bold;
    cursor: pointer;
    color: #949494;
}

    .mis-container .accordion_head p:hover {
        color: #000;
    }

.mis-container .accordion_head {
}

.mis-container .accordion_body {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E2E2E2;
    padding-bottom: 3px;
}

#accordion_filter {
    width: 100%;
    clear: both;
    overflow: hidden;
    padding-bottom: 5px;
}

.btn-group a:hover, .js-remove-filter:hover {
    text-decoration: none !important;
}

.mis-container .header {
    /* background: #e4e3e3;*/
}

.recline-slickgrid .slick-header-columns .slick-header-column {
    background: #939393;
    color: #fff;
}

.recline-slickgrid .slick-row:hover {
    background-color: #ECF7FB;
}

.recline-slickgrid .slick-row:nth-child(even) {
    background-color: #FCFCFC;
}

.mis-container .btngo {
    margin-top: 4px !important;
}

.mis-container .data-view-container {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

span.jtable-add-record {
    /*padding: 0;*/
}

.mis-container .btn-recline {
    margin-top: 5px !important;
}

.leaflet-control-layers label {
    display: block;
}

.leaflet-control-layers input[type="radio"] {
    margin: 1px 3px 3px;
}

.leaflet-control-layers form {
    margin: 0px;
}

.mis-container .drilldown-container {
    padding: 5px 40px;
    border: 1px solid silver;
    border-top-color: transparent;
}

.mis-container .drilldown-grid {
    overflow: auto !important;
    height: auto !important;
}

.mis-container .search-tab {
    /*top: 100px;*/
    top: 110px; /*right: -310px;*/
    right: 30px;
    position: fixed;
    z-index: 9999;
    width: auto;
}

.mis-container .search-btn {
    float: left; /*top: 60px;*/
    top: 7px;
    position: relative;
    width: 30px;
    height: 83px;
    background-image: url('../content/Images/criteria.png');
    margin-left: 0px;
}

.mis-container .search-div {
    float: left;
    min-width: 310px; /*height: 670px;*/
    height: 570px;
    background: #fff;
    position: relative; /*  display: none;*/
    border: 1px solid gray;
    border-right: none;
    border-radius: 5px;
}

.search-div .tblAdvanceSearch tr {
    /*display: block;*/
}

.mis-container .infobox {
    border: 0;
}

.mis-container .infobox-td-left, .mis-container .infobox-td-right {
    padding-right: 5px;
    padding-left: 5px;
}

.mis-container .infobox-td-left {
    text-align: right;
    border-right: 1px solid #c3c3c3;
}

.mis-container .infobox-td-right {
    text-align: left;
    border-right: 0;
    border-left: 0;
}

.mis-container .infobox-tr {
    border-bottom: 1px solid #c3c3c3;
}

.slick-sort-indicator, .slick-sort-indicator-desc, .slick-sort-indicator-asc {
    width: 14px;
    height: 16px;
    float: right;
    cursor: pointer;
}

.mis-container .slick-sort-indicator {
    background: url(../../Scripts/jtable/themes/standard/column-sortable.png);
}

.slick-sort-indicator-desc {
    background: url(../../Scripts/jtable/themes/standard/column-desc.png);
}

.slick-sort-indicator-asc {
    background: url(../../Scripts/jtable/themes/standard/column-asc.png);
}

label input, label textarea, label select {
    display: inline-block !important;
}

.mis-container .option-view {
    display: none;
}

.options .radio-group div {
    padding-top: 10px;
    padding-right: 3px;
    float: left;
}

.options .radio-group, .options .checkbox-group {
    clear: both;
    width: 100%;
    margin: 10px;
}

.recline-flot .graph_border {
    border: 1px solid #aaaaaa;
}

.createCheckBoxField, .createFieldNameColumn, .createDdlFilterOperatorColumn, .createTextFieldColumn {
    word-break: break-all;
    width: auto;
}

.mis-container .add-on {
    display: none !important;
}

.mis-container .dropdown-export {
    float: left;
    margin-top: 4px;
}

.mis-container .export-group {
    float: left;
}

.mis-container .export-groupbtn {
    margin-top: 8px;
}

.header .recline-pager .pagination a {
    height: 22px;
    line-height: 20px;
}

.header .recline-pager .pagination input {
    height: auto;
    padding: 0px;
    margin-top: 1px !important;
    text-align: center;
}

.header .recline-results-info {
    line-height: 25px;
}

.recline-data-explorer input.span2, .recline-data-explorer textarea.span2, .uneditable-input.span2 {
    height: 14px;
    margin-top: 0px !important;
    border-radius: 5px;
}

.recline-data-explorer .header .menu-right {
    border-left: 0px;
}

.recline-data-explorer .header .navigation, .recline-pager, .menu-right {
    padding-top: 0px;
}

.header .recline-query-editor form button {
    padding-top: 0px;
    margin-top: 0px !important;
    height: 24px;
}

.recline-data-explorer select, .recline-data-explorer input[type="file"] {
    width: 100%;
    margin: 0 !important;
}

.mis-container .input {
    /*margin-top: 5px;*/
    margin-bottom: 5px;
}

.mis-container .series-editor .inputSelect {
    margin-bottom: 6px;
    float: left;
    width: 96%;
    display: none;
}

.mis-container .export_data {
    width: auto !important;
}

.mis-container .div-legend {
    padding-bottom: 2px;
    clear: both;
}

.mis-container .recline-slickgrid {
    min-height: 500px !important;
}

.mis-container .exportPopup ul {
    list-style-type: none;
}

.ui-dialog .ui-dialog-buttonpane button {
    padding: 3px 14px;
}

div.modalContent ul li {
    text-align: left;
    list-style: none;
    padding: 10px;
}

.mis-container .color-slabs {
    margin-top: 10px;
    float: left;
}

    .mis-container .color-slabs label {
        margin-top: 6px;
        float: left;
    }

    .mis-container .color-slabs select {
        width: 50px;
        height: 25px;
    }

.labelExport {
    float: left;
}

.close {
    position: absolute;
    right: 0;
}

.spaceDiv {
    clear: both;
    height: 5px;
}

.recline-data-explorer .header {
    background: #fff !important;
    display: none;
}

.outerGraphtype {
    width: 100%;
    background: #fff;
    float: left;
    border-bottom: 1px solid #ccc;
    padding: 5px 0px;
}

.graphType {
    background: #fff;
    width: 90%;
    height: 18px;
    background-repeat: no-repeat;
    padding: 5px 0px;
}

.editor-type {
    display: none;
    width: 96%;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.slick-header-columns {
    font-size: 12px;
    font-family: arial;
    color: #000 color: black !important;
}

.recline-slickgrid {
    margin: 12px 0px;
    padding: 20px 0px;
    border-bottom: 1px solid #E3E3E3;
    border-top: 1px solid #E3E3E3;
}

.data-view-container > div:last-child {
    margin: 20px 0px;
}

#jtableSideViewFilterTab {
    margin: 5px 0px 5px 6px;
}

.slick-cell, .slick-headerrow-column {
    border-right: 1px dotted #E7D8D8;
    border-bottom-color: #E7D8D8;
    padding-left: 8px;
    padding-right: 8px;
}

.slick-header-column.ui-state-default {
    height: 29px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
}

.recline-slickgrid .slick-header-columns .slick-header-column {
    text-shadow: none;
    font-weight: normal;
}

.divSeries {
    margin: 5px;
}

    .divSeries .chkSeries {
        margin-right: 5px !important;
    }

.chkGroup {
    width: 100%;
    border: 1px solid #cdcdcd;
    border-radius: 0px;
    float: left;
    overflow: auto;
    max-height: 125px;
    margin-bottom: 0px;
    display: none;
}

.kpiDiv {
    width: 90%;
    border: 1px solid #ccc;
    border-radius: 5px; /*float: left;*/
    max-height: 135px;
    padding: 5px;
    display: none;
}

.optionSelect {
    margin-left: 6px;
    font-size: 11px;
    color: #0080FF;
}

.form-stacked fieldset {
    margin: 3px 0px;
    padding: 5px 0px;
}

.ui-button-text-only .ui-button-text {
    color: #000;
}

.option-view, .recline-filter-editor {
    width: 100%;
    float: left;
}

.recline-filter-editor {
    padding: 0px;
    margin-top: 10px;
}

.nvd3 .nv-discretebar .nv-groups text, .nvd3 .nv-multibarHorizontal .nv-groups text {
    font-weight: normal;
    fill: #858989; /*stroke: #858989;*/
}

.tiledGraph {
    width: 41px;
    height: 41px;
    margin: 0 10px 3px 10px;
    vertical-align: middle;
    background: #fff;
    float: left;
    text-align: center;
    color: #fff;
    word-wrap: break-word;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url('../Scripts/ContextMenu/images/contextmenu/iconsSprite.png');
}

    .tiledGraph.multiBar, #multiBar .spriteIcon {
        background-position: -25px -171px;
    }

        .tiledGraph.multiBar:hover, .tiledGraph.multiBar.active, #multiBar .spriteIcon:hover {
            background-position: -25px -214px;
        }

    .tiledGraph.multiBarHorizontal, #multiBarHorizontal .spriteIcon {
        background-position: -118px -171px;
    }

        .tiledGraph.multiBarHorizontal:hover, .tiledGraph.multiBarHorizontal.active, #multiBarHorizontal .spriteIcon:hover {
            background-position: -118px -214px;
        }

    .tiledGraph.cumulativeLine, #cumulativeLine .spriteIcon {
        background-position: -256px -172px;
    }

        .tiledGraph.cumulativeLine:hover, .tiledGraph.cumulativeLine.active, #cumulativeLine .spriteIcon:hover {
            background-position: -256px -215px;
        }

    .tiledGraph.discreteBar, #discreteBar .spriteIcon {
        background-position: -72px -171px;
    }

        .tiledGraph.discreteBar:hover, .tiledGraph.discreteBar.active, #discreteBar .spriteIcon:hover {
            background-position: -73px -214px;
        }

    .tiledGraph.line, #line .spriteIcon {
        background-position: -163px -172px;
    }

        .tiledGraph.line:hover, .tiledGraph.line.active, #line .spriteIcon:hover {
            background-position: -164px -214px;
        }

    .tiledGraph.linePlusBar, #linePlusBar .spriteIcon {
        background-position: -209px -171px;
    }

        .tiledGraph.linePlusBar:hover, .tiledGraph.linePlusBar.active, #linePlusBar .spriteIcon:hover {
            background-position: -210px -215px;
        }

    .tiledGraph.lineWithFocus, #lineWithFocus .spriteIcon {
        background-position: -301px -171px;
    }

        .tiledGraph.lineWithFocus:hover, .tiledGraph.lineWithFocus.active, #lineWithFocus .spriteIcon:hover {
            background-position: -301px -216px;
        }

    .tiledGraph.scatter, #scatter .spriteIcon {
        background-position: -347px -171px;
    }

        .tiledGraph.scatter:hover, .tiledGraph.scatter.active, #scatter .spriteIcon:hover {
            background-position: -347px -214px;
        }

    .tiledGraph.scatterPlusLine, #scatterPlusLine .spriteIcon {
        background-position: -394px -171px;
    }

        .tiledGraph.scatterPlusLine:hover, .tiledGraph.scatterPlusLine.active, #scatterPlusLine .spriteIcon:hover {
            background-position: -394px -214px;
        }

    .tiledGraph.stackedArea, #stackedArea .spriteIcon {
        background-position: -439px -171px;
    }

        .tiledGraph.stackedArea:hover, .tiledGraph.stackedArea.active, #stackedArea .spriteIcon:hover {
            background-position: -439px -214px;
        }

    .tiledGraph.pie, #pie .spriteIcon {
        background-position: -485px -171px;
    }

        .tiledGraph.pie:hover, .tiledGraph.pie.active, #pie .spriteIcon:hover {
            background-position: -486px -214px;
        }

    .tiledGraph.donut, #donut .spriteIcon {
        background-position: -530px -171px;
    }

        .tiledGraph.donut:hover, .tiledGraph.donut.active, #donut .spriteIcon:hover {
            background-position: -532px -214px;
        }

.updown, .updownSeries, .updownkpi, .updownGroups, .updownCompare, .updownInterval {
    width: 21px;
    height: 21px;
    float: right;
    margin-right: 8px;
    margin-top: -24px;
    background-image: url('../Scripts/ContextMenu/images/contextmenu/sprite_dashboard.png');
    cursor: pointer;
}

.updownSeries {
    margin-top: -28px;
    margin-right: 8px;
}

.updownkpi, .updownGroups {
    margin-top: -28px;
}

.updownInterval {
    margin-top: 4px;
}

.timeInterval {
    /*width: 6%;     float: left;     margin-left: 5px;*/
    margin-top: 3px;
}

.slideDown, .slideDownType, .kpiSlideDown, .seriesSlideDown, .groupsSlideDown, .slideDownCompare, .intervalSlideDown {
    background-position: -409px -165px;
}

.slideUp, .slideUpType, .kpiSlideUp, .seriesSlideUp, .groupsSlideUp, .slideUpCompare, .intervalSlideUp {
    background-position: -429px -165px;
}

.editor-series label, .series-editor label, .kpiLabel, .optionsDiv, .series-group label, .editor-interval label, .series-pivot label {
    float: left;
    width: 90%;
    background: #fff;
    color: #000 !important;
    height: 26px;
    padding: 5px 0px;
}

.editor-compare {
    display: none;
}

.titleFilter {
    float: left;
    width: 91.5%;
    background: #fff;
    padding: 7px;
    color: #000 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.recline-filter-editor .filters {
    width: 97%;
    float: left;
}

.editor-select-kpi {
    width: 100% !important;
}

.kpiLabel {
    margin-bottom: 0px !important;
}

.optionsDivContent {
    border: 1px solid #ccc;
    width: 96%;
    float: left;
}

.recline-filter-editor.well {
    border: none;
    background: transparent;
    box-shadow: none;
}

.titleFilterContent {
    border: 1px solid #ccc;
    float: left;
    width: 87%;
    padding: 8px 12px;
}

form {
    margin: 0 0 8px;
}

.js-add button, .updBtn {
    margin-top: 7px !important;
}

.editor-group, .editor-select {
    width: 100%;
    float: left;
    display: none;
}

.group-border {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 92%;
}

.editor-interval label {
    width: 85%;
    line-height: 22px;
}

.editor-interval select {
    width: 100%;
}

.editor-interval {
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
    padding-bottom: 5px;
}

.recline-data-explorer label {
    margin: 0px; /*float: left;*/
}

.editor-series-group label {
    margin-top: 5px;
}

.editor-series-nvd3block label, .dataConvert label {
    margin-top: 0px;
    padding: 0px;
}

.editor-series-options #editor-data-show, .dataConvert #chkReverseConvert {
    float: none;
    margin-left: 0px;
}

.compareDiv {
    max-height: 90px;
    overflow: auto;
}

    .compareDiv div {
        padding: 5px;
    }

.series-group, .series-editor, .series-pivot {
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
}

.editor-series-group {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.editor-series-block, .editor-series-nvd3block {
    float: left;
    width: 100%;
}

.editor-series-nvd3block {
    display: none;
}

.graphSet {
    width: 100%;
    float: left;
    padding: 10px 0px;
}

.titleFilterContent label {
    margin-bottom: 2px;
    margin-top: 7px;
    margin-left: 8px;
}

.color-picker, .editor-options {
    margin-top: 10px;
}

.nvd3.nv-pie path {
    stroke: transparent;
}

#dashboardContainer .ui-button-text {
    color: #666;
}

.editor {
    width: 100%;
    float: left;
}

    .editor.kpi {
        border-bottom: 1px solid #ccc;
    }

span.sliced {
    display: block;
    clear: both;
    font-size: 10px;
    color: #6D6D6D;
    text-align: center;
}

.graphIcons {
    float: left;
    margin: 4px 4px 10px 4px;
}

.compareClass {
    padding: 10px 0px;
}

.seriesInput {
    width: 98%;
    clear: both;
    display: none;
}

.timeseriesgraphIcons {
    margin: 4px 0px 10px 27px;
}

.header .recline-results-info {
    margin-left: 5px;
}

.header .recline-pager {
    margin-left: 5px;
}

.recline-data-explorer .header .menu-right {
    margin-left: 0px;
    padding-left: 1px;
}

#rangeselector {
    background: #fff;
    cursor: pointer;
    padding: 4px 10px;
    border: 1px solid #ccc;
    min-width: 185px;
    float: left;
    margin-left: 5px;
}

.timeInterval select {
    /*height: 14px;*/
}

.recline-data-explorer input.span2, .recline-data-explorer textarea.span2, .uneditable-input.span2 {
    width: 97px;
}

.editor-interval, .timeInterval {
    display: none;
}

    .timeInterval select {
        width: auto;
    }

.catalogName {
    text-align: center;
    font-size: 13px;
    padding: 0px 0px 0px 0px;
    color: #948C8C;
    margin-top: -15px;
}

#toolbarIndex button {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.transpose, .dataConvert {
    float: left;
    width: 100%;
    padding: 0px 0px 5px 0px;
}

ul.tagging_ul li.tagging_new input.tagging_new_input {
    margin-left: 6px !important;
    height: 20px !important;
    border: 1px solid #ccc !important;
}

.editor-pivot-nvd3block /*.editor-series-pivot*/ {
    /*border: 1px solid #ccc;     border-radius: 5px;     overflow: auto;     max-height: 125px;     margin-bottom: 5px;         padding: 6px;*/
    display: none;
    float: left;
}

.nvd3 {
    width: 100%;
    height: 500px;
}

.dataConvert label {
    margin-top: 8px;
    width: auto;
    margin-right: 8px;
}

.labelsDiv {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

    .labelsDiv label {
        border-bottom: 1px solid #ccc;
        padding-top: 7px;
        padding-bottom: 8px;
    }

.dataConvert .defaultLabel {
    float: left;
}

.pivotLabel {
    float: left;
    width: 100%;
}

.graph .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0,0,0,0.5); /*dim the background*/
}

    .graph .overlay div.addColumns {
        width: 415px;
        background: #EBECEE;
        position: absolute;
        top: 15%;
        left: 35%;
        padding-bottom: 8px;
    }

.disabledOption {
    color: #C7C6C6;
}

.graph .overlay .closeColumns {
    float: right; /* margin: 5px; */ /* border: 1px solid #F6F6F6; */ /* border-radius: 25px; */
    color: #fff;
    font-size: 16px;
    padding: 9px;
    cursor: pointer; /* background-color: #fff; */
}

.headPivot span {
    position: relative;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin: 10px;
    float: left;
}

.saveDiv {
    float: right;
    margin: 7px;
}

    .saveDiv button {
        padding: 2px;
        font-weight: bold;
        width: 35px;
    }

.addColumns span.colText {
    display: block;
    padding: 5px;
    border: 1px solid #ccc;
    float: left;
    margin: 10px 0px 0px 10px;
    background-color: #ccc;
    border-radius: 3px;
    cursor: pointer;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 0px;
    border: 0px;
    margin: 0px;
    background-color: transparent;
    top: 0px; /*position: absolute;*/
    right: 37px;
}

    .ui-dialog .ui-dialog-buttonpane button {
        width: 50px;
        height: 23px;
        line-height: 12px;
    }

.addRows {
    float: left;
    width: 98%;
    height: 25px;
    margin-top: 5px;
    padding: 5px;
}

.addRowsDiv .selDiv span.colText, .addColDiv .selDiv span.colText, .addValDiv .selDiv span.colText {
    margin: 0px;
}

.selDiv {
    /* background-color: #f2f2f2; */
    width: 94%;
    margin-top: 0px;
    color: #fff;
    float: left;
    padding: 0px 5px;
    font-size: 12px; /* color: #9C9595; */
    line-height: 18px;
    border-radius: 2px;
}

.addColDiv .selDiv, .addValDiv .selDiv {
    width: 100%;
    clear: left;
}

.pivotDiv .leftblock {
    float: left;
    width: 47%;
}

.pivotDiv .rightblock {
    float: left;
    width: 49%;
}

.addRowsDiv {
    clear: left;
    padding: 5px;
    font-weight: bold;
    background-color: #fff;
    width: 100%;
    min-height: 150px;
    float: left;
}

.addColDiv, .addValDiv {
    /* margin-top: 15px; */
    font-weight: bold;
    width: 100%;
    margin: 0px 10px;
    padding: 5px;
    float: left;
    min-height: 70px;
    background-color: #fff;
}

.addValDiv {
    /*min-height: 100px;*/
    margin-top: 7px;
}

    .addColDiv select, .addValDiv select {
        float: right; /*width: 120px;*/
    }

.pivotDiv .colText {
    width: 100%;
    height: auto;
    color: #ccc;
    word-wrap: break-word;
    font-size: 11px;
    font-weight: normal; /* background-color: #f2f2f2; */
}


.headPivot {
    width: 100%;
    background: #343434;
    padding: 0px 0px;
    float: left;
}

.addColumns label {
    padding: 0px 5px;
}

.pivot-button {
    float: left;
    background: #EBECEE;
    width: 100%;
    padding: 10px 0px 10px 0px;
}

    .pivot-button label {
        background-color: #7f7f7f;
        border-radius: 3px;
        color: #fff !important;
        cursor: pointer;
        display: block;
        width: 44%;
        float: left;
        font-size: 12px;
        margin: 0px 0px 5px 10px;
        padding: 5px 9px;
        text-align: center;
    }

.pivotLabel #btnPivotConvert {
    background-color: #7f7f7f;
    border-radius: 3px;
    clear: both;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 12px;
    margin: 10px 2px;
    padding: 9px;
    text-align: center;
    width: 120px;
}

.recline-data-explorer input, .recline-data-explorer textarea, .recline-data-explorer select, .uneditable-input {
    margin-bottom: 0px;
}

    .recline-data-explorer select, .recline-data-explorer input[type="file"] {
        height: 20px;
    }

.addRowsDiv select, .addColDiv select, .addValDiv select {
    background: #fff;
    padding: 0px;
    float: right;
    font-size: 11px;
}

.savebutton_hide {
    opacity: .5 !important;
    pointer-events: none !important;
}


.saveDashlet {
    display: none;
    overflow: visible;
}

    .saveDashlet input, .saveDashlet textarea {
        margin: 1px 3px !important;
        padding: 3px 5px;
        width: 90%;
    }

    .saveDashlet .dash-row {
        width: 100%;
        clear: both;
        margin: 3px;
        padding: 2px;
        border: 1px solid transparent;
        border-top: none;
        border-left: none;
        min-height: 25px;
    }

    .saveDashlet .dash-label {
        width: 30%;
        float: left;
        text-align: right;
    }

    .saveDashlet .dash-text {
        width: 65%;
        float: left;
    }

.disabledItems {
    color: #999;
    opacity: 0.4;
    cursor: default !important;
    pointer-events: none;
}

.editor-group select {
    height: 28px;
}

.mis-container .header {
    margin-top: 10px;
}
/******* Paging  In Multy View *************/
.paging-container {
    float: left;
}
/*endendend* Paging  In Multy View *endendend*/
.series-group, .series-editor, .indicatorBody, .countryBody, .breakdownBody {
    display: none;
}

.average {
    margin-top: 10px;
    line-height: 10px;
    display: none;
}

.reverseField .labelType {
    margin-right: 10px;
}

.nvd3 .nv-axis path {
    shape-rendering: initial;
}

.showLegend, .hideLegend {
    background: url('../Images/Legnd_icon.png') no-repeat;
    height: 25px;
    cursor: pointer;
    float: left;
}

.legendDiv {
    margin-left: 30px;
    padding-top: 5px;
}

.statistics-page .content-wrapper .slick-header-column.ui-state-default {
    height: auto;
}

.slick-header-columns, .slick-headerrow-columns {
    white-space: normal;
}

.statistics-page .content-wrapper .slick-header-columns {
    background: #D1D2D4 !imporatant;
}

.slick-header-column.headerAlignWithBorder {
    border-right: 1px solid #B5AEAE!important
}
.iadb-page .highlight {
    font-size: 12px;
}