.northEast {
    right: 0px;
    height: 52px;
    width: 230px;
    z-index: 1500;
    /*margin-top: -px;*/
}

.ReportBaseOuterContainer
{
    float           : left;
    width           : 100%;
    height          : 100%;
    background      : #efefef;
}
.ReportBaseContainerWrapper
{
    position        : relative;
    left            : 0;
    top             : 0;
    width           : 100%;
    height          : 100%;
}
.ReportBaseContainer /*değiştirdim*/
{
    position        : absolute;
    /*left            : 50px;*/
    /*top             : 7px;*/
    width           : 100%;
    height          : -moz-calc(100% - 30px); height: -webkit-calc(100% - 30px); height: calc(100% - 30px);
}

.ReportNorth/*değiştirdim*/
{
    float           : left;
    width           : 100%;
    height          : 50px;
}

.ReportNorth > .menuButton { /*yeni ekledim*/
    float: left;
    height: 100%;
    width: 50px;
    background: url(/themes/images/newMenu/newMenu/sol.svg) center no-repeat;
    cursor: pointer;
}

.ReportNorth > .menuButton[is-menuactive = "true"] {
    background: url(/themes/images/newMenu/newMenu/sag.svg) center no-repeat;
}

.ReportNorth > .applicationLogoContainer .menuText { /*yeni eklendi*/
    float: left;
    width: calc(100% - 96px);
    width: -webkit-calc(100% - 96px);
    width: -moz-calc(100% - 96px);
    margin-top: 15px;
    height: 20px;
    text-align: left;
    font: 400 15px/20px Segoe UI;
    letter-spacing: 0px;
    color: #818C97;
    opacity: 1;
    margin-left : 5px;
}

.ReportNorth .applicationMenu {
    float: left;
    width: 239px;
    height: 100%;
}

.ReportNorth > .applicationMenu > .firsthamburger{
    float : left;
    height : 100% ;
    width : 52%
}

.ReportNorth > .applicationMenu > .secondhamburger {
    float: left;
    height: 100%;
    width: 48%
}

.ReportNorth>.applicationMenu>.firsthamburger>.hamburger[first] {
    /*margin-left: 7px;*/
    margin-top: 9px;
    background: url(images/reports_smll.png) center no-repeat;
    float: left;
    width: 22px;
    height: 22px;
}

.ReportNorth .applicationMenu .hamburgerArrow {
    width: 12px;
    height: 100%;
    background: url(images/dropdown_icon.png) no-repeat;
    float: right;
    margin-top: 17px;
}

.ReportNorth .applicationLogoContainer {/*değiştirdim*/
    /*top         : 13px;*/
    width   : 290px;
    height  : 100%;
    float   : left;
    padding-left : 8px;

}
.ReportNorth .applicationLogoContainer .separator{
    float: left;
    width: 9px;
    height: 28px;
    margin-top: 4px;
    margin-bottom: 4px;
    background: url(images/arrow.png) center no-repeat;
}
.ReportNorth .applicationMenu .logoContainer .applicationLogoContainer {
    float: left;
    /*top     : 13px;*/
    margin-left: 17px;
    width: 81px;
    height: 44px;
    opacity: 1;
}

.ReportNorth .applicationMenu .logoContainer .applicationLogoContainerText {
    float: left;
    margin-top: 14px;
    width: 50px;
    height: 20px;
    text-align: left;
    font: Regular 15px/20px Segoe UI;
    letter-spacing: 0;
    color: #818C97;
    opacity: 1;
}

.ReportNorth > .applicationText
{
    float           : left;
    height          : 36px;
    line-height     : 36px;
    vertical-align  : middle;
    font-size       : 14px;
}
.ReportNorth > .status
{
    float               : right;
    width               : 15px;
    height              : 15px;
    margin-top          : 10px;
    background-position : center center;
    background-repeat   : no-repeat;
}
.ReportNorth > .status[type="connecting"]
{
    background-image    : url('data:image/gif;base64,R0lGODlhDwAPAKIFAJmZmYCAgHl5eXh4eHd3d////wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUY4REM3QjVGMUZGMTFFN0FEQTI4M0E1QjcwQTdGMEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUY4REM3QjZGMUZGMTFFN0FEQTI4M0E1QjcwQTdGMEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRjhEQzdCM0YxRkYxMUU3QURBMjgzQTVCNzBBN0YwRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRjhEQzdCNEYxRkYxMUU3QURBMjgzQTVCNzBBN0YwRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUUAAUALAAAAAAPAA8AAAMOWLrc/jDKSau9OOvNbwIAIfkEBRQABQAsAAAJAAMABgAAAwYIpNT+LwEAIfkEBRQABQAsAAAGAAcACQAAAxFYWkCwhUgoSbCxTr151l/1JQAh+QQFFAAFACwAAAMACwAMAAADHFi6CgSMkRnXJCwUfavq3iUUo0SFZwWqabS6UwIAIfkEBRQABQAsAAAAAA8ADwAAAyZYuqxAoMlC6myV3FB4vswHKqIiFGdojdQ6ZkMRXyVY066d4xqbJQA7');
}
.ReportNorth > .status[type="online"]
{
    background-image    : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzVFMkU2NTlGMUZGMTFFN0IwOThEODVBRjJDNEQxOEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzVFMkU2NUFGMUZGMTFFN0IwOThEODVBRjJDNEQxOEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNUUyRTY1N0YxRkYxMUU3QjA5OEQ4NUFGMkM0RDE4RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNUUyRTY1OEYxRkYxMUU3QjA5OEQ4NUFGMkM0RDE4RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqAJM0AAABPSURBVHjaYvn//z8DKUBnivh+IOUAxAeYGEgHDjCaHM1wwEKKM6/kvHRElmMixZnoEtR1Nj5nEmMzTmdS19mkOBObzUQ7k6rOHqKaAQIMAJrDFrod5oD9AAAAAElFTkSuQmCC');
}
.ReportNorth > .status,
.ReportNorth > .status[type="offline"]
{
    background-image    : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0JENDg0RjBGMUZGMTFFNzgyREE5MzFDNTU1QkM0NDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0JENDg0RjFGMUZGMTFFNzgyREE5MzFDNTU1QkM0NDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQkQ0ODRFRUYxRkYxMUU3ODJEQTkzMUM1NTVCQzQ0MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQkQ0ODRFRkYxRkYxMUU3ODJEQTkzMUM1NTVCQzQ0MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoMCbu8AAABMSURBVHjaYiwvL2cgEewHYgcgPsDEQDpwgNHkaIYDJiKd+R9Kk6zZAY0mSTNJzsbpTGI043Qm1Z1NtDOxaSbamR0dHbQN7SGgGSDAAEL5DlGgw3UwAAAAAElFTkSuQmCC');
}
.transitionElement
{
    background-color    : #172D41;
    color               : #fff;
    transition          : background-color 2s;
}
.reportWindow
{
    float               : left;
    width               : 100%;
    height              : 100%;
}
.reportWindow .leftWindow
{
    float               : left;
    width               : 320px;
    height              : 100%;
    position            : relative;
    transition-property : width;
    transition-duration : 0.5s;
    transition-timing-function: linear;
}
.reportWindow .leftWrapper
{
    float               : left;
    width               : 320px;
    height              : 100%;
}
.reportWindow .leftCloser
{
    position            : absolute;
    width               : 30px;
    top                 : -moz-calc(50% - 25px);
    top                 : -webkit-calc(50% - 25px);
    top                 : calc(50% - 25px);
    left                : 0px;
    height              : 50px;
    border-radius       : 0 10px 10px 0;
}
.reportWindow .leftCloser[status="opened"] { background: url(images/notch-left-arrow.png) no-repeat center #ddd; }
.reportWindow .leftCloser[status="closed"] { background: url(images/notch-right-arrow.png) no-repeat center #ddd; }
.reportWindow .rightWindow
{
    float               : left;
    width               : -moz-calc(100% - 380px);
    width               : -webkit-calc(100% - 380px);
    width               : calc(100% - 380px);
    height              : -moz-calc(100% - 20px);
    height              : -webkit-calc(100% - 20px);
    height              : calc(100% - 20px);
    padding             : 10px 20px 10px 40px;
    background          : #fff;
    position            : relative;
    transition-property : width;
    transition-duration : 0.5s;
    transition-timing-function: linear;
}
.reportWindow .rightToolbar
{
    float               : left;
    width               : 100%;
    height              : 50px;
}
.reportWindow .rightGrid
{
    float               : left;
    width               : 100%;
    height              : 100%;
}

.reportWindow .rightGridChart {
    float: left;
    width: 100%;
    height: -moz-calc(50% - 110px);
    height: -webkit-calc(50% - 110px);
    height: calc(50% - 110px);
    /*margin-top: 50px;*/
    background-color: #FFFFFF;
}

.reportWindow .rightGridChartWaiter {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: -moz-calc(50% - 20px);
    height: -webkit-calc(50% - 20px);
    height: calc(50% - 110px);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.85);
    background-image: url(images/load.gif);
}

.reportWindow .rightGridNodeSelector {
    float: left;
    width: 500px;
    margin-top: 50px;
}

.reportWindow .bottomWrapper {
    float: left;
    width: 100%;
    height: 100%;
    margin-top: 30px;
    z-index: 1000;
}

.reportWindow .bottomWrapperCloser {
    float: right;
    margin-top: 50px;
    margin-right: 5px;
}

.reportWindow .runButton {
    float: right;
    width: 120px;
    margin: 20px 20px 0 0;
}
.reportWindow .exportButton
{
    width               : 36px;
    height              : 36px;
    margin              : 0 5px;
    border-radius       : 5px;
}
.reportWindow .exportButton[type="0"]{ background: url(/themes/images/json.png) no-repeat center; }
.reportWindow .exportButton[type="1"]{ background: url(/themes/images/xml.png) no-repeat center; }
.reportWindow .exportButton[type="2"]{ background: url(/themes/images/xls.png) no-repeat center; }
.reportWindow .exportButton[type="3"]{ background: url(/themes/images/xlsx.png) no-repeat center; }
.reportWindow .exportButton[type="4"]{ background: url(/themes/images/pdf.png) no-repeat center; }
.reportWindow .exportButton[type="5"]{ background: url(/themes/images/csv.png) no-repeat center; }
.reportWindow .exportButton[type="6"]{ background: url(/themes/images/chart.png) no-repeat center; }
.reportWindow .playButton
{
    float               : left;
    width               : 32px;
    height              : 32px;
    margin              : 2px 2px;
    background          : url(images/play.png) no-repeat center;
}
.reportWindow .pauseButton
{
    float               : left;
    width               : 32px;
    height              : 32px;
    margin              : 2px 2px;
    background          : url(images/pause.png) no-repeat center;
}
.reportWindow .stopButton
{
    float               : left;
    width               : 32px;
    height              : 32px;
    margin              : 2px 2px;
    background          : url(images/stop.png) no-repeat center;
}
.reportWindow .progressBar
{
    float               : left;
    width               : 200px;
    height              : 20px;
    margin              : 8px 0 0 20px;
    position            : relative;
}
.reportWindow .progressBar .full
{
    position            : absolute;
    width               : 100%;
    height              : 100%;
    background          : #ddd;
}
.reportWindow .progressBar .counter
{
    position            : absolute;
    height              : 100%;
    background          : #475867;
}
.reportWindow .counterBox
{
    float               : left;
    margin              : 5px 0 0 20px;
    font-weight         : bold;
    font-size           : 13pt;
    white-space         : nowrap;
}
.reportWindow .exceedLimitBox {
    float: left;
    margin: 5px 0 0 20px;
    font-weight: bold;
    font-size: 10pt;
    color:red;
    white-space: nowrap;
}

/* TABBED PAGE */
.AITabs {
    float: left;
    width: calc(100% - 530px);
    width: -moz-calc(100% - 530px);
    width: -webkit-calc(100% - 530px);
    height: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: 1px solid #DDDDDD;
    margin-top: -39px;
    margin-left: 265px;
}

    .AITabs > .tab {
        float: left;
        width: 140px;
        height: 40px;
        background: #FFFFFF;
        border-left: 1px solid #DDDDDD;
        border-top: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        background-color: #efefef;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        cursor: pointer;
    }

        /*.AITabs > .tab[window="-1"] {
            margin-left: 300px;
        }*/

        .AITabs > .tab:first-of-type {
            margin-left: 300px;
        }

        .AITabs > .tab > .wrapper {
            position: relative;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

            .AITabs > .tab > .wrapper > .text {
                position: absolute;
                top: 50%;
                width: 90%;
                position: relative;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                text-align: center;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                margin: auto;
            }

            .AITabs > .tab > .wrapper > .close {
                position: absolute;
                right: 4px;
                top: 0;
                cursor: pointer;
            }

                .AITabs > .tab > .wrapper > .close .dx-icon-close {
                    font: 10px/1 DXIcons;
                }

        .AITabs > .tab:last-of-type {
            border-right: 1px solid #DDDDDD;
        }

        .AITabs > .tab[active] {
            border-bottom: 1px solid transparent;
            background-color: #f9f9f9;
            cursor: default;
        }

/* TABBED PAGE WINDOWS */
.AIWindows {
    float: left;
    width: 100%;
    height: -moz-calc(100% - 11px);
    height: -webkit-calc(100% - 11px);
    height: calc(100% - 11px);
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    background-color: #f9f9f9;
    margin-left : 50px;
}

    .AIWindows > .window {
        float: left;
        width: -moz-calc(100% - 40px);
        width: -webkit-calc(100% - 40px);
        width: calc(100% - 40px);
        height: -moz-calc(100% - 40px);
        height: -webkit-calc(100% - 40px);
        height: calc(100% - 40px);
        margin-left: 20px;
        margin-top: 20px;
    }

.AICenter { /*değiştridm*/
    float: left;
    width: -moz-calc(100% - 65px);
    width: -webkit-calc(100% - 65px);
    width: calc(100% - 65px);
    height: -moz-calc(100% - 36px);
    height: -webkit-calc(100% - 36px);
    height: calc(100% - 36px);
}

/* Hamburger Menu */
.ReportNorth .hamburger {
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    overflow: visible;
    margin-top: 10px;
    margin-right: 5px;
}
.ReportNorth .hamburger[second]{
    margin-left : 10px;
}


.hamburger:hover {
    opacity: 0.7;
}

.hamburger-box {
  width: 20px;
  height: 10px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 20px;
  height: 2px;
  background-color: #475867;
  border-radius: 0px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -4px;
}

.hamburger-inner::after {
  bottom: -4px;
}

.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* APPLICATION MENU */
.applicationOperationMenuWindowShadow
{
    position                : absolute;
    width                   : 100%;
    height                  : 100%;
    z-index                 : 1100;
}

.applicationMenuWindowShadow {
    position: absolute;
    width: 100%;
    height: 100%;
/*    z-index: 1100;*/
}

.applicationOperationMenuWindow[reports]
{
    position                : absolute;
    top                     : 60px;
    -webkit-border-radius   : 3px; -moz-border-radius: 3px; border-radius: 3px;
    -webkit-box-shadow      : 3px 3px 6px rgba(0, 0, 0, 0.25); -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    z-index                 : 1200;
    border                  : 1px solid #DDDDDD;
    overflow                : hidden;
    cursor                  : default;
    width                   : 1200px;
    max-width               : 1200px;
    height                  : 570px;
    left                    : 50px !important;
}
.applicationOperationMenuWindow .applicationOperationWindowContainer
{
    float                   : left;
    width                   : 2400px;
    height                  : 570px;
    overflow                : hidden;
    transition              : margin 0.25s ease-in; -o-transition: margin 0.25s ease-in; -ms-transition: margin 0.25s ease-in; -moz-transition: margin 0.25s ease-in; -webkit-transition: margin 0.25s ease-in;
}
.applicationOperationMenuWindow .applicationMenuWindowContainer
{
    float                   : left;
    width                   : 1200px;
    height                  : 570px;
}
.applicationOperationMenuWindow .applicationMenuWindowContainer .applicationMenuWindowCategoryContainer 
{
    float                   : left;
    width                   : 280px;
    height                  : 100%;
    background-color        : #efefef;
    border-right            : 1px solid #DDDDDD;
}
.applicationOperationMenuWindow .applicationMenuWindowContainer .applicationMenuWindowGroupContainer 
{
    float                   : left;
    width                   : -moz-calc(100% - 280px); width: -webkit-calc(100% - 280px); width: calc(100% - 280px);
    height                  : 100%;
    background-color        : #ffffff;
}

.applicationMenuWindowGroupContainer .applicationMenuWindowCloseIcon {
    padding                 : 20px 0 0px 15px;
    float                   : right;
    background              : url(/themes/images/appspace/close.svg) no-repeat left;
    cursor                  : pointer;
}
.applicationOperationMenuWindow .applicationMenuWindowContainer .applicationMenuWindowContainerWrapper
{
    float                   : left;
    width                   : -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px);
    height                  : -moz-calc(100% - 60px); height: -webkit-calc(100% - 60px); height: calc(100% - 60px);
    margin-left             : 20px;
    margin-top              : 20px;
    padding-bottom          : 5px;
}
.applicationOperationMenuWindow .applicationMenuWindowContainer .applicationMenuWindowContainerWrapper 
{
    display         : flex; display: -webkit-flex; display: -ms-flexbox;
    flex-direction  : row; -ms-flex-direction: row; -webkit-flex-direction: row;
    flex-wrap       : nowrap; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content : flex-start; -ms-flex-pack: start; -webkit-justify-content: flex-start;
    align-content   : stretch; -ms-flex-line-pack: stretch; -webkit-align-content: stretch;
    align-items     : flex-start; -ms-flex-align: start; -webkit-align-items: flex-start;
}
.applicationOperationMenuWindow .applicationMenuWindowContainer .applicationMenuWindowGroupColumn
{
    float   : left;
    width   : -moz-calc(33% - 14px); 
    width   : -webkit-calc(33% - 14px); 
    width   : calc(33% - 14px);
}
.applicationOperationMenuWindow .applicationMenuWindowContainer .applicationMenuWindowGroupColumn,
.applicationOperationMenuWindow .applicationMenuWindowContainer .applicationMenuWindowGroupColumn
{
    margin-left     : 15px;
}
.applicationOperationMenuWindow .applicationMenuWindowContainer .applicationMenuWindowGroup
{
    float           : left;
    width           : 100%;
}
/*.applicationMenuWindow .applicationMenuWindowContainer .applicationMenuWindowGroup:not(:first-of-type)
{
    margin-top      : 10px;
}*/
.applicationOperationMenuWindow .applicationMenuWindowContainer .applicationMenuWindowGroup > .header
{
    float           : left;
    width           : 100%;
    font-size       : 24px;
    border-bottom   : 1px solid #DDDDDD;
    line-height     : 40px;
}
.applicationOperationMenuWindow .applicationMenuWindowContainer .applicationMenuWindowGroup > .line
{
    float           : left;
    width           : 100%;
    font-size       : 14px;
    line-height     : 26px;
    cursor          : pointer;
}
.applicationOperationMenuWindow .applicationMenuWindowContainer .applicationMenuWindowGroup > .line:hover
{
    font-weight     : bold;
}
.ReportSchedulerWrapper
{
    float           : left;
    width           : -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px);
    height          : -moz-calc(100% - 20px); height: -webkit-calc(100% - 20px); height: calc(100% - 20px);
    padding         : 10px;
    background      : #fff;
}
.ReportSchedulerGrid
{
    float           : left;
    width           : 100%;
    height          : 100%;
}
.ReportGroupsMenu
{
    float           : left;
    width           : 100%;
    height          : 100%;
}
.ReportGroupsMenu .ReportMenu
{
    float           : left;
    width           : -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: calc(100% - 30px);
    font-weight     : bold;
    font-size       : 11pt;
    padding         : 5px 0 5px 30px;
    cursor          : pointer;
    overflow        : hidden;
    text-overflow   : ellipsis;
    white-space     : nowrap;
    background      : url(/themes/images/appspace/report.png) no-repeat 2px 6px;
}
.ReportGroupsMenu .ReportMenu[ReportSchedulerList]
{
    border-bottom   : 1px solid #ddd;
    border-top      : 1px solid #ddd;
}
.ReportGroupsMenu .ReportMenu[status='active'], .ReportGroupsMenu .ReportMenu:hover
{
    background-color: #ddd;
}
.ReportMenu[map] 
{
    background      : url(/themes/images/appspace/map.png) no-repeat 2px 6px;
}
.ReportMenu[definition] 
{
    background      : url(/themes/images/appspace/definition.png) no-repeat 2px 6px;
}
.ReportMenu[reportschedulerlist] 
{
    background      : url(/themes/images/appspace/schedule.png) no-repeat 2px 6px;
}
.ReportMenu[group="000_Favourites"] 
{
    background      : url(/themes/images/appspace/favourite.png) no-repeat 2px 8px;
}

.ReportMenu[group="999_UserReports"] {
    background: url(/themes/images/appspace/user.png) no-repeat 2px 8px;
}
.ReportSchedulerIcon
{
    width           : 20px;
    height          : 20px;
    margin          : auto;
}
.ReportSchedulerButton
{
    margin-left     : 5px;
    margin-right    : 5px;
}
/* TABBED PAGE */
.ReportTabs {
    float: left;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: 1px solid #DDDDDD;
    margin-top: -22px;
}
.ReportTabs > .tab
{
    float				: left;
    width				: 140px;
    height				: 40px;
    background			: #FFFFFF;
    border-left			: 1px solid #DDDDDD;
	border-top			: 1px solid #DDDDDD;
	border-bottom		: 1px solid #DDDDDD;
    background-color 	: #efefef;
	box-sizing			: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	cursor				: pointer;
}
.ReportTabs > .tab:first-of-type
{
    margin-left         : 300px;
}
.ReportTabs > .tab > .wrapper
{
    position            : relative;
    left                : 0;
    top                 : 0;
    width               : 100%;
    height              : 100%;
}
.ReportTabs > .tab > .wrapper > .text
{
    position            : absolute;
    top                 : 50%;
    width               : 100%;
    position            : relative;
    transform           : translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); 
    text-align          : center;
    text-overflow       : ellipsis;
    overflow            : hidden;
    white-space         : nowrap;
}
.ReportTabs > .tab > .wrapper > .close
{
    position            : absolute;
    right               : 4px;
    top                 : 0;
    cursor              : pointer;
}
.ReportTabs > .tab > .wrapper > .close .dx-icon-close
{
    font: 10px/1 DXIcons;
}

.ReportTabs > .tab:last-of-type
{
    border-right		: 1px solid #DDDDDD;
}
.ReportTabs > .tab[active]
{
	border-bottom		: 1px solid transparent;
	background-color 	: #f9f9f9;
	cursor				: default;
}

/* TABBED PAGE WINDOWS */
.ReportWindows
{
    float               : left;
    width               : 100%;
    height              : -moz-calc(100% - 11px); height: -webkit-calc(100% - 11px); height: calc(100% - 11px);
    border-left			: 1px solid #DDDDDD;
	border-right		: 1px solid #DDDDDD;
	border-bottom		: 1px solid #DDDDDD;
    background-color    : #f9f9f9;
}
.ReportWindows > .window
{
    float               : left;
    width               : -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px);
    height              : -moz-calc(100% - 40px); height: -webkit-calc(100% - 40px); height: calc(100% - 40px);
    margin-left         : 20px;
    margin-top          : 20px;
}

.reportRequestsGrid .dx-datagrid-text-content {
    width: 100% !important;
}

.AITabs .moreButton {
    float: right;
    width: 20px;
    height: 40px;
    margin-right: 10px;
    font-size: 14pt;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    color: #767676;
    cursor: pointer;
}

.AITabs .ApplicationTabbedPageToolbar {
    float: right;
    width: 60%;
    height: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: 1px solid #DDDDDD;
    margin-top: 10px;
}

.ApplicationTabbedPageMoreTabs {
    position: absolute;
    z-index: 1501;
    left: -1000px;
    top: -1000px;
    width: 200px;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
}

    .ApplicationTabbedPageMoreTabs > .menuItem {
        float: left;
        width: calc(100%);
        width: -moz-calc(100%);
        width: -webkit-calc(100%);
        height: 30px;
        color: #333333;
        cursor: pointer;
    }

.ApplicationTabbedPageMoreTabs  .close {
    float:right;
    height:30px;
}


.ApplicationTabbedPageMoreTabs > .close:hover {
    background-color: #F5F5F5;
}

.ApplicationTabbedPageMoreTabs > .menuItem > .text {
    float: left;
    width: calc(100% - 25px);
    width: -moz-calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ApplicationTabbedPageMoreTabs > .menuItem:hover {
    background-color: #F5F5F5;
}

.ReportNorth .applicationMenu .hamburgerText {
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    float: right;
    height: 100%;
    border-color: #495967;
    font-size: 13px;
    line-height: 36px;
}

.ReportNorth .applicationMenu .hamburgerText[second] {
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    
}


.northElement .separator[northElement] {
    float: left;
    width: 1px;
    height: 28px;
    margin-top: 11px;
    margin-bottom: 4px;
    background-color: #d1d1d1;
}


.ShippingOptions, .ContentOptions, .ReceiverOptions {
    text-align: left;
    font: normal normal 600 16px/20px Segoe UI;
    letter-spacing: 0px;
    color: #0DAAE1;
    opacity: 1;
    margin-left: 0px;
    padding-left: 50px !important;
    height: 35px;
    line-height: 30px;
}
.ShippingOptions {
    background-image: url( /themes/images/periodicReports/snipping.svg);
    background-repeat: no-repeat;
    background-position: left;
    width: 260px !important;
    position: relative;
}

.ShippingOptions .infoBox{ position: absolute; width:36px; height: 36px; top: 0; right: 10px; background: transparent url( /themes/images/periodicReports/info.svg) 0% 0% no-repeat padding-box; cursor: pointer; }

.ContentOptions {
    background: transparent url( /themes/images/periodicReports/content.svg) 0% 0% no-repeat padding-box;
}
.ReceiverOptions {
    background: transparent url( /themes/images/periodicReports/receivers.svg) 0% 0% no-repeat padding-box;
}

.applicationMenuWindowGroupContainer .ReportSearchInput {
    width: 30%;
    margin-left: 35px;
    margin-top: 15px;
}

.applicationOperationMenuWindow .applicationMenuWindowContainer .applicationMenuWindowContainerWrapper.reportResultContainer {
    margin-top: 10px !important;
}

.ReportGroupsMenu .ReportMenu[group="000_Favourites"] {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}