@keyframes FadeLoginboxIn {
    from {
        opacity: 0;
       
    }

    to {
        opacity: 100;
       
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes FadeLoginboxIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 100;
    }
}


body {
    /*Used to indicate it's the test site*/
    /*background-color: red;*/

    background-image: url("loginbackground.png");
    background-color: #e9e9e9;

    background-attachment: fixed;
    background-repeat: repeat-x;
}

.LogonContent {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.19);

    -webkit-animation-name: FadeLoginboxIn; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: FadeLoginboxIn;
    animation-duration: 1s;
}


/*@media all and (min-width: 800px) {

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

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

    .secondEditorContainer {
        margin-top: 0px;
        margin-bottom: 0px;
    }
   
}*/


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

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

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

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


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

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

    .dialogContent .CardGroupBase
    {
        border: none;
        background-color: white;
    }

    .CardGroupBase
    {
        border: 1px solid #c6c6c6;
        background-color: white;
    }

        .CardGroupBase.GroupContent
        {
            /*padding: 30px;
            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-bottom: 20px;
    }

    .firstCardGroup
    {
        margin-bottom: 20px;
    }

    .secondCardGroup
    {
        margin-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .lastCardGroup
    {
        margin-bottom: 20px;
        margin-left: 20px;
    }

    .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;
            }

            .LayoutTabContainer.LayoutTabContainerWithNestedFrame .NestedFrameViewSite .Item.ListViewItem .GridView .dxgvTable_XafTheme,
            .LayoutTabContainer.LayoutTabContainerWithNestedFrame .NestedFrameViewSite .Item.ListViewItem .dxgv
            {
                border: none !important;
            }


    .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%;
        }
}

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

.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;
}*/