@media all and (min-width: 800px)
{
    /*Layout*/
    .firstEditorContainer
    {
        min-width: 32px;
        float: left;
    }

        .firstEditorContainer .Item
        {
            padding-right: 19px;
        }

    .secondEditorContainer
    {
        min-width: 32px;
        margin-bottom: 8px;
        float: left;
    }

        .secondEditorContainer .Item
        {
            padding-right: 19px;
        }

    .secondHorizontalEditorContainer
    {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .lastEditorContainer
    {
        min-width: 32px;
        float: left;
    }

        .lastEditorContainer .Item
        {
            padding-right: 14px;
        }

    .dialogContent .CardGroupBase
    {
        border: none;
    }

    .CardGroupBase
    {
        border: 1px solid #c6c6c6;
    }

        .CardGroupBase.GroupContent
        {
            border-collapse: separate !important;
        }

    .LayoutTabbedGroupContainer
    {
        overflow-x: auto;
        width: 100%;
    }

        .LayoutTabbedGroupContainer .CardGroupBase.GroupContent
        {
            padding: 0px;
        }

    .NestedFrame .CardGroupBase
    {
        border: none;
    }

    .NestedFrame > .ToolBarUpdatePanel > .ToolBar
    {
        float: right;
    }

    .firstVerticalCardGroup
    {
        margin-bottom: 20px;
    }

    .secondVerticalCardGroup
    {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .lastVerticalCardGroup
    {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .firstCardGroup
    {
        padding-bottom: 20px;
        padding-right: 10px;
        box-sizing:border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .secondCardGroup
    {
        padding-bottom: 20px;

        padding-right: 10px;
        padding-left: 10px;
        box-sizing:border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .lastCardGroup
    {
        padding-bottom: 20px;
        padding-left: 10px;
        box-sizing:border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }


    .GroupContent
    {
        width: 100%;
    }

        .GroupContent .Item
        {
            padding-right: 0px;
            padding-left: 0px;
        }

        .GroupContent.firstEditorContainer .Item
        {
            padding-right: 10px;
        }

        .GroupContent.secondEditorContainer .Item
        {
            padding-right: 10px;
            padding-left: 11px;
        }

        .GroupContent.lastEditorContainer .Item
        {
            padding-left: 11px;
        }

    .LayoutTabContainer
    {
        padding: 30px;
    }

        .LayoutTabContainer:after
        {
            display: table;
            content: "";
            line-height: 0;
            clear: both;
        }

        .LayoutTabContainer .CardGroupBase
        {
            margin: 0px;
        }

        .LayoutTabContainer .Item
        {
            padding-right: 0px;
        }

        .LayoutTabContainer.LayoutTabContainerWithNestedFrame
        {
            padding: 0px;
        }

            .LayoutTabContainer.LayoutTabContainerWithNestedFrame .Item
            {
                padding: 0px;
            }

    .NestedFrameViewSite .Item.ListViewItem
    {
        border: 1px solid #c6c6c6;
    }

        .NestedFrameViewSite .Item.ListViewItem .GridView
        {
            border: none;
        }

            .NestedFrameViewSite .Item.ListViewItem .GridView .dxgvTable_XafTheme
            {
                border: none;
            }

                .NestedFrameViewSite .Item.ListViewItem .GridView .dxgvTable_XafTheme .dxgvHeader_XafTheme
                {
                    border-top: none;
                }
    /*DashboardView*/
    .DashboardView  .NestedFrameViewSite .Item.ListViewItem
    {
        padding-left: 0px;
        border: none;
    }
    .DashboardView .NestedFrameViewSite .Item.ListViewItem .GridView
    {
        border: 1px solid #c6c6c6;
    }
    /*DashboardView End*/

    .LayoutTabContainerWithNestedFrame > .Item > .NestedFrame > .NestedFrameViewSite > .Item.ListViewItem
    {
        border: none;
    }

        .LayoutTabContainerWithNestedFrame > .Item > .NestedFrame > .NestedFrameViewSite > .Item.ListViewItem .GridView
        {
        }

            .LayoutTabContainerWithNestedFrame > .Item > .NestedFrame > .NestedFrameViewSite > .Item.ListViewItem .GridView .dxgvTable_XafTheme
            {
                border: none;
            }

                .LayoutTabContainerWithNestedFrame > .Item > .NestedFrame > .NestedFrameViewSite > .Item.ListViewItem .GridView .dxgvTable_XafTheme .dxgvHeader_XafTheme
                {
                    border-top: 1px solid #c6c6c6;
                }


    .Item
    {
        padding-bottom: 5px; /*padding-right: 19px;*/
        padding-top: 6px;
    }

        .Item.ListViewItem
        {
            padding-right: 0px;
            padding-top: 0px;
            width: 100%;
            overflow-x: auto;
        }

        .Item.NestedFrameControl
        {
            padding-right: 0px;
            width: 100%;
        }
}

.searchDialogContent .Item.ListViewItem
{
    padding-top: 20px;
    padding-bottom: 20px;
}


.searchDialogContent .Item.ListViewItem
{
    padding-bottom: 0px !important;
}

.Caption
{
    color: #9a9a9a;
    font-size: 12px;
    padding-bottom: 3px;
}

    .Caption.dxeTAR
    {
        padding-top: 9px;
        padding-bottom: 0px;
    }

.GroupHeader .Image
{
    padding-left: 20px;
}

.GroupHeader .Label
{
    padding-left: 20px;
}

.CardGroupBase > tbody > tr > td > .GroupHeader
{
    color: #848484;
    background-color: #F7F7F7;
    padding-top: 4px;
    padding-bottom: 4px;
    border-collapse: separate !important;
}

.CardGroupBase .NestedFrame .CardGroupBase, .CardGroupBase .NestedFrame .CardGroupBase .lastCardGroup, .CardGroupBase .NestedFrame .CardGroupBase .CardGroupContent
{
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

body
{
    margin: 0;
    padding: 0;
    background-color: #E9E9E9;
    font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
}

    body.dialog
    {
        background-color: white;
    }

.CardGroupContent
{
    padding: 30px;
    background-color: white;
}

table
{
    border-collapse: separate !important;
}

.xafCover
{
    background-color: #777777;
    opacity: 0.7;
}

.overflowHidden
{
    overflow: hidden;
}

.movedMenu
{
    top: 0px;
    position: fixed;
}

.movedInnerTable
{
    position: relative;
}

.GroupHeader
{
    font-size: x-large;
}

.dxrpHeader_XafTheme.GroupHeader.Label{
    color: #848484;
    background-color: #F7F7F7;
    padding: 0px 0px 5px 20px;
    font-size: x-large;
    border-bottom:0px;
}


.Shadow
{
    box-shadow: 0px 0px 20px black;
    position: fixed;
    top: 0px;
    left: 0px;
}

.white
{
    background-color: white;
}

.darkGray
{
    background-color: #E9E9E9;
}

.gray
{
    background-color: #F7F7F7;
}

.width100
{
    width: 100%;
}

.GridView
{
    width: 100%;
}

.xafHidden
{
    display: none;
}

.xafBackLayer
{
    overflow: hidden;
}

.xafFrontLayer
{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50;
    overflow: auto;
}

.borderBottom
{
    border-bottom: 1px solid #c6c6c6;
}

.border
{
    border: 1px solid #c6c6c6;
}

.xafNavToggle
{
    vertical-align: top;
}

.disable-hover,
.disable-hover *
{
    pointer-events: none !important;
}

.viewCaption
{
    font-size: larger;
    padding-left: 20px;
}
.ViewImage
{
    padding-right:20px;
}
.sizeLimit
{
    max-width: 1200px;
}

.xafAlignCenter
{
    margin: 0 auto;
}

.paddings
{
    padding-left: 40px;
    padding-right: 40px;
}

.headerTable
{
    min-height: 61px;
}

.dialog.headerTable
{
    top: 0px;
}

.vertical.headerTable
{
    white-space: nowrap;
    padding-left: 38px;
    padding-right: 38px;
    margin: 0px;
}

.xafNavHidden
{
    /*display: none;*/
}

.xafNavHiddenManually
{
    display: none;
}

.xafFooter
{
    color: #b8b8b8;
    background-color: #4b4b4b;
}

.xafNavVisible
{
    display: none;
}

@media all and (max-width: 1000px)
{
    .xafNavHidden
    {
        display: none;
    }

    .xafNavVisible
    {
        display: block;
    }

    .xafFooter
    {
        display: none;
    }

    .xafNavToggleConteiner
    {
        display: table-cell;
    }
}

.xafNavVisibleManually
{
    display: block;
}

.xafNav
{
    float: left;
}

.FindDialogActionsOverflow
{
    /*overflow: hidden;*/ /*for single choise action in find lookup*/
    background-color: white;
    width: 100%;
}

.searchDialogContent
{
    padding-top: 0.1px;
    padding-bottom: 0.1px;
    padding-left: 20px;
    padding-right: 20px;
}

    .searchDialogContent .right
    {
        right: 20px;
    }

    .searchDialogContent .left
    {
        left: 20px;
    }

    .searchDialogContent .bottom
    {
        position: fixed;
        bottom: 0px;
        padding-bottom: 20px;
    }

    .searchDialogContent .search ul,
    .searchDialogContent .search .TemplatedItem,
    .searchDialogContent .search .TemplatedItem .dxeButtonEdit_XafTheme
    {
        width: 100% !important;
    }

    .searchDialogContent .searchViewCaption
    {
        font-size: 21px;
        padding-bottom: 20px;
    }

.LogonContent
{
    padding: 50px 75px;
    background-color: white;
}

.LogonMainTable
{
    border: 1px solid #d4d4d4;
    margin: 0 auto;
}

.ErrorMessage
{
    background-color: #ffedf0;
    color: #d44f62;
    padding: 24px 75px;
    margin: 0 auto;
    width: 100%;
}
.LogonContentWidth
{
    width: 470px;
}

.StaticText
{
    color: #9a9a9a;
}

.ParametrizedActionControl input[type=text]::-ms-clear,
.dxm-main .dxm-item .TemplatedItem input[type=text]::-ms-clear
{
    display: none;
}
.ValidationFailed td.dxic,
.ValidationFailed td.dxic > input,
.ValidationFailed .dxeButton
{
    background-color: #ffedf0 !important;
}

/*Reports ===============================================*/
    .ReportViewMainGroup .Item
    {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .ReportViewMainGroup .CardGroupContent
    {
        padding: 0px;
    }

    .ReportViewMainGroup .dxsplPane_XafTheme
    {
        border: none;
    }

    .ReportViewMainGroup .dxmLite_XafTheme .dxm-tmpl td.dxic > input
    {
        padding-top: 0px !important;
        padding-bottom: 2px !important;
        padding-right: 4px;
    }

    .ReportViewMainGroup .dxmLite_XafTheme .dxm-horizontal.dxmtb .dxtb-comboBoxMenuItem .dxeButtonEditButton_XafTheme
    {
        padding: 3px 3px 1px 4px;
    }
/*Reports End ===============================================*/

/* ActionContainerHolder */
    .ACH
    {
        padding-left: 10px;
    }
@media all and (max-width: 500px)
{
    /*.CardGroupTableCell
    {
        padding-top: 12px;
        padding-bottom: 17px;
        padding-left: 14px;
        padding-right: 0px;
    }*/

    .paddings
    {
        padding-left: 30px;
        padding-right: 30px;
    }

    .headerTable
    {
        padding-left: 28px;
        padding-right: 28px;
    }
}
@media all and (max-width: 800px)
{
    .Item
    {
        padding-top: 11px;
    }

    .GroupHeader
    {
        padding-top: 20px;
    }

    .GroupContent
    {
        width: 100%!important;
    }

    .LayoutTabContainer:after
    {
      display: table;
      content: "";
      line-height: 0;
      clear: both;
    }

    .LayoutTabContainer > *
    {
        padding-left: 30px;
        padding-right: 30px;
        border-collapse: separate!important;
    }

        .LayoutTabContainer > *:last-child
        {
            padding-bottom: 30px;
        }

    .LayoutTabContainer .dxgvTable_XafTheme
    {
        border: none;
    }

    .LayoutTabContainer.LayoutTabContainerWithNestedFrame > .Item
    {
        padding: 0px;
    }

    .CardGroupBase
    {
        margin-bottom: 20px;
        border: 1px solid #c6c6c6;
        border-collapse: separate!important;
    }

    .Layout .Layout .CardGroupBase
    {
        border: none!important;
    }

        .Layout .Layout .CardGroupBase > tbody > tr > td
        {
            padding: 0px;
        }

    .LayoutTabbedGroupContainer
    {
        padding-bottom: 30px;
    }
}