.applicationOperationMenuWindow .applicationFilterWindowContainer
{
    float                   : left;
    width                   : 1200px;
    height                  : 570px;
}
.applicationFilterWindowWestContainer
{
    float                   : left;
    width                   : 30%;
    height                  : 100%;
    background-color        : #FFF;
    border-right            : 1px solid #DDDDDD;
}
.applicationFilterWindowEastContainer
{
    float                   : left;
    width                   : 70%;
    height                  : 100%;
    background-color        : #FFF;
    position                : relative;
}
.applicationFilterWindowContainerWrapper
{
    float                   : left;
    width                   : -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px);
    height                  : -moz-calc(100% - 20px); height: -webkit-calc(100% - 20px); height: calc(100% - 20px);
    margin-left             : 20px;
    margin-top              : 20px;
}
.applicationFilterWindowContainerWrapper[right]
{
    margin-top              : 10px !important;
}
.applicationFilterWindowContainerWrapper .FilterContainer {
    float: left;
    width: 100%;
    height: -moz-calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
    height: calc(100% - 70px);
    border-bottom: 1px solid #ddd;
}
.applicationFilterWindowContainerWrapper .FilterContainer .column
{
    float                   : left;
    width                   : 50%;
    height                  : -moz-calc(100% - 50px); height: -webkit-calc(100% - 50px); height: calc(100% - 50px); 
}

.applicationFilterWindowContainerWrapper .FilterActionContainer
{
    float                   : left;
    width                   : 100%;
    height                  : 50px;
}
.FilterActionContainer .ActionPart1
{
    float                   : left;
    width                   : 40%;
    height                  : 40px;
    padding-top             : 10px;
}
.FilterActionContainer .ActionPart2
{
    float                   : right;
    width                   : 60%;
    height                  : 40px;
    padding-top             : 10px;
}

.applicationFilterWindowContainerWrapper .ReportSetDefault {
    color: rgb(14, 170, 225);
    text-decoration: underline;
    font-size: 11pt;
    font-weight: bold;
    padding: 5px 0 5px 23px;
    float: right;
    text-align: right;
    background: url(/themes/images/appspace/reset_icon.png) no-repeat left;
    cursor: pointer;
}

.ReportUserPopup {
    margin-top:10px;
}

    .ReportUserPopup .ReportUserButton {
        float: right;
        margin-top: 5px
    }
    .ReportUserPopup .ReportUserDelete {
        float: right;
        margin-top: 5px;
        margin-right:5px;
    }

    .ReportUserPopup .ReportUserLabel {
        float: left;
        width: 25%;
        margin-top: 10px;
        padding-bottom: 10px;
    }

    .ReportUserPopup .ReportUserText {
        float: right;
        width: 75%;
    }


.FilterActionContainer .ReportOutputType {
    float: right;
    width: 200px;
    margin-right: 10px;
}
.FilterActionContainer .ReportRun
{
    float                   : right;
    width                   : 120px;
    margin-right            : 10px;
}
.FilterActionContainer .ReportSchedule
{
    float                   : right;
    width                   : 120px;
}
.applicationFilterWindowContainerWrapper .ScheduleContainer
{
    position                : absolute;
    background              : #eee;
    top                     : 0;
    left                    : 0;
    width                   : 0;
    height                  : 0;
    z-index                 : 5000;
    opacity                 : 0;
    transition              : all .5s ease-in-out;
    
}
.ScheduleContainer[active] 
{ 
    width                   : 100%;
    height                  : 100%;
    opacity                 : 1; 
}
.ScheduleContainer .Wrapper
{
    float                   : left;
    width                   : -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: calc(100% - 10px);
    height                  : -moz-calc(100% - 10px); height: -webkit-calc(100% - 10px); height: calc(100% - 10px);
    margin                  : 10px;
}
.SchedulePopupContainer
{
    float                   : left;
    width                   : 100%;
    height                  : 100%;
}
.SchedulePopupContainer .ScheduleTabContainer
{
    height                  : 100%;
}
.ScheduleContainer .SchedulerContainer, .SchedulePopupContainer .SchedulerContainer
{
    float                   : left;
    width                   : 100%;
    height                  : -moz-calc(100% - 50px); height: -webkit-calc(100% - 50px); height: calc(100% - 50px);
}
.ScheduleContainer .SchedulerActionContainer, .SchedulePopupContainer .SchedulerActionContainer
{
    float                   : left;
    width                   : 100%;
    height                  : 40px;
}
.ScheduleContainer .ScheduleSave, .SchedulePopupContainer .ScheduleSave
{
    float                   : right;
    width                   : 120px;
    margin-right            : 10px;
}
.ScheduleContainer .ScheduleCancel, .SchedulePopupContainer .ScheduleCancel
{
    float                   : right;
    width                   : 120px;
    margin-right            : 10px;
}
.ScheduleContainer .Title
{
    float                   : left;
    height                  : 30px;
    font-weight             : bold;
    font-size               : 14pt;
}

.ScheduleContainer .SchedulerSetDefault {
    color                   : rgb(14, 170, 225);
    text-decoration         : underline;
    font-size               : 11pt;
    font-weight             : bold;
    padding                 : 5px 10px 5px 23px;
    float                   : right;
    text-align              : right;
    background              : url(/themes/images/appspace/reset_icon.png) no-repeat left;
}

.ScheduleContainer .SchedulerSetDefault:hover{
    cursor                  : pointer;
}

.ScheduleContainer .ScrollSchedule {
    float                   : left;
    width                   : 100%;
    height                  : -moz-calc(100% - 30px);
    height                  : -webkit-calc(100% - 30px);
    height                  : calc(100% - 30px);
}

.SchedulePopupContainer .ScrollSchedule
{
    float                   : left;
    width                   : 100%;
    height                  : 100%;
    margin-top              : 10px;
    padding                 : 5px;
    padding-left            : 10px;
    padding-right           : 0px;
}
.ScheduleContainer .SchedulerForm
{
    float                   : left;
    width                   : 100%;
    margin-top              : 10px;
}
.ScheduleContainer .exportType, .SchedulePopupContainer .exportType
{
    float                   : left;
    width                   : 30px;
    height                  : 30px;
}
.SchedulerContainer .dx-field-item-label-text
{
    font-family             : 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size               : 10pt;
    font-weight             : bold;
    color                   : #333;
    display                 : inline-block;
    min-width               : 10px !important;
    max-width               : 162px !important;
    white-space             : nowrap !important;
    text-overflow           : ellipsis !important;
    overflow                : hidden !important;
}

.applicationFilterWindowWestContainer .SchedulerContainer .dx-field-item-label-text {
    max-width: 130px !important;
}

.SchedulePopupContainer .ScrollSchedule .dx-layout-manager .dx-label-h-align.dx-flex-layout {
    padding-left: 0px;
}

.SchedulePopupContainer .ScrollSchedule .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content, .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content-wrapper {
    padding-right: 15px;
}

.ScheduleContainer .dx-field-item-label-content {
    width: 140px !important;
}
.ScheduleContainer .dx-layout-manager .dx-field-item:not(.dx-first-col) {
    padding-left: 0px;
    padding-right: 10px;
    margin-left: 10px;
}
.ScheduleContainer .dx-layout-manager .dx-field-item.dx-first-col.dx-col-0 {
    padding-right: 10px;
}
.SchedulerTitle {
    font-size: 14pt;
    font-weight: bold;
    padding: 5px 0 0 5px;
}
.applicationFilterWindowBackButton
{
    float                   : left;
    width                   : 40%;
    height                  : 20px;
    color                   : #0ea1d5;
    cursor                  : pointer;
    font-size               : 14px;
}

.applicationFilterWindowFavourite {
    float: right;
    width: 60%;
    height: 20px;
}

.applicationFilterWindowFavouriteButton {
    float: right;
    width: -moz-calc(100% - 23px);
    width: -webkit-calc(100% - 23px);
    width: calc(100% - 23px);
    height: 20px;
    color: #0ea1d5;
    cursor: pointer;
    font-size: 14px;
    text-align: left;
}

.applicationFilterWindowFavouriteButtonIcon {
    float: left;
    width: 18px;
    height: 20px;
    background: transparent url(images/favorite/star_icon_02_report.svg) center no-repeat padding-box;
    margin-right : 5px
}
.applicationFilterWindowFavouriteButtonIcon[added="added"]{
     background: transparent url(images/favorite/star_icon_01_report.svg) center no-repeat padding-box;
}

.applicationFilterWindowTitle
{
    float                   : left;
    width                   : 100%;
    padding                 : 15px 0;
    cursor                  : pointer;
    font-weight             : bold;
    font-size               : 14pt;
    color                   : #475867;
}
.FilterHeader 
{
   /* float                   : left;*/
    width                   : 100%;
    padding                 : 10px 0;
    font-weight             : bold;
    font-size               : 14pt;
    cursor                  : pointer;
}

.FilterHeaderInfo {
    float: right;
    font-size: 8pt;
    color: red;
    font-weight: bold;
    padding: 5pt 0pt 5pt 0pt;
}


.ReportHeader
{
    /*float                   : left;*/
    width                   : 300px;
    padding                 : 0 0 5px 0;
    font-weight             : bold;
    font-size               : 14pt;
    color                   : #475867;
    border-bottom           : 1px solid #ddd;
    cursor                  : pointer;
}

.leftWrapper .dx-dropdowneditor {
    margin-top:5px;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
}

.leftWrapper .dx-lookup-field {
    padding: 8px 34px 8px 4px !important;
}
.reportDateInfo {
    float       :right;
    /*margin-right : 280px;*/
    font-size   : 16px;
    font-weight : bold;
    white-space : nowrap;
    line-height : 36px;
    text-align  : center;
}

/*.leftWrapper .AAPI-NodeFilterText {
    margin-top:50px;
}*/

/*.leftWrapper .AAPI-NodeFilterText .dx-lookup-field {
   margin-top:5px;
}*/

.SchedulePopupContainer .ScheduleDeviceContainer {
    float       : left;
    width       : 100%;
    height      : 100%;
    margin-top  : 10px;
    padding     : 5px; 
}
.ScheduleDeviceContainer .dx-dropdowneditor {
    margin-top: 5px;
}

.AAPI-DateFilterSimpleBodyLine .dx-slider-handle .dx-overlay-content {
    width: 76px !important;
    height: auto !important;
    left: 0px !important;
    top: 0px !important;
    transform: translate(-23px, 30px) !important;
    transition: all 0s ease 0s !important;
}