/*!
 * Copyright 2019 Microsoft.
 * Base CSS for the Microsoft Commercial Hardware Website.
 * Author: Pankajsn
 * Date: 12/23/2019
 */

:root {
    --main-theme-color: #001433;
    --white-1: #FFF;
    --hyperlink-color-search-claim: #517492;
}

body {
    margin: 0;
    font-family: 'Segoe UI';
    font-size: 12px;
    min-width: 600px;
    min-height: 100vh;
    position: relative;
    padding-bottom: 46.5px;
    box-sizing: border-box;
}

/*#region Home Layout*/

.home-main-bgrd {
    background-image: url('/content/images/Background_Surface_Portfolio_Lineup.jpg');
    height: 100vh;
    width: 100vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    object-fit: cover;
}

.prg-bar-mini {
    width: 100%;
    height: 100%;
    display: none;
}

    .prg-bar-mini p {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

/*#endregion Home Layout*/

@media(forced-colors: active){
    .top-nav a, .top-nav a:hover, .top-nav a.active {
        color: ActiveText;
    }
}

/*#region Top Navigation Bar*/
.top-nav {
    overflow: hidden;
    background-color: var(--main-theme-color);
    height: auto;
}

    .top-nav a {
        float: left;
        color: #f2f2f2;
        text-align: center;
        padding: 12px 10px;
        text-decoration: none;
        font-size: 16px;
    }

    .top-nav a:hover {
        background-color: var(--main-theme-color);
        color: white;
    }

    .top-nav a.active {
        background-color: var(--main-theme-color);
        color: white;
    }

    .top-nav a.notification {
        color: white;
        font-size: 14px;
    }
.top-nav-drp-dwn a:focus {
    background-color: var(--main-theme-color);
    color: #858282;
    outline: 2px white auto;
}

.top-nav {
    background-color: var(--main-theme-color);
    color: currentColor;
    outline: 2px white auto;
}

.top-nav, .top-nav-drp-dwn button:focus {
    background-color: var(--main-theme-color);
    color: currentColor;
    outline: 2px white auto;
}

.top-nav button.active {
    background-color: var(--main-theme-color);
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 12px 10px;
    text-decoration: none;
    font-size: 16px;
    border: none;
}

.top-nav-algn-rght {
    float: right;
}

.top-nav-drp-dwn {
    float: left;
    overflow: hidden;
}

    .top-nav-drp-dwn .drp-btn {
        font-size: 14px;
        border: none;
        outline: none;
        color: white;
        padding: 12px 10px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
    }

    .top-nav-drp-dwn .signout {
        text-decoration: underline;
        font-weight: 600;
        color: var(--main-theme-color)
    }

    .top-nav-drp-dwn .drp-btn svg {
        height: 16px;
        width: 16px;
        stroke: currentColor;
        stroke-width: .6;
    }

.drp-btn svg:hover {
    height: 18px;
    width: 18px;
    stroke: white;
    stroke-width: .8;
}

.top-nav-drp-dwn:hover .drp-btn {
    outline: 2px white auto;
}

.top-nav-drp-dwn .drp-btn:focus {
    background-color: var(--main-theme-color);
    color: white;
    outline: 2px white auto;
}

.drp-dwn-cnt {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    height: 100%;
    opacity: .9;
    /*background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1));*/
}

    .drp-dwn-cnt a {
        float: none;
        color: black;
        padding: 2px 8px;
        text-decoration: none;
        display: block;
        text-align: left;
        font-size: 12px;
    }

    .drp-dwn-cnt button {
        float: none;
        color: black;
        padding: 2px 8px;
        text-decoration: none;
        display: inline-block;
        text-align: left;
        font-size: 12px;
        margin-left: 8px;
        border-radius: 4px;
        border-width: thin;
    }

    .drp-dwn-cnt a:hover {
        background-color: #EBEBEB;
        color: black;
    }

    .drp-dwn-cnt button:hover {
        text-decoration: underline;
    }

.top-nav-drp-dwn:hover .drp-dwn-cnt {
    display: block;
}

.top-nav-drp-dwn:focus .drp-dwn-cnt {
    display: block;
}

.keyboard-clicked {
    display: block;
}

.drp-dwn-hdr:focus {
    text-decoration: underline;
}

.drp-dwn-hdr {
    font-size: 16px;
    font-weight: 300;
    color: var(--main-theme-color);
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    text-decoration: none;
    bottom: 2px;
    display: block;
    text-align: left;
    height: 28px;
}

    .drp-dwn-hdr:hover {
        text-decoration: underline;
    }

.drp-dwn-det {
    font-size: 12px;
    color: black;
    padding: 0px 8px 0px 8px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.drp-dwn-ftr {
    font-size: 10px;
    border: none;
    outline: none;
    float: none;
    color: black;
    padding: 4px 12px;
    text-decoration: none;
    display: block;
    text-align: left;
    height: 13px;
    background-color: #0178D4;
}

.drp-dwn-prt {
    color: lightgray;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 8px;
    padding-right: 8px;
}

    .drp-dwn-prt hr {
        margin-top: 5px;
        margin-bottom: 5px
    }

/*#endregion Top Navigation Bar*/

/*#region Left Collapsible Menu*/

.lft-clsp-nav {
    height: 100%;
    width: 180px;
    position: fixed;
    z-index: 1;
    left: 0px;
    background-color: #F9F9F9;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 2px;
}

    .lft-clsp-nav a {
        padding: 6px 6px 3px 8px;
        text-decoration: none;
        font-size: 13px;
        color: black;
        display: block;
        transition: 0.3s;
        text-align: left;
        text-anchor: middle;
        width: 100%;
    }

        .lft-clsp-nav a:hover {
            background-color: #E9F2FA;
            color: black;
        }

    .lft-clsp-nav svg {
        padding: 2px 1px 1px 0px;
        height: 16px;
        width: 16px;
        fill: var(--main-theme-color);
        margin-right: 4px;
        stroke: var(--main-theme-color);
        stroke-width: .5;
    }

        .lft-clsp-nav svg:hover {
            padding: 2px 1px 1px 0px;
            height: 18px;
            width: 18px;
            fill: var(--main-theme-color);
            margin-right: 4px;
            stroke: var(--main-theme-color);
            stroke-width: .8;
        }

#main {
    transition: margin-left .5s;
    padding: 0px 0px 0px 0px;
    margin-left: 180px;
}

/*#endregion Left Collapsible Menu*/

/*#region Site Footer Bar*/

.site-ftr-bar {
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #575352;
    color: white;
    height: auto;
    position: absolute;
    text-align: right;
    vertical-align: middle;
}

    .site-ftr-bar a {
        font-size: 12px;
        color: lightgray;
        margin-left: 10px;
        margin-right: 20px;
        height: 46.5px;
        position: relative;
        top: 30%;
    }

@media screen and (max-width: 500px) {
    .site-ftr-bar a {
        /*display: none;*/
    }

    .topnav a.icon {
        float: right;
        display: block;
    }
}

@media screen and (max-width: 848px) {
    .form-group, .filterButtons, .gotoClaimLine {
        display: table;
        width: 50%;
        float: none;
    }

    .filterButtons, .gotoClaimLine {
        padding: 0px 0 0 20px;
    }
}

/*#endregion Site Footer Bar*/

/*#region Login Top Bar*/

.lgn-top-bar {
    overflow: hidden;
    background-color: white;
    height: 60px;
    opacity: .8;
    background: linear-gradient(270deg, rgba(255,255,255,0), rgba(255,255,255,1));
    position: fixed;
}

    .lgn-top-bar a {
        font-size: 20px;
        cursor: pointer;
        font-weight: 600;
        padding-top: 25px;
        padding-left: 50px;
        height: 60px;
    }

    .lgn-top-bar img {
        margin-top: 16px;
        margin-left: 16px;
        width: 110px;
    }

.lgn-main-bgrd {
    background-image: url('/content/images/Background_Surface_Portfolio_Lineup_Login.jpg');
    height: 100vh;
    width: 100vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -25px;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 0px;
    object-fit: cover;
}

.lgn-fxd-cntr-pnl {
    overflow: auto;
}

.lgn-fxd-inr-pnl {
    float: right;
    width: 620px;
    margin-top: 180px;
    margin-right: 80px;
    padding: 0;
    padding-left: 40px;
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.1)
}

    .lgn-fxd-inr-pnl h1 {
        margin: 0px;
        padding: 0;
        font: 100 3.5em/1 'Segoe UI Light','Segoe UI',sans-serif;
        color: white;
        letter-spacing: -0.025em;
    }

    .lgn-fxd-inr-pnl h2 {
        margin: 15px 0 15px 0px;
        padding: 0;
        font-weight: normal;
        line-height: 1.333em;
        font-size: 1.2em;
        color: wheat;
        font: 100 2.6em/1 'Segoe UI Light','Segoe UI',sans-serif;
    }

.lgn-inr-sgn {
    background-color: white;
    width: 500px;
    height: 195px;
    margin-bottom: 18px;
    box-shadow: 1px 2px 2px #888888;
    margin-right: 10px;
    border-radius: 6px;
}

    .lgn-inr-sgn h2 {
        font-weight: normal;
        line-height: 1.0em;
        font-size: 1.0em;
        color: #004FA3;
        padding: 15px 15px 0px 15px;
        font: 100 1.5em/1 'Segoe UI Light','Segoe UI',sans-serif;
    }

    .lgn-inr-sgn h4 {
        margin: 15px 0 15px 0px;
        font-weight: normal;
        line-height: 1.222em;
        font-size: .85em;
        color: black;
        padding: 0px 15px 0px 15px;
        font: 1.0em/1.2 Segoe UI,Sans-Serif;
    }

.lgn-inr-sgn-small {
    background-color: white;
    width: 500px;
    height: 118px;
    margin-bottom: 18px;
    box-shadow: 1px 2px 2px #888888;
    margin-right: 10px;
    border-radius: 6px;
}
    .lgn-inr-sgn-small h3 {
        font-weight: normal;
        line-height: 1.0em;
        font-size: 1.0em;
        color: #004FA3;
        padding: 15px 15px 0px 15px;
        font: 100 1.3em/1 'Segoe UI Light','Segoe UI',sans-serif;
    }

    .lgn-inr-sgn-small h4 {
        margin: 15px 0 15px 0px;
        font-weight: normal;
        line-height: 1.222em;
        font-size: .85em;
        color: black;
        padding: 0px 15px 0px 15px;
        font: 1.0em/1.2 Segoe UI,Sans-Serif;
    }

.lgn-prg-bar {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 10px;
    margin-bottom: 10px;
    color: black;
    font-family: Segoe UI Light,Segoe UI;
    font-style: normal;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.9);
    padding-left: 20px;
    padding-right: 20px;
}

    .lgn-prg-bar img {
        width: 20px;
        height: 20px;
    }

.err-box {
    width: 500px;
    height: 180px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.9);
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px;
    font-family: Segoe UI Light,Segoe UI;
    font-style: normal;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.err-box-act-bar {
    float: right;
    text-align: right;
    position: absolute;
    bottom: 0;
    width: 100%
}

.err-box-hdr {
    position: fixed;
    top: 0px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 5px 10px;
    width: 100%;
    font-weight: 600;
    background: linear-gradient(0deg, rgba(255,255,255,0),lightgrey);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
}

.err-box-msg {
    position: absolute;
    top: 20px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
}

.err-box button {
    width: 70px;
    height: 27px;
    padding: 4px;
    text-align: center;
    margin: 6px;
    font-size: 14px;
}

/*#endregion Login Top Bar*/

/*#region Opportunity Forms*/
.frm-bnnr-pnl {
    background-color: white;
    text-align: left;
    border: none;
}

    .frm-bnnr-pnl h1 {
        font-weight: normal;
        color: black;
        padding-bottom: 0px;
        /*font: 100 1.45em/1.4 'Segoe UI Light','Segoe UI',sans-serif;*/
        font-size: 17px;
    }

    .frm-bnnr-pnl h2 {
        font-weight: normal;
        color: black;
        padding-bottom: 2px;
        padding-left: 2px;
        font: 100 1.3em/1.3 'Segoe UI Light','Segoe UI',sans-serif;
    }

    .frm-bnnr-pnl span {
        font-weight: normal;
        font: 100 1.0em/1 'Segoe UI Light','Segoe UI',sans-serif;
        vertical-align: middle;
        margin-top: 10px;
        color: #575352;
    }

    .frm-bnnr-pnl img {
        margin-bottom: 0px;
        margin-top: 1px;
    }

.frm-indr-opp-pne {
    margin: 50px;
    position: relative;
    border: none;
    background-color: white;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.frm-indr-opp-cnt {
    margin-left: 15px;
}

.frm-indr-opp-pne-hdr {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    margin-bottom: 5px;
    margin-left: 0px;
    background-color: grey;
    color: dimgrey;
    font-size: 18px;
    background: linear-gradient(0deg, rgba(255,255,255,0),lightgrey);
}

.frm-bttm-btn-bar {
    float: right;
    background-color: white;
    text-align: right;
    bottom: 0px;
    position: absolute;
    background-color: blueviolet;
    padding-top: 8px;
    padding-bottom: 8px;
    background: linear-gradient(180deg, rgba(255,255,255,0),lightgray);
}

    .frm-bttm-btn-bar button {
        padding-left: 10px;
        margin-left: 5px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

.frm-ctrl-lbl {
    margin-left: 5px;
    font-weight: 200;
    font-size: 13px;
}

.frm-ctrl-slct {
    margin-left: 5px;
    padding-left: 3px;
}

.frm-ctrl-inpt {
    margin-left: 5px;
    padding-left: 3px;
}

.frm-ctrl-grd {
    margin-left: 10px;
    margin-right: 10px;
    overflow: auto;
    max-height: 160px;
}

.frm-grd-srch-rslt {
    font-size: 13px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 0px;
    padding-top: 0px
}


.frm-ctrl-file-tbl {
    font-size: 12px;
    font-weight: 200;
    display: block;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    height: 60px;
    min-height: 60px;
    margin-left: 5px;
    overflow-y: scroll;
}

    .frm-ctrl-file-tbl img {
        height: 12px;
        width: 12px;
    }

.noHover {
    pointer-events: none;
    border-color: var(--main-theme-color);
    border-radius: 0;
    font-size: 13px;
}

.frm-ctrl-file-tbl-row {
    margin-left: 5px;
    font-weight: 200;
}

/*#endregion Opportunity Forms*/
/* Next Gen Styles*/
.commhw-tabs {
    margin-bottom: 15px;
}

.addResellerCountry {
    height: 27px;
    margin: 0;
    padding: 0;
    width: 150px;
}

.disabledTabs {
    pointer-events: none;
}

    .disabledTabs a {
        color: silver;
    }

i.fa.validIcon.fa-exclamation-circle {
    color: red;
}

.loadingmodal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('/content/ajax-loader.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.loading .loadingmodal {
        display: block;
    }

input.error, textarea.error, select.error {
    border: 1px solid red;
}

div.trow span.error,
label.error,
div.error,
div.errorState {
    text-align: left;
    color: #E1002D;
    margin-left: 10px;
}

.vertical .frm-ctrl-lbl {
    width: 350px;
    margin: 0 0 0 10px;
}

.empty-grid::before {
    padding: 1em;
    line-height: 3em;
    vertical-align: central;
    content: "No records found.";
}

input[id=self] {
    margin-left: 4px;
}

.onbehalfof {
    margin-left: 100px;
}

.partnership label {
    font-weight: 100;
}

.extSuccess,
.extError {
    float: left;
    margin-bottom: 10px;
}

.emptySelection-grid::before {
    padding: 1em;
    line-height: 3em;
    vertical-align: central;
    content: "No products selected.";
}

.additionalReseller .k-tooltip.k-tooltip-validation {
    position: fixed;
}

.k-tooltip {
    background: #C0C0C0;
    width: 100px;
    height: auto;
}

.k-callout k-callout-s {
    background-color: transparent;
    color: #C0C0C0;
}

.loader {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    border-bottom: 8px solid #3498db;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

/* Safari */
@@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.k-dialog .k-window-titlebar.successDialogTitleBar {
    background-color: forestgreen;
}

.k-dialog .k-window-titlebar.errorDialogTitleBar {
    background-color: red;
}

.k-dialog .k-window-titlebar.warningDialogTitleBar {
    background-color: #896C1D;
}

.k-window-title.successDialogTitle::after {
    content: "\f00c    Success";
}

.k-window-title.errorDialogTitle::after {
    content: "\f12a    Error";
}

.k-window-title.warningDialogTitle::after {
    content: "\f071    Warning";
}

.k-window-title.warningDialogTitle::after,
.k-window-title.successDialogTitle::after,
.k-window-title.errorDialogTitle::after {
    font-family: "FontAwesome";
    font-weight: bold;
    font-size: 20px;
    color: white;
}

#dialogContent {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

p.loginpageContent {
    color: white;
    width: 100%;
}

.dealsGridContent {
    width: 92em;
}

.overflowy {
    overflow-y: auto;
}

.btn-font {
    font-size: 1em;
}

.txt-fontcolor {
    color: white;
}

#dealsGrid .k-hierarchy-cell k-header {
    background-color: darkgrey;
}
/* second level grid header */
.k-grid tbody .k-grid .k-grid-header .k-header {
    background-color: lightgray;
}

.exportButton {
    background-color: #004FA3;
    color: white
}

input.btn-width-small {
    width: 200px;
}

input.btn-width-medium {
    width: 350px;
}

.claiminternalSearch .frm-indr-opp-pne {
    margin: 15px;
}

.claiminternalSearch div.frm-grd-srch-rslt {
    padding: 20px;
}

.claiminternalSearch .claimsearchcontainer {
    margin: 0;
}

.claiminternalSearch .panelbar .filtersRow {
    border: none;
    margin-top: 10px;
}

.claiminternalSearch .panelbar .filterButtons {
    padding: 18px 0 0 20px
}

.claiminternalSearch .panelbar li .k-header {
    font-size: 13px;
    padding-left: 10px;
}

.claiminternalSearch .panelbar input,
.claiminternalSearch .distributorList {
    height: 100%;
}

.claiminternalSearch .claimsearchcontainer .filtersRow-bottom {
    border-top: 1px solid lightgrey;
    padding-top: 10px;
}

.gotoClaimLine {
    margin-bottom: 0
}

    .gotoClaimLine input {
        margin-top: 21px;
    }

.boldText {
    font-weight: bold;
}

.pad-btm-5 {
    padding-bottom: 5em;
}

.tdHeight-50 {
    height: 50px;
}

.k-icon.k-i-file-excel {
    display: none;
}

.k-pager-numbers-wrap .k-link.k-state-selected {
    background-color: var(--main-theme-color);
}

.lft-clsp-nav a {
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 30px;
    margin: 10px;
}

    .lft-clsp-nav a:hover {
        background-color: var(--main-theme-color);
        color: var(--white-1)
    }

.lft-clsp-nav .home {
    background-image: url(/content/images/home.png);
}

.lft-clsp-nav .createClaim {
    background-image: url(/content/images/create.png);
}

.lft-clsp-nav .searchClaim,
.lft-clsp-nav .dashboard {
    background-image: url(/content/images/search.png);
}

.lft-clsp-nav .return {
    background-image: url(/content/images/Return.png);
}

.lft-clsp-nav .page-help {
    background-image: url(/content/images/help.png);
}

#formbanner input[type=button] {
    background-color: var(--main-theme-color);
    color: var(--white-1);
}

#panelbar > li,
#panelbar .childpanelbar > li {
    box-shadow: 0px 3px 6px 1px var(--main-theme-color);
}

#panelbar > li {
    margin: 15px;
}

#panelbar .k-link.k-header {
    background-color: var(--main-theme-color);
    color: var(--white-1);
    font-size: 14px;
}

#panelbar .k-link.k-header:focus{
    outline: solid #0089FF;
}

#panelbar .childpanelbar > li {
    margin: 15px 0;
}

#panelbar > li.k-last {
    box-shadow: none;
}

#panelbar .childpanelbar > li.k-last {
    margin-bottom: 0;
}

.lgn-main-bgrd-pos {
    height: 103.3%;
    width: 101%;
}

.lgn-top-bar-pos {
    width: 100%;
    margin-top: 20px;
}

.img-logo-pos {
    width: 120px;
    float: left;
    height: 49px;
}

.btn-signin-pos {
    top: 150px;
    left: 15px;
    width: 90px;
    background-color: #004FA3;
    margin-left: 15px;
}

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

.notification-banner {
    position: relative;
    right: 0px;
    left: 0px;
    overflow-x: hidden;
    width: 100%;
    background-color: #FFF19D;
    border: 1px solid #DDDDDD;
    overflow: auto;
    padding: 5px;
    font-family: Segoe UI !important;
    font-size: 12px;
    margin: 0px;
    color: #000000;
}

.banner-bold-incenter {
    text-align: center;
    font-size: 12pt;
    color: #d90000;
    font-weight: bold;
    margin-left: 50%;
}
.bannercenter {
    width: 90%;
    overflow: hidden;
}

.banner-margin {
    padding-left: 20px;
    padding-right: 20px;
}

.bannerhdr-margin {
    margin-left: 20px;
    margin-right: 20px;
}

.bannerlabel {
    font-size: 11pt;
    color: #d90000;
    font-weight: bold;
    margin-left: 20px;
    margin-right: 20px;
}

.bannerlabel-content {
    font-size: 10pt;
    color: #d90000;
    margin-left: 20px;
    margin-right: 20px;
}

#mdppAccessibility-pcLnkClr {
    color: #0037FF;
}

/* Surface Commercial Terms & Conditions Banner */
.surface-terms-banner {
    background-color: #fff3cd;
    border: 2px solid #ffeaa7;
    border-radius: 5px;
    padding: 15px;
    margin: 80px 20px 20px 20px;
    color: #856404;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: relative;
    z-index: 10;
}

.surface-terms-banner p {
    margin: 0;
    line-height: 1.4;
    text-align: left;
}

#newClaims a, #inprogressClaims a, #gridClaimSearchDetails a, #RightFixedPanel a {
    color: var(--hyperlink-color-search-claim);
    text-decoration: none;
}

.lgn-inr-sgn a {
    color: #0072ec;
    text-decoration: none;
    background-color: transparent;
}

@media (max-width: 768px) {
    .top-nav-algn-rght {
        float: none;
    }

    .drp-dwn-cnt {
        min-width: 0%;
    }
}

.miterAccessibility.miterTable th, td {
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em .6em;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

/*********************************** Accessibility Fix: Tab Outline and Keyboard Nav for Create Claims Attachment Icon *************************************************/
#attachments {
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap; /* 1 */
    clip-path: inset(50%);
    border: 0;
    opacity: 0;
}

#attachmentIcon:focus-within {
    outline: 2px solid;
}
/*********************************** ****************************************************************************** *************************************************/

/*********************************** Accessibility Fix: SVG Menu Buttons in Special High Contrast Modes *************************************************/
@media (forced-colors: active) {
    .top-nav-drp-dwn .drp-btn svg {
        stroke: CanvasText;
    }

    .obf-OverallAnchor.obf-TextAlignLeft:hover, .obf-OverallAnchor.obf-TextAlignLeft:focus,
    .obf-OverallAnchor.obf-TextAlignLeft.obf-OverallAnchorActive:focus {
        outline-color: CanvasText;
        outline-style: dashed;
        border-color: transparent;
    }
}

.miterAccessibility.form-control:focus {
    border-color: blue;
}

/* Accessibility color contrast fixes*/
.modal-header button.close{
    opacity:0.7;
}

.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button.k-primary {
    background-color: #064271;
}

input#distributorContactEmail::placeholder {
    color: #555;
    
}

.drp-dwn-cnt a{
    text-decoration: underline;
}

a#mdppAccessibility-pcLnkClr {
    text-decoration: underline;
    color: #1d71b9;
}

a#obf-PrivacyStatementLink{
    text-decoration:underline;
}

.mdppAccessibility-showLeftMenu{
    display:block;
}

.mdppAccessibility-hideLeftMenu {
    display: none;
}

#main.mdppAccessibility-noMainMargin{
    margin-left: 0px;
}

#main.mdppAccessibility-addMainMargin{
    margin-left: 180px;
}

#mdppAccessibility-bannerTitle {
    font-size:1em;
    cursor:pointer
}

.mdppAccessibility-panelBar .row{
    padding-left: 10px;
}

@media screen and (-ms-high-contrast: active) {
    .obf-OverallImage svg {
        fill: white;
    }
}

@media screen and (min-width:1px){
    #mdppAccessibility-Body{
        overflow-x: hidden;
    }
}

@media screen and (max-width: 320px) {
    div, #LeftCollapsibleNavigationBar, .site-ftr-bar, .top-nav-algn-rght, .drp-dwn-cnt a, .site-ftr-bar a, .site-ftr-bar img, main, ul, li, .miterAccessibilityPanelBarLabel {
        float: left;
        position: initial;
        min-width: auto;
        min-height: auto;
    }

    #mdppAccessibility-Body {
        position: initial;
        min-width: auto;
        min-height: auto;
    }

    .mdppAccessibility-panelBar, #newClaims.k-grid-content {
        max-width: 275px;
    }

    .k-toolbar.k-widget.k-toolbar-resizable, #toolbar.k-toolbar.k-widget.k-toolbar-resizable {
        flex-wrap: wrap;
        justify-content: left;
    }

    .text-center, .multinationalDealMsg {
        width: 88%;
    }

    td:nth-child(n+2), th:nth-child(n+2){
        display: none;
    }

    .k-grid{
        width: 100%;
        box-sizing: border-box;
    }

    .claiminternalSearch{
        width: 275px;
    }
}