/* #### General #### */
body
{
    margin: 0px;
    font-family: Arial;
    font-size: 12px;
}

body.StandardBody
{
    min-width: 1003px;
}

a
{
    text-decoration: none;
    color: #096CB7;
}

a:hover
{
    border-bottom: 1px dotted #096CB7;
}

/* Fix stupid text alignment on buttons in FF */
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner
{ 
    border: 0;
    padding: 0;
}

textarea
{
    font-family: Arial;
    font-size: 12px;
}

.Clear
{
    clear: both;
}

.PaddedForm
{
    padding: 0 10px 10px 10px;
}


/* #### Top #### */
.TopContainer
{
    padding: 12px 20px 0px 10px;
}

.TopContainer .UserInfo
{
    float: right;
    margin-top: 3px;
}

.TopContainer .UserInfo .UserName
{
    font-weight: bold;
}

.TopContainer .UserInfo .LogoutLink
{
    color: #000000;
}

.TopContainer .UserInfo .SupportLink
{
    background: url('./Images/Misc/SupportArrow.png') right no-repeat;
    color: #000000;
    padding-right: 20px;
}


.GlobalSearch
{
    float: right;
    margin-right: 60px;
}

.GlobalSearch .LeftBorder
{
    float: left;
    width: 10px;
    height: 21px;
    background-image: url('./Images/Inputs/GlobalSearchLeft.png');
}

.GlobalSearch .TextBox
{
    float: left;
    width: 235px;
    height: 17px;
    border: solid #D9D9D9;
    border-width: 1px 0px;
}

.GlobalSearch .SearchButton
{
    float: left;
    border: none;
    width: 28px;
    height: 21px;
    background-image: url('./Images/Inputs/GlobalSearchButton.png');    
    background-color: transparent;
}

.GlobalSearch .SearchButton:hover
{
    background-position: 0px -21px;
}

.GlobalSearch .SearchButton:active
{
    background-position: 0px -42px;
}

/* #### Tabs #### */
.TabsModule
{
    font-family: Arial Narrow, Arial;
    font-stretch: condensed;
    font-size: 13px;
    color: #3A3A3A;
}

.TabsModule .Active
{
    cursor: default;
}

.TabsModule .Active .OuterLeft
{
    background: url('./Images/Tabs/TabModuleActiveLeft.png') left no-repeat;
    padding-left: 5px;
}

.TabsModule .Active .OuterRight
{
    background: url('./Images/Tabs/TabModuleActiveRight.png') right no-repeat;
    padding-right: 5px;
}

.TabsModule .Active .Inner
{
    background: url('./Images/Tabs/TabModuleActiveMiddle.png') repeat-x;
    padding: 3px 10px 0px 10px;
    height: 23px;
}

.TabsModule .Inactive
{
    cursor: pointer;
}

.TabsModule .Inactive .OuterLeft
{
    background: url('./Images/Tabs/TabModuleInactiveLeft.png') left no-repeat;
    padding-left: 5px;
}

.TabsModule .Inactive .OuterRight
{
    background: url('./Images/Tabs/TabModuleInactiveRight.png') right no-repeat;
    padding-right: 5px;
}

.TabsModule .Inactive .Inner
{
    background: url('./Images/Tabs/TabModuleInactiveMiddle.png') repeat-x;
    padding: 3px 6px 0px 6px;
    height: 23px;
}

.TabsModule .Inactive:hover .OuterLeft
{
    background: url('./Images/Tabs/TabModuleHoverLeft.png');
}

.TabsModule .Inactive:hover .OuterRight
{
    background: url('./Images/Tabs/TabModuleHoverRight.png');
}

.TabsModule .Inactive:hover .Inner
{
    background: url('./Images/Tabs/TabModuleHoverMiddle.png');
}

.TabsModule .Inactive:active .OuterLeft
{
    background: url('./Images/Tabs/TabModuleClickLeft.png') left no-repeat;
    padding-left: 5px;
}

.TabsModule .Inactive:active .OuterRight
{
    background: url('./Images/Tabs/TabModuleClickRight.png') right no-repeat;
    padding-right: 5px;
}

.TabsModule .Inactive:active .Inner
{
    background: url('./Images/Tabs/TabModuleClickMiddle.png') repeat-x;
    padding: 3px 6px 0px 6px;
    height: 23px;
}

.TabsModule .PaddingLeft
{
    width: 5px;
}

.TabsModule .Home
{
    background: url('./Images/Tabs/IconHome.png') no-repeat;
    width: 13px;
    height: 14px;
    margin-top: 3px;
}

.ModuleBar
{
    margin-top: -1px;
    /*z-index: -1;*/
    position: relative;
    height: 25px;
    background-color: #E8E8E8;
    border-top: solid 1px #AEAEAE;
    border-bottom: solid 1px #D2D2D2;
}

/*.TabsModule .PaddingLeft
{
    background: url('./Images/Tabs/TabModuleEmpty.png') repeat-x;
    width: 3px;
}

.TabsModule .PaddingRight
{
    background: url('./Images/Tabs/TabModuleEmpty.png') repeat-x;
    width: 100%;
}*/



.TabsPage
{
    border-spacing: 0;
    font-size: 13px;
    font-weight: bold;
    color: #3A3A3A;
}

.TabsPage td
{
    padding: 0;
}

.TabsPage .Active
{
    cursor: default;
}

.TabsPage .Active .OuterLeft
{
    background: url('./Images/Tabs/TabPageActiveLeft.png') left no-repeat;
    padding-left: 7px;
    margin-left: -3px;
}

.TabsPage .Active:first-child .OuterLeft
{
    background: url('./Images/Tabs/TabPageActiveLeftFirst.png') left no-repeat;
    padding-left: 4px;
    margin-left: 0px;
}

.TabsPage .Active .OuterRight
{
    background: url('./Images/Tabs/TabPageActiveRight.png') right no-repeat;
    padding-right: 7px;
}

.TabsPage .Active .Inner
{
    background: url('./Images/Tabs/TabPageActiveMiddle.png') repeat-x;
    padding: 7px 16px 0px 16px;
    height: 23px;
}

.TabsPage .Inactive, .TabsPage .Disabled
{
    padding-right: 3px;
    cursor: pointer;
}

.TabsPage .Disabled
{
    cursor: default;
}

.TabsPage .Inactive .OuterLeft, .TabsPage .Disabled .OuterLeft
{
    background: url('./Images/Tabs/TabPageInactiveLeft.png') left no-repeat;
    padding-left: 4px;
}

.TabsPage .Inactive .OuterRight, .TabsPage .Disabled .OuterRight
{
    background: url('./Images/Tabs/TabPageInactiveRight.png') right no-repeat;
    padding-right: 4px;
}

.TabsPage .Inactive .Inner, .TabsPage .Disabled .Inner
{
    background: url('./Images/Tabs/TabPageInactiveMiddle.png') repeat-x;
    padding: 7px 6px 0px 6px;
    height: 23px;
}

.TabsPage .Inactive:hover .OuterLeft
{
    background: url('./Images/Tabs/TabPageHoverLeft.png');
}

.TabsPage .Inactive:hover .OuterRight
{
    background: url('./Images/Tabs/TabPageHoverRight.png');
}

.TabsPage .Inactive:hover .Inner
{
    background: url('./Images/Tabs/TabPageHoverMiddle.png');
}

.TabsPage .Inactive:active .OuterLeft
{
    background: url('./Images/Tabs/TabPageClickLeft.png') left no-repeat;
    padding-left: 4px;
}

.TabsPage .Inactive:active .OuterRight
{
    background: url('./Images/Tabs/TabPageClickRight.png') right no-repeat;
    padding-right: 4px;
}

.TabsPage .Inactive:active .Inner
{
    background: url('./Images/Tabs/TabPageClickMiddle.png') repeat-x;
    padding: 7px 6px 0px 6px;
    height: 23px;
}


.TabsPage .Inner .Text
{
    float: left;
}

.TabsPage .Inner .Buttons
{
    float: left;
    padding-left: 40px;
}

.TabsPage .TabLinks
{
    display: inline-block;
    margin-left: 20px;
    padding-top: 1px;
}

.TabsPage .TabLink
{
    display: inline-block;
    height: 15px;
    background-position: 0px 0px;
    margin-left: 1px;
    cursor: pointer;
}

.TabsPage .TabLink:hover
{
    background-position: 0px -15px;
}

.TabsPage .TabLink.Send
{
    width: 17px;
    background-image: url('./Images/Tabs/IconSend.png');
}

.TabsPage .TabLink.Print
{
    width: 18px;
    background-image: url('./Images/Tabs/IconPrint.png');
}

.TabsPage .TabLink.Help
{
    width: 16px;
    background-image: url('./Images/Tabs/IconHelp.png');
}




/* #### Log In #### */
.LogInBody
{
    background: url('./Images/Misc/LogInLeftBg.png') repeat-y left;
    height: 100%;
}

.LogInTop
{
    background-color: #FFFFFF;
    z-index: -10;
}

.LogInTop .ModuleBar
{
    z-index: auto;
}

.LogInTop .TopContainer
{
    height: 60px;
}

.LogInTable
{
    width: 100%;
    border-spacing: 0px;
    position: relative;
    
    height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */     
}

.LogInTable .LogIn
{
    vertical-align: top;
    width: 280px;
    height: 100%;
    padding: 20px;
    /*border-right: solid 1px #E5E5E5;
    background-color: #FAFAFA*/
}

.LogInCopyright
{
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 11px;
    color: #737373;
    width: 320px;
    text-align: center;
    padding-bottom: 10px;
}

.LogIn .macrositesLogo
{
    float: right;
    margin: 20px 15px 0px 0px;
}

.LogIn .macrositesLogo img
{
    max-width: 140px;
    max-height: 80px;
}

.LogIn .Title
{
    float: left;
    margin: 73px 0px 22px 0px;
    font-size: 13px;
    font-weight: bold;
    background: url('./Images/Form/BlockExpandedArrow.png') no-repeat left;
    padding-left: 15px;
}

.LogIn .Label
{
    margin: 5px 0px;
    font-family: Arial Narrow, Arial;
    font-stretch: condensed;
    font-size: 13px;
    color: #737373;
}

.LogIn .InputContainer
{
    width: 280px;
    padding-bottom: 5px;
}

.LogIn .TextBoxLogin
{
    border: none;
    padding: 0px 10px;
    width: 247px;
    height: 27px;
    line-height: 27px; /* For IE 8 */
    background: url('./Images/Inputs/TextLogIn.png') center no-repeat;
}

.LogIn .DummyText
{
    color: #CCCCCC;
}

.LogIn .Info
{
    font-size: 11px;
    color: #737373;
    margin: 10px 20px 0px 5px;
}

.LogIn .Info .ForgottenPassword
{
    float: left;
    padding-top: 3px;
}

.LogIn .Info .RememberMe
{
    float: right;
    width: 114px;
}

.LogIn .Info .RememberMe .Inner
{
    float: right;
    padding-top: 3px;
}

.LogIn .Info .RememberMe input
{
    float: right;
}

.LogIn .LogInButtonContainer
{
    margin: 30px 15px 0px 0px;
    text-align: right;
}

.LogIn .LogInButton
{
    border: none;
    width: 115px;
    height: 21px;
    padding-left: 10px;
    background: url('./Images/Inputs/ButtonLogIn.png') center no-repeat transparent;
    font-size: 11px;
    text-align: left;
}


.LogInTable .CompanyLogo
{
    vertical-align: top;
    padding-top: 80px;
    width: auto;
    text-align: center;
}


.LogInTable .IntroNews
{
    /*width: 331px;*/
    min-height: 1px;
    width: 100%;
    padding: 1px;
}

.IntroNews
{
    position: absolute;
    left: 321px;
    bottom: 0px;
    top: 124px;
    right: 0px;
}

.IntroNews #IframeNews
{
    position: absolute;
    width: 100%;
    height: 100%;
}

/*.IntroNews .NewsContainer
{
    border: solid 1px #00FFFF;
    padding: 15px 18px 0px 18px;
}

.News
{
    float: left;
    clear: both;
    margin-bottom: 15px;
}

.News .Image
{
    float: left;
    width: 93px;
    margin: 3px 10px 5px 0px;
}

.News .Text
{
    float: right;
    width: 190px;
}*/

.ForgottenPasswordText
{
    margin: 5px 0px 15px 0px;
}



/* #### Frames #### */

.FramesTable
{
    width: 100%;
    border-bottom: solid 1px #D2D2D2;
}

.FramesTable .TreeMenu
{
    vertical-align: top;
}

.FramesTable .Delimiter
{
    background-color: #D2D2D2;
    width: 2px;
}

.FramesTable .Delimiter > div
{
    width: 2px;
}

.FramesTable .Body
{
    vertical-align: top;
    padding: 15px;
}

.MinHeightForDropDown /* Note: It would be better to find a better solution how to deal with dropdowns being cut off. Not sure if possible */
{
    min-height: 500px;
}



/* #### Grid - general #### */

.PageContainer
{
    padding: 20px;
}

.PageBody
{
    background-color: #E7E7E7;
    padding: 20px;
}

.SendPageBody
{
    background-color: #E7E7E7;
    padding: 0px 20px 0px 20px;
}

.GridMenuTop
{
    height: 3px;
}

.GridMenuTop .Left
{
    float: left;
    width: 3px;
    height: 3px;
    background-image: url('./Images/Grid/GridMenuTopLeft.png');
}

.GridMenuTop .Middle
{
    float: left;
    width: 100%;
    margin: 0px -3px;
    height: 3px;
}

.GridMenuTop .Middle .Inner
{
    margin: 0px 3px;
    height: 3px;
    background-color: #F3F3F3;
}

.GridMenuTop .Right
{
    float: left;
    width: 3px;
    height: 3px;
    background-image: url('./Images/Grid/GridMenuTopRight.png');
}

.GridMenu
{
    background-color: #F3F3F3;
    padding: 9px 11px 12px 12px;
    /*margin-bottom: -48px;*/
    z-index: 10;
}

.GridMenu .PageSizeTable
{
    display: none;
}

.GridMenuBar
{
    width: 100%;
    display: inline-block;
}

.GridMenuTable
{
    float: left;
}

.GridMenuTable>tbody>tr>td
{
    padding-right: 15px;
}

.GridSORItem .GridPanelDynamic tr.dxgvFooter_macrosites
{
    height: 40px;
}

.GridSORItem .GridPanelDynamic tr.dxgvFooter_macrosites td
{
    padding-right: 4px;
    font-weight: bold;
}

.GridFooter
{
    white-space: nowrap;
}

.GridFooter td
{
    padding-right: 4px;
}

.Grid
{
    width: 100%;
    border: solid 1px #7FDFF9;
    font-family: Arial Narrow, Arial;
    font-stretch: condensed;
    font-size: 13px;
    border-spacing: 0px;
}

div.Grid
{
    width: auto;
}

.Grid td.GridCell
{
    padding: 4px;
}

.Grid td.GridCell.Text
{
    text-align: left;
}

.Grid td.GridCell.Text .HeightLimiter
{
    max-width: 80vw;
    max-height: 64px;
    line-height: 1.23em;
    overflow: hidden;
}

.Grid td.GridCell.Text .HeightLimiterOneLine
{
    max-height: 15px;
    line-height: 1.23em;
    overflow: hidden;
}

.Grid td.GridCell.Number, .Grid td.GridCell.NumberFixed
{
    text-align: right;
}

.Grid td.GridCell.NumberFixed /*Note: In some grids with batch editing, the width changes when editing is started and finished. This causes undesired content jumping, so it is necessary to fix the width.*/
{
    width: 120px !important;
    text-align: right;
}

.Grid td.GridCell.NumberFixed > div
{
    width: 120px !important;
}

.Grid td.GridCell.AlbumImage img
{
    max-width: 32px;
    max-height: 32px;
}

.Grid td.GridEditCell
{
    height: 27px;
    padding: 4px;
}

.Grid td.GridEditCell .dxeInvalid_macrosites input[type="text"]
{
    /*background-color: #FFDDDD;*/
    border-color: #FF0000;
}

.Grid td.GridEditCell input.UrlJavascript
{
    width: 350px;
}

.Grid a
{
    padding: 0px 3px;
}

.GridHeader
{
    color: #3A3A3A;
    background: url('./Images/Grid/GridHeaderBg.png') top repeat-x #DAD7D7;
}

.GridHeader.Action
{
    background: url('./Images/Grid/GridHeaderActionBg.png') top repeat-x #C5C2C2;
    padding-left: 3px;
}

td.GridHeader
{
    padding: 4px;
}

tr.GridHeader > td
{
    padding: 4px;
}

.GridGroupRow
{
    height: 26px;
}

.GridLine
{
    background-color: #FFFFFF;
}

.GridLineEven
{
    background-color: #F3F3F3;
}

.GridLineEdit
{
    background-color: #FFFFB0;
}

.GridLinePos
{
    background-color: #CCF8CC;
}

.GridLineNeg
{
    background-color: #FFC0CB;
}

.GridLineNonStock
{
    background-color: #F9CC78;
}

.GridLineError
{
    background-color: #FF9999;
}

.GridLine:hover
{
    background-color: #FFFEE5;
}

.GridLine td /*, .GridLineEdit td*/
{
    border-top: solid 1px #E3E0E0;
}

.GridLine td td /*, .GridLineEdit td td*/
{
    border-top: 0px;
}

.Grid .GridEditCell.Editable
{
    padding: 3px 2px;
}

.Grid .GridEditCell.Editable td
{
    /*padding-right: 8px;*/ /* STATIC GRIDS UPDATE */
}

.Grid .GridEditCell.Editable input[type="text"]
{
    border-top: solid 1px #9DA0AA;
    border-right: solid 1px #C2C4CB;
    border-bottom: solid 1px #D9DAE0;
    border-left: solid 1px #C2C4CB;
    width: 100%;
    height: 1.5em;
    line-height: 1.5em; /* For IE 8 */
    padding-right: 3px;
    padding-left: 3px;
    
    /*padding: auto 3px;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;*/
}

.Grid .GridEditCell.Editable input[type="text"].dxeEditArea_macrosites.dxeEditAreaSys
{
    border-top: solid 1px #9DA0AA !important;
    border-right: solid 1px #C2C4CB !important;
    border-bottom: solid 1px #D9DAE0 !important;
    border-left: solid 1px #C2C4CB !important;
    height: 1.6em;
    line-height: 1.6em; /* For IE 8 */
}

.Grid .GridEditCell .dxeReadOnly_macrosites input[type="text"].dxeEditArea_macrosites.dxeEditAreaSys
{
    background-color: #FFFFB0;
}

.Grid .GridEditCell.Editable .dxeButtonEdit input[type="text"]
{
    padding-right: 1px;
}

.Grid .GridCell.BatchEditable
{
    background-color: #FFFFB0;
}

.Grid .ActivityDetails
{
    max-width: 250px;
}

.Grid.PageList td.GridCell.UID
{
    white-space: nowrap
}

.Grid.PageList td.GridEditCell.Editable.Order > table
{
    border: solid 1px;
    border-color: #9DA0AA #C2C4CB #D9DAE0 #C2C4CB;
    background-color: #FFFFFF;
}

.Grid.PageList td.GridEditCell.Editable.Order input[type="text"].dxeEditArea_macrosites.dxeEditAreaSys
{
    border: none !important;
    width: 30px;
    height: 1.2em !important;
}


.ErrorMessagePositioner
{
    height: 0px;
    width: 100%;
    position: relative;
}

.ErrorMessageContainer
{
    position: absolute;
    height: 0px;
    bottom: 28px;
    left: 0px;
}

.ErrorMessage
{
    background-color: #EE1C24;
    color: #FFFFFF;
    padding: 5px;
    font-size: 13px;
    white-space: nowrap;
}

.ErrorMessageClose
{
    padding-left: 10px;
    cursor: pointer;
}

.ErrorMessageBottom
{
    height: 7px;
    width: 100%;
    background: url('./Images/Grid/ErrorBottom.png') no-repeat 15px bottom;
}


.GridHeader.Action .ShowOptions
{
    display: inline-block;
    width: 18px;
    height: 22px;
    background: url('./Images/Grid/GridHeaderAction.png') no-repeat center;
    cursor: pointer;
    float: right;
}

.GridHeader.Action .SelectAll
{
    float: left;
}


.dxGridView_gvHeaderSortDown_macrosites, .dxGridView_gvHeaderSortUp_macrosites
{
    background-color: transparent;
    /*background-image: url('DXR.axd?r=3_5-CYqt4');*/
    background-image: url('./Images/Grid/sprite.png');
    -background-image: url('./Images/Grid/sprite.gif'); /* for IE6 */
    background-repeat: no-repeat;
}

.dxGridView_gvHeaderSortUp_macrosites {
    background-position: -19px -18px;
    height: 10px;
    width: 9px;
}

.dxGridView_gvHeaderSortDown_macrosites {
    background-position: -19px 0;
    height: 10px;
    width: 9px;
}


.MissingComponents table.InputData
{
    width: 100%;
}

.MissingComponents table.InputData > tbody > tr > td
{
    width: 50%;
    vertical-align: top;
}

.MissingComponents .AddAssemblies
{
    display: flex;
    margin-bottom: 20px;
}

.MissingComponents .AddAssemblies div.Label
{
    padding: 3px 3px 0 0;
}

.MissingComponents .AddAssemblies .Prefill
{
    padding-left: 60px;
}

.MissingComponents .QuantityEdit
{
    width: 75px;
}



.PagerContainer
{
    float: right;
}

.PageSize
{
    padding: 10px 9px 0 9px;
}

.PageSize .GridMenuTable
{
    display: none;
}

.PageSize .PageSizeLabel
{
    font-size: 11px;
    padding-right: 5px;
}

.PageSize .DropDownList
{
    width: 50px;
}

.PageSizeTable
{
    float: left;
}

.Pager
{
    float: right;
    height: 28px;
    font-size: 11px;
    color: #3A3A3A;
}

.Pager .Left
{
    float: left;
    width: 9px;
    height: 28px;
    background-image: url('./Images/Grid/PagerLeftBg.png');
}

.Pager .Right
{
    float: left;
    width: 9px;
    height: 28px;
    background-image: url('./Images/Grid/PagerRightBg.png');
}

.Pager .Middle
{
    float: left;
    height: 26px;
    border: solid #C7C2C2;
    border-width: 1px 0px;
    padding: 0px 2px;
    background-color: #F7F7F7;
}

.Pager .EntityName
{
    float: left;
    padding: 6px 15px 0px 0px;
}

.Pager .PageNumbers
{
    float: left;
    padding: 6px 6px 0px 6px;
}

.Pager .ButtonFirstPage
{
    float: left;
    width: 14px;
    height: 16px;
    margin-top: 5px;
    border: none;
    padding: 0px;
    background-image: url('./Images/Grid/PagerFirstPage.png');
    background-position: 0px 0px;
}

.Pager .ButtonFirstPage:hover
{
    background-position: 0px -16px;
}

.Pager .ButtonFirstPage:active
{
    background-position: 0px -32px;
}

.Pager .ButtonPreviousPage
{
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 3px;
    border: none;
    padding: 0px;
    background-image: url('./Images/Grid/PagerPreviousPage.png');
    background-position: 0px 0px;
}

.Pager .ButtonPreviousPage:hover
{
    background-position: 0px -20px;
}

.Pager .ButtonPreviousPage:active
{
    background-position: 0px -40px;
}

.Pager .ButtonNextPage
{
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 3px;
    border: none;
    padding: 0px;
    background-image: url('./Images/Grid/PagerNextPage.png');
    background-position: 0px 0px;
}

.Pager .ButtonNextPage:hover
{
    background-position: 0px -20px;
}

.Pager .ButtonNextPage:active
{
    background-position: 0px -40px;
}

.Pager .ButtonLastPage
{
    float: left;
    width: 14px;
    height: 16px;
    margin-top: 5px;
    border: none;
    padding: 0px;
    background-image: url('./Images/Grid/PagerLastPage.png');
    background-position: 0px 0px;
}

.Pager .ButtonLastPage:hover
{
    background-position: 0px -16px;
}

.Pager .ButtonLastPage:active
{
    background-position: 0px -32px;
}

.Pager .ButtonJumpBack, .Pager .ButtonJumpForward
{
    float: left;
    width: 16px;
    height: 18px;
    margin-top: 4px;
    border: solid 1px #D2D2D2;
    border-radius: 4px;
    padding: 0px;
    color: #000000;
    background: linear-gradient(#F3F3F3, #D2D2D2);
}

.Pager .ButtonJumpBack:hover, .Pager .ButtonJumpForward:hover
{
    border-color: #D0D0D0;
    background: linear-gradient(#E4E4E4, #D0D0D0);
}

.Pager .ButtonJumpBack:active, .Pager .ButtonJumpForward:active
{
    border-color: #C1C1C1;
    background: linear-gradient(#C3C3C3, #C1C1C1);
}


.GridDropDownMenu
{
    text-align: left;
}


.LoadingPanel
{
    z-index: 1000;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    /*background-image: url('./Images/Form/Dummy.png');*/ /* Needed for IE - if there is no background it is possible to click controls through this block */
    opacity: 0.2;
    filter: alpha(opacity=20);
    background-color: #7F7F7F;
}

.dxpcModalBackLite_macrosites, .dxgvLoadingDiv_macrosites
{
    opacity: 0.2;
    filter: alpha(opacity=20);
    background-color: #7F7F7F;
    position: fixed;
}

.LoadingPanel .dxgvLoadingPanel_macrosites
{
    margin: 0px auto;
}


.dxgvLoadingPanel_macrosites
{
    background-color: #E3E3E1;
    border: 1px solid #9F9F9F;
    color: #303030;
}

.dxgvLoadingPanel_macrosites td
{
    padding: 12px;
    text-align: center;
    white-space: nowrap;
}

.dxgvLoadingPanel_macrosites
{
    background-color: #FFFFFF;
}

/*.dxgvLoadingPanel_macrosites td
{
    padding: 10px;
}

.dxgvLoadingPanel_macrosites td img
{
    float: left;
}*/


/* #### Grids #### */

.Grid.Languages .Edit
{
    width: 120px;
    text-align: left;
}

.Grid.Languages .LanguageID
{
    width: 20px;
    text-align: left;
}

.Grid.Languages .Name
{
    width: 280px;
}

.Grid.Languages .Export
{
    width: 70px;
    text-align: left;
}

.Grid.Languages .Import
{
    text-align: left;
}

.Grid.Languages .GridEditCell.Name
{
    border: solid 1px #F1CA7F;
    padding: 0px;
    background-color: #FFFFFF;
}

.Grid.Languages .GridEditCell.Name input[type="text"]
{
    height: 25px;
    margin: 1px;
    width: 285px;
}


.Grid.System .Delete
{
    width: 38px;
    padding-left: 6px;
    text-align: left;
}

.Grid.System .Edit
{
    width: 120px;
    text-align: left;
}

.Grid.System .Code
{
    width: 80px;
    text-align: left;
}

.Grid.System .Order
{
    width: 55px;
    text-align: left;
}

.Grid.System .Padding
{
    width: 3px;
    padding-left: 0px;
    padding-right: 0px;
}

.Grid.System .Padding *
{
    display: none;
}

.Grid .GridEditCell.Order.Editable input[type="text"]
{
    width: 100%;
}

.Grid.System .Name
{
    width: 230px;
    text-align: left;
}

.Grid.System .Active
{
    width: 40px;
    text-align: center;
}

.Grid.System .Email
{
    /*width: 240px;*/
    text-align: left;
}


.Grid.StringResources .KeyName
{
    width: 330px;
}

.Grid.StringResources .Value
{
    /*width: 500px;*/
}

.Grid.StringResources .Command
{
    width: 120px;
}

.Grid.StringResources .Language
{
    width: 200px;
}

.Grid.StringResources .Delete
{
    width: 80px;
}


.ColourSample
{
    float: left;
    height: 16px;
    width: 32px;
    margin-left: 5px;
}

.ColourText
{
    float: left;
    margin-right: 5px;
}

.ColourSelect
{
    width: 100%;
}

.ColourSelect .ColourSampleContainer
{
    width: 37px;
}


.TopMenu
{
    padding: 0px 0px 15px 2px;
}

.TopMenu.Padded
{
    padding: 15px 0 15px 16px;
}

.TopMenu input[type="submit"], .TopMenu input[type="button"]
{
    margin-right: 3px;  
}

/* #### Grid Edit #### */

.GridEdit
{
    width: 100%;
}

.GridEdit th, .GridEdit td
{
    padding: 3px 5px;
}

.GridEdit th
{
    color: #3A3A3A;
    background: url('./Images/Grid/GridHeaderBg.png') top repeat-x #DAD7D7;
    font-weight: normal;
    text-align: left;
}

.GridEdit td
{
    border-top: solid 1px #DCDADA;
}

.GridEdit .Label
{
    width: 135px;
}

.GridEdit td.Label
{
    width: 135px;
    background-color: #F2F2F2;
}

.GridEdit td.Label input[type="text"], .ShadowViewColumnLabel input[type="text"]
{
    width: 125px;
}

.GridEdit .Name
{
    width: 180px;
}

.GridEdit .IsSearchable
{
    width: 60px;
}

.GridEdit td.IsSearchable
{
    text-align: center;
}

.GridEdit .SortOrder
{
    width: 60px;
}

.GridEdit .SortDirection
{
    width: 140px;
}

.GridEdit .Delete
{
    width: 25px;
    text-align: center;
}

.GridEdit .Delete input[type="button"]
{
    background: url("./Images/Tabs/FieldRemove.png") transparent no-repeat center;
    border: none;
    height: 19px;
    width: 19px;
    cursor: pointer;
}

.GridEdit .IsPrimaryKey
{
    width: 60px;
}

.GridEdit td.IsPrimaryKey
{
    text-align: center;
}

.GridEdit .DisplayWidth
{
    width: 60px;
}

.GridEdit .LinkAction
{
    width: 200px;
}

.GridEdit .DisplayFormat
{
    width: 60px;
}

.GridEdit .Table
{
    width: 140px;
}

.GridEdit .Field
{
    min-width: 140px;
}

.GridEdit td.Even
{
    background-color: #EEEEEE;
}


.GridEdit .Delimiter
{
    padding-top: 28px;
}



.SupportTicketList
{
    border: solid 1px #7FDFF9
}

.SupportTicket
{
}

.SupportTicket .Post
{
    margin-bottom: 15px;
}

.SupportTicket:last-child .Post
{
    margin-bottom: 0px;
}

.SupportTicket .Post .TopInfo
{
    padding: 5px;
    background-color: #F2F2F2;
}

.SupportTicket .Post .TopInfo > .Name
{
    float: left;
    width: 100%;
    margin-right: -120px;
    color: #666666;
}

.SupportTicket .Post .TopInfo > .Name a
{
    margin-right: 15px;
    color: #0060B2;
}

.SupportTicket .Post .TopInfo > .Name > .Inner
{
    margin-right: 120px;    
}

.SupportTicket .Post .TopInfo > .Date
{
    float: right;
    width: 120px;
    text-align: right;
    color: #999999;
}

.SupportTicket .Post .Text
{
    padding: 5px;
    background-color: #FFFFFF;
}

.SupportTicket .Post .Text img
{
    max-width: 100%;
    height: auto;
}

.SupportTicket .Attachments
{
    padding: 5px;
    background-color: #F8F8F8;
}

.SupportTicket .Attachments .Title
{
    color: #666666;
}

.SupportTicket .Attachments .Attachment
{
    margin: 0px 10px;
}

.SupportTicketList .ButtonNewPost
{
    border: none;
    width: 69px;
    height: 21px;
    background: url('./Images/Inputs/ButtonNew.png') transparent center no-repeat;
    padding-left: 25px;
    text-align: left;
    font-size: 11px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.SupportTicketList .ButtonNewPost:hover
{
    background: url('./Images/Inputs/ButtonNewHover.png') transparent center no-repeat;
}

.SupportTicketList .ButtonNewPost:active
{
    background: url('./Images/Inputs/ButtonNewClick.png') transparent center no-repeat;
}

.SupportTicketList input[disabled="disabled"].ButtonNewPost
{
    background: url('./Images/Inputs/ButtonNewDisable.png') transparent center no-repeat;
    color: #636363;
    background-position: 0px 0px;    
}


/* #### Inputs #### */

.ButtonNew
{
    border: none;
    width: 69px;
    height: 21px;
    background: url('./Images/Inputs/ButtonNew.png') transparent center no-repeat;
    padding-left: 25px;
    text-align: left;
    font-size: 11px;
}

.ButtonExcel
{
    border: none;
    width: 69px;
    height: 21px;
    background: url('./Images/Inputs/Button_excel.jpg') transparent center no-repeat;
    padding-left: 25px;
    text-align: left;
    font-size: 11px;
}

.ButtonAddFilter
{
    border: none;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 11px;
    margin-left: -2px;
  }

.ButtonRemoveFilter
{
    border: none;
    width: 20px;
    height: 20px;
    text-align:center;
    font-size: 11px;
    margin-left: -2px;
}

.ButtonShowFilter
{
    border: none;
    width: 70px;
    height: 21px;
    background-image: url('./Images/Inputs/ButtonBack.png');
    background-position: 0px 0px;
    background-color: transparent;
    text-align: center;
    font-size: 11px;
    padding-left: 5px;
}

.ButtonCreate
{
    border: none;
    width: 70px;
    height: 21px;
    background-image: url('./Images/Inputs/ButtonBack.png');
    background-position: 0px 0px;
    background-color: transparent;
    /*padding-left: 33px;
    text-align: left;*/
    text-align: center;
    font-size: 11px;
}

.ButtonApplyFilter
{
    border: none;
    width: 70px;
    height: 21px;
    background-image: url('./Images/Inputs/ButtonBack.png');
    background-position: 0px 0px;
    background-color: transparent;
    text-align: center;
    font-size: 11px;
}

.ButtonNew:hover
{
    background: url('./Images/Inputs/ButtonNewHover.png') transparent center no-repeat;
}

.ButtonNew:active
{
    background: url('./Images/Inputs/ButtonNewClick.png') transparent center no-repeat;
}

input[disabled="disabled"].ButtonNew
{
    background: url('./Images/Inputs/ButtonNewDisable.png') transparent center no-repeat;
    color: #636363;
    background-position: 0px 0px;    
}


.ButtonNew110
{
    border: none;
    width: 110px;
    height: 21px;
    background-image: url('./Images/Inputs/ButtonNew110.png');
    background-color: transparent;
    padding-left: 25px;
    text-align: left;
    font-size: 11px;
}

.ButtonNew110:hover
{
    background-position: 0 -21px;
}

.ButtonNew110:active
{
    background-position: 0 -42px;
}

input[disabled="disabled"].ButtonNew110
{
    background-position: 0px 0px;
}


.ButtonPrint
{
    border: none;
    width: 70px;
    height: 21px;
    background-image: url('./Images/Inputs/ButtonPrint.png');
    background-position: 0px 0px;
    background-color: transparent;
    padding-left: 28px;
    text-align: left;
    font-size: 11px;
}

.ButtonPrintPreview
{
    border: none;
    width: 115px;
    height: 21px;
    background-image: url('./Images/Inputs/ButtonPrint115.png');
    background-position: 0px 0px;
    background-color: transparent;
    padding-left: 28px;
    text-align: left;
    font-size: 11px;
}

.ButtonPrint:hover
{
    background-position: 0px -21px;
}

.ButtonPrint:active
{
    background-position: 0px -42px;
}


.ButtonSend
{
    border: none;
    width: 70px;
    height: 21px;
    background-image: url('./Images/Inputs/ButtonSend.png');
    background-position: 0px 0px;
    background-color: transparent;
    padding-left: 26px;
    text-align: left;
    font-size: 11px;
}

.ButtonSend:hover
{
    background-position: 0px -21px;
}

.ButtonSend:active
{
    background-position: 0px -42px;
}


.ButtonBack
{
    border: none;
    width: 70px;
    height: 21px;
    background-image: url('./Images/Inputs/ButtonBack.png');
    background-position: 0px 0px;
    background-color: transparent;
    /*padding-left: 33px;
    text-align: left;*/
    text-align: center;
    font-size: 11px;
}

.ButtonBack:hover
{
    background-position: 0px -21px;
}

.ButtonBack:active
{
    background-position: 0px -42px;
}


.ButtonHelpTube
{
    border: none;
    width: 70px;
    height: 21px;
    background-image: url('./Images/Inputs/ButtonHelpTube.png');
    background-position: 0px 0px;
    background-color: transparent;
    float: right;
}

.ButtonHelpTube:hover
{
    background-position: 0px -21px;
}

.ButtonHelpTube:active
{
    background-position: 0px -42px;
}


.Button70, .Button70[disabled="disabled"]:hover
{
    border: none;
    height: 21px;
    width: 70px;
    background: url('./Images/Inputs/Button70.png') transparent center no-repeat;
    text-align: center;
    font-size: 11px;
}

.Button70:hover
{
    background: url('./Images/Inputs/Button70Hover.png') transparent center no-repeat;
}

.Button70:active
{
    background: url('./Images/Inputs/Button70Click.png') transparent center no-repeat;
}

.Button100
{
    border: none;
    height: 21px;
    width: 100px;
    background: url('./Images/Inputs/Button100.png') transparent center no-repeat;
    text-align: center;
    font-size: 11px;
    /*color: #096CB7;*/
}

.Button100:hover
{
    background: url('./Images/Inputs/Button100Hover.png') transparent center no-repeat;
}

.Button100:active
{
    background: url('./Images/Inputs/Button100Click.png') transparent center no-repeat;
}


.Button120
{
    border: none;
    height: 21px;
    width: 120px;
    background: url('./Images/Inputs/Button120.png') transparent center no-repeat;
    text-align: center;
    font-size: 11px;
    /*color: #096CB7;*/
}

.Button120:not([disabled]):hover
{
    background: url('./Images/Inputs/Button120Hover.png') transparent center no-repeat;
}

.Button120:active
{
    background: url('./Images/Inputs/Button120Click.png') center transparent no-repeat;
}


.StandardButton
{
    display: inline-block;
    font-size: 11px;
    color: #000000;
}

a.StandardButton:hover
{
    border: none;
}

span.StandardButton
{
    cursor: default;
    color: #636363;
}

.StandardButton > span
{
    display: block;
    float: left;
    height: 21px;
    background-color: transparent;
    background-position: 0px 0px;
}

a.StandardButton:hover > span, a.StandardButton:focus > span
{
    background-position: 0px -21px;
}

a.StandardButton:active > span
{
    background-position: 0px -42px;
}

.StandardButton > .Left
{
    width: 6px;
    background-image: url('./Images/Inputs/StandardButtonLeft.png');
}

.StandardButton > .Middle
{
    background-image: url('./Images/Inputs/StandardButtonMiddle.png');
}

.StandardButton > .Right
{
    width: 6px;
    background-image: url('./Images/Inputs/StandardButtonRight.png');
}

.StandardButton > .Middle > .Inner
{
    display: block;
    padding: 4px 5px 0px 5px;
}

.StandardButton.TopMargin
{
    margin-top: 10px;
}


.ButtonNew2
{
    display: inline-block;
    font-size: 11px;
    color: #000000;
}

a.ButtonNew2:hover
{
    border: none;
}

.ButtonNew2 > span
{
    display: block;
    float: left;
    height: 21px;
    background-color: transparent;
    background-position: 0px 0px;
}

.ButtonNew2:hover > span, .ButtonNew2:focus > span
{
    background-position: 0px -21px;
}

.ButtonNew2:active > span
{
    background-position: 0px -42px;
}

.ButtonNew2 > .Left
{
    width: 22px;
    background-image: url('./Images/Inputs/ButtonNewLeft.png');
}

.ButtonNew2 > .Middle
{
    background-image: url('./Images/Inputs/ButtonNewMiddle.png');
}

.ButtonNew2 > .Right
{
    width: 6px;
    background-image: url('./Images/Inputs/ButtonNewRight.png');
}

.ButtonNew2 > .Middle > .Inner
{
    display: block;
    padding: 4px 5px 0px 5px;
}


.GridButton, .Grid .Edit input[type="button"]
{
    border: none;
    width: 53px;
    height: 15px;
    background-image: url('./Images/Inputs/GridButton53.png');
    background-color: transparent;
    text-align: center;
    font-size: 11px;
    color: #096CB7;
}

.GridButton:hover, .Grid .Edit input[type="button"]:hover
{
    background-position: 0px -15px;
}

.GridButton:active, .Grid .Edit input[type="button"]:active
{
    background-position: 0px -30px;
}

input[disabled="disabled"].GridButton, .Grid .Edit input[type="button"][disabled="disabled"]
{
    color: #636363;
    background-position: 0px 0px;
}


.GridSaveButton
{
    border: none;
    width: 53px;
    height: 15px;
    background-image: url('./Images/Inputs/GridSaveButton.png');
    background-color: transparent;
    text-align: center;
    font-size: 11px;
    color: #096CB7;
}

.GridSaveButton:hover
{
    background-position: 0px -15px;
}

.GridSaveButton:active
{
    background-position: 0px -30px;
}

input[disabled="disabled"].GridSaveButton
{
    color: #636363;
    background-position: 0px 0px;
}


.GridButton100
{
    border: none;
    width: 100px;
    height: 15px;
    background-image: url('./Images/Inputs/GridButton100.png');
    background-color: transparent;
    text-align: center;
    font-size: 11px;
    color: #096CB7;
}

.GridButton100:hover
{
    background-position: 0px -15px;
}

.GridButton100:active
{
    background-position: 0px -30px;
}

input[disabled="disabled"].GridButton100
{
    color: #636363;
    background-position: 0px 0px;    
}


.StandardButton2
{
    height: 21px;
    border: solid 1px #ACACAC;
    border-radius: 5px;
    padding: 3px 15px;
    font-size: 11px;
    background: linear-gradient(#F1F0F0, #DEDBDB);
}

.StandardButton2:hover
{
    background: linear-gradient(#E9E9E9, #CCCCCC);
}

.StandardButton2:active
{
    background: linear-gradient(#E7E7E7, #C3C3C3);
}


a.GridButton2
{
    display: inline-block;
    font-size: 11px;
    color: #096CB7;
}

a.GridButton2:hover
{
    border: none;
}

a.GridButton2 > span
{
    display: block;
    float: left;
    height: 15px;
    background-color: transparent;
    background-position: 0px 0px;
}

a.GridButton2:hover > span, .GridButton2:focus > span
{
    background-position: 0px -15px;
}

a.GridButton2:active > span
{
    background-position: 0px -30px;
}

a.GridButton2 > .Left
{
    width: 5px;
    background-image: url('./Images/Inputs/GridButtonLeft.png');
}

a.GridButton2 > .Middle
{
    background-image: url('./Images/Inputs/GridButtonMiddle.png');
}

a.GridButton2 > .Right
{
    width: 5px;
    background-image: url('./Images/Inputs/GridButtonRight.png');
}

a.GridButton2 > .Middle > .Inner
{
    display: block;
    padding: 1px 10px 0px 10px;
}

a.GridButton2 > .Middle > .Inner
{
    background: none;
    height: auto;
    font-weight: normal;
}


.UploadBrowseButton a
{
    display: inline-block;
    width: 53px;
    height: 15px;
    font-size: 11px;
    background: url('./Images/Inputs/GridButton53.png') center no-repeat;
    text-align: center;
    padding: 0px;
    margin-left: 2px;
}

.UploadTextBox
{
    background-color: #DDDDDD;    
}

.UploadTextBox input[type="text"]
{
    margin: 1px;
    width: 250px;
}


.UploadBrowseButton70 a
{
    display: inline-block;
    width: 70px;
    height: 17px;
    font-size: 11px;
    background: url('./Images/Inputs/Button70.png') center no-repeat;
    text-align: center;
    padding: 4px 0 0 0;
    margin-left: 2px;
}

.UploadTextBox70
{
    background-color: #DDDDDD;    
}

.FormTable.ImportData .UploadTextBox70 input[type="text"]
{
    margin: 1px;
    width: 320px;
}

.UploadDataContainer
{
    float: left;
    padding-top: 0px;
}

.Grid .FileUpload
{
    float: left;
}


.ImportButtonContainer
{
    float: left;
    padding: 2px 0px 0px 20px;
}

.ImportButton70Container
{
    float: left;
    padding: 0px 0px 0px 10px;
}


.SearchBox
{
}

.SearchBox .LeftBorder
{
    float: left;
    width: 5px;
    height: 21px;
    background-image: url('./Images/Inputs/SearchBoxLeft.png');
}

.SearchBox .TextBox
{
    float: left;
    width: 160px;
    height: 17px;
    border: solid #ACACAC;
    border-width: 1px 0px;
    
    border-radius: 0px; /* Needed for iPad */
    padding: 1px 0px;
}


.SearchBox .SearchButton
{
    float: left;
    border: none;
    width: 23px;
    height: 21px;
    background-image: url('./Images/Inputs/SearchButton.png');    
    background-color: transparent;
    
    border-radius: 0px; /* Needed for iPad*/
}

.SearchBox .SearchButton:hover
{
    background-image: url('./Images/Inputs/SearchButtonHover.png');    
}

.SearchBox .SearchButton:active
{
    background-image: url('./Images/Inputs/SearchButtonClick.png');    
}


.LogoTopLeft
{
    float: left;
    max-height: 60px;
    margin-bottom: 5px;
}


.VirtualCheckBox, .dxICheckBox_macrosites, .dxeIRadioButton_macrosites
{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url('./Images/Inputs/CheckBoxBg.png') no-repeat;
}

.dxWeb_edtCheckBoxChecked_macrosites.VirtualCheckBox, .dxICheckBox_macrosites.dxWeb_edtCheckBoxChecked_macrosites
{
    background-position: -15px 0px;
}

.VirtualCheckBox.dxICBFocused_macrosites
{
    border: 1px dotted #000000;
    margin-top: -1px;
}

.dxWeb_edtCheckBoxUnchecked_macrosites.VirtualCheckBox
{
    background-position: 0px 0px;
}

.dxEditors_edtRadioButtonChecked_macrosites.VirtualCheckBox, .dxeIRadioButton_macrosites.dxEditors_edtRadioButtonChecked_macrosites
{
    background-position: -15px 0px;   
}

.dxEditors_edtRadioButtonUnchecked_macrosites.VirtualCheckBox
{
    background-position: 0px 0px;   
}

.DropDownList
{
    border: none;
    background: url('./Images/Inputs/DropDownLeft.png') no-repeat left transparent;
    padding-left: 4px;
    border-spacing: 0px;
    height: 21px;
}

.DropDownList td
{
    height: 21px; /* IE7 */
}

.DropDownList .dxic
{
    background: url('./Images/Inputs/DropDownBg.png') repeat-x;
}

.DropDownList .dxeEditArea
{
    background-color: transparent;
    font-family: Arial;
}

.DropDownList .dxeButtonEditButton
{
    padding: 0px;
    border: none;
    background-image: url('./Images/Inputs/DropDownButton.png');
    background-position: 0px 0px;
    background-color: transparent;
}

.DropDownList .dxeButtonEditButton:hover
{
    background-position: 0px -21px;
}

.DropDownList .DropDownButtonInner
{
    display: inline-block;
    width: 19px;
}

.DropDownListPaddingForIE7
{
    width: 4px;
    background: url("./Images/Inputs/DropDownLeft.png") no-repeat left center transparent;
}



/*.CodeBoxContainer
{
    position: relative;
}

.CodeBoxContainer .ToBeGenerated
{
    position: absolute;
    top: 0px;
    left: 0px;
    padding-left: 4px;
    color: #7F7F7F;
}*/

.ToBeGenerated, .ToBeGenerated input[type="text"]
{
    color: #7F7F7F;
}


.TextBoxToBeGen
{
    color: #7F7F7F;
}

.TextBoxToBeGen input[type="text"]
{
    color: #7F7F7F;
}


.GridLookupStatusBar
{
    text-align: right;
}


.HtmlEditorPlaceHolders
{
    border: solid #7f7f7f;
    border-width: 0px 1px 1px 1px;
    padding: 4px;
    background-color: #CECECE;
}

.HtmlEditorPlaceHolders .Caption
{
    font-weight: bold;
}



/* #### Popups #### */
body.Popup
{
    min-width: 0px;
}

.PopupContainer
{
    background-color: #E7E7E7;
    padding: 10px;
}

.SendForm
{
    background-color: #F3F3F3;
    padding: 5px;
    width: 100%;
}

.SendForm .CaptionCell
{
    font-family: Arial Narrow, Arial;
    font-stretch: condensed;
}

.SendForm .InputCell
{
    padding-left: 10px; /* Send Form Update */
}

.SendForm table.dxeInvalid
{
    border-color: #FF0000;
}


.ContactsUpdateCaption
{
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.ContactsUpdate
{
    width: 100%;
}

.ContactsUpdate .CheckBoxCell
{
    width: 22px;
}

.ContactsUpdate .CaptionCell
{
    width: 200px;
}

.ContactsUpdate .DropDownCell
{
}

.ContactsUpdate .UpdateCell
{
    text-align: center;
}

.ContactsUpdateMessage
{
    padding: 10px;
}


.PopupDialogButtons
{
    float:right;
    padding: 10px;
}


.SimplePopup
{
    min-width: 500px;
}

.SimplePopup .SimplePopupButtons
{
    padding-top: 10px;
}


/* Popup sometimes can't determine height of the window correctly (e.g. when it is in an iframe) so it doesn't add scrollbars when required.
In this case, adding a div with this class inside the popup ensures that the scroll bar will be shown (though not optimally). */
.PopupScroller
{
    overflow: auto;
    max-height: calc(100vh - 50px);
    padding-right: 20px;
}


.PopupForm
{
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-row-gap: 12px;
    grid-column-gap: 12px;
}

.PopupForm input[type="text"], .PopupForm textarea
{
    width: 100%;
    box-sizing: border-box;
}

.PopupForm .Buttons
{
    grid-column: 1 / -1;
}

.PopupForm .ValidationError
{
    color: #FF0000;
}



/* #### Forms #### */

.SectionHeader, .FirstSectionHeader
{
    background: url('./Images/Form/SectionOpener.png') no-repeat;
    margin: 30px 0px 5px 0px;
    padding-left: 15px;
    font-size: 13px;
    font-weight: bold;
    color: #3A3A3A;
    cursor: pointer;
}

.SectionHeader.Open, .FirstSectionHeader.Open
{
    display: inline-block;
    background-position: 0px 3px;
}

.SectionHeader.Closed, .FirstSectionHeader.Closed
{
    background-position: 0px -14px;
}

.SectionHeader:hover, .FirstSectionHeader:hover
{
    color: #096CB7;
}

.SectionHeader.Still, .SectionHeader.Still:hover
{
    padding-left: 0px;
    background: none;
    cursor: default;
    color: #3A3A3A;
}

.FirstSectionHeader
{
    margin-top: 0px;
}

.SubsectionTitle
{
    padding: 15px 15px 5px 15px;
    font-size: 13px;
    font-weight: bold;
    color: #3A3A3A;
}

.SectionBody
{
    position: relative;
}

.SectionTabContainer
{
    background-color: #F3F3F3;
    padding: 5px;
}

.FormTableContainer
{
    box-sizing: border-box;
    width: 100%;
    border: solid 1px #7FDFF9;
    border-collapse: collapse;
}

table.FormTableContainer > tbody > tr > td
{
    padding: 0px;
}

.FormTable
{
    border-collapse: collapse;
}

.FormTable, .FieldZone
{
    float: left;
}

.FormTable.Single, .FieldZone.Single
{
    width: 100%;
}

.FormTable.Half, .FieldZone.Half
{
    width: 50%;
}

.FormTable.Third, .FieldZone.Third
{
    width: 33.333%;
}

.FormTable.Fourth, .FieldZone.Fourth
{
    width: 25%;	
}

.FormTable.Fifth, .FieldZone.Fifth
{
    width: 20%;	
}

.FormTable > tbody > tr > td
{
    padding: 0px 5px;
    height: 27px;
}

.FormTable td.Value
{
    padding-right: 12px;
    background-color: #FFFFFF;
}

.FormTable td.CenterValue
{
    padding-right: 12px;
    background-color: #FFFFFF;
    text-align: center;
}

.FormTable td.MemoValue
{
    padding-right: 6px;
    padding-left: 0px;
    background-color: #FFFFFF;
}

.FormTable tr td
{
    border-top: solid 1px #DCDADA;
}

.FormTable tr:first-child td
{
    border-top: none;
}

.FormTable .dxhe-dialogLG tr:first-child td .dxucBrowseButton
{
    border: 1px solid #9f9f9f;
}

.FormTable .Label
{
    font-family: Arial Narrow, Arial;
    font-stretch: condensed;
    font-size: 13px;
    text-align: right;
    background-color: #F2F2F2;
    color: #636363;
}

.FormTable .Select
{
    width: 30px;
}

.FormTable .LabelLeft
{
    font-family: Arial Narrow, Arial;
    font-stretch: condensed;
    font-size: 13px;
    text-align: left;
    background-color: #F2F2F2;
    color: #636363;
    padding-left: 15px;
    width: 50px;
}

.FormTable .ButtonLeft
{
    text-align: left;
    background-color: #F2F2F2;
    color: #636363;
}

.FormTable td.SendFormValue
{
    font-family: Arial Narrow, Arial;
    font-stretch: condensed;
    font-size: 13px;
    text-align: left;
    background-color: #F2F2F2;
    color: #636363;
    width: 400px;
}

.FormTable td.SendFormButtons
{
    font-family: Arial Narrow, Arial;
    font-stretch: condensed;
    font-size: 13px;
    text-align: left;
    background-color: #F2F2F2;
    color: #636363;
    width: 400px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.SendForm .Label
{
    font-family: Arial Narrow, Arial;
    font-stretch: condensed;
    font-size: 13px;
    background-color: #F2F2F2;
    color: #636363;	
}

.FormTable.Single .Label
{
    width: 210px;
}

.FormTable.Half .Label
{
    width: 160px;
}

.FormTable.Third .Label
{
    width: 130px;
}

.FormTable td.Value.Editable
{
    background-color: #FFFFB0;
}


.FormTable.Edit td
{
    /*padding: 2px;*/
}

.FormTable td input[type="text"], .FormTable td select
{
    width: 100%;
}

.FormTable .dxhe-dialogLG td input[type="text"], .FormTable .dxhe-dialogLG td select
{
    width: inherit;
}

.FormTable td img
{
    max-width: 300px;
    max-height: 200px;
}

.FormTable tr td .dxeButtonEditButton, .FormTable tr td .dxeCalendarButton, .FormTable tr td .dxeSpinIncButton, .FormTable tr td .dxeSpinDecButton,
.FormTable tr td .dxeSpinLargeIncButton, .FormTable tr td .dxeSpinLargeDecButton, .FormTable tr td .dxeColorEditButton
{
    border: 1px solid #7f7f7f;
}

.FormTable tr td .dxeCalendarDay.dxeCalendarToday
{
    border: 1px solid #c00000;
}

.FormTable.CreateContactAccount
{
    width: 325px;
}

.FormTable.ReservationPopup
{
    width: 300px;
}

.UserEmailOptions
{
    width: 100%;
    border-bottom: solid 1px #DDDDDD;
    background-color: #FFFFFF;
    padding: 2px 8px;
    color: #3A3A3A;
}

.UserEmailOptions:last-child
{
    border-bottom: none;
}

.UserEmailOptions .Option
{
    width: 30px;
    vertical-align: top;
}

.UserEmailOptions .Heading
{
    font-weight: bold;
    font-size: 13px;
    padding: 4px 0px;
}

.UserEmailOptions .SynchPeriod
{
    width: 30px;
    text-align: center;
}

.UserEmailOptions .EmailDetailsContainer
{
    padding-left: 20px;
}

.UserEmailOptions .EmailDetailsContainer .Title
{
    padding: 1px 0px 1px 3px;
}

.UserEmailOptions .EmailBlockOpener
{
    margin-left: 5px;
    padding-left: 20px;
    background: left no-repeat;
}

.UserEmailOptions .EmailBlockOpener.Closed
{
    background-image: url("./Images/TreeView/Collapsed.gif");
}

.UserEmailOptions .EmailBlockOpener.Open
{
    background-image: url("./Images/TreeView/Expanded.gif");
}

.UserEmailOptions .EmailBlock
{
    margin: 4px 0px 2px 0px;
}


.BankTransferButtons
{
    margin-top: 30px;
}


.FormTopMessage
{
    margin: 0px 5px 10px 5px;
    font-weight: bold;
}



/* #### Tree List #### */
.TreeList .dxtlNode td.dxtl, .TreeList .dxtlAltNode td.dxtl
{
    font-family: Arial Narrow, Arial;
    font-stretch: condensed;
    font-size: 14px;
}




/* #### Breadcrumb #### */
.BreadcrumbContainer
{
    padding-bottom: 15px;
}




/* #### ToolTip #### */
.ActivityToolTipContainer
{
    background-color: #FFFFFF;
    white-space: nowrap;
    border: solid 2px #7FDFF9;
}

.ActivityToolTip
{
    border-spacing: 0px;
}

.ActivityToolTip th, .ActivityToolTip td
{
    border-bottom: solid 1px #E3E0E0;
}

.ActivityToolTip th
{
    padding: 4px 6px 5px 12px;
}

.ActivityToolTip td
{
    padding: 4px 12px 5px 6px;
}

.ActivityToolTip tr:last-child th, .ActivityToolTip tr:last-child td
{
    border-bottom: none;
}

.ActivityToolTip th
{
    font-weight: normal;
    background-color: #F2F2F2;
    text-align: right;
}


.dxtvControl.TreeViewDynamic .dxtv-ndTxt
{
    padding: 1px 4px 0px 4px;
}

.dxtvControl.TreeViewDynamic .dxtv-ndImg
{
    padding: 0px 0px 0px 5px;
}


.LinkDocumentRow
{
    display: flex;
    align-items: baseline;
    margin-bottom: 5px;
}

.LinkDocumentRow .Label
{
    padding-right: 5px;
    white-space: nowrap;
}

.LinkDocumentRow .Value .DocumentSelect
{
    min-width: 250px;
}



/* #### Misc #### */
.MessagePanel
{
    padding: 10px;
}

.ErrMessagePanel
{
    padding: 10px;
    color: Red;
}


.dxtvControl.TreeViewDynamic .dxtv-ndTxt
{
    padding: 1px 4px 0px 4px;
}



/*
FF fix:
font-family: Arial;
font-stretch: condensed;

*/



.FormTableEmail
{
    border: 1px solid #7FDFF9;
    margin-left:30px;	
    border-collapse:collapse;
}

.FormTableEmail tr
{
    padding:0px;	
}

.ValueEditableMail
{
    background:#FFFFB0;
    width:340px;
    text-align:center;
    padding: 2px;
    
}

.LabelMail
{
    background-color: #F2F2F2;
    color: #636363;
    font-family: Arial Narrow, Arial;
    font-stretch: condensed;
    font-size: 13px;
    text-align: right;
    padding:0 5px;
}

.StockVariantAttr
{
    width: 50%;
    float: left;
}



/* buttons Print and create PDF in reports */
.btnReport
{
    min-width:70px;
    max-width:70px;
    margin:3px;
}

.dateEdit
{
    border: 0px;
    border-collapse: collapse;
}
    
.Grid .GridEditCell.Editable td {
    padding-right: 4px;
    padding-left: 4px;
}

.Grid .GridEditCell.Editable .ViewDropDown td.ViewDropDownButtonCell, .Grid .GridEditCell.Editable .ViewDropDown td.ViewDropDownTextCell
{
    padding: 0px;
}

.Grid .GridEditCell.Editable td td
{
    padding-right: 2px;
}

.Grid .GridEditCell.Editable td.dxeButtonEditButton
{
    padding: 0px 2px 0px 3px;
}

.Grid .GridEditCell.Editable td.dxeButtonEditButton td.dx
{
    padding: 0px;
}

.Grid .GridEditCell.Editable .dxeTextBoxSys td.dxic 
{
    padding-right: 10px;
}

.pickDateStaticGrid.Editable{
    background:red;
    padding-right: 1px;
}

.pickDateStaticGrid .dx
{
    background:none;
}

.pickDateStaticGrid .dxbebt
{
    background:none;	
}

.pickDateStaticGrid .dateEdit2
{
    background-color: white;
    border: 1px solid #9F9F9F;
    border-collapse: collapse;
    width: 170px;	
}



.pickDateStaticGrid .dxeButtonEditButton
{
    border-top: medium none;
    padding: 0 2px 0 3px;
    border: none;
    cursor: pointer;
    vertical-align: middle;
    width:15px;
    /*background:none;*/
}
/*
.pickDateStaticGrid input[type="text"]
{
    height:1.1em;	
}
*/
.pickDateStaticGrid .dxEditors_edtDropDown
{
    padding: 0 1px 0 5px;
    width:8px;
    border-bottom:1px solid #7F7F7F;
    border-top:0px;
    border-left:1px solid #7F7F7F;
    border-right:1px solid #7F7F7F;
    text-align:center;
    background:url('./Images/Inputs/StaticDropdown.png') right no-repeat;
}

/*
.pickDateStaticGrid .dxeSpinLargeDecButton {
    background-color: #E6E6E6;
    background-image: url("/DXR.axd?r=2_8-HJsG3");
    background-position: center top;
    background-repeat: repeat-x;
    padding: 0 2px 0 3px;
}*/

.Label.LeftTextAlign
{
    text-align:left;	
}

.pickDateStaticGrid .dxeButtonEditButton,.pickDateStaticGrid .dxeSpinIncButton,.pickDateStaticGrid .dxeSpinDecButton,.pickDateStaticGrid .dxeSpinLargeIncButton,.pickDateStaticGrid .dxeSpinLargeDecButton
{
    background:none;
}

.pickDateStaticGrid .dxEditors_edtDropDown
{
    height:18px;	/* STATIC GRIDS UPDATE */
}

.UpdatedDropdown input[type="text"]
{
    padding-left:0px;
    padding-right:0px;
    position:relative;
    left:-4px;
}

.UpdatedDropdown .Text.dxgv
{
    text-align: left;
}

.UpdatedDropdown .dxeButtonEditButton, .UpdatedDropdown .dxeSpinIncButton,.UpdatedDropdown .dxeSpinDecButton,.UpdatedDropdown .dxeSpinLargeIncButton,.UpdatedDropdown .dxeSpinLargeDecButton
{
    /*padding-left:1px;
    background:yellow;
    text-align:center;
    width:5px;*/
}



/* #### DevExpress #### */
.dxeCalendar_macrosites
{ 
    border: solid 1px #9f9f9f;
    background-color: White;
    color: Black;
    font-weight: normal;
    cursor: default;
}
.dxeCalendar_macrosites td.dxMonthGrid 
{
    padding: 8px 20px;    
}
.dxeCalendar_macrosites td.dxMonthGridWithWeekNumbers_macrosites
{
    padding: 5px 20px 8px 8px;    
}
.dxeCalendar_macrosites td.dxMonthGridWithWeekNumbersRtl_macrosites
{
    padding: 5px 8px 8px 20px;
}
.dxeCalendarDayHeader_macrosites
{
    font-family: Tahoma;
    font-size: 9pt;        
    padding: 2px 4px 5px;
    border-bottom: solid 1px #cfcfcf;
}
.dxeCalendarWeekNumber_macrosites
{    
    font-family: Tahoma;
    font-size: 7pt;    
    text-align: right;    
    padding: 6px 8px 6px 4px;        
    color: #bfbfbf;
}
.dxeCalendarDay_macrosites
{    
    font-family: Tahoma;
    font-size: 9pt;
    padding: 4px 6px;
    text-align: center;    
}
.dxeCalendarWeekend_macrosites        /* inherits dxeCalendarDay */
{
    color: #c00000;
}
.dxeCalendarOtherMonth_macrosites     /* inherits dxeCalendarDay */
{
    color: #888;
}
.dxeCalendarOutOfRange_macrosites     /* inherits dxeCalendarDay */
{
    color: #d0d0d0;    
}
.dxeCalendarSelected_macrosites       /* inherits dxeCalendarDay */
{
    color: White;
    background-color: #8d8d8d;
}
.dxeCalendarToday_macrosites         /* inherits dxeCalendarDay */
{
    padding: 3px 3px 2px;
    border: solid 1px #c00000;    
}
.dxeCalendarHeader_macrosites
{
    background-color: #dcdcdc;
    border: solid 1px #c9c9c9;    
    border-width: 1px 0;
    padding: 4px 7px;
}
.dxeCalendarHeader_macrosites td.dxe
{
    font-family: Tahoma;
    font-size: 9pt;
    text-align: center;
    cursor: pointer;
}
.dxeCalendarFooter_macrosites 
{
    background-color: #ededed;
    padding: 8px 0px;    
    border-top: solid 1px #d6d6d6;
}
.dxeCalendarFastNav_macrosites
{
    color: Black;
    background: White;
    border: solid 1px #9f9f9f;
    border-bottom: 0px;
    padding: 12px 8px;
}
.dxeCalendarFastNavMonthArea_macrosites
{
    padding: 0px 9px;
}
.dxeCalendarFastNavYearArea_macrosites
{    
}
.dxeCalendarFastNavFooter_macrosites
{
    color: Black;
    background-color: #ededed;
    padding: 8px 0px;   
    border: solid 1px #9f9f9f;
    border-top: solid 1px #d6d6d6;
}
.dxeCalendarFastNavMonth_macrosites,
.dxeCalendarFastNavYear_macrosites
{
    font: normal 9pt Tahoma;
    color: Black;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
}
.dxeCalendarFastNavMonth_macrosites
{
    padding: 6px;
}
.dxeCalendarFastNavMonthSelected_macrosites,
.dxeCalendarFastNavYearSelected_macrosites
{
    color: White;
    background: #8d8d8d;    
}
.dxeCalendarFastNavMonthHover_macrosites,
.dxeCalendarFastNavYearHover_macrosites
{        
    color: Black;
    background: #e5e5e5;
    padding: 2px 4px;
    border: solid 1px #d6d6d6;
}
.dxeCalendarFastNavMonthHover_macrosites
{
    padding: 5px;
}
.dxeCalendarButton_macrosites,
.dxeButtonEditButton_macrosites
{	
    vertical-align: middle;
    border: solid 1px #7f7f7f;
    cursor: pointer;
}
.dxeCalendarButton_macrosites,
.dxeButtonEditButton_macrosites,
.dxeCalendarButton_macrosites td.dx
{	
    font-family: Tahoma;
    font-size: 11px;        
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
}
.dxeButtonEditButton_macrosites
{
    padding: 0px 2px 0px 3px;
    /*background-image: url('DXR.axd?r=2_8-Z3_j3');*/
    background-image: url('./Images/Inputs/edtDropDownBack.gif');
    background-repeat: repeat-x;
    background-position: top;    
    background-color: #e6e6e6;
}
.dxeCalendarButton_macrosites
{
    font-size: 9pt;
    /*background-image: url('DXR.axd?r=2_6-Z3_j3');*/
    background-image: url('./Images/Inputs/edtCalendarButtonBack.gif.gif');
    background-repeat: repeat-x;
    background-position: top;    
    background-color: #e5e5e5;
    padding: 4px 11px;
    padding-top: 3px;
    width: 32px;
}
.dxeCalendarButton_macrosites td.dx
{
    font-size: 9pt;    
    text-align: center;
    white-space: nowrap;
}
.dxeCalendarButton_macrosites table.dxbebt 
{
    width: 100%;
}
/* -- Pressed -- */
.dxeCalendarButtonPressed_macrosites
{
    background-image: none;
    background-color: #D5D5D5;
    border: Solid 1px #7F7F7F;	
}
/* -- Hover -- */
.dxeCalendarButtonHover_macrosites
{
    /*background-image: url('DXR.axd?r=2_9-Z3_j3');*/
    background-image: url('./Images/Inputs/edtDropDownButtonHoverBack.gif');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #F2F2F2;
    border: Solid 1px #606060;
}
.dxeCalendarButtonHover_macrosites
{
    /*background-image: url('DXR.axd?r=2_7-Z3_j3');*/
    background-image: url('./Images/Inputs/edtCalendarButtonHBack.gif');
    background-repeat: repeat-x;
    background-position: top;    
}

.dxEditors_edtCalendarPrevYear_macrosites,
.dxEditors_edtCalendarPrevYearDisabled_macrosites,
.dxEditors_edtCalendarPrevMonth_macrosites,
.dxEditors_edtCalendarPrevMonthDisabled_macrosites,
.dxEditors_edtCalendarNextMonth_macrosites,
.dxEditors_edtCalendarNextMonthDisabled_macrosites,
.dxEditors_edtCalendarNextYear_macrosites,
.dxEditors_edtCalendarNextYearDisabled_macrosites,
.dxEditors_edtCalendarFNPrevYear_macrosites,
.dxEditors_edtCalendarFNNextYear_macrosites {
    /*background-image: url('DXR.axd?r=2_14-Z3_j3');
    -background-image: url('DXR.axd?r=2_13-Z3_j3');*/ /* for IE6 */
    background-image: url('./Images/Inputs/sprite.png');
    -background-image: url('./Images/Inputs/sprite.gif'); /* for IE6 */
    background-repeat: no-repeat;
    background-color: transparent;

}
.dxEditors_edtCalendarPrevYear_macrosites,
.dxEditors_edtCalendarPrevYearDisabled_macrosites,
.dxEditors_edtCalendarPrevMonth_macrosites,
.dxEditors_edtCalendarPrevMonthDisabled_macrosites,
.dxEditors_edtCalendarNextMonth_macrosites,
.dxEditors_edtCalendarNextMonthDisabled_macrosites,
.dxEditors_edtCalendarNextYear_macrosites,
.dxEditors_edtCalendarNextYearDisabled_macrosites,
.dxEditors_edtCalendarFNPrevYear_macrosites,
.dxEditors_edtCalendarFNNextYear_macrosites
{
    display:block;
    margin:auto;
}
.dxEditors_edtCalendarPrevYear_macrosites {
    background-position: -76px 0px;
    width: 11px;
    height: 12px;
}
.dxEditors_edtCalendarPrevYearDisabled_macrosites {
    background-position: -76px -20px;
    width: 11px;
    height: 12px;
}
.dxEditors_edtCalendarPrevMonth_macrosites {
    background-position: -57px 0px;
    width: 11px;
    height: 12px;
}
.dxEditors_edtCalendarPrevMonthDisabled_macrosites {
    background-position: -57px -20px;
    width: 11px;
    height: 12px;
}
.dxEditors_edtCalendarNextMonth_macrosites {
    background-position: -19px 0px;
    width: 11px;
    height: 12px;
}
.dxEditors_edtCalendarNextMonthDisabled_macrosites {
    background-position: -19px -20px;
    width: 11px;
    height: 12px;
}
.dxEditors_edtCalendarNextYear_macrosites {
    background-position: -38px 0px;
    width: 11px;
    height: 12px;
}
.dxEditors_edtCalendarNextYearDisabled_macrosites {
    background-position: -38px -20px;
    width: 11px;
    height: 12px;
}
.dxEditors_edtCalendarFNPrevYear_macrosites {
    background-position: 0px 0px;
    width: 11px;
    height: 12px;
}
.dxEditors_edtCalendarFNNextYear_macrosites {
    background-position: 0px -20px;
    width: 11px;
    height: 12px;
}

.dxeSpinDecButton_macrosites, .dxeSpinIncButton_macrosites
{
    padding: 1px 2px 1px 3px;
}

.dxEditors_edtSpinEditDecrementImage_macrosites
{
    display: block;
    margin: auto;
    width: 10px;
    height: 5px;
    background: url('/DXR.axd?r=1_102-5rasj') no-repeat -70px -374px;
}

.dxEditors_edtSpinEditIncrementImage_macrosites
{
    display: block;
    margin: auto;
    width: 10px;
    height: 5px;
    background: url('/DXR.axd?r=1_102-5rasj') no-repeat -81px -374px;
}

.dxEditors_edtDropDown_macrosites
{
    display: block;
    margin: auto;
    width: 10px;
    height: 14px;
    background: url('/DXR.axd?r=1_102-K8wbh') 0px -275px;
}

.Grid .GridEditCell.Editable td.dxeButtonEditButton_macrosites
{
    padding: 0px 2px 0px 3px;
}

.dxpcDropDown_macrosites.dxpc-ddSys.dxpclW
{
    background-color: #FFFFFF;
}

.dxeListBoxItem_macrosites
{
    border-left: 1px solid white;
    border-right: 1px solid white;
    color: Black;
    font: 12px Tahoma,Geneva,sans-serif;
    padding: 3px 2px 4px 3px;
    text-align: left;
    white-space: nowrap;
}

.dxeListBoxItem_macrosites.dxeListBoxItemHover_macrosites
{
    background-color: #CFCFCF;
}

.dxeListBoxItem_macrosites.dxeListBoxItemSelected_macrosites
{
    background-color: #A0A0A0;
}


.StockItemImage div div {
    display: none;
}

.TreeViewWorkflowActionMenu 
{
    background-color: #F3F3F3;
    padding: 9px 11px 12px 12px;
    border-collapse: separate;
    border-style: none;
    
}

.PrintPreviewRange
{
    width: 110px;
    padding-left: 27px;
}

.actionRow
{
  background-color: Silver;
}

.CriteriaTable .Number, .SubActionTable .Number, .QuestionTable .Number
{
    width: 4em;
}

.CriteriaTable .Criteria select
{
    width: 4em;        
}

.CriteriaTable .Criteria select, .CriteriaTable .Criteria span
{
    margin-right: 1em;
}

.SubActionTable .Type
{
    width: 15em;
}

.CriteriaTable .Delete, .SubActionTable .Delete
{
    width: 6em;
}

.QuestionTable .Type
{
    Width: 18em;    
}

.QuestionTable .Mandatory
{
    Width: 7em;    
}

.QuestionTable .AddAnswer
{
    width: 7em;    
}

.QuestionTable .DeleteQuestion
{
    width: 5em;    
}

#bodyActions a.Subaction
{
    margin-left: 1em;
}

.ExchangeServerConnectionError
{
    color: Red;    
}

#sitemap li span.MailServerCheckbox, #sitemap2 li span.MailServerCheckbox
{        
    float: none;
    margin-left: 5px;
    position: inherit;
}

#sitemap2 li a.TestExchange
{
    color: #096CB7;
    padding:0;
}

#sitemap2 li a.TestExchange:hover
{
    border-bottom: 1px dotted #096CB7;
}

Table.TestExchange
{
    margin-left: 30px;    
}

Table.TestExchange tr
{
    line-height:100%;   
}

.ActivityEmailErroMessage
{
    width: 100%;
    text-align: center;   

}

.ActivityEmailErroMessage img
{
    vertical-align:bottom;    
}

.ActivityEmailErroMessage span
{
    font-size: 1.1em; 
    color: Red;
    font-weight:bold;     
}

.FormTable.QuoteItems
{
    width: 100%;
}

.FormTable.QuoteItems .Label
{
    width: 110px;
}

.dxbButton
{
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 80px;
}

.PopupOKButton.dxbButton.dxbButtonSys
{
    border: none;
    height: 21px;
    width: 70px;
    background: url('./Images/Inputs/Button70.png') transparent center no-repeat;
    text-align: center;
    font-size: 11px;
    margin-top: 5px;
}

.PopupOKButton.dxbButton.dxbButtonSys:hover
{
    background: url('./Images/Inputs/Button70Hover.png') transparent center no-repeat;
}

.PopupOKButton.dxbButton.dxbButtonSys:active
{
    background: url('./Images/Inputs/Button70Click.png') transparent center no-repeat;
}

.PopupCancelButton.dxbButton.dxbButtonSys
{
    border: none;
    height: 21px;
    width: 70px;
    background: url('./Images/Inputs/Button70.png') transparent center no-repeat;
    text-align: center;
    font-size: 11px;
    margin-top: 5px;
}

.PopupCancelButton.dxbButton.dxbButtonSys:hover
{
    background: url('./Images/Inputs/Button70Hover.png') transparent center no-repeat;
}

.PopupCancelButton.dxbButton.dxbButtonSys:active
{
    background: url('./Images/Inputs/Button70Click.png') transparent center no-repeat;
}

.PopupWindow .dxpc-contentWrapper
{
    background-color: #F3F3F3;
}

.PopupMessageArea
{
    height: 194px;
    width: 512px;
    border: none;
    outline: none !important;
    background-color: #F3F3F3;
    overflow: auto;
    resize: none;
    font: 12px Tahoma, Geneva, sans-serif;
}

.GlobalSearchResult
{
  margin-bottom: 20px;  
}

.FormTable.PriceListItems
{
    width: 100%;
}

.FormTable.CategoryBandDiscountItems
{
    width: 100%;
}

textarea.WorkflowActionField
{
    width: 100%;    
}

.QuoteItemNetPriceButton
{
    display:none;    
}

.mailSettingValue
{
    width: 250px;    
}

.workflowStartCondTable
{
    width: 150px;    
}

.workflowStartCondField
{
    width: 300px;    
}

.workflowStartCondDelete
{
    width: 80px;    
}

.FieldsPageContainer
{
    width: 100%;
}

.FieldsPageContainer .MenuCell
{
    vertical-align: top; 
}

.FieldsPageContainer .FieldsCell
{
    vertical-align: top;
    width: 100%;
}

.LayoutMenuContainer
{
    border: 1px solid #7FDFF9;
    background-color: #FFFFFF;    
}

.LayoutMenuTitle
{
    color: #3A3A3A;
    background: url('./Images/Grid/GridHeaderBg.png') top repeat-x #DAD7D7;
    height: 24px;
    font-size: 13px;
}

.TabsPage.Fields
{
    float: left;
    width: 256px;
}

.TableManagerExtraButtonContainer
{
    float: left;
    padding: 3px 0 0 3px;
}

.ScriptPanel
{
    margin: 0px 5px 0px 10px;
}

.FieldsForm .Buttons .MoveLeft
{
    display: inline-block;
    width: 6px;
    height: 10px;
    background-image: url('./Images/Tabs/TabMoveLeft.png');
    background-repeat: no-repeat;
    padding: 0px 3px;
    margin: 0px 1px;
}

.FieldsForm .Buttons a.MoveLeft
{
    border-bottom: none;
}

.FieldsForm .Buttons .MoveLeft.Inactive
{
    background-image: url('./Images/Tabs/TabMoveLeftInactive.png');
    cursor: default;
}

.FieldsForm .Buttons .MoveRight
{
    display: inline-block;
    width: 6px;
    height: 10px;
    background-image: url('./Images/Tabs/TabMoveRight.png');
    background-repeat: no-repeat;
    padding: 0px 3px;
    margin: 0px 1px;
}

.FieldsForm .Buttons a.MoveRight
{
    border-bottom: none;
}

.FieldsForm .Buttons .MoveRight.Inactive
{
    background-image: url('./Images/Tabs/TabMoveRightInactive.png');
    cursor: default;
}

.FieldsForm .Buttons .Delete
{
    display: inline-block;
    width: 9px;
    height: 10px;
    background-image: url('./Images/Tabs/TabDelete.png');
    background-repeat: no-repeat;
    padding: 0px 3px;
    margin: 0px 1px;
}

.FieldsForm .Buttons a.Delete
{
    border-bottom: none;
}

.FieldsForm .Buttons .Delete.Inactive
{
    width: 10px;
    background-image: url('./Images/Tabs/TabDeleteInactive.png');
    cursor: default;
}


.FieldsForm
{
    margin-left: 10px;
}

.FieldsForm .Title
{
    font-size: 13px;
    font-weight: bold;
    color: #595959;
    padding: 2px 0px 10px 10px;
}

.FieldsForm .Title input[type="submit"]
{
    margin-left: 50px;
}

.FieldsForm .TabList
{
    /*width: 100%;*/
    padding: 10px 10px 0px 10px;
    background-color: #D5D5D5;
}

.FieldsForm .TabList .ButtonNew110
{
    margin-left: 20px;
}

.FieldsForm .TabList .Padding
{
    width: 1px;
}

.FieldsForm .MainListView
{
    padding: 8px 0px;
}

.TabNamePopup
{
    padding: 10px;
    background-color: #FFFFFF;
    white-space: nowrap;
}

input.TabName
{
    margin-left: 15px;
}

.FieldsForm .TabsPage
{
    white-space: nowrap;
}

.FieldsForm .TabsPage .Inner .Buttons
{
    float: none;
    padding-left: 20px;
}

.SectionMenu
{
    white-space: nowrap;
}

.SectionMenu.Actions
{
    width: 100%;
}

.SectionMenu.Info
{
    margin-top: 10px;
}

.SectionMenu .ActionButtons
{
    width: 100%;
}

.SectionMenu .Label
{
    font-family: Arial Narrow, Arial;
    font-stretch: condensed;
    font-size: 13px;
    color: #636363;
    padding-left: 15px;
}

.SectionMenu .Label:first-child
{
    padding-left: 0px;
}

.SectionMenu .MoveButtons
{
    padding-left: 5px;
}

.SectionMenu .MoveButtons a, .SectionMenu .MoveButtons span
{
    padding-left: 11px;
    background: left no-repeat;
}

.SectionMenu .MoveButtons.Inactive
{
    color: #636363;
}

.SectionMenu .MoveButtons .MoveUp
{
    background-image: url('./Images/Tabs/SectionMoveUp.png');
}

.SectionMenu .MoveButtons.Inactive .MoveUp
{
    background-image: url('./Images/Tabs/SectionMoveUpInactive.png');
}

.SectionMenu .MoveButtons .MoveDown
{
    background-image: url('./Images/Tabs/SectionMoveDown.png');
}

.SectionMenu .MoveButtons.Inactive .MoveDown
{
    background-image: url('./Images/Tabs/SectionMoveDownInactive.png');
}

.SectionMenu .Delete
{
    display: inline-block;
    width: 9px;
    height: 9px;
    background-image: url('./Images/Tabs/SectionDelete.png');
}

.SectionMenu a.Delete
{
    border-bottom: none;
}

.SectionMenu .Delete.Inactive
{
    background-image: url('./Images/Tabs/SectionDeleteInactive.png');
}

.SectionMenu.Dependency
{
    margin: 7px 0px 2px 0px;
}

.SectionMenu.Dependency > tbody > tr > td
{
    vertical-align: top;
}

.SectionMenu .DependencyBindings > tbody > tr > td
{
    padding: 0px 2px;
}

.SectionMenu .DependencyBindings > tbody > tr > td.Label
{
    padding: 0px 2px 0px 5px;
}

.GridMenuTop.SectionEdit
{
    margin-top: 30px;
}

.FieldPanel
{
    width: 100%;
}

.FieldPanel .DummyBody
{
    height: 1px;
}

.DesignFieldContainer
{
    border-bottom: solid 1px #DCDADA;
}

.DesignField
{
    white-space: nowrap;
    width: 100%;
}

.DesignField > tbody > tr > td, .ShadowDesignField
{
    padding: 4px;
}

.DesignField .Label, .ShadowDesignField.Label
{
    width: 200px;
    background-color: #F2F2F2;
}

.DesignField .Label input[type="text"], .ShadowDesignField input[type="text"]
{
    width: 190px;
}

.DesignField .Button
{
    width: 28px;
    text-align: center;
    background-color: #E0E0E0;
}

.ShadowDesignFieldContainer
{
    position: relative;
}

.ShadowDesignFieldPositioner
{
    position: absolute;
    left: 0px;
    top: 0px;
}


.DesignField .Button .Delete
{
    background: url("./Images/Tabs/FieldRemove.png") transparent no-repeat center;
    border: none;
    height: 19px;
    width: 19px;
    cursor: pointer;
}

.AddField
{
    padding: 16px 4px 4px 4px;
    font-family: Arial;
}


.ViewColumnContainer
{
    /*min-width: 1115px;*/
}

.ShadowViewColumnContainer
{
    position: relative;
}

.ShadowViewColumnLabel
{
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 4px;
}

.ShadowViewColumnIsSearchable
{
    position: absolute;
    left: 355px;
    top: 2px;
    padding: 4px;
}

.ShadowViewColumnSortOrder
{
    position: absolute;
    left: 406px;
    top: 0px;
    padding: 4px;
}

.ShadowViewColumnSortDirection
{
    position: absolute;
    left: 475px;
    top: 0px;
    padding: 4px;
}

.ShadowViewColumnIsPrimaryKey
{
    position: absolute;
    left: 645px;
    top: 3px;
    padding: 4px;
}

.ShadowViewColumnDisplayWidth
{
    position: absolute;
    left: 695px;
    top: 0px;
    padding: 4px;
}

.ShadowViewColumnDisplayWidth > table.dxeButtonEdit
{
    width: 60px;
}

.ShadowViewColumnLinkAction
{
    position: absolute;
    left: 766px;
    top: 0px;
    padding: 4px;
}

.ShadowViewColumnLinkAction > input[type="text"]
{
    width: 195px;
}

.ShadowViewColumnDisplayFormat
{
    position: absolute;
    left: 975px;
    top: 0px;
    padding: 4px;
}

.ShadowViewColumnDisplayFormat > input[type="text"]
{
    width: 60px;
}

.ShadowViewColumnTable
{
    position: absolute;
    left: 1049px;
    top: 0px;
    padding: 4px;
}

.ShadowViewColumnTable > select
{
    max-width: 140px;
}

.ShadowViewColumnField
{
    position: absolute;
    left: 1203px;
    top: 0px;
    padding: 4px;
}

.ShadowViewColumnField > select
{
    max-width: 140px;
}

.FormTable.AppConfig
{
    width: 100%;
}

.FormTable.AppConfig .Label
{
    width: 110px;
}

.FormTable.AppConfig .Value.Editable
{
    width: 280px;
}


/* #### Table Manager #### */

.TablePageContainer
{
    width: 100%;
}

.TablePageContainer .MenuCell
{
    vertical-align: top; 
}

.TablePageContainer .TableCell
{
    vertical-align: top;
    width: 100%;
}

.TablePageContainer .TableCell.ViewCell
{
    min-width: 1115px;
}

.TableMenuContainer
{
    border: 1px solid #7FDFF9;
    background-color: #FFFFFF;    
}

.TableMenuTitle
{
    color: #3A3A3A;
    background: url('./Images/Grid/GridHeaderBg.png') top repeat-x #DAD7D7;
    height: 24px;
    font-size: 13px;
}

.TableForm
{
    margin-left: 10px;
}

.TableForm .FieldLength
{
    width: 60px;
}

.TableForm .SqlDefault
{
    min-width: 120px;
}

.TableForm .DropDownList
{
    /*width: 100%;*/
    min-width: 200px;
    min-height: 100px;
}

.TableForm .EnumDropDownInfo input[type="text"]
{
    min-width: 150px;
}

.TableForm .AutoCopyItem
{
    border-top: solid 1px #666666;
}

.TableForm .AutoCopyItem:first-child
{
    border-top: none;
}

.TableEdit
{
    width: 100%;
    margin: 10px 0px;
}

.TableActionButtons
{
    
}

.TableActionButtons input[type="submit"], .TableActionButtons .StandardButton, .TableActionButtons .ButtonNew2
{
    margin-right: 20px;
}

.TableScript
{
    font-family: Lucida Console;
    font-size: 13px;
    width: 100%;
    height: 400px;
}

.HideScript
{
    margin-bottom: 20px;
}

.NewField
{
    margin: 10px;
}

.FormTable .ViewScript
{
    width: 100%;
    height: 500px;
    white-space: pre;
    font-family: Lucida Console;
    font-size: 13px;
}

.FieldsTable
{
    width: 100%;
}

.FieldsTable input[type="text"]
{
    box-sizing: border-box;
    width: 100%;
    min-width: 50px;
}

.ViewDropDownColumn
{
    min-width: 300px;
}

.ViewColumnsHeader
{
    margin-top: 40px;
}

.ViewColumnsTitle
{
    font-size: 14px;
    padding: 15px 20px 15px 0px;
}

.ViewColumnsGroupTitle
{
    font-size: 13px;
}

.ViewColumnsGroupTitle.Delimiter
{
    margin-top: 30px;
}



.PopupTable
{
}

.PopupTable .Label
{
    min-width: 150px;
}

.PopupTable .Value
{
    min-width: 150px;
}



.LogoName
{
    padding-left: 15px;
}

.AlbumItems
{
}

.AlbumItems > .Title
{
    font-weight: bold;
    padding: 5px;
}

.AlbumItems .Item
{
    height: 170px;
    display:  inline-block;
    margin: 10px;
    padding: 0px;
}

.AlbumItems .Item .MenuButton
{
    float: right;
    width: 20px;
    height: 20px;
    background: url('./Images/Inputs/AlbumItemMenu.png') no-repeat center center white;    
    border: none;    
    border-radius:2px;
    position:relative; 
    right: 10px; 
    top: -10px;   
}

.AlbumItems .Item .MenuButton:hover
{     
    border: 1px solid #B1B1B1; 
    
}


.AlbumItems .Item img.Deleting
{
    display: block;
    float: right;
    width: 20px;
    height: 20px;     
    border: none;    
    position:relative; 
    right: 10px; 
    top: -10px;   
    z-index: 1000;
}

.AlbumItems .Item .Header
{
    float: left; 
    width: 100%;    
    margin-bottom: 5px;
}

.AlbumItems .Item .Header .Checkbox
{
    float: left;        
}

.AlbumItems .Item .Header .Title
{
    text-align: center;
}

.AlbumItems .Item .Image
{
    text-align: center;  
}

.AlbumItems .Item .Image img
{
    max-width: 150px;
    max-height: 140px;
}

.AlbumItems > .Delimiter
{
    height: 25px;
}

.FormTable.ThreadItems
{
    width: 100%;
}

.AlbumNewImage .Title, .AlbumNewVideo .Title, .AlbumItems .Title
{
    margin: 10px;
    margin-bottom: 0;
    font-weight:bold;    
}

.WebsitesPanel
{
    margin-left: 10px;
    margin-top: 3px;
}

.WebsitesLabel
{
    margin-top: 3px;
    margin-right: 3px;
    float: left;
}

.WebsitesDropDown
{
    margin-top: 0px;
    margin-right: 3px;
    float: left;
}

.ButtonNewWebsite
{
    float: left;
    margin-right: 10px;
    margin-top: -1px;
}

.ButtonOpenWebsite
{
    float: left;
    margin-right: 10px;
    margin-top: -1px;
}

.PopupWebsiteNameTextBox
{
    width: 130px;
    float: right;
    margin-top: -2px;
    margin-bottom: 10px;
}

.dxtvControl li
{
    font-family: Arial Narrow, Arial;
    font-stretch: condensed;
    font-size: 13px;
}

.dxhePreviewArea.dxheViewArea img
{
    margin: 5px;
}

.AppVersion
{
    font-family: Arial Narrow, Arial;
    font-stretch: condensed;
    font-size: 13px;
    text-align: right;
}

.dxeTextBoxSys td.dxic
{
    overflow: visible;
}

.dxeButtonEditSys td.dxic
{
    overflow: visible;
}

.dxeButtonEditSys td.dxic .ErrorMessagePositioner .ErrorMessageContainer
{
    bottom: 32px;
}

.dxeTextBoxSys td.dxic .ErrorMessagePositioner .ErrorMessageContainer
{
    bottom: 53px;
}

.SendFormValue .dxeTextBoxSys td.dxic .ErrorMessagePositioner .ErrorMessageContainer, .CreateContactAccount .dxeTextBoxSys td.dxic .ErrorMessagePositioner .ErrorMessageContainer
{
    bottom: 34px;
}

.GenerateFieldsButtonContainer
{
    margin-top: 5px;
}

/*
.dxmLite ul.dx
{
    max-height: 200px !important;
    overflow: scroll !important;    
}
*/

.GridPanelDynamic .Filter
{
    margin-left: 10px;    
}

.GridPanelDynamicPopupImage
{
    max-width: 400px;
    max-height: 300px;
}

.PageSize .Filter
{
    display: none;
}

.FilterControl input[type='text']
{
    width:200px;    
}

.AlbumNewImage .dxucTextBox
{
    padding: 0px !important;    
}

.AlbumImageUploadTextBox, .AlbumImageUploadTextBox input[type='text'] 
{
    padding: 0px;
    border-width: 0px;
}
        
.AlbumImageUploadTextBox input[type='text']/*, .dxucTextBox*/ {
    opacity: 0;
    filter: alpha(opacity=0);
    width: 1px !important;
} 

.dxtc-strip 
{
    height:30px ;   
}

.dxtcLite > .dxtc-stripContainer .dxtc-activeTab.TabsPage, .dxtcLite > .dxtc-stripContainer .dxtc-tab.TabsPage
{
    border: none;    
    font-family: Arial;
    /*font-size: 12px;*/
}

.dxtcLite > .dxtc-stripContainer .dxtc-tab
{
    background: none;    
}

.dxtvControl .dxtv-nd
{
    padding: 1px;
}

.dxtvControl .dxtv-ndHov, .dxtvControl .dxtv-ndSel 
{
    padding:0;
}

.dxtcLite > .dxtc-content
{
    float: none;
}

.PaddedForm .dxtcLite.dxtc-top .dxtc-content
{
    overflow: visible;
}

.AlbumItems .Item .Image img
{
    padding: 4px;   
}

.AlbumItems .Item .Image img.MainImage
{
    border: 4px solid #FF0000 !important;
    border-width: 4px !important;   
    border-spacing: -4px !important; 
    padding: 0;    
}

.TargetListConditions td.Value
{
    width:  30%;   
}

.AppInfoContent
{
    padding-top: 8px;
}

.AppInfoContent .Logo
{
    float: left;
    margin-right: 10px;
    width: 36px;
}

.AppInfoContent .InfoText
{
    /*float: left;*/
    width: 270px;
}

.AppInfoContent .InfoText .Version
{
    padding-bottom: 2px;
}

.AppInfoButton
{
    margin-top: 14px;
}

.AppInfoButton .PopupOKButton.dxbButton.dxbButtonSys
{
    display: block;
}

.SupportTicket .TicketDetailLink
{
    cursor: pointer;
}


.ActivityToolTip .Title
{
    background-color: #E7E7E7;
    font-weight: bold;
    text-align: center;
}

.ActivityToolTip .Buttons
{
    text-align: right;
    background-color: #F3F3F3;
}

.ActivityToolTip .Buttons input[type="button"]
{
    border: none;
    width: 53px;
    height: 15px;
    background-image: url('./Images/Inputs/GridButton53.png');
    background-color: transparent;
    text-align: center;
    font-size: 11px;
    color: #096CB7;
}

.ActivityToolTip .Buttons input[type="button"]:hover
{
    background-position: 0px -15px;
}

.ActivityToolTip .Buttons input[type="button"]:active
{
    background-position: 0px -30px;
}

.ActivityToolTip .Buttons input[type="button"][disabled="disabled"]
{
    color: #636363;
    background-position: 0px 0px;
}

.AppChangePassword
{
    padding-top: 8px;
}

.AppChangePassword .dxeTextBoxSys td.dxic .ErrorMessagePositioner .ErrorMessageContainer
{
    bottom: 33px;
}

.Grid .dxgvInlineEditCell_macrosites.GridEditCell.Editable.dxgv .dxgvHeader,
.Grid .dxgvInlineEditCell_macrosites.GridEditCell.Editable.dxgv .dxgvDataRow,
.Grid .dxgvInlineEditCell_macrosites.GridEditCell.Editable.dxgv .dxgvFocusedRow
{
    text-align: left;
}

.Grid .dxgvInlineEditCell_macrosites.GridEditCell.Editable.dxgv .dxgvDataRow .Text.dxgv
{
    padding-left: 6px;
}

.Grid .dxgvInlineEditCell_macrosites.GridEditCell.Editable.dxgv .dxeDropDownWindow.dxpc-content .dxgvControl > tbody > tr > td
{
    padding-left: 0px;
    padding-right: 0px;
}

.Grid .dxgvInlineEditCell_macrosites.GridEditCell.Editable.dxgv .dxeDropDownWindow.dxpc-content .dxgvControl > tbody > tr > td .dxgvHeader
{
    padding-left: 2px;
}

.TableFilter
{
    margin-left: -3px;
}



.dxgvStatusBar_macrosites.batchStatusBar.hidden
{
    visibility: hidden;
}

.dxgvStatusBar_macrosites.batchStatusBar .dxgv .dxgvCommandColumn_macrosites
{
    text-align: left;
}

.dxgvStatusBar_macrosites.batchStatusBar .dxgv .dxgvCommandColumn_macrosites a
{
    margin-right: 10px;
}

.CurrencyTypeGroup
{
    margin-left: 5px;
    font-weight: bold;
    height: 24px;
    margin-top: 10px;
}

.StockItemPriceOptions
{
    margin-bottom: 10px;
}

.PnlSysCurrencyChange
{
	padding-left: 11px;
	padding-bottom: 10px;
}

.dxGridView_gvDetailCollapsedButton_macrosites
{
    float: left;
    border: none;
    width: 15px;
    height: 15px;
    background-image: url('./Images/Grid/ExpandCollapseButtons.png');
    background-position: 0px 0px;
    background-color: transparent;
}

.dxGridView_gvDetailExpandedButton_macrosites
{
    float: left;
    border: none;
    width: 15px;
    height: 15px;
    background-image: url('./Images/Grid/ExpandCollapseButtons.png');
    background-position: 15px 0px;
    background-color: transparent;
}


.ProcessJobsDialog
{
    white-space: nowrap;
}

.ProcessJobsDialog th
{
    padding: 1px 5px;
    text-align: left;
}

.QualityAssuranceSerialsDummyColumn
{
    width: 12px;
}


.WorkOrderTransfer
{
    width: 932px;
}

.WorkMissingComponents
{
    width: 1106px;
}

.WorkOrderTransfer .ItemCode, .WorkMissingComponents .ItemCode
{
    width: 120px;
}

.WorkOrderTransfer .ItemTitle, .WorkMissingComponents .ItemTitle
{
    width: 200px;
}

.WorkOrderTransfer .UnitMeasure, .WorkMissingComponents .UnitMeasure
{
    width: 70px;
}

.WorkOrderTransfer .Quantity, .WorkMissingComponents .Quantity
{
    width: 84px;
}

.WorkOrderTransfer .Quantity > .dxeButtonEdit, .WorkMissingComponents .Quantity > .dxeButtonEdit
{
    width: 70px;
}


.WorkOrderPurchaseOrder
{
    width: 600px;
    margin-bottom: 80px;
}

.WorkOrderPurchaseOrder th, .WorkOrderTransfer th, .WorkMissingComponents th
{
    text-align: left;
}

.WorkOrderPurchaseOrder .Quantity, .WorkOrderTransfer .Quantity, .WorkMissingComponents .Quantity
{
    text-align: right;
}

.WorkOrderPurchaseOrder .SupplierSelection, .WorkMissingComponents .SupplierSelection
{
    padding-top: 20px;
}

.WorkOrderPurchaseOrder .SupplierSelection .SupplierCaption, .WorkMissingComponents .SupplierSelection .SupplierCaption
{
    display: inline-block;
    vertical-align: top;
    padding: 4px 5px 0px 0px;
}

.WorkOrderPurchaseOrder .SupplierSelection .ViewDropDown, .WorkMissingComponents .SupplierSelection .ViewDropDown
{
    display: inline-block;
    width: 300px;
}

.DisabledHyperlink
{
    pointer-events: none;
    cursor: default;
    color: Black;
}

.GridMenuTable .ReportFilterTable
{
    padding-top: 10px;
}

.GridMenuTable .ReportFilterTable .Label
{
    padding-left: 14px;
    padding-right: 5px;
}

.Grid .Edit .dxbButton_macrosites
{
    width: 53px;
    height: 15px;
    background-image: url('./Images/Inputs/GridButton53.png');
    background-color: transparent;
    border: none;
    text-align: center;
    font-family: Arial;
    font-stretch: normal;
    font-size: 11px;
    color: #096CB7;
    padding: 1px 6px 0px 6px;
}

.dxhe-dialogLG .dxtcLite > .dxtc-stripContainer .dxtc-tab
{
    background-color: #E0E0E0;
}


.WorkOrderJobSerialNumbers > table
{
    margin-bottom: 20px;
}

.WorkOrderJobSerialNumbers .OrderNo, .WorkOrderJobSerialNumbers .ComponentSerialNumber, .WorkOrderJobSerialNumbers .AssemblySerialNumber
{
	padding: 2px 8px;
}

.WorkOrderJobSerialNumbers .OrderNo
{
    text-align: center;
}

.WorkOrderJobSerialNumbers .ComponentSerialNumber, .WorkOrderJobSerialNumbers .AssemblySerialNumber
{
	min-width: 160px;
}

.SerialNumberPopup .WorkOrderJobSerialNumbers
{
    min-width: 400px;
    min-height: 400px;
}

.WorkOrderSerialNumbers > tbody > tr > th, .WorkOrderSerialNumbers > tbody > tr > td
{
    padding: 3px 10px;
    min-width: 90px;
    text-align: left;
    white-space: nowrap;
}

.PickedSerialNumbersContainer
{
    width: 100%;
}

.PickedSerialNumbersContainer .ShowAll
{
    width: 10px;
    white-space: nowrap;
    cursor: pointer;
}


.MergeEntities
{
    min-width: 500px;
}


.RecurringSettings .SpinEdit
{
    width: 50px;
}

.RecurringSettings .ShortDropDown
{
    width: 60px;
}

.RecurringSettings .MediumDropDown
{
    width: 100px;
}


.MergeEntities .EntitySelect
{
    padding: 10px;
}


.PriceListPercentChange
{
}

.PriceListPercentChange .dxeButtonEdit
{
    margin: 10px 0px;
}

.PriceListPercentChange .Note
{
    margin-top: 10px;
}


.ItemFormAddToPriceListsData
{
    white-space: nowrap;
}


.DisplayNone
{
    display: none;
}

.dxflNestedControlCell.dxflCLLSys.dxflItemSys.dxflCustomItemSys.dxflItem
{
    display: block;
}

.dxflNestedControlCell.dxflCLLSys.dxflItemSys.dxflCustomItemSys.dxflItem > img
{
    float: left;
    width: 200px;
    height: 250px;
    object-fit: cover;
}

.dxflGroupCell
{
    /*padding: 0 8px;*/
    width: 33%;
    min-width: 220px;
}

.dxflGroupBoxCaption
{
    font-size: 13px;
    font-weight: bold;
    color: #3A3A3A;
    background-color: #E7E7E7;
}

.dxDefaultCursor.dxflCaption
{
    font-family: Arial Narrow, Arial;
    font-stretch: condensed;
    font-size: 13px;
    text-align: right;
    background-color: #E7E7E7;
    color: #636363;
}

.dxflGroupBox.dxflHeadingLineGroupBoxSys.dxflWithCaptionSys
{
    margin-top: 50px!important;
}

.dxcvPagerBottomPanel.PageSize
{
    padding: 9px 9px 9px 9px;
}

.dxcvControl.dxcv
{
    border: 0px;
}

.dxtvControl .ContactName
{
    /*padding-bottom: 5px;*/
}

.dxtvControl .JobRole
{
    font-family: Arial;
    font-weight: bold;
    font-stretch: normal;
    padding-top: 5px;
}

.OrganizationChart
{
    background-color: White;
}

td.dxflNestedControlCell a
{
    text-decoration: none;
    color: #096CB7;
    padding: 0px;
}

.Allocations .EditNote
{
    margin-top: 10px;
}

.AllocationsNote
{
    width: 500px;
}


.ErrorPageMessage
{
    padding: 10px;
    font-size: 14px;
}

.ErrorPageTime
{
    padding: 0px 10px
}


.NewVersionAdditionalInfo
{
    width: 500px;
    margin: 10px 0px;
}

.WithouthOutOfRangeWarning .dxeOutOfRWarn_macrosites label
{
    display: none;
}


.PopupGrid
{
    border-spacing: 0;
}

.PopupGrid > tbody > tr > td, .PopupGrid > tbody > tr > th
{
    padding: 2px 7px;
}

.PopupGrid.PlanPrediction > tbody > tr > td
{
    border-top: solid 1px #000;
}

.PopupGrid.PlanPrediction > tbody > tr.Info > td
{
    border-top: dotted 1px #000;
}

.PopupGrid.DealersItems > tbody > tr > td.Label
{
    min-width: 100px;
}

.PopupGrid.DealersItems > tbody > tr > td.Value
{
    min-width: 200px;
}


.WorkScheduleColors
{
    margin: 10px 0px;
}

.WorkScheduleColors > div
{
    display: inline-block;
    margin-right: 10px;
    background-color: #FFFFFF;
    position: relative;
}

.WorkScheduleColors > div > .Background
{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

.WorkScheduleColors > div > .RichColor
{
    display: inline-block;
    width: 5px;
    padding: 5px 0px;
}

.WorkScheduleColors > div > .ColorName
{
    display: inline-block;
    padding: 5px 10px;
}

.WorkScheduleFilter
{
    display: grid;
    margin: 5px 0px;
    grid-template-columns: max-content auto;
}

.WorkScheduleFilter > .Label
{
    padding: 6px 5px 0px 0px;
}

.WorkScheduleFilter > .Value
{
    padding: 2px;
}

.SchedulerJob.LatePurchaseOrder
{
    background-color: #FF7777 !important;
}

.JobToolTip
{
    width: 300px;
    font-size: 12px;
}

.JobFormAction
{
    padding: 10px;
    background-color: #FFFFFF;
}

.JobFormAction .JobNotes
{
    width: 500px;
    height: 100px;
}

.JobNotesDisplay
{
    width: 100%;
}

.JobFormSubBlock
{
    margin: 10px 10px 30px 10px;
}

.JobFormSubBlock:last-child
{
    margin-bottom: 10px;
}

.JobFormSubBlock > .Caption
{
    font-weight: bold;
}


.NewWPAllocationPopup
{
    min-width: 400px;
}


.WorkPlanPredictionPopup
{
    min-width: 800px;
}

.WorkPlanPredictionPopup .BlockLabel
{
    font-weight: bold;
}

.WorkPlanPredictionPopup .BlockLabel:not(:first-child)
{
    margin-top: 10px;
}

.WorkPlanPredictionPopup .Buttons
{
    margin-top: 10px;
}

.WorkPlanPredictionPopup .Result
{
    margin-top: 20px;
}


.PaymentLink
{
    min-width: 500px;
}


.AmbassadorCouponSelection
{
    min-width: 400px;
}