﻿/* Reset */

form, div, ul, li
h1, h2, h3, h4, h5, h6,
pre, form, fieldset,
p, blockquote {
    margin: 0;
    padding: 0;
}

body {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
    padding-left: 15px;
}

/* ThemeSelector */
.ThemeSelectorPopup {
    background-color: transparent!important;
    border: 0!important;
}

    .ThemeSelectorPopup .dxpc-content {
        padding: 0!important;
        font: 13px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
        color: #3c3c3c;
    }

    .ThemeSelectorPopup .ContainerTopBorder {
        float: left;
        width: 311px;
        height: 2px;
        overflow: hidden;
        padding: 8px 0 0 0;
        margin: 39px -10px -2px 8px;
    }

    .ThemeSelectorPopup .TopBorder {
        float: left;
        width: 316px;
        height: 1px;
        border-top: 1px solid #b0b0b0;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.345);
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.345);
    }

    .ThemeSelectorPopup .ButtonWrapper {
        overflow: hidden;
        padding: 8px 10px 0 10px;
        float: right;
    }

        .ThemeSelectorPopup .ButtonWrapper .ThemeButtonBorder {
            border: 1px solid #b0b0b0;
            border-bottom-width: 0;
            width: 136px;
            height: 40px;
        }

    .ThemeSelectorPopup .ButtonWrapperBtmBorder {
        width: 136px;
        height: 1px;
        background-color: white;
        z-index: 1000;
        top: 48px;
        left: 321px;
    }

    .ThemeSelectorPopup .ContainerWrapper {
        padding: 0 10px 20px 10px;
        overflow: hidden;
        width: 448px;
        display: inline-block;
        margin-top: -1px;
    }

        .ThemeSelectorPopup .ContainerWrapper .ThemeContainer {
            background-color: white;
            border: 1px solid #b0b0b0;
            -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.2);
            box-shadow: 0 10px 12px rgba(0, 0, 0, 0.2);
            padding: 17px 25px;
            clear: both;
            height: 350px; /* for IE7 */
        }

            .ThemeSelectorPopup .ContainerWrapper .ThemeContainer .ThemeColumnLeft {
                width: 170px;
                float: left;
            }

            .ThemeSelectorPopup .ContainerWrapper .ThemeContainer .ThemeColumnRight {
                float: right;
                width: 160px;
            }


            .ThemeSelectorPopup .ContainerWrapper .ThemeContainer .ThemeGroup {
                color: #999999;
                font-size: 14px;
                margin: 10px 0 5px 0;
            }

            .ThemeSelectorPopup .ContainerWrapper .ThemeContainer .ThemeGroupMenu {
                background-color: transparent!important;
                border: 0!important;
                padding: 0!important;
            }

                .ThemeSelectorPopup .ContainerWrapper .ThemeContainer .ThemeGroupMenu .dxm-item,
                .ThemeSelectorPopup .ContainerWrapper .ThemeContainer .ThemeGroupMenu .dxm-hover,
                .ThemeSelectorPopup .ContainerWrapper .ThemeContainer .ThemeGroupMenu .dxm-selected,
                .ThemeSelectorPopup .ContainerWrapper .ThemeContainer .ThemeGroupMenu .dxm-content {
                    background-color: transparent!important;
                    border: 0!important;
                    padding: 0!important;
                    font: 13px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
                    color: #3c3c3c;
                }

                .ThemeSelectorPopup .ContainerWrapper .ThemeContainer .ThemeGroupMenu .ThemeIco {
                    vertical-align: middle;
                    margin: 1px 7px 3px 2px;
                    display: inline-block;
                    width: 40px;
                    height: 19px;
                    padding: 1px;
                    zoom: 1;
                    *display: inline;
                }

                .ThemeSelectorPopup .ContainerWrapper .ThemeContainer .ThemeGroupMenu .dxm-selected .ThemeIco {
                    border: #ff8400 solid 2px;
                    margin: -1px 4px 1px 0;
                }

/* Themes*/
.Theme,
.ThemeDevEx,
.ThemeMetropolis,
.ThemeMetropolisBlue,
.ThemeModerno,
.ThemeOffice2010Blue,
.ThemeOffice2010Black,
.ThemeOffice2010Silver,
.ThemeOffice2003Blue,
.ThemeOffice2003Olive,
.ThemeOffice2003Silver,
.ThemeAqua,
.ThemeGlass,
.ThemeBlackGlass,
.ThemePlasticBlue,
.ThemeRedWine,
.ThemeSoftOrange,
.ThemeYouthful {
    width: 40px;
    height: 19px;
    display: inline-block;
}

.Theme {
    background-color: #DCDCDC;
}

.ThemeDevEx, .Theme_DevEx {
    background-color: #CDCCF5;
}

.ThemeMetropolis, .Theme_Metropolis {
    background-color: #7F7F7F;
}

.ThemeMetropolisBlue, .Theme_MetropolisBlue {
    background-color: #0072C6;
}

.ThemeModerno, .Theme_Moderno {
    background-color: #1279c0;
}

.ThemeOffice2010Blue, .Theme_Office2010Blue {
    background-color: #B5CCE5;
}

.ThemeOffice2010Black, .Theme_Office2010Black {
    background-color: #474747;
}

.ThemeOffice2010Silver, .Theme_Office2010Silver {
    background-color: #E7EAEF;
}

.ThemeOffice2003Blue, .Theme_Office2003Blue {
    background-color: #B5CEF2;
}

.ThemeOffice2003Olive, .Theme_Office2003Olive {
    background-color: #D4DEB6;
}

.ThemeOffice2003Silver, .Theme_Office2003Silver {
    background-color: #D1D1E0;
}

.ThemeAqua, .Theme_Aqua {
    background-color: #96B9EC;
}

.ThemeGlass, .Theme_Glass {
    background-color: #C8DDE8;
}

.ThemeBlackGlass, .Theme_BlackGlass {
    background-color: #4D5A63;
}

.ThemePlasticBlue, .Theme_PlasticBlue {
    background-color: #5066B3;
}
    .Theme_PlasticBlue a {
        color: white;
    }

.ThemeRedWine, .Theme_RedWine {
    background-color: #8A0E3C;
}

.ThemeSoftOrange {
    background-color: #F06F30;
}

.ThemeYouthful, .Theme_Youthful {
    background-color: #9CC524;
}

/* Search box */
.Search {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 1px solid #e0e0e0;
}

    .Search .SearchBox {
        float: left;
        border: 0;
    }

        .Search .SearchBox .dxeEditAreaSys {
            font: 13px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
            color: #3c3c3c;
        }

    .Search .Pic {
        float: left;
        width: 14px;
        height: 14px;
        background-position: -697px -2px;
        margin: 5px 6px;
        background-image: url('Images/Sprites/glyphish_icons.png');
        background-repeat: no-repeat;
    }

/* Aux */

.Clear {
    display: block;
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 0;
}

.LeftPadding {
    padding-left: 12px;
}

.TopPadding {
    padding-top: 6px;
}

.BottomPadding {
    padding-bottom: 6px;
}

.AlignCenter {
    margin: 0 auto;
}

.TopMargin {
    margin-top: 6px;
}

.BottomMargin {
    margin-bottom: 6px;
}

.TopLargeMargin {
    margin-top: 16px;
}

.BottomLargeMargin {
    margin-bottom: 16px;
}

.Note {
    margin: 10px 0;
}

div.Spacer {
    overflow: hidden;
    width: 1px;
    height: 1px;
}

.NoWrap {
    white-space: nowrap;
}

.NoBorder {
    border-style: none !important;
}

.OptionsTable > tbody > tr > td {
    padding: 2px 8px 2px 0;
}

    .OptionsTable > tbody > tr > td.edit {
        padding-right: 18px;
    }

.helplink {
    font-weight: bold;
}

table.dxeTextBoxSys, table.dxeMemoSys, table.dxeButtonEdit, td.dxeButtonEditButton, table.dxbButtonSys, table.dxeButtonEditSys, td.dxeButton {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

table.dxeMemoSys td {
    /*padding-right: 2px;*/
}

.dxeMemoEditAreaSys {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.dxeMemoDiv {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}
.dxChrome .dxpc-mainDiv.dx-acc-r a:focus:after {
    outline: none !important;
}

.pr-help-text{
    text-transform: capitalize;
}