/* begin content *************************************************************/
div #prePrintStockPromptContainer {
    display: none;
}

#prePrintStockPromptContainer .prePrintStockPromptModal {
    width: 400px;
    background-color: #1a1a1a;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -175px;
    margin-top: -150px;
    z-index: 10002;
}

#prePrintStockPromptContainer .prePrintStockPromptTitle {
    width: 380px;
    height: 30px;
    margin-left: 10px;
    margin-bottom: 10px;
    float: left;
    line-height: 30px;
    font-size: 12pt;
    font-weight: bold;
    border-bottom: 1px solid gray;
}

#prePrintStockPromptContainer .prePrintStockPromptPrinterLabel {
    width: 75px;
    height: 30px;
    margin-left: 10px;
    float: left;
    line-height: 30px;
    font-size: 12pt;
    margin-bottom: 10px;
}

#prePrintStockPromptContainer .prePrintStockPromptTrayLabel {
    width: 75px;
    height: 30px;
    margin-left: 52px;
    float: left;
    line-height: 30px;
    font-size: 12pt;
    margin-bottom: 10px;
}

#prePrintStockPromptContainer .prePrintStockPromptList {
    width: 270px;
    height: 30px;
    float: left;
    margin-bottom: 10px;
}

#prePrintStockPromptContainer .previousArrow {
    cursor: pointer;
    margin-top: 8px;
    width: 20px;
    height: 20px;
    float: right;
    background: url('../images/arrow_left.png') no-repeat center 0px;
    background-size: 70%;
}

#prePrintStockPromptContainer .nextArrow {
    cursor: pointer;
    margin-top: 8px;
    width: 20px;
    height: 20px;
    float: right;
    background: url('../images/arrow_right.png') no-repeat center 0px;
    background-size: 70%;
}

#prePrintStockPromptContainer .pagingContainer {
    float: right;
    display: none;
}

#prePrintStockPromptContainer .documentPageNumber {
    float: right;
    width: 75px;
    text-align: center;
    color: #E3DE64;
    font-size: 12pt;
}

#prePrintStockPromptContainer .documentNameContainer {
    width: 270px;
    min-height: 30px;
    margin-bottom: 10px;
    font-size: 10pt;
    float: left;
}

#prePrintStockPromptContainer .documentNameTable {
    min-height: 30px;
    width: 265px;
}

#prePrintStockPromptContainer select {
    width: 260px;
    margin-top: 2px;
    font-size: 12pt;
}

#prePrintStockPromptContainer .prePrintStockPromptRadio {
    width: 260px;
    margin-left: 127px;
    height: 30px;
    float: left;
}

#prePrintStockPromptContainer .prePrintStockPromptMessage {
    width: 220px;
    min-height: 40px;
    float: left;
    margin-left: 127px;
    font-size: 12pt;
    margin-bottom: 10px;
    color: #E3DE64;
}

#prePrintStockPromptContainer .prePrintStockPromptButtons {
    width: 285px;
    height: 38px;
    float: left;
    margin-left: 102px;
    text-align: right;
}

div #printStatusContainer {
    display: none;
}

#printStatusContainer .printStatusModal {
    width: 350px;
    background-color: #1a1a1a;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -175px;
    margin-top: -100px;
    z-index: 10002;
}

#printStatus {
    font-size: 12pt;
}

#printStatusContainer .printStatusTitle {
    width: 330px;
    height: 32px;
    margin-left: 10px;
    margin-bottom: 10px;
    float: left;
    line-height: 30px;
    font-size: 12pt;
    font-weight: bold;
    border-bottom: 1px solid gray;
}

#printStatusContainer .printStatusButtons {
    width: 285px;
    height: 38px;
    float: left;
    margin-left: 52px;
    text-align: right;
}

#printStatusContainer .printStatusMessage {
    width: 285px;
    height: 32px;
    margin-left: 10px;
    float: left;
    font-size: 12pt;
    margin-bottom: 10px;
}

div #printProgressContainer {
    display: none;
}

.prePrintStockPromptBackground {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url('../images/divbg30.png') repeat top center;
    z-index: 10001;
}

#printProgressContainer .printProgressModal {
    width: 350px;
    background-color: #1a1a1a;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -175px;
    margin-top: -100px;
    z-index: 10002;
}

#printProgressContainer .printProgressTitle {
    width: 330px;
    height: 30px;
    margin-left: 10px;
    margin-bottom: 10px;
    float: left;
    line-height: 30px;
    font-size: 12pt;
    font-weight: bold;
    border-bottom: 1px solid gray;
}

#printProgressContainer .progressBarContainer {
    width: 285px;
    height: 30px;
    border: 1px solid #FFFFFF;
    margin-left: 10px;
    float: left;
    font-size: 12pt;
    margin-bottom: 10px;
}

#printProgressContainer .progressBarFiller {
    position: relative;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 30px;
    background-color: #FFFFFF;
}

#printProgressContainer .printProgressMessage {
    width: 285px;
    height: 30px;
    margin-left: 52px;
    float: left;
    font-size: 10pt;
    margin-bottom: 10px;
}

#printProgressContainer .printProgressButtons {
    width: 285px;
    height: 38px;
    float: left;
    margin-left: 52px;
    text-align: right;
}

.infoSymbol {
    background: transparent url('../images/info.png') no-repeat center top;
    width: 32px;
    height: 32px;
    margin-left: 10px;
    float: left;
}

.lockedSymbol {
    background: transparent url('../images/locked-16-yellow.png') no-repeat center top;
    width: 24px;
    height: 24px;
    margin-left: 10px;
    float: left;
}

.deleteSymbol {
    background: transparent url('../images/delete24.png') no-repeat center top;
    width: 25px;
    height: 25px;
    float: left;
    border: none;
    cursor: pointer;
}

.deleteJobDef {
    background: transparent url('../images/delete24.png') no-repeat center top;
    width: 50px;
    height: 50px;
    margin-left: 10px;
    float: left;
}


.defaultSelectedSymbol {
    background: transparent url('../images/check-icon.png') no-repeat center top;
    width: 24px;
    height: 24px;
    margin-left: 10px;
    float: left;
}

.disabledDiv {
    pointer-events: none;
    opacity: 0.4;
}

.AutoFillDiv {
    float: right;
    margin-right: 3px;
    margin-top: 5px;
    border: 1px solid White;
    height: 20px;
    width: 20px;
    background: transparent url('../images/fill_gridfield_bluevue.png') no-repeat center center;
    cursor: pointer;
}

.autoFillModalContainer {
    display: none;
}

.autoFillTitleDiv {
    font-size: 12pt;
    width: 100%;
    float: left;
    color: #E3DE64;
}

.autoFillValueLabelDiv {
    width: 38%;
    float: left;
    margin-top: 20px;
    height: 30px;
    border: none;
    line-height: 30px;
}

.autoFillTextBoxDiv {
    width: 62%;
    float: left;
    margin-top: 20px;
    height: 30px;
    border: none;
    display: none;
}

.autoFillTextGroupByDropDownDiv {
    width: 62%;
    float: left;
    margin-top: 20px;
    height: 30px;
    border: none;
}

.autoFillDropDownDiv {
    width: 62%;
    float: left;
    margin-top: 20px;
    height: 30px;
    border: none;
    display: none;
    padding-top: 3px;
}

.autoFillAllStoresLabelDiv {
    width: 38%;
    float: left;
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
}

.autoFillAllStoresCheckboxDiv {
    width: 62%;
    float: left;
    margin-top: 10px;
    height: 30px;
    padding-top: 9px;
}

.autoFillLoadingContainer {
    width: 38%;
    float: left;
    margin-top: 20px;
    height: 30px;
    line-height: 30px;
}

.autoFillButtonsDiv {
    width: 62%;
    float: left;
    margin-top: 20px;
    height: 30px;
    text-align: right;
}

.GridFieldHeader {
    float: left;
}

.HiddenButton {
    background-color: transparent;
    border: 0;
    width: 1px;
    height: 1px;
}

.Inline {
    float: left;
    display: inline;
}

.InlineClear {
    float: left;
    display: inline;
    clear: left;
}

.trashButton {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 64px;
    height: 64px;
    background: transparent url('../images/trash-64.png') no-repeat center center;
    border: 0px;
    cursor: pointer;
    text-indent: -9999px;
}

.formatHelpButton {
    text-indent: -9999px;
    line-height: 0;
    width: 16px;
    height: 19px;
    background: url('../images/help.png') no-repeat center 2px;
    border: 0px; /*position:absolute; 	top: 0px; 	right: 0px; 	float: right;*/
    position: inline-block;
    cursor: pointer; /*z-index: 10;*/
}

.relativeContainer {
    position: relative;
}

.refreshButton {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 32px;
    height: 32px;
    background: transparent url('../images/refresh-32.png') no-repeat center center;
    border: 0px;
    cursor: pointer;
    text-indent: -9999px;
}

.smallerPreview {
    position: absolute;
    bottom: 5px;
    left: 5px;
    height: 20px;
    width: 20px;
    cursor: pointer;
    color: lawngreen;
    text-align: center;
    font-size: 24pt;
    line-height: 10px;
    border: 1px solid lawngreen;
}

.largerPreview {
    position: absolute;
    bottom: 5px;
    left: 35px;
    height: 20px;
    width: 20px;
    cursor: pointer;
    color: lawngreen;
    text-align: center;
    font-size: 24pt;
    line-height: 10px;
    border: 1px solid lawngreen;
}

.ProductPreviewContainer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 300px;
    height: 300px;
    border: 2px solid #333;
    background-color: #375B77;
    display:none;
}

.smallrefreshButton {
    width: 10px;
    height: 22px;
    background: transparent url('../images/refresh-32.png') no-repeat center center;
    border: 0px;
    cursor: pointer;
    text-indent: -9999px;
}

.BatchEditControlsSmall {
    position: absolute;
    z-index: 200;
    right: 0px;
    top: 0px;
    background-color: #1a1a1a;
    width: 30px;
    height: 38px;
    padding-left: 10px;
    display: none;
}

.BatchEditControls {
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #1a1a1a;
    width: 100px;
    height: 38px;
    padding-left: 10px;
    display: none;
}

.BlackContainer {
    background-color: #1a1a1a;
    padding: 10px;
    margin-top: -10px;
    margin-bottom: 10px;
}

.YellowContainer {
    background-color: #e3de64;
    padding: 10px;
    margin-top: -10px;
    margin-bottom: 10px;
}

.DarkContainer {
    background-color: #375B77;
    padding: 10px;
    margin-bottom: 10px;
    overflow: auto;
}

.BatchHeader {
    height: 45px;
}

.DarkContainerNested {
    background-color: #29445A;
    padding: 10px;
    margin-top: -10px;
    margin-bottom: 10px;
    overflow: auto;
}

.MenuLinkDarkContainer {
    background-color: #284256;
    padding: 10px;
    margin-bottom: 10px;
    overflow: auto;
}

#NoQuestionsFilledOutPanel {
    margin: .5em 0;
    display: inline-block;
}

#JobNamePanel {
    display: inline;
}

.PreviewFixed {
    position: fixed;
    width: 30%;
    margin: auto;
}

.ForgotPasswordFormRow {
    display: block;
}

    .ForgotPasswordFormRow label {
        display: inline-block;
        width: 8em;
    }

    .ForgotPasswordFormRow a {
        display: inline-block;
        margin-top: 12px;
        color: #BAEE63;
        text-decoration: none;
        font-size: 8pt;
        font-family: Verdana;
    }

        .ForgotPasswordFormRow a:hover {
            text-decoration: underline;
        }

        .ForgotPasswordFormRow a:focus {
            text-decoration: underline;
        }

    .ForgotPasswordFormRow input[type=submit] {
        float: right;
    }

.RememberMeFormRow {
    margin: 8px 0;
    text-align: center;
}

.DivWithTopBorder {
    margin-top: 2.8em;
    padding-top: 5px;
    border-top: 1px solid #f1f1f1;
}

.DivWithoutScrollbar {
    overflow: hidden;
}

.DarkBorder {
    border: 2px solid #333;
}

.SearchResults {
    color: #E3DE64;
    font-style: normal;
    float: left;
    margin-top: 6px;
    margin-right: 3px;
}

.EmText {
    color: #E3DE64;
    font-style: normal;
}

.SaveChangesText {
    color: #1a1a1a;
}

/**************************************
Grid View processing flag
**************************************/

.ProcessingFlagContainer {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent url(../Images/divbg30.png) top left repeat;
    text-align: center;
    z-index: 1007;
}

#ProcessingFlagContainer {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent url(../Images/divbg30.png) top left repeat;
    text-align: center;
    z-index: 1007;
}

#ProcessingFlag {
    padding: 1px 5px;
    height: 22px;
    background-color: orange;
    z-index: 1008;
}

/**************************************
Command Menus
**************************************/

.CommandMenuSeperator {
    padding-top: 2px;
    float: left;
}

.ContainerHeader {
    margin-bottom: 10px;
    height: 24px;
}

#MainContent .ContainerHeader .CommandMenu {
    float: left;
}

#MainContent .CommandMenu {
    float: left;
    list-style-type: none;
}

    #MainContent .CommandMenu li {
        display: inline;
    }

        #MainContent .CommandMenu li:first-child {
            padding-left: 0;
        }

    #MainContent .CommandMenu a {
        float: left;
        padding: 3px 7px;
        margin-right: 5px;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
    }

        #MainContent .CommandMenu a:active {
            background-color: #666666;
        }

        #MainContent .CommandMenu a:hover {
            background-color: #1a1a1a;
            text-decoration: none;
        }

            #MainContent .CommandMenu a:hover.aspNetDisabled {
                background-color: #555;
            }

        #MainContent .CommandMenu a:focus {
            background-color: #1a1a1a;
        }

#SecondaryContent .ContainerHeader h2 {
    float: left;
}

#SecondaryContent .ContainerHeader .CommandMenu {
    float: left;
    list-style-type: none;
}

    #SecondaryContent .ContainerHeader .CommandMenu li {
        display: inline;
    }

        #SecondaryContent .ContainerHeader .CommandMenu li:first-child {
            padding-left: 0;
        }

    #SecondaryContent .ContainerHeader .CommandMenu a {
        float: right;
        padding: 3px 0px;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
    }

        #SecondaryContent .ContainerHeader .CommandMenu a:hover {
            background-color: #1a1a1a;
            text-decoration: none;
        }

        #SecondaryContent .ContainerHeader .CommandMenu a:focus {
            background-color: #1a1a1a;
        }

#SecondaryContent .CommandMenu {
    float: left;
    list-style-type: none;
}

    #SecondaryContent .CommandMenu li {
        display: inline;
    }

        #SecondaryContent .CommandMenu li:first-child {
            padding-left: 0;
        }

    #SecondaryContent .CommandMenu a {
        float: left;
        padding: 3px 7px;
        margin-right: 5px;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
    }

        #SecondaryContent .CommandMenu a:active {
            background-color: #666666;
        }

        #SecondaryContent .CommandMenu a:hover {
            background-color: #1a1a1a;
            text-decoration: none;
        }

            #SecondaryContent .CommandMenu a:hover.aspNetDisabled {
                background-color: #555;
            }

        #SecondaryContent .CommandMenu a:focus {
            background-color: #1a1a1a;
        }


/*--Orange text command--
.SecondaryContent .CommandMenu a:hover
{
    color: #E3DE64;
    text-decoration: none;
}

.SecondaryContent .CommandMenu a:active
{
    color: #E3B064;
    text-decoration: underline;
}*/

#MainContent .ContainerHeader .GridMenu {
    float: right;
    list-style-type: none;
}

    #MainContent .ContainerHeader .GridMenu li {
        display: inline;
    }

        #MainContent .ContainerHeader .GridMenu li:first-child {
            padding-left: 0;
        }

    #MainContent .ContainerHeader .GridMenu a {
        float: right;
        padding: 0 9px;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
    }

        #MainContent .ContainerHeader .GridMenu a.selected {
            background-color: #1a1a1a;
            text-decoration: none;
            cursor: pointer;
        }

        #MainContent .ContainerHeader .GridMenu a:hover {
            background-color: #333;
            text-decoration: none;
        }

        #MainContent .ContainerHeader .GridMenu a:focus {
            background-color: #1a1a1a;
        }

#SecondaryContent .ContainerHeader .GridMenu {
    float: right;
    list-style-type: none;
}

    #SecondaryContent .ContainerHeader .GridMenu li {
        display: inline;
    }

        #SecondaryContent .ContainerHeader .GridMenu li:first-child {
            padding-left: 0;
        }

    #SecondaryContent .ContainerHeader .GridMenu a {
        float: right;
        padding: 0 9px;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
    }

        #SecondaryContent .ContainerHeader .GridMenu a.selected {
            background-color: #1a1a1a;
            text-decoration: none;
            cursor: pointer;
        }

        #SecondaryContent .ContainerHeader .GridMenu a:hover {
            background-color: #1a1a1a;
            text-decoration: none;
        }

        #SecondaryContent .ContainerHeader .GridMenu a:focus {
            background-color: #1a1a1a;
        }

#SecondaryContent .PermanentBatchHeader {
    height: 30px;
    margin-bottom: 10px;
    background-color: #375B77;
}

#SecondaryContent .PermanentBatchContainer {
    background-color: #375B77;
}

.NewPermanentBatch {
    position: absolute;
    z-index: 100;
    right: 5px;
    top: -5px;
    width: 30px;
    height: 24px;
    margin-top: 5px;
    background: url('../images/new.png') no-repeat center 0px;
}
.NuevoPermanentBatch {
    position: absolute;
    z-index: 100;
    right: 5px;
    top: -5px;
    width: 30px;
    height: 24px;
    margin-top: 5px;
    background: url('../images/nuevo.png') no-repeat center 0px;
}




/**************************************
Inputs
**************************************/

input.StyledTextbox {
    width: 190px; /*overflow:hidden;*/
    background-color: #f1f1f1;
    color: #333;
    font-size: 10pt;
    border: 1px solid #333;
    padding: 5px;
    margin: 1px;
}

    input.StyledTextbox:hover {
        border: 2px MediumTurquoise solid;
        margin: 0;
    }

    input.StyledTextbox:focus {
        border: 2px Orange solid;
        margin: 0;
    }

input.StyledTextbox250 {
    width: 254px; /*overflow:hidden;*/
    background-color: #f1f1f1;
    color: #333;
    font-size: 10pt;
    border: 1px solid #333;
    padding: 5px;
    margin: 1px;
}

    input.StyledTextbox250:hover {
        border: 2px MediumTurquoise solid;
        margin: 0;
    }

    input.StyledTextbox250:focus {
        border: 2px Orange solid;
        margin: 0;
    }

select.StyledDropDownListAuto {
    width: auto !important;
    min-width: 150px;
}

select.StyledDropDownList {
    width: 190px;
    overflow: hidden;
    background-color: #fff;
    color: #333;
    font-size: 10pt;
    border: 1px solid #333; /*padding: 5px;*/
    margin: 1px;
    vertical-align: middle;
}

    select.StyledDropDownList:hover {
        border: 2px MediumTurquoise solid;
        margin: 0;
    }

    select.StyledDropDownList:focus {
        border: 2px Orange solid;
        margin: 0;
    }

.SearchBlock {
    width: 325px;
}

.StyledSearchDiv {
    display: inline;
}

    .StyledSearchDiv input.StyledTextbox {
        float: left;
        padding: 5px 26px 5px 5px;
    }

    .StyledSearchDiv input[type=submit] {
        float: left;
        background: transparent url('../images/search.png') no-repeat center;
        border: 0;
        width: 17px;
        height: 18px;
        text-indent: -999px;
        margin: 5px 0 0 -23px;
        font-size: 0;
        display: block;
        line-height: 0;
    }

    .StyledSearchDiv input[type=button] {
        float: left;
        background: transparent url('../images/search.png') no-repeat center;
        border: 0;
        width: 17px;
        height: 18px;
        text-indent: -999px;
        margin: 5px 0 0 -23px;
        font-size: 0;
        display: block;
        line-height: 0;
    }

    .StyledSearchDiv input[type=submit] .HiddenButton {
        display: none;
    }

/* Sytled lookup list user control */

.StyledLookupListDiv {
    display: inline;
}

    .StyledLookupListDiv input.StyledTextbox {
        float: left;
        padding: 5px 0px 5px 5px;
    }

    .StyledLookupListDiv input[type=submit] {
        float: right;
        background: transparent url('../images/dropdownbutton.png') no-repeat center;
        border: 0;
        width: 17px;
        height: 18px;
        text-indent: -999px;
        margin: 3px 0px 0px -23px;
        font-size: 0;
        display: block;
        line-height: 0;
    }

        .StyledLookupListDiv input[type=submit] .HiddenButton {
            display: none;
        }

.autoComplete_listitemhilitetext {
    color: Red;
}
/* End styled lookup list user control */
.StyledSelectionDiv {
    display: inline;
}

    .StyledSelectionDiv input.StyledTextbox {
        float: left;
        padding: 5px 0px 5px 0px;
    }

    .StyledSelectionDiv input[type=submit] {
        float: left;
        background: transparent url('../images/Pen16 - Black.png') no-repeat center;
        border: 0;
        width: 17px;
        height: 18px;
        text-indent: -999px;
        margin: 5px 0 0 -23px;
        font-size: 0;
        display: block;
        line-height: 0;
    }

input.TightTextBox {
    background-color: #fff;
    color: #333;
    font-size: 8pt;
    padding: 2px;
    border: 1px solid #333;
    margin: 1px;
}

.FilterButton {
    text-indent: -9999px;
    width: 10px;
    height: 22px;
    background: url('../images/filter.png') no-repeat center center;
}

.ClearFilterButton {
}

.ListViewButton {
    text-indent: -9999px;
    width: 10px;
    height: 22px;
    background: url('../images/view_list.png') no-repeat center center;
}

.GridViewButton {
    text-indent: -9999px;
    width: 10px;
    height: 22px;
    background: url('../images/view_grid.png') no-repeat center center;
}

.SortButton {
    text-indent: -9999px;
    width: 10px;
    height: 22px;
    background: url('../images/sortdesc-16.png') no-repeat center center;
}

.FreezeButton {
    text-indent: -9999px;
    width: 10px;
    height: 22px;
    background: url('../images/popout.png') no-repeat center center;
}


.HideItemsButton {
    text-indent: -9999px;
    width: 16px;
    height: 22px;
    background: url('../images/show-hide-grid-icon-16px-16px-white.png') no-repeat center center;
}

.EditButton {
    text-indent: -9999px;
    width: 10px;
    height: 22px;
    margin-top: 5px;
    background: url('../images/Pen16.png') no-repeat center center;
}

.DeleteButton {
    text-indent: -9999px;
    width: 10px;
    height: 22px;
    margin-top: 5px;
    background: url('../images/delete.png') no-repeat center center;
}

.MultiDeleteButton {
    text-indent: -9999px;
    width: 10px;
    height: 22px;
    margin-top: 5px;
    background: url('../images/MultiBatchDelete16x16-white.png') no-repeat center center;
}

.restoreButton {
    width: 16px;
    height: 16px;
    background: url('../images/restore-16.png') no-repeat center center;
    margin-right: 20px;
}

.restoreAllButton {
    width: 36px;
    height: 36px;
    background: url('../images/restore-multiple.png') no-repeat center center;
    margin-right: 20px;
}
/*-- Grid elements --*/

tr.GridRow {
}

    tr.GridRow:hover {
        cursor: pointer;
        background-color: #4b85bf;
    }

tr.MultipleRowSelect {
    cursor: pointer;
}

    tr.MultipleRowSelect:hover {
        background-color: #4b85bf;
    }

tr.InactiveRow {
    color: #c0c0c0;
}

    tr.InactiveRow:hover {
        cursor: pointer;
        background-color: #4b85bf;
    }

    tr.InactiveRow em {
        color: #c0c0c0;
    }

tr.NewRow {
    background-color: #FFF378;
    color: Black;
}

tr.PersistentRow {
    background-color: #FFFFFF;
    color: Gray;
}

.PersistentRow input {
    color: Gray;
    font-style: italic;
}

tr.SelectedRow.NewRow {
    color: White;
}

    tr.SelectedRow.NewRow .EmText {
        color: #E3DE64;
    }

tr.NewRow:hover {
    cursor: pointer;
    background-color: #4b85bf;
    color: White;
}

table.MultipleRowSelectTable {
    margin-top: 15px;
}

td.MultipleRowSelectHeaderTableCell {
    border-bottom: 1px solid white;
    height: 30px;
    font-weight: bold;
    color: #E3DE64;
}

td.MultipleRowSelectTableCell {
    height: 30px;
}

tr.NewRow:hover .EmText {
    color: #E3DE64;
}

tr.NewRow em {
    color: Black;
}

tr.NewRow .EmText {
    color: Black;
}

tr.SelectedRow {
    cursor: pointer;
    background-color: #196dd6;
}

    tr.SelectedRow:hover {
        cursor: pointer;
    }

.RowTitle {
    font-family: Verdana;
    font-size: 12pt;
    font-weight: bold;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
}

.CenteredText {
    text-align: center;
}

.RightAlignedText {
    float: right;
    text-align: right;
}

input.BatchTextBox {
    background-color: transparent;
    color: #ffffff;
    width: 95%;
    font-family: Verdana;
    font-size: 12pt;
    font-weight: bold;
    border: 0px;
    margin: 1px;
}

.lockedImage {
    float: right;
    background: url('../images/locked-16-yellow.png') no-repeat center center;
    border: 0px;
    width: 16px;
    height: 16px;
}

/* an indented row is used with the menu pages to move the menu items out away from the left side of the page... */
.indentdivrow {
    padding-left: 25px;
}

/* this image is used with the menu items... */
.menuimage {
    float: left;
    height: 64px;
}


/* button styles - begin */
.Button55 {
    width: 60px;
    height: 32px;
    overflow: hidden;
    font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
    font-size: 10pt;
    color: #606060;
}

.Button75 {
    width: 95px;
    height: 32px;
    overflow: hidden;
    font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
    font-size: 10pt;
    color: #606060;
}

.Button100 {
    width: 104px;
    height: 31px;
    overflow: hidden;
    font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
    font-size: 10pt;
    color: #606060;
}

.Button120 {
    width: 125px;
    height: 31px;
    overflow: hidden;
    font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
    font-size: 10pt;
    color: #606060;
}

.Button150 {
    width: 155px;
    height: 32px;
    overflow: hidden;
    font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
    font-size: 10pt;
    color: #606060;
}

.Button180 {
    width: 185px;
    height: 32px;
    overflow: hidden;
    font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
    font-size: 10pt;
    color: #606060;
}

.ButtonAuto {
    width: auto;
    height: 32px;
    overflow: hidden;
    font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
    font-size: 10pt;
    color: #606060;
}

/* button styles - end */


/* grid view - begin */

.GridViewGrid {
    border: 0px;
    width: 100%;
}

    .GridViewGrid .NewRow input.StyledTextbox {
        color: #333;
        background-color: transparent;
        font-size: 10pt;
        border: 0;
        padding: 2px;
        margin: 0px;
    }

    .GridViewGrid tr.NewRow:hover input.StyledTextbox {
        color: #fff;
    }

    .GridViewGrid .GridRow:hover input.StyledTextbox {
        color: White;
    }

    .GridViewGrid .GridRow input.StyledTextbox {
        color: #333;
        background-color: transparent;
        font-size: 10pt;
        border: 0;
        padding: 2px;
        margin: 0px;
    }

    .GridViewGrid .GridRow:hover input.StyledTextbox {
        color: White;
    }

    .GridViewGrid .SelectedRow input.StyledTextbox {
        color: White;
    }

    .GridViewGrid tr.NewRow input.NeededTextBox {
    }

    .GridViewGrid tr.NewRow input.UnNeededTextBox, .GridViewGrid tr.NewRow div.UnNeededTextBox {
        background-color: #333;
        color: #e0e0e0;
    }

    .GridViewGrid tr.NewRow input.DisabledTextBox {
        /*background-color: Red;*/
        /*color: #007F0E;*/
        background-color: #ddd;
        color: #333333;
    }

    .GridViewGrid tr.NewRow:hover input.NeededTextBox {
        color: White;
    }

    .GridViewGrid tr.NewRow:hover input.UnNeededTextBox, .GridViewGrid tr.NewRow:hover div.UnNeededTextBox {
        color: #e0e0e0;
    }

    .GridViewGrid tr.NewRow:hover input.DisabledTextBox {
        color: #333333;
    }

    .GridViewGrid .GridRow input.NeededTextBox {
    }

    .GridViewGrid .GridRow input.UnNeededTextBox, .GridViewGrid .GridRow div.UnNeededTextBox {
        background-color: #333;
        color: #e0e0e0;
    }

    .GridViewGrid .GridRow input.DisabledTextBox {
        /*background-color: Red;*/
        /*color: #007F0E;*/
        background-color: #ddd;
        color: #333333;
    }

    .GridViewGrid .GridRow:hover input.UnNeededTextBox, .GridViewGrid .GridRow:hover div.UnNeededTextBox {
        color: #e0e0e0;
    }

    .GridViewGrid .GridRow:hover input.DisabledTextBox {
        color: #333333;
    }

    .GridViewGrid .GridRow:hover input.NeededTextBox {
        color: White;
    }

    .GridViewGrid .SelectedRow input.NeededTextBox {
        color: White;
    }

    .GridViewGrid .NewRow:hover.SelectedRow input.NeededTextBox {
        color: White;
    }

    .GridViewGrid .NewRow.SelectedRow input.NeededTextBox:focus {
        color: White;
    }

    .GridViewGrid .SelectedRow input.UnNeededTextBox, .GridViewGrid .SelectedRow div.UnNeededTextBox {
        color: #e0e0e0;
    }

    .GridViewGrid .NewRow:hover.SelectedRow input.UnNeededTextBox, .GridViewGrid .NewRow:hover.SelectedRow div.UnNeededTextBox {
        color: #e0e0e0;
    }

    .GridViewGrid .NewRow.SelectedRow input.UnNeededTextBox:focus, .GridViewGrid .NewRow.SelectedRow div.UnNeededTextBox:focus {
        color: #e0e0e0;
    }

    .GridViewGrid .SelectedRow input.DisabledTextBox {
        color: #333333;
    }

    .GridViewGrid .NewRow:hover.SelectedRow input.DisabledTextBox {
        color: #333333;
    }

    .GridViewGrid .NewRow.SelectedRow input.DisabledTextBox:focus {
        color: #333333;
    }

    .GridViewGrid .GridRow select.NeededPickList {
    }

    .GridViewGrid .GridRow select.UnNeededPickList {
        background-color: #333;
        color: #e0e0e0;
    }

    .GridViewGrid .GridRow select.DisabledPickList {
        background-color: #ddd;
        color: #333333;
    }

    .GridViewGrid .GridRow {
        color: #333333;
        background-color: #fff;
    }

        .GridViewGrid .GridRow td {
            padding: 2px;
        }

    .GridViewGrid .NewRow td {
        padding: 2px;
    }

.GridViewHeader {
    color: White;
    background-color: #333;
}

    .GridViewHeader th {
        text-align: left;
        padding: 2px;
    }

.GridViewFilter {
    padding: 3px;
}

.GridViewFilterTextBox {
    width: 98%;
    background-color: gray;
    border: none;
    color: white;
    font-size: 10pt;
    padding-left: 3px;
}

    .GridViewFilterTextBox:focus {
        background-color: white;
        color: black;
    }

.EmptyGridView {
    height: 30px;
    text-align: center;
    color: #000;
    background-color: #fff;
    font-size: 12pt;
}

.GridViewGrid tr.GridRow:hover {
    background-color: #4b85bf;
    color: white;
}

.GridViewGrid tr.GridRow:hover td.GridViewFrozenCell {
    background-color: #4b85bf !important;
    color: white !important;
}

.GridViewGrid tr.SelectedRow td.GridViewFrozenCell {
    background-color: #4b85bf !important;
    color: white !important;
}

.GridViewGrid tr.GridViewHeader th.GridViewFrozenHeader {
    position: sticky;
    background-color: #333;
}

.GridViewGrid tr.GridRow td.GridViewFrozenCell {
    position: sticky;
    background-color: #fff;
}

.GridViewGrid tr.SelectedRow {
    cursor: pointer;
    background-color: #196dd6;
    color: white;
}

.GridViewGrid th.ZeroWidthTableHeader {
    display: none;
}

.GridViewGrid .GridRow td.ZeroWidthTableCell {
    display: none;
}

th.ZeroWidthTableHeader {
    display: none;
}

td.ZeroWidthTableCell {
    display: none;
}


/* grid view - end */

/* Pager - begin */

.StyledPager table {
    margin-top: 10px;
}

    .StyledPager table td:first-child {
        padding: 0px;
    }

    .StyledPager table td {
        padding: 0px 10px;
    }

td .dxpButton img {
    display: none;
}

td .dxpButton span {
    color: White;
    text-transform: uppercase;
}

.PagerButton {
    padding: 3px;
    font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
    font-size: 10pt;
    color: #fdfdfd;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    border: 0px;
    background: none;
}

    .PagerButton:hover {
        cursor: pointer;
        background: #020202;
    }

.PageNumber {
    width: 25px;
    background-color: #f1f1f1;
    color: #333;
    font-size: 10pt;
    border: 1px solid #333;
    padding: 5px;
    margin: 1px;
}

/* Pager - end */

/* Fake Tab Header - begin */

.FakeTabHeader {
    background-color: #333;
    padding: 7px 5px 4px 5px;
    margin: -10px -10px 5px -10px; /* offset the dark container padding */
}

    .FakeTabHeader a {
        color: #aaa;
        background-color: #555;
        padding: 3px 10px 4px 10px;
        margin-left: 5px;
    }

        .FakeTabHeader a:first-child {
            margin-left: 0;
        }

        .FakeTabHeader a.SelectedFakeTab {
            color: #1a1a1a;
            background-color: #e2e2e2;
        }

/* Fake Tab Header - end */


/* Save Changes Dialog - begin */

.SaveChangesButtonContainer {
    float: right;
    margin: -7px -7px 0 0;
}

.ie7 .SaveChangesButtonContainer {
    float: right;
    margin: -34px 2px 0 0;
}

/* Save Changes Dialog - end */

.FieldsSeparator {
    background-color: #333;
    padding: 7px 5px 4px 5px;
    margin: 7px 0px;
}

img.Centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

/* Service Bureau Modal Popop - Begin */
.modalPopup.SBConfirmation {
    color: #FFFF00;
}

.modalPopupIcon.SBConfirmation {
    width: 32px;
    height: 32px;
    background: url('../images/danger.png') no-repeat center center;
    float: left;
    margin-right: 10px;
}
/* Service Bureau Modal Popup - End */

/* Modal Popup - begin */
.modalBackground {
    background: url('../images/divbg30.png') repeat top center;
}

.modalPopup {
    z-index: 10001;
    background-color: #1a1a1a;
    width: 400px;
    padding: 10px;
    margin-top: -70px;
    text-align: left;
}

.autoFillBackground {
    position: fixed;
    z-index: 10001;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url('../images/divbg30.png') repeat top center;
}

.autoFillModal {
    position: fixed;
    z-index: 10002;
    background-color: #1a1a1a;
    width: 335px;
    padding: 10px;
    left: 50%;
    top: 50%;
    margin-top: -100px;
    margin-left: -200px;
    text-align: left;
    border: 1px solid black;
}

.autoFillLoading {
    display: none;
    width: 32px;
    height: 32px;
    background: url('../images/ajax-loader-dark.gif') repeat top center;
}

.modalPopupHeader {
    text-align: left;
    cursor: move;
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 8px;
    border-bottom: solid 1px #555;
}

.modalPopupIcon {
    width: 32px;
    height: 32px;
    background: url('../images/info.png') no-repeat center center;
    float: left;
    margin-right: 10px;
}

.modalPopupContent {
    float: left;
    color: White;
    width: 358px;
}

.modalPopupContentLogin {
    text-align: left;
}

.modalPopupContent input[type=submit] {
    margin-top: 5px;
    float: right;
}

.modalPopupContent input[type=button] {
    margin-top: 5px;
    float: right;
}

.modalPopup.newbatch {
    width: 400px;
}

.modalPopupIcon.newbatch {
    background: transparent url('../images/NewBatch.png') no-repeat center center;
}

.modalPopupContent.newbatch {
    width: 330px;
}

.modalPopup.keyenter {
    width: 700px;
}

.modalPopupIcon.keyenter {
    background: url('../images/keyenter-32.png') no-repeat center center;
}

.modalPopupContent.keyenter {
    width: 658px;
}

.modalPopup.startPositions td {
    padding-right: 30px;
}

.modalPopup.startPositions tr:first-of-type td {
    padding-top: 15px;
}

div#StartPositionsResults {
    padding-left: 40px;
}

.modalPopup.restoreBatch {
    width: 700px;
}

.modalPopupIcon.restoreBatch {
    background: url('../images/trash-32.png') no-repeat center center;
}

.modalPopupContent.restoreBatch {
    width: 658px;
}

.modalPopup.restoreCompletedJob {
    width: 700px;
}

.modalPopupIcon.restoreCompletedJob {
    background: url('../images/trash-32.png') no-repeat center center;
}

.modalPopupContent.restoreCompletedJob {
    width: 658px;
}

.modalPopup.editBatch {
    width: 400px;
}

.modalPopupIcon.editBatch {
    background: url('../images/EditBatch.png') no-repeat center center;
}

.modalPopupContent.editBatch {
    width: 330px;
}

.editBatchFieldLabel {
    float: left;
    width: 125px;
}

/* Modal Popup - end */

/* New Batch-Specific Styles */

.ResetBatchDiv {
    min-height: 25px;
    width: 365px;
}

.ResetBatchLabelDiv {
    float: left;
    width: 125px;
}

.ResetBatchCheckBoxDiv {
    float: left;
    padding-top: 2px;
    width: 200px;
    height: 25px;
}

.ResetPreviewCountDiv {
    float: left;
    width: 125px;
    height: 30px;
    margin-top: 10px;
}

.ResetPreviewCount {
    color: #BAEE63;
    font-size: 8pt;
}

.ResetCriteriaDiv {
    display: inline-block;
    margin-left: 0px;
    width: 230px;
    min-height: 30px;
    margin-top: 10px;
}

.AddCriteriaDiv {
    float: left;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 125px;
    width: 200px;
}

.CriteriaDiv {
    width: 230px;
    height: 30px;
}

.LookupCriteriaKey {
    width: 100px;
}

.LookupCriteriaValue {
    margin-left: 12px;
    width: 85px;
}

.RemoveCriteriaButton {
    cursor: pointer;
    font-weight: bold;
    float: right;
    padding-left: 3px;
    width: 10px;
    height: 12px;
    border: 1px solid white;
    line-height: 9px;
    margin-top: 2px;
    margin-right: 5px;
}

/* New Batch-Specific Styles - end */


/* Timeout control */

.VueTimeout {
    background: #1a1a1a url('../images/timeout-32.png') no-repeat 10px 40px;
    text-align: left;
    padding: 10px;
    z-index: 1002;
    top: 30%;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    float: none;
    position: absolute;
}

.TimeoutTitleContainer {
    margin-bottom: 8px;
    border-bottom: solid 1px #555;
}

.TimeoutTitle {
    font-size: 12pt;
    font-weight: bold;
}

.TimeoutMessage {
    margin-left: 35px;
    margin-bottom: 10px;
    text-align: left;
}

.TimeoutButton {
    float: right;
    margin: 8px;
}

.TimeoutBackground {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1001;
}

/* Timeout control - end */


/* Completed Jobs */

.pageContentHeader {
    height: 30px;
    padding-right: 10px;
}

    .pageContentHeader h2 {
        padding-left: 10px;
    }

.mainContentGridContainer {
    padding-top: 0px;
    min-height: 55px;
}

.ContainerHeaderWithTopMargin {
    margin-top: 10px;
    margin-left: 10px;
}

.CommandMenuWithIndentedTopMargin {
    margin-left: -5px;
}

.SearchResultsWithMargin {
    margin-right: 10px;
}

tr.CompletedJobGridRow {
    margin-bottom: 10px;
}

    tr.CompletedJobGridRow:hover {
        background-color: #375B77;
        cursor: default;
    }

div.CompletedJobsGridDiv {
    margin-left: 10px;
    padding-right: 10px;
}

table.CompletedJobGridViewTable {
    width: 100%;
    margin-bottom: 2px;
    margin-top: 2px;
    border-bottom: 1px solid #C2C2C2;
}

td.PrintJobTableCell {
    vertical-align: middle;
    width: 18px;
    text-align: left;
    padding-left: 3px;
}

    td.PrintJobTableCell a {
        width: 16px;
        height: 16px;
        background: url('../images/print.png') no-repeat center center;
        cursor: pointer;
    }

td.PreviewJobTableCell {
    vertical-align: middle;
    width: 18px;
    text-align: center;
}

    td.PreviewJobTableCell a {
        width: 16px;
        height: 16px;
        background: url('../images/printpreview.png') no-repeat center center;
    }

tr.SubmittingRow {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

td.EditJobTableCell {
    vertical-align: middle;
    width: 18px;
    text-align: center;
}

    td.EditJobTableCell a {
        width: 16px;
        height: 16px;
        background: url('../images/pen16.png') no-repeat center center;
    }

td.DeleteJobTableCell {
    vertical-align: middle;
    width: 20px;
    text-align: center;
}

    td.DeleteJobTableCell a {
        width: 16px;
        height: 16px;
        background: url('../images/delete.png') no-repeat center center;
    }

td.ReturnToBatchTableCell {
    vertical-align: middle;
    width: 18px;
    text-align: left;
}

    td.ReturnToBatchTableCell a {
        width: 16px;
        height: 16px;
        background: url('../images/return.png') no-repeat center center;
    }

td.ProcessingTableCell {
    vertical-align: middle;
    width: 20px;
    text-align: left;
}

td.DownloadJobTableCell {
    vertical-align: middle;
    width: 20px;
    text-align: center;
}

    td.DownloadJobTableCell a {
        width: 16px;
        height: 16px;
        background: url('../images/download.png') no-repeat center center;
    }

.CompletedJobsProcessing {
    width: 16px;
    height: 16px;
    background: url('../Images/ajax16blue.gif');
}

.CompletedJobsError {
    width: 18px;
    height: 18px;
    background: url('../Images/error.png');
    background-size: 100%;
}

table.CompletedJobsTable {
    width: 100%;
}

    table.CompletedJobsTable td {
        padding-top: 3px;
    }
/* Completed Jobs - end */


/* Settings */

table.settingsTable {
    width: 90%;
}

    table.settingsTable td:first-child {
        width: 50%;
        text-align: right;
        vertical-align: middle;
    }

    table.settingsTable td:second-child {
        text-align: left;
    }

    table.settingsTable span {
        vertical-align: middle;
    }

/* Settings -End */

/* Support Page */

a.supportHyperLink {
    color: #7689D6;
    text-decoration: underline;
}

.supportQuestion {
    font-weight: bold;
}

div.supportParagraph {
    margin-left: 12px;
}

table.supportTable {
    width: 100%;
}

    table.supportTable tr {
        text-align: left;
    }

    table.supportTable td {
        text-align: left;
    }

/* Support Page End */

.errorImage {
    background: transparent url('../images/warning.png') no-repeat center center;
    width: 16px;
    height: 16px;
    border: 0px !important;
    border-color: transparent;
    padding: 0 0 0 0;
}

.warningImage {
    background: url('../images/info16.png') no-repeat center center;
    width: 16px;
    height: 16px;
    border: 0px;
    text-indent: -9999px;
    line-height: 0;
    cursor: pointer;
}

/* For drowdown list extender in Ajax Control Toolkit */
.PromptCSS {
    color: Transparent;
    text-indent: -99999em;
    overflow: hidden;
}

.HighlightCheckBox {
    padding: 2px;
    background-color: #FFFFBB;
}

/* AutoComplete Styles */

.AutoCompleteContainerDiv {
    margin-top: 2px;
    margin-left: -1px;
}

.AutoCompleteOption {
    padding-left: 3px;
    padding-right: 3px;
    height: 25px;
    line-height: 25px;
    font-family: Arial;
    font-size: 10pt;
    cursor: pointer;
    background-color: white;
    color: Black;
    border-left: 1px solid #196dd6;
    border-right: 1px solid #196dd6;
}

    .AutoCompleteOption:hover {
        background-color: #4b85bf;
        color: White;
    }

input.AutoCompleteTextBox {
    background-color: transparent;
    color: inherit;
    height: 22px;
    font-size: 10pt;
    padding-top: 2px;
    padding-left: 1px;
    border: none;
}

    input.AutoCompleteTextBox:focus {
        background-color: White;
        color: Black;
        border: none;
    }

input.PersistentAutoCompleteTextBox {
    background-color: transparent;
    color: #555555;
    font-size: 10pt;
    padding-left: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
    margin: 2px;
}

    input.PersistentAutoCompleteTextBox:focus {
        background-color: transparent;
        color: #555555;
    }

tr.PersistentRow {
    border-top: 2px solid black;
    background-color: #DDDDDD;
}

    tr.PersistentRow .StyledDropDownList {
        color: #555555;
        font-style: italic;
    }

    tr.PersistentRow .StyledTextbox {
        border: none;
    }

    tr.PersistentRow .PersistentDropDownList {
        width: auto !important;
        min-width: 150px !important;
        overflow: hidden;
        background-color: #fff;
        color: #555555;
        font-size: 10pt;
        border: 1px solid #333;
        margin: 3px;
        vertical-align: middle;
        font-style: italic;
    }

        tr.PersistentRow .PersistentDropDownList:focus {
        }

/* end content ***************************************************************/

/* begin dataupload ***************************************************************/

.DataUploadFormLine {
    line-height: 2.2em;
}

.FriendlyNameLabel {
    width: 140px;
    display: inline-block;
}

.UploadTypeLabel {
    width: 140px;
    display: inline-block;
}

.DistributionListLabel {
    width: 140px;
    display: inline-block;
}

.UrgentFlagLabel {
    width: 140px;
    display: inline-block;
}

.RunToCompletionFlagLabel {
    width: 140px;
    display: inline-block;
}

.LockBatchFlagLabel {
    width: 140px;
    display: inline-block;
}

.IsPermanentFlagLabel {
    width: 140px;
    display: inline-block;
}

.EffectiveDateLabel {
    width: 140px;
    display: inline-block;
}

.EffectiveDateDiv {
    float: right;
    margin-right: 5px;
    width: 190px;
}

.PrintTypeLabel {
    float: left;
    width: 144px;
    display: inline-block;
}

.FileUploadLabel {
    float: left;
    width: 144px;
    display: inline-block;
}

.ie7 .dxucEditArea /* file input control */ {
    padding: 3px 0;
}

.ie8 .dxucEditArea /* file input control */ {
    padding: 6px 0;
}

.dxucButton, .dxucButton a /* add, remove and other buttons */ {
    display: inline-block;
    color: #606060;
    background-color: #e2e2e2;
    font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
    font-size: 10pt;
    width: 80px;
    height: 32px;
    padding: 1px 0 0 0;
    margin: 0;
    text-align: center;
}

    .dxucButton:hover, .dxucButton a:hover /* HOVER: add, remove and other buttons */ {
        text-decoration: none;
        background-color: #d2d2d2;
    }

/* end dataupload *****************************************************************/

/* begin devexpager ***************************************************************/

/* -- ASPxPager -- */
td .dxpControl {
    font: 9pt Tahoma;
    color: black;
}

    td .dxpControl td.dxpCtrl {
        padding: 5px 2px 5px 2px;
    }

td .dxpButton {
    font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
    font-size: 10pt;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
}

    td .dxpButton span:hover {
        background-color: #1a1a1a;
    }

    td .dxpButton a {
        font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
        font-size: 10pt;
        color: #fff;
        text-decoration: none;
        white-space: nowrap;
    }

    td .dxpButton span {
        margin: 0 -5px 0 -5px;
        padding: 1px 5px 0 5px;
    }

td .dxpDisabledButton {
    font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
    font-size: 10pt;
    color: #e2e2e2;
    text-decoration: none;
}

    td .dxpDisabledButton span:hover {
        background-color: transparent;
    }

td .dxpPageNumber {
    font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
    font-size: 10pt;
    color: #fff;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    padding: 1px 5px 0px 5px;
}

    td .dxpPageNumber:hover {
        background-color: #1a1a1a;
    }

    td .dxpPageNumber a {
        font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
        font-size: 10pt;
        color: #fff;
        text-decoration: none;
    }

td .dxpCurrentPageNumber {
    font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
    font-size: 10pt;
    color: #E3DE64;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 3px 0px 3px;
    background-color: #666;
}

td .dxpSummary {
    font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
    font-size: 10pt;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    padding: 1px 4px 0px 4px;
}

td .dxpSeparator {
    background-color: #CCCCCC;
}

/*remove images
td .dxpButton img
{
    display: none;
}

td .dxpButton span
{
    color: White;
    text-transform: uppercase;
}*/

/* Disabled */
td .dxpDisabled span {
    color: #888;
    border-color: #808080;
    cursor: default;
}

/* end devexpager *****************************************************************/

/* begin footer ***************************************************************/

#Footer {
    height: 40px;
    background-color: #333;
    border-top: 3px solid #1a1a1a;
    padding: 0 10px;
    text-align: left;
}

    #Footer * {
        margin-top: 7px;
    }

/* end footer *****************************************************************/

/* begin general ***************************************************************/

* {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
    font-size: 10pt;
}

html {
    color: #fff;
    font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
    font-size: 10pt;
    height: 100%;
}

body {
    background-color: #457498;
    text-align: center;
    height: 100%;
}

img#BackgroundShadow {
    display: none;
}

a {
    color: #fff;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

    a:focus {
        text-decoration: underline;
    }

img {
    border: 0;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

h2 {
    color: #BAEE64;
    text-transform: uppercase;
    font-size: 12pt;
}

    h2 a {
        color: #BAEE64;
        text-transform: uppercase;
        font-size: 12pt;
    }

h1 a {
    color: #BAEE64;
    font-size: 24pt;
}

em {
    color: #E3DE64;
    font-style: normal;
}

.RegSymbol {
    color: Black;
    font-size: 8pt;
    top: 25px;
    margin-left: -2px;
    position: absolute;
}

.RegSymbolHeader {
    color: White;
    font-size: 8pt;
    top: 19px;
    margin-left: 1px;
    position: absolute;
}

DIV.base-layer {
    margin: 0em 12px 0em 12px;
    padding: 0;
    text-align: center;
    width: auto;
}

div.table-row {
    margin-top: 5px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    text-align: center;
    width: 96%;
    padding: 0 0 0 0;
}

div.left-container12 {
    border: none;
    float: left;
    margin: 0px;
    padding: 0px;
    padding-top: 0px; /* seems to make text vertical align - was 3px */
    width: 20%;
    text-align: right;
    vertical-align: top;
    position: static;
}

div.left-container22 {
    border: none;
    float: left;
    margin: 0;
    width: 80%;
    text-align: left;
    vertical-align: middle;
}

.left-container-text {
    margin-right: 5px;
}

div.wideleft-container13 {
    border: none;
    float: left;
    margin: 0px;
    padding: 0px;
    padding-top: 2px; /* seems to make text vertical align - was 3px */
    width: 40%;
    text-align: right;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    top: 50%;
}

    div.wideleft-container13 span {
        vertical-align: middle;
        position: relative;
    }


div.wideleft-container23 {
    border: none;
    float: left;
    margin: 0;
    width: 60%;
    text-align: left;
    vertical-align: middle;
}

.HiddenDiv {
    display: none;
}

div.left-container14 {
    border: none;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0px;
    padding-top: 0px; /* seems to make text vertical align - was 3px */
    width: 45%;
    text-align: left;
    vertical-align: top;
    position: static;
    margin-right: 15px;
    padding-right: 15px;
}

div.left-container24 {
    border: none;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0px;
    padding-top: 0px; /* seems to make text vertical align - was 3px */
    width: 64%;
    text-align: left;
    vertical-align: top;
    position: static;
}

div.left-container34 {
    border: none;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0px;
    padding-top: 0px; /* seems to make text vertical align - was 3px */
    width: 35%;
    text-align: left;
    vertical-align: top;
    position: static;
    margin-right: 15px;
    padding-right: 15px;
}

div.left-container15 {
    border: none;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0px;
    padding-top: 0px; /* seems to make text vertical align - was 3px */
    width: 28%;
    text-align: left;
    vertical-align: top;
    position: static;
    margin-right: 15px;
    padding-right: 15px;
}

div.left-container25 {
    border: none;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0px;
    padding-top: 0px; /* seems to make text vertical align - was 3px */
    width: 60%;
    text-align: left;
    vertical-align: top;
    position: static;
    margin-right: 15px;
    padding-right: 15px;
}

.OverFlowAuto {
    overflow: auto;
    min-height: 0%;
}

.OverFlowHorizontal {
    overflow-x: auto;
    overflow-y: hidden;
    min-height: 0%;
}

.ClearBothDiv {
    clear: both;
}

/* Setting's hidden validation image */
.HiddenImage {
    display: none;
    padding-left: 3px;
    padding-top: 3px;
}

/* end general *****************************************************************/

/* begin header ***************************************************************/

#Header {
    height: 40px;
    background-color: #333;
    border-bottom: 3px solid #000;
    z-index: 999;
}

#Logo {
    float: left;
    margin: 3px 0 0 5px;
}

    #Logo h1 {
        display: inline;
        text-align: left;
        font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
        font-size: 20pt;
        background: url('../images/kameleoniconnew.png') no-repeat left center;
        padding-left: 38px;
        height: 32px;
    }

    #Logo:hover {
        text-decoration: none;
    }

.ApplicationLogo {
    background-image: url('../images/kameleonlogonew.png');
    width: 200px;
    height: 64px;
    display: block;
}

.EffectiveDateCalendar {
    background: url('../images/calendar.png') no-repeat left center;
    background-size: 100% 100%;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.BatchCalendarControl {
    float: right;
    margin-top: 2px;
    margin-right: -26px;
}

#navigation-1 li a.UsernameClass {
    display: block;
    padding-right: 18px;
    background: url('../images/UsernameDropDownArrow.png') no-repeat right 14px;
}

#UserMenu {
    float: right;
    margin: 0px 10px 0 0;
    z-index: 1005;
}

#navigation-1 {
    padding: 1px 0;
    margin: 0px;
    list-style: none;
    height: 36px;
}

    #navigation-1 li {
        margin: 0;
        padding: 0;
        display: inline;
        float: left;
        position: relative;
        font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
        font-size: 8pt;
        z-index: 1006;
    }

        #navigation-1 li a {
            padding: 13px 8px 10px 8px;
            text-decoration: none;
            color: #fff;
            display: inline-block;
            text-align: center;
        }

        #navigation-1 li ul li a {
            display: block;
        }

        #navigation-1 li:hover > a {
            background-color: #1a1a1a;
            color: #fff;
        }

    #navigation-1 ul {
        display: none;
    }

    #navigation-1 li:hover > ul {
        display: block;
        position: absolute;
        z-index: 1000;
        width: 100%;
    }

        #navigation-1 li:hover > ul li {
            background-color: #1a1a1a;
            display: block;
            clear: left;
            width: 100%;
            height: 100%;
        }

            #navigation-1 li:hover > ul li a {
                padding: 5px;
            }

                #navigation-1 li:hover > ul li a:hover {
                    background-color: #333;
                }

.BreadCrumbMenu {
    position: absolute;
    top: 43px;
    left: 0;
    width: 100%;
    text-align: left;
    color: #fff;
    background-color: #1a1a1a;
    padding: 1px 10px 5px 10px;
    border-bottom: 1px solid #000;
}

.BreadcrumbLinks {
    float: left;
    font-size: 10pt;
    list-style-type: none;
}

    .BreadcrumbLinks li {
        float: left;
        padding-left: 25px;
        padding-right: 4px;
        background: url('../images/breadcrumbseparator.png') no-repeat left -2px;
    }

    .BreadcrumbLinks > li:first-child {
        padding-left: 0;
        background: none;
    }

    .BreadcrumbLinks li a {
        text-decoration: none;
    }

        .BreadcrumbLinks li a:hover {
            text-decoration: underline;
        }

.BreadcrumbStoreNameLink {
    color: #fff;
    font-size: 10pt;
    float: left;
    padding-right: 1em;
    border-right: 1px dotted #555;
    margin-right: 1em;
}

/* end header *****************************************************************/

/* begin home ***************************************************************/

.HomeAppsList {
    margin-left: 2em;
}

    .HomeAppsList div {
        margin-bottom: 1.2em;
        clear: both;
    }

    .HomeAppsList .EmText {
        color: #fff;
    }

    .HomeAppsList h2 a {
        font-size: 24pt;
        text-transform: none;
    }

.HomeBodyText {
    font-family: Palatino Linotype;
}

#MainMenuSelectionHeader {
    color: #BAEE64;
}

#MainMenuSelectionDiv {
    height: 105px;
}

.MenuItemDescripterText {
    font-size: 18px;
}

#PrintSignsMenuItemImage {
    float: left;
    width: 64px;
    height: 64px;
    background: url(../images/home/print.png) no-repeat;
}

#BatchesMenuItemImage {
    float: left;
    width: 64px;
    height: 64px;
    background: url(../images/home/batches.png) no-repeat;
}

#CompletedJobsMenuItemImage {
    float: left;
    width: 64px;
    height: 64px;
    background: url(../images/home/completed-jobs.png) no-repeat;
}

#ManagmentMenuItemImage {
    float: left;
    width: 64px;
    height: 64px;
    background: url(../images/home/AdminBook-64.png) no-repeat;
}

#ManageDescriptionsMenuItemImage {
    float: left;
    width: 64px;
    height: 64px;
    background: url(../images/home/ManageDescriptions.png) no-repeat;
}

#ViewSiteLogsMenuItemImage {
    float: left;
    width: 64px;
    height: 64px;
    background: url(../images/home/sitelogs.png) no-repeat;
}

#ViewAppTrackLogsMenuItemImage {
    float: left;
    width: 64px;
    height: 64px;
    background: url(../images/home/sitelogs.png) no-repeat;
}

#ReportingMenuItemImage {
    float: left;
    width: 64px;
    height: 64px;
    background: url(../images/home/reporting.png) no-repeat;
}

#ESLMenuItemImage {
    float: left;
    width: 64px;
    height: 64px;
    background: url(../images/home/reporting.png) no-repeat;
}

#SignLibraryMenuItemImage {
    float: left;
    width: 64px;
    height: 64px;
    background: url(../images/home/signlibrary.png) no-repeat;
}

#DataUploadMenuItemImage {
    float: left;
    width: 64px;
    height: 64px;
    background: url(../images/home/Upload.png) no-repeat;
}

.HomePageMessagePanel {
    min-width: 250px;
    margin-left: -100px;
}

.HomePageMessageTitle {
    text-decoration: underline;
    font-size: 22px;
}

/* end home *****************************************************************/

/* begin ie6 ***************************************************************/

.ie6 html {
    overflow-y: hidden;
}

.ie6 body {
    overflow-y: auto;
}

.ie6 #bg {
    position: absolute;
    z-index: -1;
}

.ie6 #content {
    position: static;
}

/* end ie6 *****************************************************************/

/* begin layout ***************************************************************/

#PageContainer {
    position: relative;
    z-index: 1;
    margin-top: 75px;
}

#Header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

#ContentContainer {
    text-align: left;
    margin: 0 10px 0 10px;
}

#SingleColumnMainContent #MainContent {
    width: 100%;
}

#MainContent {
    width: 69%;
    float: left;
    margin-right: 10px;
    padding-bottom: 40px;
}

#SecondaryContent {
    width: 29%;
    float: left;
    padding-bottom: 40px;
}

#RightHandColumnMainContent {
    width: 77%;
    float: left;
    margin-right: 10px;
    padding-bottom: 40px;
}

#LeftHandColumnMenuContent {
    width: 21%;
    float: left;
    padding-bottom: 40px;
}

#Footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

/* end layout *****************************************************************/

/* begin login ***************************************************************/

#LoginLogo {
}

#LoginWhiteStripe {
    width: 54%;
    height: 3px;
    background-color: white;
    margin-left: 46%;
    margin-top: -86px;
}

#LoginForm {
    margin-top: -10px;
    margin-left: 5em;
    width: 100%;
}

    #LoginForm #UsernameRow {
    }

        #LoginForm #UsernameRow label {
            float: left;
            margin-top: 7px;
        }

        #LoginForm #UsernameRow input {
            float: right;
            width: 160px;
        }


    #LoginForm #PasswordRow {
        margin-top: 0px;
    }

        #LoginForm #PasswordRow label {
            float: left;
            margin-top: 7px;
        }

        #LoginForm #PasswordRow input {
            float: right;
            width: 160px;
        }


    #LoginForm #CommandsRow {
        margin-top: 7px;
        height: 20px;
    }

        #LoginForm #CommandsRow a {
            float: left;
            margin-top: 4px;
            color: #BAEE63;
            text-decoration: none;
            font-size: 8pt;
            font-family: Verdana;
        }

.ForgotPassword {
    float: left;
    margin-top: 4px;
    color: #BAEE63;
    text-decoration: none;
    font-size: 8pt;
    font-family: Verdana;
}

#LoginForm #CommandsRow a:hover {
    text-decoration: underline;
}

#LoginForm #CommandsRow a:focus {
    text-decoration: underline;
}

#LoginForm #CommandsRow input {
    float: right;
    margin-top: -6px;
    margin-right: -1px;
}

/* end login *****************************************************************/


/*** Begin Description Management ****/
table.DescriptionsTable {
    padding: 0px;
    margin: 0px;
    min-width: 100%;
    border: 1px solid #333;
}

    table.DescriptionsTable tr td {
        padding-left: 5px;
    }

td.DescriptionHeaderCell {
    font-size: 12pt;
    vertical-align: middle;
}

tr.DescriptionHeadersRow {
    height: 35px;
    color: White;
    background-color: #333;
}

td.DescriptionCell {
    border-bottom: 1px solid #333;
}

tr.DescriptionRow {
    height: 30px;
    vertical-align: middle;
    color: #333;
    background-color: #fff;
}

    tr.DescriptionRow:hover {
        background-color: #DEDEDE;
        font-weight: bold;
    }

div.DescriptionControl {
    width: 20px;
    height: 20px;
    cursor: pointer;
    float: right;
    margin-right: 10px;
}

div.DeleteDescriptionControl {
    background: url(../images/delete24.png) no-repeat;
    background-size: 100%;
}

div.ApproveDescriptionControl {
    background: url(../images/approve.png) no-repeat;
    background-size: 100%;
}

div.EditDescriptionControl {
    background: url(../images/edit_description.png) no-repeat;
    background-size: 100%;
}

div.NewDescriptionLabel {
    font-size: 12pt;
    float: left;
    width: 125px;
    line-height: 30px;
    min-height: 30px;
    margin-bottom: 5px;
}

div.NewDescriptionInput {
    float: left;
    width: 230px;
    display: table-cell;
    margin-bottom: 5px;
    min-height: 30px;
    vertical-align: middle;
}

.CreationError {
    font-size: 10pt;
    float: left;
    width: 100%;
    text-align: center;
    line-height: 30px;
    min-height: 30px;
    margin-bottom: 5px;
    color: Yellow;
}

.NewDescriptionModal {
    width: 370px;
}

.modalPopupContent.NewDescriptionModal select {
    width: 242px;
    height: 25px;
    line-height: 25px;
}

.modalPopupContent.NewDescriptionModal input[type=text] {
    width: 230px;
}

.modalPopupContent.NewDescriptionModal {
    width: 400px;
}

.modalPopupIcon.NewDescriptionModal {
    width: 0px;
    height: 0px;
    background: none;
    float: left;
    margin-right: 10px;
}

.NewModalOkButtonPanel {
    width: 365px;
}

.DescriptionTextBox {
    background: transparent;
    height: 20px;
    width: 96%;
    border: none;
}

    .DescriptionTextBox:focus {
        border: 2px solid orange;
        margin-left: -2px;
        background: #fff;
    }

.DescriptionDropDownList {
    width: 96%;
}

    .DescriptionDropDownList:focus {
        border: 2px solid orange;
        margin-left: -1px;
    }

.EmptyDescriptionRow {
    background-color: #fff;
    height: 40px;
}

    .EmptyDescriptionRow td {
        font-size: 12pt;
        color: #333;
        vertical-align: middle;
        text-align: center;
    }

/*** End Description Management ***/

/*** Begin Log Front End ***/

table.LogTable {
    padding: 0px;
    margin: 0px;
    min-width: 100%;
    border: 1px solid #333;
    table-layout: fixed;
}

    table.LogTable tr td {
        padding-left: 5px;
    }

td.LogHeaderCell {
    font-size: 12pt;
    vertical-align: middle;
    cursor: pointer;
}

    td.LogHeaderCell:hover {
        text-decoration: underline;
    }

tr.LogHeadersRow {
    height: 35px;
    color: White;
    background-color: #333;
}

td.LogEntryCell {
    border-bottom: 1px solid #333;
    position: relative;
    cursor: pointer;
}

span.LogEntryData {
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    height: 100%;
}

div.LogDataPopOut {
    width: 20px;
    height: 20px;
    border: 1px solid black;
    position: absolute;
    top: 0px;
    right: 0px;
    margin-right: 5px;
    margin-top: 3px;
    background: url(../images/popout.png) no-repeat;
    display: none;
}

tr.LogEntryRow {
    height: 30px;
    vertical-align: middle;
    color: #333;
    background-color: #fff;
}

    tr.LogEntryRow:hover {
        background-color: #DEDEDE;
        font-weight: bold;
    }

div.LogEntryControl {
    width: 20px;
    height: 20px;
    cursor: pointer;
    float: right;
    margin-right: 10px;
}

.EmptyLogRow {
    background-color: #fff;
    height: 40px;
}

    .EmptyLogRow td {
        font-size: 12pt;
        color: #333;
        vertical-align: middle;
        text-align: center;
    }

.LogRowExportButton {
    width: 20px;
    height: 20px;
    background: url(../images/exportrow.png) no-repeat;
    border: 1px solid black;
    position: absolute;
    top: 4px;
    left: 2px;
    display: none;
}

.LogDetailsContainerDiv {
    width: 500px;
    height: 380px;
    background-color: #1a1a1a;
    position: fixed;
    top: 26%;
    left: 50%;
    margin-left: -250px;
    z-index: 1000;
    border: 1px solid black;
    display: none;
    text-align: center;
}

.LogDetailsPageCover {
    width: 100%;
    height: 1000px;
    background-color: #000;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    filter: alpha(opacity=30);
    opacity: 0.3;
    display: none;
}

.LogDetailsTextArea {
    width: 480px;
    height: 320px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.LogFilterButtonsDiv {
    width: 400px;
    text-align: center;
    float: left;
    margin-top: 30px;
}

.LogFilterCloseButton {
    width: 15px;
    height: 13px;
    position: absolute;
    font-size: 10pt;
    top: 0;
    right: 0;
    border: 2px solid #FFFFFF;
    margin-top: 2px;
    margin-right: 2px;
    text-align: center;
    line-height: 13px;
    cursor: pointer;
}

.LogFilterContainerHeader {
    width: 370px;
    height: 30px;
    border-bottom: 1px solid #fff;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-size: 14pt;
    margin-top: 5px;
}

#LogFilterContainerDiv {
    width: 400px;
    height: 265px;
    background-color: #1a1a1a;
    color: #fff;
    position: fixed;
    top: 25%;
    left: 50%;
    margin-left: -200px;
    z-index: 1002;
    border: 1px solid #000;
    display: none;
}

.FilterDateTextBox {
    width: 70px;
    text-align: center;
}

.FilterTextBox {
    width: 70px;
    text-align: center;
}


.BatchSubmitNotificationDiv {
    width: 365px;
    min-height: 125px;
    position: absolute;
    top: 0px;
    left: 36%;
    background: #1A1A1A;
    border: 1px solid #333;
    z-index: 10003;
}
/*** End Log Front End ***/

.HighUrgencyApplicationAlertDiv {
    width: 365px;
    min-height: 125px;
    position: absolute;
    top: 35%;
    left: 36%;
    background: #1A1A1A;
    border: 1px solid #333;
    z-index: 10003;
    display: none;
}

.HighUrgencyApplicationAlertHeader {
    width: 365px;
    min-height: 30px;
    padding-top: 5px;
    color: #FFF;
    font-size: 12pt;
    text-align: center;
}

.HighUrgencyApplicationAlertMessage {
    width: 285px;
    min-height: 65px;
    color: #E3DE64;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    text-align: left;
}

.HighUrgencyApplicationAlertButtonDiv {
    width: 365px;
    height: 35px;
    text-align: center;
}

.LowUrgencyApplicationAlertDiv {
    width: 345px;
    min-height: 75px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #1A1A1A;
    border: 1px solid #333;
    z-index: 10001;
    display: none;
}


.LowUrgencyApplicationAlertMessage {
    width: 325px;
    min-height: 55px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    color: White;
    font-size: 10pt;
    text-align: left;
}

.LowUrgencyShowAllAlertsDiv {
    width: 325px;
    height: 20px;
    margin-right: auto;
    margin-left: auto;
    text-align: right;
}

.AllAlertsDiv {
    width: 300px;
    height: 300px;
    position: absolute;
    margin-top: 32px;
    margin-left: -322px;
    background-color: #1A1A1A;
    border: 2px solid black;
    z-index: 10000;
    display: none;
}

.ApplicationAlertsContainer {
    width: 290px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    color: #FFFFFF;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
}

.ShowAllAlertsImageButton {
    float: left;
    width: 20px;
    height: 15px;
    margin-top: 15px;
    margin-left: -20px;
    cursor: pointer;
}

.AllAlertsButtonDiv {
    width: 300px;
    height: 50px;
    text-align: center;
}

.ApplicationAlertMessage {
    width: 270px;
    font-size: 10pt;
}

.ApplicationAlertDate {
    width: 270px;
    font-size: 8pt;
    text-align: right;
    margin-top: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #FFFFFF;
}

.LoginAlertsRow {
    width: 365px;
    min-height: 30px;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.LoginAlertContainer {
    padding-top: 5px;
    width: 345px;
}

.LoginAlertMessage {
    width: 335px;
    min-height: 30px;
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    border-top: 1px solid #FFFFFF;
}

.LoginAlertDate {
    width: 335px;
    height: 20px;
    text-align: right;
    font-size: 8pt;
    margin-bottom: 0px;
}


.RealmContainerDiv {
    position: absolute;
    top: 0px;
    left: 200px;
}

#RealmSelectionMenu li a.CurrentRealmGreen {
    display: block;
    padding-right: 18px;
    background: url('../images/UsernameDropDownArrow.png') no-repeat right 16px;
    width: 165px;
    font-size: 12pt;
    color: #BAEE63;
    cursor: pointer;
}

#RealmSelectionMenu li a.CurrentRealmYellow {
    display: block;
    padding-right: 18px;
    background: url('../images/UsernameDropDownArrow.png') no-repeat right 16px;
    width: 150px;
    font-size: 12pt;
    color: #E3DE64;
    cursor: pointer;
}

#RealmSelectionMenu {
    padding: 1px 0;
    margin-top: -2px;
    list-style: none;
    height: 36px;
    width: 150px;
}

    #RealmSelectionMenu li {
        margin: 0;
        padding: 0;
        display: inline;
        float: left;
        position: relative;
        font-family: TeXGyreAdventorRegular, Century Gothic, Helvetica, Arial;
        font-size: 12pt;
        z-index: 1006;
    }

        #RealmSelectionMenu li a {
            padding: 13px 8px 10px 8px;
            text-decoration: none;
            color: #fff;
            display: inline-block;
            text-align: left;
        }

        #RealmSelectionMenu li ul li a {
            display: block;
            padding-left: 15px;
            font-size: 12pt;
            cursor: pointer;
        }

        #RealmSelectionMenu li:hover > a.CurrentRealmGreen {
            background-color: #1a1a1a;
            color: #BAEE63;
        }

        #RealmSelectionMenu li:hover > a.CurrentRealmYellow {
            background-color: #1a1a1a;
            color: #E3DE64;
        }

    #RealmSelectionMenu ul {
        display: none;
    }

    #RealmSelectionMenu li:hover > ul {
        display: block;
        position: absolute;
        z-index: 1000;
        width: 100%;
    }

        #RealmSelectionMenu li:hover > ul li {
            background-color: #1a1a1a;
            display: block;
            clear: left;
            width: 100%;
            height: 100%;
        }

            #RealmSelectionMenu li:hover > ul li a {
                padding-top: 5px;
                padding-bottom: 5px;
                padding-left: 8px;
                cursor: pointer;
            }

                #RealmSelectionMenu li:hover > ul li a:hover {
                    background-color: #333;
                    color: #fff
                }

#RealmFlashDiv {
    width: 176px;
    height: 40px;
    background-color: #BAEE63;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.DataUploadProcessing {
    background: url('../images/ajax-loader-bluevue.gif') no-repeat center 0px;
    background-size: 80% 80%;
    width: 24px;
    height: 24px;
    margin-left: auto;
    margin-right: auto;
}

.DataUploadComplete {
    width: 35px;
    height: 15px;
    background-color: Green;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid white;
}

.DataUploadError {
    width: 35px;
    height: 15px;
    background-color: Red;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid white;
}

.RecentUploadsContainer {
    font-size: 10pt;
    position: absolute;
    min-height: 100px;
    width: 260px;
    top: 55px;
    right: 15px;
    overflow-x: hidden;
}

.RecentUploadsDateHeader {
    float: left;
    width: 85px;
    font-size: 10pt;
    font-weight: bold;
}

.RecentUploadsBatchNameHeader {
    float: left;
    width: 115px;
    font-size: 10pt;
    font-weight: bold;
}

.RecentUploadsStatusHeader {
    float: left;
    width: 60px;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
}

.UploadStatusContainer {
    width: 260px;
    float: left;
}

.RecentUploadsTitle {
    font-size: 12pt;
    position: absolute;
    height: 25px;
    width: 260px;
    top: 0px;
    right: 15px;
    color: #E3DE64
}

.UploadDate {
    float: left;
    overflow: hidden;
    font-size: 10pt;
    width: 85px;
    min-height: 20px;
}

.UploadBatchName {
    float: left;
    font-size: 10pt;
    width: 115px;
    min-height: 20px;
}

.UploadStatus {
    float: left;
    overflow: hidden;
    font-size: 10pt;
    width: 60px;
    min-height: 20px;
}

.DistributionListStoresTitle {
    width: 250px;
    height: 20px;
    color: #E3DE64;
    font-size: 12pt;
    padding: 5px;
    font-weight: bold;
}

.DistributionListStoresParentDiv {
    width: 260px;
    height: 350px;
    float: right;
    border: none;
    background-color: #264A66;
    overflow: hidden;
}

.DistributionListStoresContainer {
    width: inherit;
    height: 290px;
    margin-left: auto;
    margin-right: auto;
    overflow-y: scroll;
    overflow-x: hidden
}

.BatchDistributionListStoresParentDiv {
    width: 358px;
    height: 250px;
    border: none;
    background-color: black;
    overflow: hidden;
    align-content: center;
}

.keyenter {
    font-family: Arial;
    position: fixed;
    z-index: 10002;
    background-color: #1a1a1a;
    width: 620px;
    min-height: 300px;
    padding: 10px;
    left: 50%;
    top: 50%;
    margin-top: -175px;
    margin-left: -310px;
    text-align: left;
    border: 1px solid black;
}

.simpleModal {
    font-family: Arial;
    position: fixed;
    z-index: 10002;
    background-color: #1a1a1a;
    width: 420px;
    min-height: 110px;
    padding: 10px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
    border: 1px solid black;
}

.mediumModal{
    width:650px !important;    
}

.simpleModalBase {
    display: none;
}

.simpleModalTitle {
    font-size: 13pt;
    font-weight: bold;
}

.simpleModalContentContainer {
    width: 100%;
    min-height: 50px;
    border-top: 1px solid #555;
    position: relative;
    padding-top: 10px;
}

.simpleModalButtonContainer {
    width: 100%;
    height: 25px;
    text-align: right;
    padding-bottom: 5px;
}

.distributeModal {
    position: fixed;
    z-index: 10002;
    background-color: #1a1a1a;
    width: 350px;
    padding: 10px;
    left: 50%;
    top: 50%;
    margin-top: -200px;
    margin-left: -200px;
    text-align: left;
    border: 1px solid black;
}

.distributeTitleDiv {
    border-bottom: 1px solid #333;
    color: #fff !important;
    font-weight: bold;
}

.distributeLabel {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    width: 90px;
    height: 25px;
    vertical-align: middle;
}

.distributionList {
    float: right;
    margin-top: 10px;
    height: 25px;
}

.storeGroupList {
    float: left;
    margin-top: 20px;
}

.distributionListLoadingDiv {
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 10px;
    width: 225px;
    vertical-align: middle;
}

.distributionListStoresDiv {
    float: left;
    width: 323px;
    height: 300px;
    margin-left: 10px;
    margin-top: 10px;
    background-color: #222;
    display: none;
}

.distributionListStoresButtonsDiv {
    float: left;
    height: 30px;
    width: 345px;
    margin-top: 15px;
    text-align: center;
}

.BatchDistributionListStoresContainer {
    width: 316px;
    height: 245px;
    padding-left: 5px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: none;
}

.DistributionListStore {
    width: 220px;
    height: 25px;
    font-size: 11pt;
}

.ShowStoresLink {
    color: White;
}

.disabledLink {
    color: Gray;
}

/* End Management Menu User Control */

.tableWithTDPadding {
    width: 98%;
    margin-left: 15px;
}

    .tableWithTDPadding td:first-child {
        width: 50%;
        padding-right: 10px;
    }

    .tableWithTDPadding input {
        width: 95%;
    }

.userProfileDevXTextBox {
    height: 28px;
    width: 100%;
}

.tableWithTDPadding select {
    width: 98%;
    height: 25px;
}

.tdSubmitButton {
    text-align: right;
    padding-right: 15px;
    width: 50%;
}

    .tdSubmitButton input {
    }

.tdSplitter {
    width: 30%;
    height: 390px;
    border-right: 1px solid #e0e0e0;
    padding: 10px;
}

.newElementText {
}

.selectedElementText {
}

.enlargedImageDiv {
    border: 2px solid black;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000
}

.hideEnlargedImageButton {
    height: 18px;
    width: 18px;
    background-color: White;
    color: black;
    font-weight: bold;
    float: right;
    text-align: center;
    cursor: pointer;
}

div.SpellCheckContainer {
    overflow: hidden;
    height: 24px;
    color: inherit;
    background-color: transparent;
}

div.SpellCheckTextBox {
    width: 100%;
    height: 41px;
    outline: none;
    font-size: 10pt;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    background-color: transparent;
    color: inherit;
    line-height: 26px;
}

    div.SpellCheckTextBox:focus {
        color: #000;
    }

    div.SpellCheckTextBox br {
        display: none;
    }

div.PersistentSpellCheckTextBox {
    background-color: transparent;
    color: #555555 !important;
    font-style: italic;
}

div.PersistentSpellCheckContainer {
    background-color: transparent;
    padding-left: 4px;
}

div.ProcessingPlaceHolder {
    width: 24px;
    height: 24px;
    float: right;
    background: url('../Images/ajax24blue_lite.GIF') no-repeat;
    margin-right: 28px;
    margin-left: 28px;
    margin-top: 2px;
    display: none;
}

td.ProcessingPlaceHolder {
    width: 80px;
    height: 24px;
    background: url('../Images/ajax24blue_lite.GIF') no-repeat center;
    margin-top: 2px;
    display: none;
}

.SubmitModalHeader {
    font-size: 12pt;
    font-weight: bold;
    width: 99%;
    border-bottom: 1px solid gray;
    margin-left: auto;
    margin-right: auto;
}

.SubmitModalIcon {
    float: left;
    width: 32px;
    height: 32px;
    margin-top: 5px;
    background: url('../images/info.png') no-repeat;
}

.SubmitModalMessage {
    float: left;
    width: 275px;
    min-height: 32px;
    margin-top: 5px;
    margin-left: 5px;
}

.LoginContainer {
    position: absolute;
    top: 35%;
    left: 44%;
    width: 56%;
    height: 250px;
}

.LogoContainer {
    margin-bottom: -0px;
}

.LoginContainer table td {
    border-spacing: 0px;
    padding: 0px;
}

.RegisteredSymbol {
    color: #fff;
    font-size: 8pt;
}

.DivTable {
    display: table;
}

.DivTableRow {
    display: table-row;
}

.DivTableCell {
    display: table-cell;
}

.LoginFormContainer {
    width: auto;
    min-height: 250px;
}

.LoginForm {
    width: auto;
    height: 200px;
    margin-left: 50px;
    font-size: 10pt;
}

.LoginFormLabel {
    width: 65px;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px;
}

.LoginFormInput {
    width: 185px;
    float: left;
    height: 30px;
    margin-bottom: 2px;
}

.LoginErrorLabel {
    font-weight: bolder;
    position: relative;
    top: 7px;
}

.CompletedJobsModal {
    background-color: #1a1a1a;
    border: 1px solid black;
    position: absolute;
    width: 400px;
    min-height: 115px;
    z-index: 10002;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -75px;
    color: #E3DE64;
}

.CompletedJobsModalTitle {
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 380px;
    height: 20px;
    border-bottom: 1px solid #555;
    font-size: 12pt;
    color: #fff;
    text-align: left;
    font-weight: bold;
}

.CompletedJobsModalLabel {
    text-align: left;
    font-size: 10pt;
    color: #fff;
    width: 320px;
    float: left;
    height: 15px;
}

.CompletedJobsModalButtons {
    width: 380px;
    height: 30px;
    margin-top: 10px;
    margin-left: 10px;
    float: left;
    text-align: right;
}

.UpArrow {
    display: inline-block;
    float: right;
}

.DownArrow {
    display: inline-block;
    float: left;
}


/*Start positions styles*/

.labelSheet {
    background-color: #ebebeb;
    border: 1.5px solid #ebebeb;
    margin-left: auto;
    margin-right: auto;
}

.labelCell {
    text-align: center;
    padding: 1px;
    border: 1px solid #1B2024;
    width: 20px;
    background-color: #82a3a1;
    color: #1B2024;
    cursor: pointer;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.selectedLabel {
    background-color: #e5d352
}

.modalPopup .startPositions {
    max-height: calc(100vh - 300px);
}

div.label-column-short{
    width:100px !important;
}

div.label-column {
    display: inline-block;
    width: 250px;
    height: 30px;
    line-height: 30px;
    margin-left: 15px;
}

div.value-column-check {
    display: inline-block;
    width: 100px;
    height: 22px;
    padding-top: 8px;
}

div.small-value-column-check {
    display: inline-block;
    width: 25px;
    height: 22px;
    padding-top: 8px;
}

div.value-long-column-check {
    display: inline-block;
    width: 275px;
    height: 22px;
    padding-top: 8px;
}

div.long-column {
    display: inline-block;
    width: 202px;       
}

div.value-column-text {
    display: inline-block;
    width: 100px;
    height: 30px;
}

div.medium-value-column {
    display: inline-block;
    width: 125px;
    height: 22px;
    padding-top: 8px;
}

div.left-value-column{
    margin-right:25px;
}

div.settings-header {
    width: 100%;
    height: 30px;
    font-size: 14pt;
    font-weight: normal;
}

div.settings-separator {
    width: 500px;
    height: 10px;
}

div.user-list-item{
    width:100%;
    height:30px;
    line-height:30px;
    cursor:pointer;
    padding-left:5px;
    box-sizing:border-box;
}

div.user-list-item:hover{
    background-color:white;
    color:#333333
}
div.user-row-select{
    background-color: white;
    color: #333333
}

div.user-even {
    background-color: #375B77;
}

div.user-odd{
    background-color:#264A66;
}

div.user-even {
    background-color: #375B77;
}

a.page-control{
    text-decoration:none;
    cursor:pointer;
}

a.page-control:hover{
    text-decoration:underline;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-dismissible {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.UserAdminValueColumn {
    display: inline-block;
    height: 30px;
}

.UserDetailsErrorLabel {
    font-weight: bolder;
    position: relative;
    color: #D8000C;
    background: #FFBABA;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 4px;
}

.UserAdminInputStyle {
    background-color: #f1f1f1;
    color: #333;
    font-size: 10pt;
    border: 1px solid #333;
    padding: 5px;
    margin: 1px;
}

.ErrorColumn {
    display: none;
    height: 30px;
}

.UserDetailsValidLabel {
    font-weight: bolder;
    position: relative;
    color: #155724;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 4px;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.menu-item-icon-container {
    width: 64px;
    height: 64px;
    position: relative;
    border: none;
}

.menu-item-icon-border {
    background-color: #457498;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 10px;
    border: 3px solid #fff;
}

.esl-icon-mountain1 {
    position: absolute;
    left: 4px;
    top: 15px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #fff;
}

.esl-icon-mountain2 {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 15px solid #fff;
}

.esl-icon-sun {
    position: absolute;
    left: 25px;
    top: 5px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
}

.menu-item-description {
    position: absolute;
    left: 64px;
    top: 0px;
    border: none;
    width: 275px;
}

.batteryContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.batteryOuter {
    border-radius: 3px;
    border: 1px solid #444;
    padding: 1px;
    width: 50px;
    height: 18px;
}

.batteryBump {
    border-radius: 2px;
    background-color: #444;
    margin: 2px;
    width: 2px;
    height: 6px;
}

#batteryLevel {
    border-radius: 2px;
    background-color: #5eda69;
    width: auto;
    height: 18px;
    padding-left: 3px;
    padding-bottom: 1px;
}

.detailRow {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 0.3rem 1.2rem 0.3rem 1.2rem;
    border-radius: .2rem;
}

    .detailRow:hover {
        background: #264a66a1;
    }

.labelColumn {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.valueColumn {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex: 1;
    padding-left: 2rem;
}

.detailsSection{
    min-width:227px;
    margin-left: auto;
    margin-right:auto;
}

.eslImg {
    display: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
    box-shadow: 2px 2px 11px 0px #000000cf;
}

.selectListRow {
    display: inline-block;
    background-color: rgb(172, 218, 94);
    color: rgb(26, 26, 26);
    display: inline-flex;
    flex-direction: row;
    justify-content: space-around;
}

.selectListRowAttr {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-right: .5rem;
    position:relative;
    flex:1;
}

.selectListRowPrimaryAttr {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    flex:2;
}

.connStatusIcon {
    flex: 1;
    height: 19px;
    padding: 6px 2px 2px 2px;
}

.battStatusIcon {
    flex: 1;
    height: 23px;
    padding: 5px 2px 2px 2px;
}

.device-list-item {
    display: flex;
}

.selectListRowuser-odd {
    background-color: #264A66;
}

.selectListRowuser-even {
    background-color: #375B77;
}

.menu-item-icon-border-sm {
    background-color: #457498;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 5px;
    border: 1px solid #fff;
}

.esl-icon-mountain1-sm {
    position: absolute;
    left: 2px;
    top: 7.5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #fff;
}

.esl-icon-mountain2-sm {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 7.5px solid #fff;
}

.esl-icon-sun-sm {
    position: absolute;
    left: 12.5px;
    top: 2.5px;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 25%;
}

.conn-status-online {
    color: #5eda69;
}
    .conn-status-online.selected {
        color: #1c7324;
    }

.conn-status-offline {
    color: #fe4242;
}
    .conn-status-offline.selected {
        color: #fe4242;
    }

.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 13px;
        width: 13px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.toggleDiv {
    padding-bottom: 1rem;
    display: flex;
    justify-content: flex-end;
}

.toggleTextLabel {
    padding-right: .5rem;
    font-size: 11px;
}