.login-container *:before, .login-container *:after { -moz-box-sizing: border-box; } 

/* Adjust margin for form elements below */ 
.login-container input[type="file"], .login-container input[type="checkbox"], .login-container input[type="radio"], select { margin: 0 0 1em 0; }

/* Normalize file input width */ 
.login-container input[type="file"] { width: 100%; }

.contenedor { float: right; min-height: 400px; overflow: hidden; position: absolute; width: 300px; } 
button.dl-trigger {margin-bottom:0;} 
ul.dl-submenu {margin-left:0;} 
.dl-menuopen {z-index:9797;} 
#featuredaccessories.talkingAbout ul li h3 {overflow:hidden;}

/*Compare*/ 
#compare-body .product-card h3 { padding-top: 0; height: 2.8em; overflow: hidden; } 
.desktop .large-4 .item1 h3 { height: 2.1em; overflow: hidden; } 
#accessoriesfinder #featuredaccessories ul li h3 { height: 2.8em; overflow: hidden; } .securecheckoutorderconfirmation .featureaccessories #content .product-card h3 { height: 2.8em; overflow: hidden; } 
#featuredLaptops ul li h3, #featuredTablets ul li h3, #featuredPrinters ul li h3 {width:auto;}

#storenav.minified .slidercolumn {width:96.5%;}
/*CSR muti-Agent Selection*/
.agentSelectionContainer .agentSelectionMenu #selectedAgent{
   -webkit-appearance: menulist !important;
    height: 30px;
    padding: 7px;
}	

.agentSelectionContainer .agentSelectionMenu label{
    font-size:18px;
    height: 30px;
    padding: 7px;
}

@media only screen and (min-width: 801px) and (max-width: 1024px){ 
#storenav.minified {} 
#storenav.minified .bx-viewport li {} 
#storenav.minified .bx-viewport li + li:before { color: #CDCDCD; content: "|"; display: block; float: left; left: -20px; position: absolute; } 
#storenav.minified .nextcolumn { position: absolute; right: 69px; top: 1px; width: 7%; } #storenav.minified .storenav-item-6 {display: none;} 
#storenav.minified .storenav-item-7 {display: none;} 
#storenav.minified .storenav-item-8 {display: none;} 
#storenav.minified .storenav-item-9 {display: none;} 
#storenav.minified .storenav-item-10 {display: none;}
#storenav.minified .storenav-item-11 {display: none;} 
#storenav.minified .storenav-item-12 {display: none;} 
#storenav.minified .storenav-item-13 {display: none;} 
#storenav.minified .storenav-item-14 {display: none;} 
#storenav.minified .storenav-item-15 {display: none;} 
#storenav.minified .storenav-item-16 {display: none;} 
#storenav.minified .storenav-item-17 {display: none;} 
}

nav .topmenu .savedPrinterList ul li a{padding: 10px 0!important;display:flex;align-items:center;}
 nav .topmenu .savedPrinterList, .savedPrinterList ul, .savedPrinterList li{margin: 0!important; padding: 0!important; border: none!important;width: 280px}
 nav .topmenu .myAccountDd ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    position: relative;
   
}

nav .topmenu .myAccountDd ul li {
    display: list-item;
    text-align: -webkit-match-parent;
    line-height: 18px;
}

nav .topmenu .myAccountDd{border: 1px solid #707070; background-color: #fff; font-size: 14px; line-height: 18px; width: 280px; padding:10px 0; margin: 0 auto}
    nav .topmenu .myAccountDd ul{max-width: 280px;}
   nav .topmenu .myAccountDd li{list-style: none; border-bottom: 1px solid #707070; padding: 15px 0; margin: 0 20px;width:240px;}
   nav .topmenu .myAccountDd li:last-child{border-top:1px solid #e9e9e9; border-bottom: none;}
   nav .topmenu .myAccountDd li a{text-decoration: none; color: #0096d6;line-height: 18px;}
   nav .topmenu .myAccountDd li a:hover{text-decoration: underline;}
   nav .topmenu .myAccountDd .savedPrinterList, nav .topmenu .myAccountDd .savedPrinterList ul,.savedPrinterList li{margin: 0!important; padding: 0!important; border: none!important;width: 280px;}
   nav .topmenu .savedPrinterList > div{color: #767676; margin: 20px 20px 10px}
   nav .topmenu .savedPrinterList li a{margin: 0 20px; padding: 10px 0; display: block; border-top: 1px solid #e9e9e9; overflow: hidden}
   nav .topmenu .savedPrinterList li:first-child a{border: none}
   nav .topmenu .savedPrinterList li a img{width: 40px; float: left; padding-right: 15px}
   nav .topmenu .savedPrinterList li a span{float: left; width: calc(96% - 55px);line-height: 18px;}
   nav .topmenu .savedPrinterList li a:hover{text-decoration: none;}
   
   nav .topmenu .savedPrinterList li{line-height: 18px;padding: 15px 0;}
   nav .topmenu .savedPrinterList ul li{width:280px;}
   nav .topmenu .savedPrinterList ul li a{width:240px;}
   
   
   
   nav .topmenu .myAccountDd li a{display:inline-block; width:100%; cursor:pointer; padding: 0;} 
   nav .topmenu .myAccountDd.savedPrinterList{width:280px}
   
    @media only screen and (min-width: 801px) {
   /* .savedPrinterList li:hover{background-color: #E6FCFF} */
    .savedPrinterList li:hover a, .savedPrinterList li:hover ~ li > a { text-decoration: none; /* border-color: #E6FCFF */}
     
    }
        
    @media only screen and (max-width: 800px) {
        .myAccountDd{width: 100%; max-width: 100%; background-color: #F5F5F5; border: none; padding: 0;font-size: 1em; line-height: 20px;}
        .myAccountDd li{border-color: #ccc;margin: 0; padding: 15px}
        .myAccountDd li a{color: #767676;padding-left: 0px!important ;display: block!important}
        .savedPrinterList li a{font-size: 1em; line-height: 18px;}
        .savedPrinterList > div{color: #000;margin: 20px 20px 10px;}
        .savedPrinterList li a img{width:40px}
        .savedPrinterList ul, .savedPrinterList li{width: 100%; max-width: 100%;}
        .myAccountDd .savedPrinterList{padding:0px}
        .savedPrinterList li a {margin: 0 20px;padding: 10px 0;display: block;overflow: hidden;}
        .savedPrinterList li a img { width: 40px;float: left;padding-right: 15px;box-sizing: content-box !important;}
        .savedPrinterList li a span { float: left;width: calc(96% - 55px);}
        .savedPrinterList li:first-child a{border: none}
        .savedPrinterList li a{border-top: 1px solid #e9e9e9;}
    }
   

       
  
nav .topmenu ul { margin-top: 0px; } 
.login-container ul li.tmHover ul.topmenuchild { display: block; } 
.login-container ul li.tmHover #loginBox.openLogin { display: block; } 
.login-container ul li ul { display: block; margin: 0 0 0 13px; position: absolute; border:solid 1px #cecece; background-color:#fff; padding: 5px 15px; width:169px; z-index:99; } .login-container ul li ul.lastBox { right:0; }

nav .topmenu ul li ul li{ margin:0; line-height:1.2em; color:#767676; font-weight:400; display:block; width:100%;} 
nav .topmenu ul li ul li:first-child { border-top: medium none; } 
/* header top nav changes begin */
nav .topmenu ul li a {/* color: #0096d6;  */ color: #2c3038; cursor:pointer; } 
/* header top nav changes end */
nav .topmenu ul li.tmHover a { color: #006699; } 
nav .topmenu ul li.tmHover .loginformSection a:hover { text-decoration:underline; } 
nav .topmenu ul li.tmHover a#logintToHP:hover { text-decoration:none; } 
nav .topmenu ul li.tmHover a.selected{ color: #cccccc; } 
nav .topmenu ul li ul li a{display:inline-block; width:100%; cursor:pointer; padding: 10px 0; } nav .topmenu ul li ul li a:hover{text-decoration:underline; color:#0096D6; } 
nav .topmenu ul li ul li a.selected{text-decoration:none; cursor:default;} 
nav .topmenu ul li ul li .textContainer{padding: 10px 0; } 
.topmenu { position: relative; } 
#loginBox { display: none; } 
.topmenu ul { font-size: 13px; } 
nav .topmenu ul li ul li, .loginformSection, .loginformSection label, .loginformSection p {font-size:13px;}

a.downDisclosure{ background: url("/wcsstore/HPStorefrontAssetStore/img/top-menu-disclosure-blue.png") no-repeat scroll 100% center; } 
.topmenu li.tmHover a.downDisclosure, .topmenu li a.downDisclosure:hover{ background: url("/wcsstore/HPStorefrontAssetStore/img/top-menu-disclosure-blue.png") no-repeat scroll 100% center; } 
.topmenu li a.mainLink:hover{ color: #006699;} 
nav .topmenu ul li.tmHover a.downDisclosure span{ background-position: 0px -16px; } 
nav .topmenu ul li a.downDisclosure {padding-right:14px;} 

nav .topmenu ul li.lastIteminList { margin-right: 6px; } 
#loginBox { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CECECE; position: absolute; width: 290px; z-index: 102; right:0; } 
.loginformSection {padding: 15px;}

.loginWarning {display:none;} 
.loginWarning { background: none repeat scroll 0 0 #F7D7D8; padding: 10px 15px; } #logingWarningArea > p { color: #C60F13; margin-bottom: 0; } 
.loginformSection input, .loginformSection input:focus { box-shadow:none; background-color: #FFFFFF; } 
.loginformSection input:focus { border: 1px solid #000;} 
.loginformSection input.error { background-color: #FFFFFF; } 
.loginformSection label {color:#767676;}

/*Label*/ .loginformSection .error label, .loginformSection label.error { color: #C60F13; } /*Placeholder*/ .loginformSection input::-webkit-input-placeholder { color: #fff; } .loginformSection input:-moz-placeholder { /* Firefox 18- */ color: #fff; } .loginformSection input::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .loginformSection input:-ms-input-placeholder { color: #fff; } 

.loginformSection input.error::-webkit-input-placeholder { color: #C60F13; } .loginformSection input.error:-moz-placeholder { /* Firefox 18- */ color: #C60F13; } .loginformSection input.error::-moz-placeholder { /* Firefox 19+ */ color: #C60F13; } .loginformSection input.error:-ms-input-placeholder { color: #C60F13; }

nav .topmenu ul li .forgotPasswordText {float:left; color:#0096d6; } 
.loginArea{ background-color: #0096d6; border-bottom-left-radius: 0.4em; border-top-right-radius: 0.4em; cursor: pointer; clear:both; float: right; font-size: 0.9em; margin-bottom:1.5em; padding: 0.45em 2.5em; } 
.loginArea:hover{ background-color:#006599; } 
nav .topmenu ul li .loginArea a {color:#fff; font-size:1.2em;} 
.newUserText { float: left; padding-right: 0.5em; } 
.topmenu ul li ul { display: none; margin: 0 !important; } 

nav .topmenu ul { margin-bottom: 0px; line-height:29px; padding-top:1px; margin-right:14px; } 

nav .topmenu ul li * { line-height:29px; } 
.loginStorenavGroup {background-color:#fff;} 
.loginStorenavGroup #storeSlider { top: 12px; } 
.loginStorenavGroup #storeSlider {top:0px;} 

@media only screen and (min-width: 801px) and (max-width: 1024px){
nav .topmenu ul {margin-right:-40px; } 	
.loginStorenavGroup #storeSlider {top:0px;} } 

.topmenu {visibility: visible;} .header-container { height: auto; } 

/* Code afte H/F i*/ 
#storenav .caption { text-align: center !important; } 
.header-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } 
.login-container input[type="text"], .login-container input[type="password"], .login-container input[type="date"], .login-container input[type="datetime"], .login-container input[type="datetime-local"], .login-container input[type="month"], .login-container input[type="week"], .login-container input[type="email"], .login-container input[type="number"], .login-container input[type="search"], .login-container input[type="tel"], .login-container input[type="time"], .login-container input[type="url"], textarea { background-color: white; font-family: inherit; color: rgba(0, 0, 0, 0.75); display: block; font-size: 0.875em; margin: 0 0 1em 0; padding: 0.5em; height: 2.3125em; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cccccc; } 

input, textarea, keygen, select, button {border-radius:0; -webkit-appearance:none;}

nav .topmenu .savedPrinterList, nav .topmenu .savedPrinterList ul, .savedPrinterList li {
    margin: 0!important;
    padding: 0!important;
    border: none!important;
    display: block;
}

/* Soft Signin - header style changes start. */
.soft-sign-in-component {
        display: flex;
        flex-direction: column;
        width: 290px;
        padding: 20px 32px;
        justify-content: space-between;
        align-items: flex-start;
        border: 1px solid #D1D1D1;
        background: #FFF;
        position: absolute;
        right: 14px;
        z-index: 100002;
        margin-top: 16px;
    }
    
    .soft-sign-in-component .header-box{
        border-bottom: 1px solid #E8E8E8;
        padding-bottom: 16px;
        margin-bottom: 16px;
        width: 100%;
    }
    .soft-sign-in-component .header-box .email-address-label{
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: var(--neutral-dark-2-c-3038, #2C3038);
        font-feature-settings: 'clig' off, 'liga' off;
        font-family: "Forma DJR Micro";
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
    }
    .soft-sign-in-component .body-box{
        width: 100%;
    }
    .soft-sign-in-component .component-description-text{
        margin-bottom: 16px;
        color: #2C3038;
        font-feature-settings: 'clig' off, 'liga' off;
        font-family: "Forma DJR Micro";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }
    .soft-sign-in-component button{
        margin-top: 0px;
        margin-bottom: 0px;
        color: #FFF !important;
        text-align: center;
        font-feature-settings: 'clig' off, 'liga' off;
        font-family: "Forma DJR Micro";
        font-size: 14px !important;
        font-style: normal;
        font-weight: 700 !important;
        line-height: 16px !important;
        text-transform: uppercase;
    }
    .soft-sign-in-component button span{
        color: #FFF !important;
        text-align: center;
        font-feature-settings: 'clig' off, 'liga' off;
        font-family: "Forma DJR Micro" !important;
        font-size: 14px !important;
        font-style: normal;
        font-weight: 700 !important;
        line-height: 16px !important;
        text-transform: uppercase;
         }
    @media screen and (max-width: 1023px) {
    .utilityNav.v2 .topmenu .right .lastItemInList {
        position: relative;
    }
    .soft-sign-in-component {
        width: 100%;
        padding: 32px 16px;
        justify-content: space-between;
        align-items: flex-start;
        position: fixed;
        margin-top: 0;
        top: unset;
        bottom: 0;
        right: unset;
        left: 0;
    }
    .soft-sign-in-component .header-box .email-address-label {
        text-align: center;
    }
    .soft-sign-in-component .component-description-text{
        text-align: center;
    }
    .soft-sign-in-component .header-box{
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 400px !important;
    }
    .soft-sign-in-component .body-box{
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 400px !important;
    }
    div#utilityNav.utilityNavDesktop {
        z-index: 100000000 !important
    }
}
    @media screen and (max-width: 800px) {
    .utilityNavDesktop .hide-for-small .topmenu .right li:not(.lastIteminList.hasdropdown){
        display: none;
    }
    .utilityNavDesktop .hide-for-small .topmenu .right li.lastIteminList.hasdropdown .mainLink.downDisclosure{
        display: none;
    }
    .utilityNavDesktop {
        padding: 0px 0px !important;
        height: 0px !important;
        display: block !important;
    }
    .utilityNavDesktop .hide-for-small{
        display: block !important;
    }
}
@media screen and (max-width: 767px) {
    .soft-sign-in-component .header-box .email-address-label {
        font-size: 18px !important;
        line-height: 22px !important;
    }
}
           .Controls-module_actionBtn__QFHTU {
                width: 100%;
            }
            .Button-module_button__PM45p {
                -webkit-touch-callout: none;
                align-items: center;
                background-color: #165dba;
                border: none;
                border-radius: 0.1875rem;
                color: #fff;
                cursor: pointer;
                display: inline-flex;
                justify-content: center;
                min-height: 3.25rem;
                padding: 1rem 2rem;
                position: relative;
                text-align: center;
                text-decoration: none;
                text-transform: uppercase;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
            }
            .Button-module_button__PM45p .Button-module_title__-kLZu {
                display: inline-block;
                transition: transform .25s ease-out, opacity .25s ease-out;
            }
            .Button-module_variation--primary__ya3CN {
                transition: background-color .25s ease-out;
            }
            .Button-module_variation--primary__ya3CN:not(.Button-module_disabled__yV9KZ):hover {
                background-color: #114284;
            }
            .Button-module_size--small__cl-4- {
    		min-height: 2.25rem;
    		height: 2.25rem;
    		padding: .5rem 2rem
			}
            .Typography-module_root__eQwd4 {
                font-family: FormaDJRMicro, -apple-system, BlinkMacSystemFont, sans-serif;
                font-weight: 400;
            }
            .Typography-module_boldS__8LJL5 {
                font-size: .875rem;
                line-height: 1.125rem;
            }
            .Typography-module_isCaps__nxSmf {
                text-transform: uppercase;
            }
            .Typography-module_root__eQwd4[class*=bold] {
                font-weight: 700;
            }
            .Button-module_button__PM45p .Button-module_iconWrapper__6-Ali {
                fill: #fff;
                align-items: center;
                display: flex;
                flex-shrink: 0;
                height: 1.25rem;
                justify-content: center;
                margin: -0.625rem -1.25rem -0.625rem 0;
                opacity: 0;
                position: relative;
                transition: opacity .25s ease-out, transform .25s ease-out, fill .25s ease-out;
                width: 1.25rem;
            }
            @media (min-width: 1024px) {
                .Button-module_button__PM45p .Button-module_iconWrapper__6-Ali {
                    transform: translateX(-1.3125rem);
                }
                .Button-module_iconWrapper__6-Ali svg {
                    transition: transform .25s ease-out;
                }
                .Button-module_button__PM45p:not(.Button-module_disabled__yV9KZ):not(.Button-module_fixed__lqTnm):hover .Button-module_title__-kLZu {
                    transform: translateX(-0.875rem);
                }
                .Button-module_button__PM45p:not(.Button-module_disabled__yV9KZ):not(.Button-module_fixed__lqTnm):hover .Button-module_iconWrapper__6-Ali {
                    opacity: 1;
                    transform: translateX(-0.3125rem);
                }
            }
/* Soft Signin - header style changes End. */