/* Minification failed. Returning unminified contents.
(794,18): run-time error CSS1036: Expected expression, found '!important'
 */
/*boostrap update*/
label {
    display: inline;
}

.ClientLink {
    cursor: pointer;
}

.MinorInfo {
    color: gray;
    font-size: 88%;
}

@media print {

    .noPrint {
        display: none;
        visibility: hidden;
    }

    .printHeader {
        float: none;
        width: auto;
    }

    a {
        color: Black !important;
    }

    table.standard th { /* Remove the nowrap in printing mode */
        white-space: normal !important;
    }

    body { /* Space gained reducing the size of the character. */
        font-size: 70% !important;
    }

    .stacktablelargeonly {
        display: table !important;
    }

    .stacktablesmallonly {
        display: none !important;
    }

    .OnlyForPrint { /* For element visible only in printing mode. */
        display: inline;
    }
}

@media screen {
    .printHeader {
        display: none;
    }

    .OnlyForPrint { /* For element visible only in printing mode. */
        display: none !important;
    }
}

/* visited link */

@media screen {
    a.noVisited,
    .noVisited a,
    #cBOLTopTools a {
        COLOR: #262626 !important;
    }
}
/* Layout sections */

.sectionEditField {
    padding-bottom: 8px;
}

.sectionLeftColumn {
    float: left;
    width: 50%;
}

    .sectionLeftColumn * {
        padding-right: 4px;
    }

.sectionRightColumn {
    float: right;
    width: 50%;
}

    .sectionRightColumn * {
        padding-left: 4px;
    }

.sectionSimple {
    float: left;
    padding-top: 8px;
}

.section3Columns {
    float: left;
    width: 100%;
}

    .section3Columns DIV {
        float: left;
    }

    .section3Columns TD,
    .section3Columns .inner {
        width: 33.30%;
    }

.section2Columns {
    float: left;
    width: 100%;
}

    .section2Columns DIV {
        float: left;
    }

    .section2Columns TD,
    .section2Columns .inner {
        width: 49.99%;
    }

    .section2Columns .inner25 {
        width: 25%;
    }

    .section2Columns .inner75 {
        width: 74%;
    }

.section3Columns .section2Columns input {
    width: auto !important;
}

.section3Columns td, .section2Columns td {
    vertical-align: top;
}
/*.section3Columns .textInput { width: 200px; }

.section3Columns select { width: 206px; }

.section3Columns .section2Columns .textInput { width: 80px; }

.section3Columns .section2Columns select { width: 86px!important; }*/

.sectionButtons {
    float: left;
    padding-bottom: 8px;
    padding-top: 8px;
    width: 100%;
}

.sectionButtonsFooter {
    position: absolute;
    bottom: 0px;
    background: #eee;
}

.sectionButtonsFooterAbs {
    position: absolute;
    bottom: 0px;
    background: #eee;
}

.sectionPageButtons,
.sectionGridButtons {
    float: left;
    vertical-align: middle;
}

    .sectionPageButtons DIV,
    .sectionGridButtons DIV {
        /*border-right: solid 1px #969696;*/
        float: left;
        padding: 0.15em 8px 0px 8px;
        vertical-align: middle;
    }

        .sectionPageButtons DIV a:not(.btn),
        .sectionGridButtons DIV a:not(.btn) {
            display: inline-flex;
            font-weight: bold;
            vertical-align: middle;
            border: 1px solid transparent !important;
            padding: 0px 16px !important;
            font-size: 0.875rem !important;
            line-height: 1.5;
            border-radius: 100px !important;
            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            color: #212529;
            background-color: #fff;
            border-color: #fff;
            letter-spacing: .08929em;
            text-transform: uppercase;
            justify-content: center;
            text-align: center;
            /*display: inline-flex !important;*/
            height: 36px;
            align-items: center;
            box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
            transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
        }

            .sectionPageButtons DIV a:not(.btn):hover,
            .sectionGridButtons DIV a:not(.btn):hover {
                color: #212529;
                background-color: #ececec;
                border-color: #e6e6e6;
            }

        .sectionPageButtons DIV .button,
        .sectionGridButtons DIV .button {
            text-decoration: none !important;
            margin-bottom: 5px;
            min-width: 110px;
            display: inline-block;
            padding: 4px 12px;
            margin-bottom: 0;
            font-size: 14px;
            line-height: 20px;
            color: #58D8FF;
            text-align: center;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            background-color: #363636;
            border-color: #222222 #222222 #000000;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            border-bottom-color: #b3b3b3;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        }

            .sectionPageButtons DIV .button:hover,
            .sectionGridButtons DIV .button:hover {
                color: #ffffff;
                text-decoration: none !important;
                -webkit-transition: background-position 0.1s linear;
                -moz-transition: background-position 0.1s linear;
                -o-transition: background-position 0.1s linear;
                transition: background-position 0.1s linear;
                background-color: #363636;
                color: #ffffff;
                text-decoration: underline;
            }
/*.sectionPageButtons .first,
.sectionGridButtons .first { padding-left: 0px; }

.sectionPageButtons .last,
.sectionGridButtons .last { border-right: none 0px; }

.sectionPageButtons .isButton,
.sectionGridButtons .isButton,
.sectionPageButtons .nextIsButton,
.sectionGridButtons .nextIsButton {
    border-right: none 0px;
    padding-right: 0px;
    padding-top: 0px;
}*/

.sectionWizardButtons {
    float: right;
}

    .sectionWizardButtons DIV {
        float: right;
        padding: 0.15em 8px 0px 8px;
    }

    .sectionWizardButtons .first {
        padding-right: 0px;
    }

    .sectionWizardButtons .last {
        border-left: none 0px;
    }

    .sectionWizardButtons .isButton {
        padding-left: 0px;
        padding-top: 0px;
    }

/*.section3Tools {
    float: left;
    width: 760px;
}

.section3Tools .tool1 {
    float: left;
    padding-right: 4px;
    width: 246px;
}

.section3Tools .tool1 .inner {
    background: #eee;
    border: #c8c8c8 1px solid;
    min-height: 7.8em;
    padding: 4px;
    width: 240px;
}*/

.divMyCatalogTitle {
    background: #eee;
    font-size: 110%;
    padding: 12px;
}

.divMyCatalog {
    padding: 12px;
}

.bodyMyCatalog {
    background-color: #fff !important;
    height: 100%;
}

/*.section3Tools .tool2 {
    float: left;
    padding-left: 4px;
    padding-right: 4px;
    width: 246px;
}

.section3Tools .tool2 .inner {
    background: #eee;
    border: #c8c8c8 1px solid;
    min-height: 7.8em;
    padding: 4px;
    width: 240px;
}

.section3Tools .tool3 {
    float: left;
    padding-left: 4px;
    width: 246px;
}

.section3Tools .tool3 .inner {
    background: #eee;
    border: #c8c8c8 1px solid;
    min-height: 7.8em;
    padding: 4px;
    width: 240x;
}*/

@media print {
    .sectionPageButtons,
    .sectionGridButtons,
    .sectionWizardButtons {
        display: none;
        visibility: hidden;
    }
}

.sectionAddress {
    float: left !important;
    height: 100%;
    padding-bottom: 10px;
    width: 374px;
}

    .sectionAddress .labelAddress {
        float: left !important;
        padding-left: 40px;
        width: 334px;
    }

        .sectionAddress .labelAddress SPAN {
            float: left !important;
            font-weight: bold;
        }

    .sectionAddress .address {
        float: left !important;
        padding-left: 60px;
        width: 314px;
    }

.customerDataText {
    width: 328px !important;
}

.heightLabelAndInput DIV {
    min-height: 3.1em;
}

/* Customer support styles */

.ContactList TR TD {
    border-bottom: solid 1px #cfcfcf;
}

.ContactList .ContactListHeader TD {
    background-color: #686868 !important;
    border-bottom: solid 1px #fff;
    border-left: solid 0px #fff;
    border-right: solid 0px #fff;
    border-top: solid 1px #fff;
    color: #fff;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-top: 3px;
    text-align: left;
}

/* Hints style */

.HintsSection {
    /*background-image: url(https://www.abb.com/Client/v2.21/Images/sprites_small.gif);
    background-position: right -695px;
    background-repeat: no-repeat;*/
    BORDER-BOTTOM: #c8c8c8 1px solid;
    float: right;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: right;
    width: 100%;
}

/*.HintsSection a {
    cursor: pointer;
    padding-right: 25px;
}*/

.HintsSectionOpen {
    /*background-image: url(https://www.abb.com/Client/v2.21/Images/sprites_small.gif);
    background-position: right -795px;
    background-repeat: no-repeat;*/
    BORDER-BOTTOM: #c8c8c8 1px solid;
    float: right;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: right;
    width: 100%;
}

/*.HintsSectionOpen a {
    cursor: pointer;
    padding-right: 25px;
}*/

.HintsSectionInner {
    border-bottom: #c8c8c8 1px solid;
    /*border-right: #c8c8c8 1px solid;*/
    display: block;
    float: left;
    height: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 4px;
    /*padding-right: 10px;*/
    padding-top: 10px;
    text-align: left;
    width: 100%;
}

.HintsSection a, .HintsSectionOpen a {
    margin-bottom: 5px;
    min-width: 110px;
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5b6f80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    padding: 0 6px;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    line-height: 20px;
}

    .HintsSection a:hover, .HintsSectionOpen a:hover {
        color: #ffffff;
        text-decoration: none;
        background-position: 0 -15px;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
        background-color: #5b6f80;
        text-decoration: underline;
    }

.SectionAuthorization {
    border-bottom: #c8c8c8 1px solid;
    border-right: #c8c8c8 1px solid;
    display: block;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: left;
    width: 100%;
}

.HeaderAuthorization {
    display: inline-block;
    font-variant: small-caps;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

@media print {
    .HintsSectionOpen {
        display: none;
        visibility: hidden;
    }

    .HintsSection {
        display: none;
        visibility: hidden;
    }

    .HintsSectionInner {
        border: 0px;
    }
}

.blockSection {
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 2px;
    text-align: left;
}

@media print {
    #cBOLTopTools {
        display: none;
        visibility: hidden;
    }

    .divImpersonation {
        display: none;
        visibility: hidden;
    }
}

/* ABBControls Styles */

TR.preHeader TH {
    text-align: center !important;
    border-bottom: none !important;
}

TH.separator, TD.separator {
    padding: 0px !important;
    border-left: 1px solid #c8c8c8 !important;
    width: 0px !important;
}

.divSort {
    float: right;
    vertical-align: middle;
}

    .divSort SPAN {
        float: left;
        padding-right: 4px;
        padding-top: 2px;
    }

.divMessageColumn {
    width: 85px;
}

.divMessageNormal {
    background-color: #C7FCA6;
    border: solid 2px #3AB200;
    float: left;
    margin-bottom: 4px;
    margin-top: 4px;
    padding: 4px 4px 4px 4px;
}

.divMessageInfo {
    color: #262626;
    background-color: #ffd100;
    border: solid 2px #6e6e6e;
    float: left;
    margin-bottom: 4px;
    margin-top: 4px;
    padding: 4px 4px 4px 4px;
}

.divMessageError {
    color: white;
    background-color: #ff000f;
    border: solid 2px #6e6e6e;
    float: left;
    margin-bottom: 4px;
    margin-top: 4px;
    padding: 4px 4px 4px 4px;
}

.divMessage2 {
    background-color: #C7FCA6;
    border: solid 2px #3AB200;
    float: left;
    margin-bottom: 4px;
    margin-top: 4px;
    padding: 4px 4px 4px 4px;
}

.divMessage1 {
    background-color: #FAF3AE;
    border: solid 2px #AF7801;
    float: left;
    margin-bottom: 4px;
    margin-top: 4px;
    padding: 4px 4px 4px 4px;
}

.divMessage0 {
    background-color: #F1BEC5;
    border: solid 2px #B04A74;
    float: left;
    margin-bottom: 4px;
    margin-top: 4px;
    padding: 4px 4px 4px 4px;
}

.CloseLink {
    cursor: pointer;
    font-weight: bold;
    padding-left: 15px;
}

.HeaderText {
    font-weight: bold;
}

.ErrorText {
    color: #DA3D63 !important;
    font-weight: bold !important;
}

.PageSection {
    margin-left: auto;
    margin-right: auto;
    padding: 4px 0px 4px 0px;
    text-align: center;
}

    .PageSection TD {
        margin: 0px 4px 0px 4px;
    }

    .PageSection A {
        cursor: pointer;
    }

.PageSelector {
    border: 1px solid #cfcfcf;
    float: left;
    padding: 4px 6px 4px 6px;
}

.PagePrevious,
.PageNext,
.PageSelected {
    float: left;
    padding: 4px 6px 4px 6px;
}

@media print {
    .divSort,
    .divMessageNormal,
    .divMessageInfo,
    .divMessageError,
    .ErrorText,
    .PageSection {
        display: none;
        visibility: hidden;
    }
}

/* News */

.NewsHeader {
    color: #5b6f80;
}

/* Logo Face */

.LogoTrasparent {
    padding: 4px 0px 4px 0px;
    text-align: center;
}

.LogoWhite {
    background-color: White;
    border: 1px solid #999999;
    padding: 4px 0px 4px 0px;
    text-align: center;
}

.LogoBlack {
    background-color: Black;
    border: 1px solid #999999;
    padding: 4px 0px 4px 0px;
    text-align: center;
}

/*.GridWidth, .GridWidth2, .GridWidth3
{
    width: 100%!important;
}*/
.TxtNotValid {
    background-color: #eee8aa !important;
}

.DivTab {
    border: solid 1px #969696;
    margin-top: -1px;
    padding-left: 5px;
    padding-right: 5px;
}

.HRProduct {
    border-bottom: thin solid #D8E5DC;
}

/*.ui-autocomplete-loading { background: white url('../Images/indicator.white.gif') right center no-repeat; }*/


.ui-autocomplete {
    max-height: 200px;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9999;
    background-color: white;
}

    .ui-autocomplete li {
        border-bottom: 1px;
        cursor: pointer;
    }
/* IE 6 doesn't support max-height
     * we use height instead, but this forces the menu to always be this tall
     */

* html .ui-autocomplete {
    height: 200px;
}

.RadWindow .rwTopResize {
    background-position: 0 -31px;
    background-repeat: repeat-x;
    font-size: 1px;
    height: 0px !important;
    line-height: 4px;
    width: 100%;
}

li.closed ul {
    display: none !important;
}

li.open ul {
    display: block;
}

/* Sametime */
.stHideLink {
    display: none
}

.HideSupportLink {
    display: none
}

.tdWhiteSpace {
    white-space: nowrap;
}

.ui-dialog .ui-dialog-content {
    padding: 0 !important;
}

.ui-widget {
    font-family: !important;
    font-size: 1em !important;
}

.ui-widget-overlay {
    opacity: .50 !important;
    filter: Alpha(Opacity=50) !important;
    background-color: rgb(0, 0, 0) !important;
}

#pisWebControlDiv .searchBox {
    width: 138px !important;
    margin-right: 2px;
}

.topBau {
    text-align: right !important;
    color: red;
    height: 16px;
}

.topCustomer {
    float: left;
}

/* NEW Styles*/
table.standard,
table.standardDoubledLine {
    border: none;
    vertical-align: middle;
    border-collapse: collapse;
    width: 100%;
    margin-top: 24px;
}

    table.standard th,
    table.standardDoubledLine th {
        font-weight: bold;
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: rgba(0,0,0,0.54);
        font-size: 12px;
        padding-bottom: 8px;
        padding-top: 8px;
    }

.headerRow {
    border-bottom: 1px solid black;
    font-weight: bold;
}

    .headerRow th {
        background-color: white;
    }

table.standard > tbody > tr,
table.standardDoubledLine tr.altRow + tr.altRow,
table.standardDoubledLine tr.blank + tr.blank,
table.standardDoubledLine tr:not(.altRow):not(.blank) {
    border-bottom: 1px solid rgba(0,0,0,0.12);
}

table.standard tr > td {
    padding-bottom: 8px;
    padding-top: 8px;
    line-height: 20px;
}

table.standardDoubledLine tr.altRow > td,
table.standardDoubledLine tr.blank > td {
    padding-top: 8px;
}

table.standardDoubledLine tr.altRow + tr.altRow > td,
table.standardDoubledLine tr.blank + tr.blank > td {
    padding-top: 0px !important;
    padding-bottom: 8px;
}

table.standard td,
table.standardDoubledLine td {
    color: #262626;
    font-size: 13px;
    font-weight: 400;
}

    table.standard td:not(:first-child),
    table.standardDoubledLine td:not(:first-child),
    table.standard th:not(:first-child),
    table.standardDoubledLine th:not(:first-child) {
        padding-left: 8px;
    }

    table.standard td:first-child,
    table.standardDoubledLine td:first-child,
    table.standard th:first-child,
    table.standardDoubledLine th:first-child {
        padding-left: 3px;
    }

    table.standard td:not(:last-child),
    table.standardDoubledLine td:not(:last-child),
    table.standard th:not(:last-child),
    table.standardDoubledLine th:not(:last-child) {
        padding-right: 8px;
    }

    table.standard td:last-child,
    table.standardDoubledLine td:last-child,
    table.standard th:last-child,
    table.standardDoubledLine th:last-child {
        padding-right: 3px;
    }
/*table.standard tr:nth-child(even) {background: #f7f7f7;} 
table.standard tr:nth-child(odd)  {background: #f2f2f2;}*/
.standard .blank {
    background: white !important;
}

UL.linkList {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding: 0;
    list-style-type: none;
}

    UL.linkList LI {
        background-position: 0 .15em;
        background-repeat: no-repeat;
        padding-left: 15px;
        padding-top: .15em;
        padding-bottom: .15em;
    }

.PopupMenu H2 {
    font-size: 16px;
    font-weight: bold;
}

.hideScrollbar {
    overflow: hidden;
}

.loadingDoubleBounce {
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 998;
}

.loadingBounceMask {
    z-index: 998;
    opacity: .8 !important;
    filter: Alpha(Opacity=80) !important;
    background-color: #fff !important;
    padding-top: 50px;
}

.radAjaxLoadingPanel {
    position: fixed;
    left: auto;
    right: auto;
}

.lastOrdersLogged {
    margin: 5px;
}

.leftMenuClass {
    top: 54px;
    left: 10px;
    position: absolute;
}

.topMenuClass {
    top: 10px;
    left: 20px;
}

.floatLeft {
    float: left;
}

.loadingCenter {
    margin: 0 auto;
}

.loadingForNotification {
    float: right;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #868686;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}
/* NEW ECRM Styles*/

a.navTextContainer {
    cursor: pointer;
    height: 100px;
    padding: 2px 8px 11px;
    width: 200px;
    border: 1px solid #d2d2d2;
    display: block;
}

.accordion-heading a.navTextContainer:hover, a:link.open {
    color: #fff !important;
    background: rgba(0, 0, 0, 0) linear-gradient(#0076b7, #004b7a) repeat scroll 0 0;
}

.gradientGrayscale {
    background: rgba(0, 0, 0, 0) linear-gradient(#fafafa, #dcdcdc) repeat scroll 0 0;
}

.schemeWhite {
    background: rgba(0, 0, 0, 0) linear-gradient(#f5f5f5, #fafafa) repeat scroll 0 0;
    color: #262626;
    margin-top: 14px;
    border: 1px solid #d2d2d2;
}


button, input[type="button"]:not(.btn), input[type="submit"]:not(.btn) {
    color: #fff;
    background-color: #ff000f;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid #ff000f;
    padding: 0px 16px;
    font-size: 0.875rem;
    text-transform: uppercase !important;
    justify-content: center;
    height: 36px;
    line-height: 1.5;
    border-radius: 100px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

button, input[type="button"]:hover:not(.btn), input[type="button"]:focus:not(.btn), input[type="button"]:active:not(.btn), input.active[type="button"]:not(.btn), input.disabled[type="button"]:not(.btn), input[type="button"][disabled], input[type="submit"]:hover:not(.btn), input[type="submit"]:focus:not(.btn), input[type="submit"]:active:not(.btn), input.active[type="submit"], input.disabled[type="submit"]:not(.btn), input[type="submit"][disabled] {
    background-color: #d9000d;
    border-color: #cc000c;
}

h1 {
    font-size: 34.5px;
}

.adjust_sort {
    display: table-cell !important;
}

.productCodeCell {
    max-width: 200px;
    word-wrap: break-word;
}

.productDescriptionCell {
    max-width: 200px;
    word-wrap: break-word;
}

.heightLabelAndCheckInput DIV {
    min-height: 2.3em;
}

[type=checkbox], [type=radio] {
    width: 1.45rem !important;
    height: 1.45rem !important;
}

.customCheckBox {
    position: relative;
    opacity: 0;
}

.customCheckBox-container {
    position: relative;
}

.customCheckBox-label::before {
    content: "?";
    font-size: x-large;
    font-weight: bold;
    color: #FF000F;
    position: absolute;
    top: 0.35rem;
    left: 0.1em;
    height: 1.15rem;
    width: 1.15rem;
    box-shadow: 0 0 0 2px #FF000F;
    background-color: lavender;
}

table.standard td img {
    vertical-align: auto !important;
}

.PopupMenu {
    background-color: #fff;
    border: 1px solid #5b6f80;
    display: none;
    position: absolute;
    width: 164px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 9999;
}

    .PopupMenu > div {
        background-color: #5b6f80;
        background-position: right top;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        padding-bottom: 2px;
        width: 164px;
    }

.PopupMenu h2 a {
    color: white !important;
    display: block;
    width: 161px!important;
}

.PopupMenu h2 {
    margin: 0px;
    padding-bottom: 0px;
    padding-left: 4px;
    width: 161px;
}

.PopupMenu ul {
    margin: 0px;
    padding-left: 4px;
}

    .PopupMenu li {
        border-bottom: 1px solid #5b6f80;
        display: block;
        float: left;
        overflow: hidden;
        padding: 5px 6px 4px 0px;
        width: 152px;
    }

.PopupMenu li:last-child {
    border-bottom: none;
}

.PopupMenu a {
    border-bottom: 0px;
    padding-bottom: 2px;
}
/*Telerik RadGrid Default Skin*/

/*global*/

.RadGrid_ABBSkin {
    border-bottom: 2px solid black;
    border-collapse: collapse;
    border-left: none;
    border-right: none;
    border-top: 2px solid black;
    empty-cells: show;
}

.RadGrid_ABBSkin,
.RadGrid_ABBSkin .rgMasterTable,
.RadGrid_ABBSkin .rgDetailTable,
.RadGrid_ABBSkin .rgGroupPanel table,
.RadGrid_ABBSkin .rgCommandRow table,
.RadGrid_ABBSkin .rgEditForm table,
.RadGrid_ABBSkin .rgPager table,
.GridToolTip_ABBSkin { }

.RadGrid_ABBSkin .rgMasterTable,
.RadGrid_ABBSkin .rgDetailTable { }

.RadGrid_ABBSkin .rgRow,
.RadGrid_ABBSkin .rgAltRow,
.RadGrid_ABBSkin .rgHeader,
.RadGrid_ABBSkin .rgResizeCol,
.RadGrid_ABBSkin .rgPager,
.RadGrid_ABBSkin .rgGroupPanel,
.RadGrid_ABBSkin .rgGroupHeader { cursor: default; }

.RadGrid_ABBSkin input[type="image"] { cursor: pointer; }

.RadGrid_ABBSkin .rgHeader,
.RadGrid_ABBSkin .rgResizeCol { padding: 2px 5px; }

.RadGrid_ABBSkin .rgRow td,
.RadGrid_ABBSkin .rgAltRow td,
.RadGrid_ABBSkin .rgEditRow td,
.RadGrid_ABBSkin .rgFooter td,
.RadGrid_ABBSkin .rgFilterRow td,
.RadGrid_ABBSkin .rgGroupHeader td {
    border: none;
    border-collapse: collapse;
    padding: 2px 5px;
}

.RadGrid_ABBSkin .rgClipCells .rgHeader,
.RadGrid_ABBSkin .rgClipCells .rgRow > td,
.RadGrid_ABBSkin .rgClipCells .rgAltRow > td { overflow: hidden; }

.RadGrid_ABBSkin .rgAdd,
.RadGrid_ABBSkin .rgRefresh,
.RadGrid_ABBSkin .rgEdit,
.RadGrid_ABBSkin .rgDel,
.RadGrid_ABBSkin .rgFilter,
.RadGrid_ABBSkin .rgPagePrev,
.RadGrid_ABBSkin .rgPageNext,
.RadGrid_ABBSkin .rgPageFirst,
.RadGrid_ABBSkin .rgPageLast,
.RadGrid_ABBSkin .rgExpand,
.RadGrid_ABBSkin .rgCollapse,
.RadGrid_ABBSkin .rgSortAsc,
.RadGrid_ABBSkin .rgSortDesc,
.RadGrid_ABBSkin .rgUpdate,
.RadGrid_ABBSkin .rgCancel,
.RadGrid_ABBSkin .rgUngroup {
    background-color: transparent;
    background-image: url('Grid/sprite.gif');
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    font-size: 1px;
    height: 16px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 16px;
}

.RadGrid_ABBSkin .rgGroupItem input,
.RadGrid_ABBSkin .rgCommandRow img,
.RadGrid_ABBSkin .rgHeader input,
.RadGrid_ABBSkin .rgFilterRow img,
.RadGrid_ABBSkin .rgFilterRow input,
.RadGrid_ABBSkin .rgPager img { vertical-align: middle; }

/*header*/

.RadGrid_ABBSkin .rgHeaderDiv { }

.rgTwoLines .rgHeaderDiv { }

.rgNoScrollImage .rgHeaderDiv { background-image: none; }

.RadGrid_ABBSkin .rgHeader,
.RadGrid_ABBSkin th.rgResizeCol { border-bottom: 1px dashed #c8c8c8; }

.RadGrid_ABBSkin th {
    border: none;
    font-weight: bold;
    margin: 10px;
    padding: 2px 5px;
}

.RadGrid_ABBSkin th.rgSorted { }

.RadGrid_ABBSkin .rgHeader,
.RadGrid_ABBSkin .rgHeader a { text-decoration: none; }

.RadGrid_ABBSkin .rgHeader a {
    color: #4DC396;
    text-decoration: none;
}

.RadGrid_ABBSkin .rgCheck {
    height: 15px;
    margin: 0;
    padding: 0;
}

/*rows*/

.RadGrid_ABBSkin .rgRow td,
.RadGrid_ABBSkin .rgAltRow td,
.RadGrid_ABBSkin .rgEditRow td,
.RadGrid_ABBSkin .rgFooter td { }

.RadGrid_ABBSkin .rgRow { background: #f0f0f0; }

.RadGrid_ABBSkin .rgRow td { }

.RadGrid_ABBSkin .rgAltRow { background: #ffffff; }

.RadGrid_ABBSkin .rgAltRow td { }

.RadGrid_ABBSkin .rgRow .rgSorted { }

.RadGrid_ABBSkin .rgAltRow .rgSorted { }

.RadGrid_ABBSkin .rgSelectedRow .rgSorted,
.RadGrid_ABBSkin .rgActiveRow .rgSorted,
.RadGrid_ABBSkin .rgHoveredRow .rgSorted,
.RadGrid_ABBSkin .rgEditRow .rgSorted { background-color: #E3F4EF; }

.RadGrid_ABBSkin .rgRow a,
.RadGrid_ABBSkin .rgAltRow a,
.RadGrid_ABBSkin .rgEditRow a,
.RadGrid_ABBSkin .rgFooter a,
.RadGrid_ABBSkin .rgEditForm a { }

.RadGrid_ABBSkin .rgSelectedRow { }

* + html .RadGrid_ABBSkin .rgSelectedRow .rgSorted { background-color: #828282 }

* html .RadGrid_ABBSkin .rgSelectedRow .rgSorted { background-color: #828282 }

.RadGrid_ABBSkin .rgSelectedRow a { color: #fff; }

.RadGrid_ABBSkin .rgActiveRow,
.RadGrid_ABBSkin .rgHoveredRow { background-color: #E3F4EF; }

* + html .RadGrid_ABBSkin .rgActiveRow .rgSorted,
* + html .RadGrid_ABBSkin .rgHoveredRow .rgSorted { background-color: #E3F4EF }

* html .RadGrid_ABBSkin .rgActiveRow .rgSorted,
* html .RadGrid_ABBSkin .rgHoveredRow .rgSorted { background-color: #E3F4EF }

.RadGrid_ABBSkin .rgEditRow { background: #ffffff; }

* + html .RadGrid_ABBSkin .rgEditRow .rgSorted { background-color: #fff }

* html .RadGrid_ABBSkin .rgEditRow .rgSorted { background-color: #fff }

.RadGrid_ABBSkin .rgActiveRow td,
.RadGrid_ABBSkin .rgActiveRow td.rgSorted,
.RadGrid_ABBSkin .rgHoveredRow td,
.RadGrid_ABBSkin .rgHoveredRow td.rgSorted { border-bottom-color: #9e9e9e; }

.RadGrid_ABBSkin .rgSelectedRow td,
.RadGrid_ABBSkin .rgSelectedRow td.rgSorted { border-bottom-color: #6c6c6c; }

/*footer*/

.RadGrid_ABBSkin .rgFooterDiv,
.RadGrid_ABBSkin .rgFooter { background: #FFFFFF; }

.RadGrid_ABBSkin .rgFooter td {
    /*	border: none; */
    border-top: 1px dashed #c8c8c8;
    color: #000000;
    font-weight: bold;
}

/*status*/

.RadGrid_ABBSkin .rgPager .rgStatus {
    border: 1px solid;
    border-color: #828282 #c9c9c9 #eee #c9c9c9;
    border-left: 0;
    padding: 3px 0 2px;
    width: 35px;
}

.RadGrid_ABBSkin .rgStatus div {
    background: transparent center center no-repeat url('Common/loading_small.gif');
    border: 0;
    height: 24px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    text-indent: -2222px;
    width: 24px;
}

/*pager*/

.RadGrid_ABBSkin .rgPager { background: #eee; }

.RadGrid_ABBSkin .rgPager td { padding: 0; }

.RadGrid_ABBSkin .rgPager .rgPagerCell {
    border: none;
    border-top: 1px dashed #c8c8c8;
    padding: 5px 0 4px;
}

.RadGrid_ABBSkin .rgWrap {
    float: left;
    line-height: 22px;
    padding: 0 10px;
    white-space: nowrap;
}

.RadGrid_ABBSkin .rgArrPart1 { padding-right: 0; }

.RadGrid_ABBSkin .rgArrPart2 { padding-left: 0; }

.RadGrid_ABBSkin .rgInfoPart {
    color: #8a8a8a;
    float: right;
}

.RadGrid_ABBSkin .rgInfoPart strong {
    color: #4c4e54;
    font-weight: normal;
}

.RadGrid_ABBSkin .rgArrPart1 img,
.RadGrid_ABBSkin .rgArrPart2 img { margin: 0 8px; }

.RadGrid_ABBSkin .rgPageFirst,
.RadGrid_ABBSkin .rgPagePrev,
.RadGrid_ABBSkin .rgPageNext,
.RadGrid_ABBSkin .rgPageLast {
    height: 22px;
    vertical-align: top;
    width: 22px;
}

.RadGrid_ABBSkin .NextPrev .rgPageFirst,
.RadGrid_ABBSkin .NextPrev .rgPagePrev,
.RadGrid_ABBSkin .NextPrev .rgPageNext,
.RadGrid_ABBSkin .NextPrev .rgPageLast { vertical-align: middle; }

.RadGrid_ABBSkin .rgPageFirst { background-position: 0 -550px; }

.RadGrid_ABBSkin .rgPageFirst:hover { background-position: 0 -600px; }

.RadGrid_ABBSkin .rgPagePrev { background-position: 0 -700px; }

.RadGrid_ABBSkin .rgPagePrev:hover { background-position: 0 -750px; }

.RadGrid_ABBSkin .rgPageNext { background-position: 0 -850px; }

.RadGrid_ABBSkin .rgPageNext:hover { background-position: 0 -900px; }

.RadGrid_ABBSkin .rgPageLast { background-position: 0 -1000px; }

.RadGrid_ABBSkin .rgPageLast:hover { background-position: 0 -1050px; }

.RadGrid_ABBSkin .rgPagerButton {
    background: #e8e8e8 repeat-x 0 -1550px url('Grid/sprite.gif');
    border: 1px solid;
    border-color: #d0d0d0 #aeaeae #8b8b8b;
    color: #000;
    cursor: pointer;
    font: 12px/12px "segoe ui", arial, sans-serif;
    height: 22px;
    margin: 0 14px 0 0;
    padding: 0 4px 2px;
    vertical-align: middle;
}

.RadGrid_ABBSkin .rgNumPart { padding: 0; }

.RadGrid_ABBSkin .NumericPages .rgNumPart { padding: 0 10px; }

.RadGrid_ABBSkin .rgNumPart a:hover,
.RadGrid_ABBSkin .rgNumPart a:hover span,
.RadGrid_ABBSkin .rgNumPart a.rgCurrentPage,
.RadGrid_ABBSkin .rgNumPart a.rgCurrentPage span { background: no-repeat url('Grid/sprite.gif'); }

.RadGrid_ABBSkin .rgNumPart a {
    color: #000;
    float: left;
    line-height: 22px;
    margin: 0;
    padding: 0 5px 0 0;
    text-decoration: none;
}

.RadGrid_ABBSkin .rgNumPart span {
    float: left;
    padding: 0 0 0 5px;
}

.RadGrid_ABBSkin .rgNumPart a:hover { background-position: 100% -1250px; }

.RadGrid_ABBSkin .rgNumPart a:hover span {
    background-position: 0 -1150px;
    cursor: pointer;
}

.RadGrid_ABBSkin .rgNumPart a.rgCurrentPage,
.RadGrid_ABBSkin .rgNumPart a.rgCurrentPage:hover {
    background-position: 100% -1450px;
    cursor: default;
}

.RadGrid_ABBSkin .rgNumPart a.rgCurrentPage span,
.RadGrid_ABBSkin .rgNumPart a.rgCurrentPage:hover span {
    background-position: 0 -1350px;
    cursor: default;
}

.RadGrid_ABBSkin .NextPrevNumericAndAdvanced .rgAdvPart {
    float: none;
    text-align: center;
}

.RadGrid_ABBSkin .rgPager .RadSlider {
    float: left;
    margin: 0 10px 0 0;
}

.RadGrid_ABBSkin .rgPagerLabel,
.RadGrid_ABBSkin .rgPager .RadComboBox,
.RadGrid_ABBSkin .rgPager .RadInput_ABBSkin {
    margin: 0 4px 0 0;
    vertical-align: middle;
}

* + html .RadGrid_ABBSkin .rgPager .RadComboBox { margin-top: -1px; }

* html .RadGrid_ABBSkin .rgPager .RadComboBox {
    margin-top: -1px;
    padding: 1px 0;
}

.RadGrid_ABBSkin .rgPagerTextBox { text-align: center; }

/*sorting, reordering*/

.RadGrid_ABBSkin .rgHeader .rgSortAsc {
    background-position: 3px -248px;
    height: 10px;
}

.RadGrid_ABBSkin .rgHeader .rgSortDesc {
    background-position: 3px -198px;
    height: 10px;
}

.GridReorderTop_ABBSkin,
.GridReorderBottom_ABBSkin {
    background: 0 0 no-repeat url('Grid/sprite.gif');
    height: 9px !important;
    margin-left: -5px;
    width: 9px !important;
}

.GridReorderBottom_ABBSkin { background-position: 0 -50px; }

/*filtering*/

.RadGrid_ABBSkin .rgFilterRow { background: #eeeeee; }

.RadGrid_ABBSkin .rgFilterRow td {
    border: none;
    border-bottom: 1px dashed #c8c8c8;
}

.RadGrid_ABBSkin .rgFilter {
    background-position: 0 -300px;
    height: 22px;
    margin: 0 0 0 2px;
    width: 22px;
}

.RadGrid_ABBSkin .rgFilter:hover { background-position: 0 -350px; }

.RadGrid_ABBSkin .rgFilterActive,
.RadGrid_ABBSkin .rgFilterActive:hover { background-position: 0 -400px; }

.RadGrid_ABBSkin .rgFilterBox {
    border: 1px solid;
    border-color: #8e8e8e #c9c9c9 #c9c9c9 #8e8e8e;
    color: #333;
    padding: 2px 1px 3px;
    vertical-align: middle;
}

/*grouping*/

.RadGrid_ABBSkin .rgGroupPanel {
    border: 0;
    border-bottom: 1px solid #c8c8c8;
}

.RadGrid_ABBSkin .rgGroupPanel td {
    border: 0;
    padding: 3px 4px;
}

.RadGrid_ABBSkin .rgGroupPanel td td { padding: 0; }

.RadGrid_ABBSkin .rgGroupPanel .rgSortAsc { background-position: 4px -144px; }

.RadGrid_ABBSkin .rgGroupPanel .rgSortDesc { background-position: 4px -94px; }

.RadGrid_ABBSkin .rgUngroup { background-position: 0 -6998px; }

.RadGrid_ABBSkin .rgGroupItem {
    background: #c6c6c6 0 -6500px repeat-x url('Grid/sprite.gif');
    border: 1px solid;
    border-color: #c4c4c4 #c4c4c4 #9e9e9e;
    font-weight: normal;
    line-height: 20px;
    padding: 0 2px 1px 3px;
    vertical-align: middle;
}

.RadGrid_ABBSkin .rgMasterTable td.rgGroupCol,
.RadGrid_ABBSkin .rgMasterTable td.rgExpandCol {
    background: #d9d9d9 none;
    border-color: #d9d9d9;
}

.RadGrid_ABBSkin .rgGroupHeader {
    background: #d9d9d9;
    color: #000;
    font-size: 1.1em;
    line-height: 21px;
}

.RadGrid_ABBSkin .rgGroupHeader td {
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #828282;
    padding-bottom: 0;
    padding-top: 0;
}

.RadGrid_ABBSkin .rgGroupHeader td.rgGroupCol { border-top-color: #828282; }

.RadGrid_ABBSkin .rgExpand { background-position: 5px -496px; }

.RadGrid_ABBSkin .rgCollapse { background-position: 3px -444px; }

.RadGrid_ABBSkin .rgGroupHeader td p {
    display: inline;
    margin: 0;
    padding: 0 10px;
}

.RadGrid_ABBSkin .rgGroupHeader td div div {
    padding: 0 10px;
    top: -0.8em;
}

.RadGrid_ABBSkin .rgGroupHeader td div div div {
    border: 0;
    padding: 0;
    top: 0;
}

/*editing*/

.RadGrid_ABBSkin .rgEditForm { border-bottom: 1px solid #828282; }

.RadGrid_ABBSkin .rgUpdate { background-position: 0 -1800px; }

.RadGrid_ABBSkin .rgCancel { background-position: 2px -1848px; }

/*hierarchy*/

.RadGrid_ABBSkin .rgDetailTable {
    border: 1px solid #828282;
    border-right: 0;
}

/*command row*/

.RadGrid_ABBSkin .rgCommandRow {
    background: #c5c5c5 0 -2099px repeat-x url('Grid/sprite.gif');
    color: #000;
}

.RadGrid_ABBSkin .rgCommandCell {
    border: 1px solid;
    border-color: #999 #f2f2f2;
    border-top: 0;
    padding: 0;
}

.RadGrid_ABBSkin tfoot .rgCommandCell {
    border-bottom: 0;
    border-top: 1px solid;
}

.RadGrid_ABBSkin .rgCommandTable td {
    border: 0;
    padding: 3px 7px 4px;
}

.RadGrid_ABBSkin .rgCommandTable {
    border: 0;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #fdfdfd;
}

.RadGrid_ABBSkin .rgCommandRow a {
    color: #000;
    text-decoration: none;
}

.RadGrid_ABBSkin .rgAdd {
    background-position: 0 -1650px;
    margin-right: 3px;
}

.RadGrid_ABBSkin .rgRefresh {
    background-position: 0 -1600px;
    margin-right: 3px;
}

.RadGrid_ABBSkin .rgEdit { background-position: 0 -1700px; }

.RadGrid_ABBSkin .rgDel { background-position: 0 -1750px; }

/*multirow select*/

.GridRowSelector_ABBSkin { background: #4c4e54; }

/*row drag n drop*/

.GridItemDropIndicator_ABBSkin { border-top: 1px dashed #666; }

/*tooltip*/

.GridToolTip_ABBSkin {
    background: #fff;
    border: 1px solid #828282;
    color: #333;
    padding: 3px;
}

/*rtl*/

.RadGridRTL_ABBSkin .rgHeader,
.RadGridRTL_ABBSkin .rgResizeCol { text-align: right; }

.RadGridRTL_ABBSkin .rgPager .rgStatus {
    border-left-width: 1px;
    border-right: 0;
}

.RadGridRTL_ABBSkin .rgWrap { float: right; }

.RadGridRTL_ABBSkin .rgInfoPart { float: left; }

.RadGridRTL_ABBSkin .rgNumPart { width: 220px; }

.RadGridRTL_ABBSkin .rgNumPart a { float: right; }

.RadGridRTL_ABBSkin .rgPageFirst { background-position: 0 -1000px; }

.RadGridRTL_ABBSkin .rgPageFirst:hover { background-position: 0 -1050px; }

.RadGridRTL_ABBSkin .rgPagePrev { background-position: 0 -850px; }

.RadGridRTL_ABBSkin .rgPagePrev:hover { background-position: 0 -900px; }

.RadGridRTL_ABBSkin .rgPageNext { background-position: 0 -700px; }

.RadGridRTL_ABBSkin .rgPageNext:hover { background-position: 0 -750px; }

.RadGridRTL_ABBSkin .rgPageLast { background-position: 0 -550px; }

.RadGridRTL_ABBSkin .rgPageLast:hover { background-position: 0 -600px; }

.RadGridRTL_ABBSkin .rgDetailTable {
    border-left: 0;
    border-right: 1px solid;
}
