﻿body {
    background: rgb(255,255,255);
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px !important;
    padding: 0px !important;
}

#fMVC {
    width: 1400px;
    margin-top: 20px !important;
    font-size: 15px !important;
    /*margin: 0 auto !important;*/
}

div.title {
    margin-top: 30px;
    margin-bottom: 30px !important;
}

    div.title h1 {
        font-size: 300%;
        line-height: 32px;
        font-weight: bold;
        margin-bottom: 3px;
    }

    div.title h3 {
        font-size: 110%;
        line-height: 16px;
        font-weight: bold;
    }

.button {
    background-color: rgb(215, 65, 11);
    height: 20px;
    color: #fff !important;
    font-weight: bold;
    font-size: 12px;
    padding: 0 10px !important;
    border: 0;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    vertical-align: bottom;
    cursor: pointer;
}

    .button:hover {
        background-color: rgb(193, 64, 26);
    }

    .button[disabled=disabled] {
        background-color: rgb(252, 196, 159);
    }

.nav {
    /*width: 980px !important;*/
    width: 1400px !important;
    height: 25px;
    border-bottom: 1px solid rgb(220,220,220) !important;
    margin-bottom: 20px;
}

div.nav div.nav-right {
    float: right;
    height: 30px;
    margin-top: -5px;
}

.nav div span {
    color: rgb(0, 150, 214);
}

.nav div .button {
    background-color: rgb(169,169,169);
    margin-top: 0px !important;
}

    .nav div .button:hover {
        background-color: rgb(105,105,105);
    }

.nav ul {
    width: 85%;
    display: inline;
}

    .nav ul li {
        display: inline;
        margin-left: 20px;
        margin-right: 20px;
    }

.nav span {
    font-size: 13px;
    font-weight: bold;
    color: rgb(211,211,211);
    margin-bottom: 3px;
}

.nav li.active a {
    border-bottom-color: blue;
}

.nav li.active span {
    color: rgb(105,105,105);
}

.error {
    border: 0px solid #e2001a !important;
}

.div1000 {
    width: 1000px;
}

.div500 {
    width: 500px;
}

.div333 {
    width: 310px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}


.fontWeightBold {
    font-weight: Bold;
}

.fontWeightNormal {
    font-weight: normal;
}

.fontSize16px {
    font-size: 16px;
}

.RadMenu_Default .rmRootGroup {
}

fieldset {
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid rgb(0, 150, 214);
    width: 1400px !important;
}

legend {
    font-size: 14px !important;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
    color: rgb(0, 150, 214);
}

.MultiLineMedium {
    margin-top: -10px;
    width: 155px !important;
    height: 40px;
}

.height25 {
    height: 25px !important;
}

.height32 {
    height: 32px !important;
}

.height40 {
    height: 40px !important;
}

.height50 {
    height: 50px !important;
}

.height180 {
    height: 180px !important;
}

.height250 {
    height: 250px !important;
}

.cmb75 {
    width: 75px !important;
    color: black !important;
}

.cmb80 {
    width: 80px !important;
    color: black !important;
}

.cmb100 {
    width: 100px !important;
    color: black !important;
}

.cmb123 {
    width: 123px !important;
    color: black !important;
}

.cmb155 {
    width: 155px !important;
    color: black !important;
}

.cmb160 {
    width: 160px !important;
    color: black !important;
}

.cmb190 {
    width: 190px !important;
    color: black !important;
}

.cmb220 {
    width: 220px !important;
    color: black !important;
}

.cmb250 {
    width: 250px !important;
    color: black !important;
}

.cmb750 {
    width: 750px !important;
    color: black !important;
}

.row230 {
    height: 32px;
    width: 230px;
}

.row300 {
    height: 32px;
    width: 300px;
}

.row320 {
    height: 32px;
    width: 320px;
}

.row340 {
    height: 32px;
    width: 340px;
}

.row420 {
    height: 32px;
    width: 420px;
}

.row440 {
    height: 32px;
    width: 440px;
}

.row950 {
    height: 32px;
    width: 950px;
}

.row1070 {
    height: 32px;
    width: 1070px;
}

.row1380 {
    height: 32px;
    width: 1380px;
}

.row500 {
    height: 32px;
    width: 500px;
}

.row580 {
    height: 32px;
    width: 580px;
}

.lbl50 {
    width: 50px !important;
}

.lbl80 {
    width: 80px !important;
}

.lbl100 {
    width: 100px !important;
    display: inline-block;
}

.lbl105 {
    width: 105px !important;
    display: inline-block;
}

.lbl107 {
    width: 107px !important;
    display: inline-block;
}

.lbl115 {
    width: 115px !important;
    display: inline-block;
}

.lbl120 {
    width: 120px !important;
    display: inline-block;
}

.lbl125 {
    width: 125px !important;
    display: inline-block;
}

.lbl130 {
    width: 130px !important;
    display: inline-block;
}

.lbl140 {
    width: 140px !important;
    display: inline-block;
}

.lbl147 {
    width: 147px !important;
}

.lbl180 {
    width: 180px;
}

.lbl195 {
    width: 195px;
}

.lbl220 {
    width: 220px;
}

.lbl250 {
    width: 250px;
}

.lbl320 {
    width: 320px;
}

.lbl220errormsg {
    width: 220px;
    position: absolute;
    right: 30%;
}

.tbx65 {
    width: 65px !important;
    color: black !important;
}

.tbx120 {
    width: 120px !important;
}

.tbx155 {
    width: 155px !important;
    color: black !important;
}

.tbx157 {
    width: 157px !important;
    color: black !important;
}

.tbx170 {
    width: 170px !important;
    color: black !important;
}

.tbx188 {
    width: 188px !important;
    color: black !important;
}

.tbx200 {
    width: 200px !important;
    color: black !important;
}

.tbx250 {
    width: 250px !important;
    color: black !important;
}

.tbx750 {
    width: 750px !important;
    color: black !important;
}

.tbx100 {
    width: 100px !important;
    color: black !important;
}

.inlinediv {
    display: inline !important;
}

.row {
    margin: 10px;
    height: 24px;
}

    .row .RadComboBox {
        position: relative;
    }

    .row div.RadAsyncUpload {
        display: inline-block !important;
        top: -5px;
        position: relative;
    }

.searchButtonBlock {
    height: 24px;
    display: inline;
}

.searchButton {
    position: absolute;
    margin-top: -5px;
    margin-left: 3px;
}

.RadGrid {
    margin-left: 20px;
}

    .RadGrid .button {
        margin-top: 0px !important;
    }

.rgMasterTable {
    border-width: 0 !important;
    font-family: HPSimplified, arial !important;
    word-spacing: 3px;
}

    .rgMasterTable tbody {
        border-width: 0 !important;
        border-color: transparent;
    }

        .rgMasterTable tbody a {
            text-decoration: underline !important;
        }

.rgPager td {
    border-top: 1px solid rgb(229, 229, 229) !important;
    border-bottom-width: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    font-family: HPSimplified, arial !important;
}

.rgHeader {
    text-align: center !important;
    vertical-align: middle !important;
}

.rgRow, .rgAltRow {
    background: #ffffff !important;
    border-color: #e5e5e5 !important;
    border-width: 1px !important;
}

    .rgRow td, .rgAltRow td {
        text-align: center !important;
        border-color: #e5e5e5 !important;
        border-left-width: 1px !important;
    }

.rgSKU {
    color: #000000 !important;
    background-color: yellow !important;
}

.rgSKUBDDChange {
    color: #000000 !important;
    background-color: palevioletred !important;
}

.rgSKUQTYChange {
    color: #000000 !important;
    background-color: greenyellow !important;
}

.rgSKUTerminated {
    color: #000000 !important;
    background-color: #FFB23F !important;
    border-color: #e5e5e5 !important;
    border-width: 1px !important;
}

.rgSKUActive {
    background-color: #3FFF96 !important;
    border-color: black !important;
    border-width: 1px !important;
    border-spacing: 1px !important;
}

.rgSKUEndOfLife {
    background-color: darkgray !important;
    border-color: black !important;
    border-width: 1px !important;
    border-spacing: 1px !important;
}

.rgRow td a, .rgAltRow td a {
    text-decoration: underline;
}

.rgSelectedRow {
    background: rgb(0, 150, 214) !important;
}

    .rgSelectedRow td {
        border-color: #e5e5e5 !important;
    }


.marginLeft0 {
    margin-left: 0px !important;
}

.marginLeft1 {
    margin-left: 1px !important;
}

.marginLeft10 {
    margin-left: 10px !important;
}

.marginLeft20 {
    margin-left: 20px;
}

.marginLeft28 {
    margin-left: 28px;
}

.marginLeft30 {
    margin-left: 30px;
}

.marginLeft90 {
    margin-left: 90px;
}

.marginLeft105 {
    margin-left: 105px;
}

.marginLeft147 {
    margin-left: 147px;
}

.marginLeft150 {
    margin-left: 150px;
}

.marginleft250 {
    margin-left: -250px !important;
}

.marginLeft335 {
    margin-left: 335px;
}

.marginLeft800 {
    margin-left: 800px;
}

.marginTop1 {
    margin-top: 1px;
}

.marginTop-10 {
    margin-top: -10px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop12 {
    margin-top: 12px;
}

.marginRight5 {
    margin-right: 5px;
}

.marginRight10 {
    margin-right: 10px;
}

.marginRight15 {
    margin-right: 15px;
}

.marginRight20 {
    margin-right: 20px;
}

.marginRight30 {
    margin-right: 30px !important;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.borderWidth1 {
    border: 1px solid rgb(0, 150, 214);
}

.padding10 {
    padding: 10px 10px 10px 10px;
}

.paddingTop10 {
    padding-top: 10px;
}

.textAlignCenter {
    text-align: center;
}

.textAlignRight {
    text-align: right;
}

.contentSum {
    float: left;
    width: 40%;
    font-size: 13px;
}

.btncenter {
    text-align: center;
}

.inlineblock {
    display: inline-block;
}

.rtsTxt {
    font-family: HPSimplified, arial !important;
    font-weight: bold !important;
    word-spacing: 3px;
    color: rgb(211,211,211);
}

.rtsSelected .rtsTxt {
    color: rgb(105,105,105);
}

div.RadUpload_Metro .ruButton {
    background-color: rgb(215, 65, 11) !important;
    height: 20px !important;
    color: rgb(255, 255, 255) !important;
    font-weight: bold !important;
    font-size: 12px !important;
    padding: 0px 10px !important;
    border: 0px none !important;
    border-bottom-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}

div.RadUpload_Metro .ruRemove {
    background-image: none !important;
}

.RadUpload .ruBrowse {
    margin-left: 10px !important;
}

.highlight {
    color: Black !important;
    border-color: Red !important;
}

small strong {
    color: Red;
    padding-right: 5px;
}

.redcolor {
    color: Red;
    padding-right: 5px;
}

.divGeneral .RadComboBox .rcbInput {
    padding: 3px 13px 3px 13px !important;
    margin-left: -6px !important;
    margin-top: -1px !important;
    height: 15px !important;
    border: 1px solid rgb(231, 231, 231);
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
}

.rcOutOfRange {
    text-decoration: line-through !important;
}

.rcTable {
    margin-top: -3px !important;
}

/* Loading Panel */
.loading {
    background-color: #fff;
    opacity: 0.7;
}

.loadingDiv {
    background-color: rgb(170, 170, 170) !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 153% !important;
}

.loading180 {
    background-color: rgb(170, 170, 170) !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 180% !important;
}

.loadingDiv238 {
    background-color: rgb(170, 170, 170) !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 238% !important;
}

.loadingDiv338 {
    background-color: rgb(170, 170, 170) !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 338% !important;
}


.loadingDiv100 {
    background-color: rgb(170, 170, 170) !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.imgLoading {
    position: absolute;
}

.RadAjax {
    top: 0px !important;
    left: 0px !important;
}

.raDiv {
    background-image: none !important;
}

.raColor {
    background-color: transparent !important;
}

.ddl170 {
    width: 170px !important;
}

td.rwWindowContent.rwLoading {
    background-image: url('/images/loading.gif') !important;
}

.radButton14 {
    width: 14px;
    height: 14px;
}

.radButton26 {
    width: 24px;
    height: 10px;
}

.radButton50 {
    width: 54px;
}

.stagebtn {
    height: 40px;
    width: 110px;
    color: #fff !important;
    display: inline-block;
    border: 0;
    text-align: center;
    line-height: 35px;
    vertical-align: middle;
}

.approvedStgBckg {
    background: url(/images/approved_stage.png) no-repeat;
}

.pendingStgBckg {
    background: url(/images/pending_stage.png) no-repeat;
}

.inactiveStgBckg {
    background: url(/images/inactive_stage.png) no-repeat;
}

.centerLoading {
    top: 500px;
    right: 300px;
}

.clearfr {
    clear: left;
    float: right;
    margin-top: -8px;
}

.tbl_description2 {
    background-color: #C6D9F1;
}

.tbl_description1 {
    background-color: #376094;
}

.tbl_description_action {
    background-color: white;
    border-width: 1px !important;
    border-color: #e5e5e5 !important;
}

.borderColor_Red {
    border-color: Red !important;
}

.colorBlack {
    color: Black !important;
}

.clearfix {
    clear: both;
}

.hidden {
    display: none !important;
}

.RadButton_Metro.rbSkinnedButton .rbDecorated {
    margin-left: 0px !important;
}

#divSubmissionPeriodStrat .RadAjaxPanel {
    float: left;
}

.table700 {
    width: 700px;
}

    .table700 td {
        padding-top: 3px;
        padding-bottom: 3px;
    }

        .table700 td:first-child {
            width: 200px;
        }

#divLegendStyle fieldset {
    width: 280px;
    height: 90px;
    margin: 0px !important;
    border: 1px solid rgb(0, 150, 214);
}

.backgroundColorGreen {
    background-color: #3FFF96 !important;
}

.backgroundColorLightAmber {
    background-color: #FFBF00 !important;
}

.fontSize20 {
    font-size: 20px !important;
}

.top0 {
    top: 0px !important;
}

.labelLineFeed {
    word-break: break-all !important;
    word-wrap: break-word !important;
}

.lbl400 {
    width: 400px !important;
}

#divSummaryComment .rgRow td, .rgAltRow td {
    text-align: center !important;
}

.no-scroll {
    overflow: hidden;
}

.select-dialog {
    width: 400px;
    height: 300px;
}

div.Loginlanding, div.Loginlanding div.background-image {
    width: 1400px;
    height: 819px;
}
div.Loginlanding div.background-image {
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
} 
 
div.landing, div.landing div.background-image {
    width: 1000px;
    height: 600px;
}

    div.landing div.background-image {
        background-size: cover;
        background-repeat: no-repeat;
        margin-left: 200px;
        background-position: center;
    }

div.landing-container {
    float: right;
    width: 480px;
    margin-right: 20px;
}

    div.landing-container input.button {
        height: 24px;
        font-size: 14px;
        display: inline;
        margin-top: 10;
    }

    div.landing-container div.login-container div.section div.link-container {
        float: left;
    }

    div.landing-container div.login-container div.section a.link {
        vertical-align: middle;
        display: table-cell;
        height: 36px;
    }

    div.landing-container div.heading.primary {
        margin: 20px 0;
    }

    div.landing-container div.heading.secondary h2 {
        margin: 40px 0 20px 0;
    }

    div.landing-container div.heading h1 {
        font-size: 200%;
        margin-bottom: 0;
    }

    div.landing-container div.heading h2 {
        font-size: 150%;
        margin-bottom: 0;
    }

    div.landing-container div.heading h3 {
        font-size: 110%;
    }

    div.landing-container div.login-container {
        clear: both;
        width: 249px;
        margin: 30px 30px 30px auto;
        border-top: #0096D6 5px solid;
        background-color: white;
        padding: 10px 20px 50px 20px;
    }

    div.landing-container div.section h1 {
        font-size: 22px;
    }

    div.landing-container div.section {
        margin-top: 10px;
    }

        div.landing-container div.section div.field-container {
            margin-bottom: 10px;
        }

/* Session timeout warning */
.infoIcon {
    display: inline-block;
    *display: inline;
    margin-right: 10px;
}

.notificationContent, .notificationContent p, .notificationContent span {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
}

.timeout-body {
    color: rgb(0,0,0);
    background-color: #ffffff;
}

.timeout-content {
    border-top: #eeeeee solid 1px;
    padding: 20px;
}

.timeout-footer {
    border-top: #eeeeee solid 1px;
    padding-top: 6px;
    padding-right: 10px;
    padding: 15px;
    text-align: right;
}

/* END of Session timeout warning */

/* claim management */
.search-panel .row {
    margin-left: 10px !important;
}

.search-panel .RadComboBox {
    top: 0px !important;
}

.search-panel .image-button {
    margin-top: -1px;
}

.search-panel .button {
    height: 22px;
    margin-top: -2px;
}

.rejection-window {
    padding: 15px;
}

    .rejection-window div {
        margin: 5px 0px;
    }

    .rejection-window textarea {
        width: 100%;
        height: 110px;
    }

/* END - claim management */
/* loading mask */

.loading-mask {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(170, 170, 170, 0.7);
    z-index: 999;
}

.loading-mask img {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.FontColorBlack {
    color: black !important;
}

.marginLeft200 {
    margin-left:200px !important;
}

.contentMargin {
    width: 1440px !important;
    margin: 0px auto !important;
}


.rgdealaccount {
    color: #000000 !important;
    background-color: #FFB23F !important;
    border-color: #e5e5e5 !important;
    border-width: 1px !important;
    text-align: center;
}

.rgshipmentaccount {
    background-color: #3FFF96 !important;
    border-color: black !important;
    border-width: 1px !important;
    border-spacing: 1px !important;
    text-align:center;
}


/* END - loading mask */
