/** IT Styles -- start **/ #unified-masthead #combo-box-div-cust-part #myaccNav ul>li#myaccTooltip:after { content: ""; width: 12px; height: 12px; top: 40%; transition: transform .2s linear; } #unified-masthead #combo-box-div-cust-part #myaccNav ul>li#myaccTooltip:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%230E0E0E' viewBox='0 0 32 32'%3E%3Cpath d='M30.485 7.244L16 21.729 1.515 7.244 0 8.757l16 16 16-16z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 10px 8px; background-position: 50%; padding: 6px; box-sizing: border-box; } .tcdiv1,.tcdiv2,.tcdiv3 { position: absolute !important; right: 90px !important; z-index: 1; } .tcdiv1:lang(ko),.tcdiv1:lang(zh),.tcdiv1:lang(ja),.tcdiv1:lang(pt),.tcdiv1:lang(fr),.tcdiv1:lang(de),.tcdiv1:lang(es),.tcdiv2:lang(ko),.tcdiv2:lang(zh),.tcdiv2:lang(ja),.tcdiv2:lang(es),.tcdiv2:lang(pt),.tcdiv2:lang(fr),.tcdiv2:lang(de),.tcdiv3:lang(ko),.tcdiv3:lang(zh),.tcdiv3:lang(ja),.tcdiv3:lang(pt),.tcdiv3:lang(fr),.tcdiv3:lang(de),.tcdiv3:lang(es) { right: 129px !important; } #combo-box-div-cust-part img.myacc-signedin { display: none; } #myaccNav li#myaccTooltip:before { content: ''; background: url(../../../../content/dam/dell-emc/icons/myaccount-desktop.png); background-repeat: no-repeat !important; display: inline-block; background-size: 20px 20px; background-position-y: 0px; background-position-x: 0px; width: 20px; height: 20px; vertical-align: middle; z-index: 1; } #combo-box-div-cust-part #loadingAccount { margin: 0px !important; } @media screen and (max-width: 980px) { .tcdiv1:lang(ko),.tcdiv1:lang(zh),.tcdiv1:lang(ja),.tcdiv1:lang(pt),.tcdiv1:lang(fr),.tcdiv1:lang(de),.tcdiv1:lang(es),.tcdiv2:lang(ko),.tcdiv2:lang(zh),.tcdiv2:lang(ja),.tcdiv2:lang(es),.tcdiv2:lang(pt),.tcdiv2:lang(fr),.tcdiv2:lang(de),.tcdiv3:lang(ko),.tcdiv3:lang(zh),.tcdiv3:lang(ja),.tcdiv3:lang(pt),.tcdiv3:lang(fr),.tcdiv3:lang(de),.tcdiv3:lang(es) { right: 58px !important; } #unified-masthead #combo-box-div-cust-part #myaccNav ul>li#myaccTooltip:after { display: none; } .tcdiv1,.tcdiv2,.tcdiv3 { top: 59px !important; right: 57px !important; } #combo-box-div-cust-part #myaccMenu { margin-top: 0px !important; } } @media screen and (max-width: 1023px) { .tcdiv1, .tcdiv2, .tcdiv3 { right: 57px !important; } #loadingAccount { left: -13px; } #combo-box-div-cust-part nav#myaccNav { /* margin-right: -2px; */ } #combo-box-div-cust-part #myaccMenu { right:0px; top:100% !important; max-width: 261px; } #combo-box-div-cust-part #myaccMenu ul { width: auto !important; position: relative; box-shadow: none !important; } #combo-box-div-cust-part #myaccMenu { margin-left: -233px !important; position: absolute; } #combo-box-div-cust-part #myaccMenu ul { background-color: #FFFFFF; -webkit-box-shadow:-none !important; -moz-box-shadow: none !important; box-shadow: none !important; margin-top: 1px;border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;z-index: auto !important;border-top: 1px solid #c0c0c0;position: absolute;vertical-align: baseline;padding-top: 15px;padding-bottom: 9px; } #combo-box-div-cust-part nav#myaccNav ul li#myaccTooltip { padding: 15px 8px !important; margin-top: 0; /* margin-left: 23px; */ height: 56px; border-bottom: 1px solid #FFFFFF; z-index: 90 !important; /* border-top: 1px solid #FFFFFF !important; */ border-bottom: 1px solid #FFFFFF !important; background-color: #FFFFFF; /* z-index: 10; */ width:auto; } #myaccNav li#myaccTooltip:before { content: ''; background: url(../../../../content/dam/dell-emc/icons/myaccount.PNG); background-repeat: no-repeat !important; display: inline-block; background-size: 24px 26px; background-position-y: 0px; background-position-x: 0px; width: 24px; height: 26px; vertical-align: middle; } #combo-box-div-cust-part #myaccNav ul li#myaccTooltip>span { display: none !important; } #myaccMenu { width: 278px !important; } } #myaccNav .tcdiv1,#myaccNav .tcdiv2,#myaccNav .tcdiv3 { /* margin-right: -18px; */ } #myaccNav { margin-right: 0px; } #myaccNav ul { margin: 0px; } #myaccNav #myaccTooltip > .col { float: inherit; display: inline; position: absolute; } ul ul#myAccList { list-style: none !important; } #combo-box-div-cust-part .arrow { /*display: inline-block;*/ width: 8px; height: 8px; border-top: 2px solid #006BBB; border-right: 2px solid #006BBB; } #combo-box-div-cust-part .arrow-right { transform: rotate(45deg) skew(7deg, 7deg); width: 8px; height: 8px; border-top: 0px solid #1A1A1A !important; border-right: 0px solid #1A1A1A !important; /* top: 26px !important; */ vertical-align: 1px; margin-left:5px; float: none; } #loadingAccount { margin-bottom: -24px !important; top: 6px !important; } img.myacc-signedin { vertical-align: middle; } #myaccNav ul li #myAccList li#companyName { padding-bottom: 11px !important; } .subscription b { font-size: 14px !important; line-height: 18px !important; padding-left: 0px !important; padding-right: 0px !important; } .traningbal { background-color: #006BBB !important; color: #FFFFFF; padding-top: 14px !important; padding-bottom: 14px !important; padding-left: 20px !important; padding-right: 20px !important; margin-top: 10px; } #myaccMenu ul { background-color: #FFFFFF; -webkit-box-shadow:-none !important; -moz-box-shadow: none !important; box-shadow: none !important; margin-top: 1px;border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;z-index: auto !important;border-top: 1px solid #c0c0c0;position: absolute;vertical-align: baseline;padding-top: 15px;padding-bottom: 9px;} #myaccNav { height: 100% !important; z-index: 1000000; margin-left: 5px !important; margin-right: 0.5rem; /* padding: 0 13px !important; */ } ul#myAccList li#companyName { font-style: inherit !important; } ul#myAccList li#userName { font-family: RobotoNormal,Arial,Helvetica,sans-serif !important; } #combo-box-div-cust-part #myaccNav ul li { font-family: RobotoNormal,Arial,Helvetica,sans-serif !important; font-size: 14px; line-height: 18px !important; } #myaccNav ul li#myaccTooltip:hover { background-color: #f0f0f0 !important; height: 56px !important; -webkit-box-shadow: 4px -4px 4px -4px rgba(0,0,0,0.1), -4px -4px 4px -4px rgba(0,0,0,0.1); -moz-box-shadow:4px -4px 4px -4px rgba(0,0,0,0.1), -4px -4px 4px -4px rgba(0,0,0,0.1); box-shadow: none; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #FFFFFF; padding: 0px !important; color: #006BBB; z-index: 10; cursor:pointer; } #myaccNav ul li b ~ p a#actSubDetails{ padding-right: 0px !important; padding-left: 0 !important; } #myaccNav ul li #myAccList li a, #myaccNav ul li .subscription, #myaccNav ul li #actSubDetails { /* font-family: RobotoLight,Arial,Helvetica,sans-serif !important; */ font-size: 14px !important; line-height: 20px !important; padding-right: 10px !important; padding-left: 10px !important; } #myaccNav ul li #myAccList li#companyName, #myaccNav ul li #myAccList li.first, #myaccNav ul li #myAccList li:first-child { font-family: RobotoLight,Arial,Helvetica,sans-serif !important; padding-right: 20px !important; padding-left: 20px !important; } #myaccNav ul li #myAccList li#userName{ font-family: RobotoNormal,Arial,Helvetica,sans-serif !important; padding-right: 20px !important; padding-left: 20px !important; } #myaccMenu ul li a:link { color: #0e0e0e !important; } #myaccMenu ul li a:link, #myaccMenu ul li a { font-family: RobotoNormal,Arial,Helvetica,sans-serif !important; color: #0e0e0e !important; font-size: 16px !important; line-height: 18px !important; } #myaccMenu ul li a { padding-right: 20px !important; padding-left: 20px !important; } #combo-box-div-cust-part li#myaccTooltip { color: #636363 !important; font-size: 14px !important; /* padding: 0 8px !important; */ } #myAccList li { color: #1A1A1A !important; font-size: 16px !important; line-height: 18px !important; /* font-family: RobotoLight,Arial,Helvetica,sans-serif !important; */ } #myaccNav ul li#myaccTooltip:hover {border: 0px !important;padding: 0 !important;z-index: 10;/* position: inherit; */} #combo-box-div-cust-part #myaccNav ul li#myaccTooltip { padding: 18px 8px !important; margin-top: 0; /* margin-left: 23px; */ height: 56px; border-bottom: 1px solid #FFFFFF; z-index: 90 !important; /* border-top: 1px solid #FFFFFF !important; */ border-bottom: 1px solid #FFFFFF !important; background-color: #FFFFFF; /* z-index: 10; */ } #myaccMenu::after { border-left: 0px solid transparent !important; border-right: 0px solid transparent !important; border-bottom: 0px solid transparent !important; background: transparent; width: 0; height: 0; top: 0px; left: 0%; } #myaccMenu { margin-top: -1px !important; margin-left: -136px !important; padding: 0px !important; z-index: 10 !important; } .trainingact b { padding-left: 10px !important; padding-right: 10px !important; } @media screen and (min-width: 981px) and (max-width: 1315px) { #combo-box-div-cust-part #myaccTooltip span { display:inline !important; } } @media screen and (min-width: 981px) and (max-width: 1315px) { .tcdiv1:lang(ko),.tcdiv1:lang(zh),.tcdiv1:lang(ja),.tcdiv1:lang(pt),.tcdiv1:lang(fr),.tcdiv1:lang(de),.tcdiv1:lang(es),.tcdiv2:lang(ko),.tcdiv2:lang(zh),.tcdiv2:lang(ja),.tcdiv2:lang(es),.tcdiv2:lang(pt),.tcdiv2:lang(fr),.tcdiv2:lang(de),.tcdiv3:lang(ko),.tcdiv3:lang(zh),.tcdiv3:lang(ja),.tcdiv3:lang(pt),.tcdiv3:lang(fr),.tcdiv3:lang(de),.tcdiv3:lang(es) { right: 34px !important; } #combo-box-div-cust-part #myaccMenu { margin-left: 0px !important; width: 225px; } #myaccNav ul { margin-left: -7px; } .tcdiv1,.tcdiv2,.tcdiv3 { right: 63px !important; } } @media screen and (min-width: 981px) { #combo-box-div-cust-part #myaccMenu:lang(es), #combo-box-div-cust-part #myaccMenu:lang(de), #combo-box-div-cust-part #myaccMenu:lang(fr), #combo-box-div-cust-part #myaccMenu:lang(zh), #combo-box-div-cust-part #myaccMenu:lang(pt), #combo-box-div-cust-part #myaccMenu:lang(ja), #combo-box-div-cust-part #myaccMenu:lang(ko) { margin-left: 0px !important; width: 190px; } #myaccNav ul:lang(es), #myaccNav ul:lang(de), #myaccNav ul:lang(fr), #myaccNav ul:lang(zh), #myaccNav ul:lang(pt), #myaccNav ul:lang(ja), #myaccNav ul:lang(ko) { margin-left: -7px; } } @media screen and (max-width: 980px) { #combo-box-div-cust-part #myaccMenu ul:lang(ko),#combo-box-div-cust-part #myaccMenu ul:lang(zh),#combo-box-div-cust-part #myaccMenu ul:lang(ja),#combo-box-div-cust-part #myaccMenu ul:lang(pt),#combo-box-div-cust-part #myaccMenu ul:lang(fr),#combo-box-div-cust-part #myaccMenu ul:lang(de),#combo-box-div-cust-part #myaccMenu ul:lang(es) { width: 261px !important; } #myaccNav { margin-right: 0; } /*Added on May 16 start*/ #myaccNav ul li#myaccTooltip:hover {-webkit-box-shadow: none; -moz-box-shadow:none; box-shadow: none; } #myaccNav ul li #myAccList li#companyName, #myaccNav ul li #myAccList li.first, #myaccNav ul li #myAccList li#userName, #myaccNav ul li #myAccList li:first-child { padding-right: 15px !important; padding-left: 15px !important; } #myaccMenu ul li { padding: 3px 3px 3px 3px !important; } /*Added on May 16 end*/ #combo-box-div-cust-part #myaccNav>ul { margin: 0 !important; } #combo-box-div-cust-part .arrow { display: inline-block; width: 8px; height: 8px; border-top: 1px solid #006BBB !important; border-right: 1px solid #006BBB !important; } #combo-box-div-cust-part .arrow-right { transform: rotate(45deg) skew(7deg, 7deg); width: 8px; height: 8px; border-top: 1px solid #006BBB !important; border-right: 1px solid #006BBB !important; /* top: 26px !important; */ vertical-align: 1px; margin-left:5px; float: none; } #myaccMenu ul li a#sODLC, #myaccMenu ul li a { color: #1A1A1A !important; } #myaccNav { margin-left: 0px !important; height: auto; width: auto !important; z-index: 90; } #myaccNav ul li#myaccTooltip { border-bottom: 0px solid transparent !important; text-transform: none !important; color: #1A1A1A !important; margin-top: 0px !important; padding: 5px 13px 4px 13px !important; background-color: transparent !important; } #myaccNav ul li#myaccTooltip:hover {border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent; padding: 2px 13px 4px 13px !important;} #myaccMenu { width: 100vw !important; margin-left: -32px !important; position: relative; display: none; } #combo-box-div-cust-part #myaccMenu { /*margin-left: 0px !important;*/ right:0px; } #myaccMenu.bottomSide { top: 30px !important; left: 19px; } } /* Added on May 17 start */ @media screen and (min-width: 981px) and (max-width: 1315px) { #combo-box-div-cust-part #myaccTooltip span { display: none; } #combo-box-div-cust-part { margin-top: 0px; } #myaccNav ul li#myaccTooltip { height: 56px !important; } } /* Added on May 17 end */ /** IT Styles end **/ #combo-box-div-guest .blue-bg-button:hover, #combo-box-div-cust-part .blue-bg-button:hover { border: 1px solid #c8c9c7 !important; } .combobox-position { width: inherit; } #combo-box-div-cust-part .shop-cart img { margin-top: -1px; } #combo-box-div-guest .preference:before { content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjEycHgiIGhlaWdodD0iNzkycHgiIHZpZXdCb3g9IjAgMCA2MTIgNzkyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2MTIgNzkyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KPGcgaWQ9IlRpdGxlc18xNjBfIj4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iIzAwNkJCQiIgZD0iTTU0OS44MTgsNDMydi03NS4yNzNsLTYyLjE4Mi0yMi45MDlsLTkuODE4LTIyLjkwOWwyOS40NTQtNjIuMTgybC01Mi4zNjMtNTIuMzY0bC02Mi4xODIsMjkuNDU1DQoJCQlsLTIyLjkwOS02LjU0NmwtMjIuOTA5LTY4LjcyN2gtNzUuMjczbC0yMi45MDksNjguNzI3bC0yMi45MDksNi41NDZsLTY4LjcyOC0zMi43MjhsLTUyLjM2NCw1Mi4zNjRsMzYsNjUuNDU1bC0xMy4wOTEsMjIuOTA5DQoJCQlsLTY4LjcyNywyMi45MDlWNDMybDcyLDIyLjkwOWw5LjgxOCwyMi45MDlMMTA4LDU0My4yNzJsNTUuNjM2LDUyLjM2NGw2NS40NTUtMzIuNzI4TDI1Miw1NzIuNzI4bDIyLjkwOSw2OC43MjdoNzguNTQ1DQoJCQlsMjIuOTA5LTY4LjcyN2wyMi45MDktOS44MThsNjIuMTgyLDI5LjQ1NEw1MTMuODE4LDU0MGwtMzIuNzI4LTYyLjE4Mmw2LjU0Ni0yMi45MDlMNTQ5LjgxOCw0MzJ6IE00NzEuMjcyLDUzMy40NTQNCgkJCWwtMTkuNjM2LDE5LjYzN0wzOTYsNTI2LjkwOWwtNDkuMDkxLDE5LjYzN2wtMTkuNjM3LDYyLjE4MmgtMjkuNDU0bC0xOS42MzctNTguOTA5bC00OS4wOTEtMjIuOTA5bC01OC45MDksMjkuNDU0bC0yMi45MDktMTkuNjM2DQoJCQlsMjkuNDU0LTU4LjkwOWwtMjIuOTA5LTQ5LjA5MWwtNjIuMTgyLTE5LjYzN3YtMjYuMTgybDU4LjkwOS0xOS42MzdsMjYuMTgyLTQ5LjA5MUwxNDQsMjU1LjI3MmwxOS42MzYtMTkuNjM2bDU4LjkwOSwyOS40NTUNCgkJCWw1Mi4zNjQtMjIuOTA5bDE5LjYzNi01OC45MDlIMzI0bDIyLjkwOSw2Mi4xODJMMzk2LDI2MS44MThsNTIuMzYzLTI2LjE4Mkw0NjgsMjU1LjI3MmwtMjYuMTgyLDU1LjYzN0w0NjEuNDU0LDM2MGw1NS42MzcsMTkuNjM2DQoJCQl2MjkuNDU1TDQ1OC4xODIsNDMybC0xNi4zNjMsNDkuMDkxTDQ3MS4yNzIsNTMzLjQ1NHoiLz4NCgkJPHBhdGggZmlsbD0iIzAwNkJCQiIgZD0iTTMwNC4zNjQsMzA3LjYzNkMyNTUuMjczLDMwNy42MzYsMjE2LDM0Ni45MDksMjE2LDM5NnMzOS4yNzMsODguMzYzLDg4LjM2NCw4OC4zNjMNCgkJCWM0OS4wOSwwLDg4LjM2NC0zOS4yNzIsODguMzY0LTg4LjM2M1MzNTMuNDU0LDMwNy42MzYsMzA0LjM2NCwzMDcuNjM2eiBNMzA0LjM2NCw0NTEuNjM3Yy0zMi43MjgsMC01NS42MzctMjYuMTgzLTU1LjYzNy01NS42MzcNCgkJCWMwLTI5LjQ1NSwyNi4xODItNTUuNjM2LDU1LjYzNy01NS42MzZTMzYwLDM2Ni41NDUsMzYwLDM5NkMzNjMuMjcyLDQyOC43MjgsMzM3LjA5MSw0NTEuNjM3LDMwNC4zNjQsNDUxLjYzN3oiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); background-repeat: no-repeat !important; display: inline-block; background-size: 25px 25px; background-position-y: 0px; background-position-x: 0px; width: 25px; height: 25px; vertical-align: middle; margin-right: 5px; } .guest-login a:before { content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjEycHgiIGhlaWdodD0iNzkycHgiIHZpZXdCb3g9IjAgMCA2MTIgNzkyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2MTIgNzkyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwb2x5Z29uIGlkPSJwYXRoLTNfMV8iIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTYuMzE5LDQxNC45NzIgNTk1LjY3OSw0MTQuOTcyIDU5NS42NzksNjc2LjA5MiAxNi4zMTksNjc2LjA5MiAJIi8+DQo8L2c+DQo8Zz4NCgk8cG9seWdvbiBpZD0icGF0aC0xXzFfIiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjE0Ni44NzksMTA4Ljk3MiA0NjUuMTE5LDEwOC45NzIgNDY1LjExOSw0MzEuMjkyIDE0Ni44NzksNDMxLjI5MiAJIi8+DQo8L2c+DQo8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCjxnIGlkPSJEZWxsVGVjaC1Db21iaW5lZC1OYXYtLS1EZXNrdG9wIj4NCgk8ZyBpZD0iX3gzMF8xX3g1Rl8wN194NUZfTmV0d29ya2luZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNzEuMDAwMDAwLCAtMjMuMDAwMDAwKSI+DQoJCTxnIGlkPSJUb3AtSGVhZGVyLUJhciI+DQoJCQk8ZyBpZD0iVXRpbGl0eS1OYXYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk2NS4wMDAwMDAsIDIxLjAwMDAwMCkiPg0KCQkJCTxnIGlkPSJMb2dpbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA2LjAwMDAwMCwgMS4wMDAwMDApIj4NCgkJCQkJPGcgaWQ9IlVzZXItd2hpdGUiPg0KCQkJCQkJPGcgaWQ9Ikdyb3VwLTciPg0KCQkJCQkJCTxnIGlkPSJHcm91cC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjAwMDAwMCwgMC44NjUwMDApIj4NCgkJCQkJCQkJPGcgaWQ9IkNsaXAtMiI+DQoJCQkJCQkJCTwvZz4NCgkJCQkJCQkJPHBhdGggaWQ9IkZpbGwtMSIgZmlsbD0iIzAwNkJCQiIgZD0iTTMwMi45OTksMTQ5LjkwN2M2NS4yOCwwLDExOC4zMiw1My4wNCwxMTguMzIsMTE4LjMyYzAsNjkuMzYtNTMuMDQsMTIyLjQtMTE4LjMyLDEyMi40DQoJCQkJCQkJCQljLTY1LjI4LDAtMTE4LjMyLTUzLjA0LTExOC4zMi0xMTguMzJDMTg0LjY3OSwyMDIuOTQ3LDIzNy43MTksMTQ5LjkwNywzMDIuOTk5LDE0OS45MDcgTTMwMi45OTksNDMxLjQyNw0KCQkJCQkJCQkJYzg5Ljc2LDAsMTU5LjEyLTczLjQ0LDE1OS4xMi0xNTkuMTJjMC04OS43Ni03My40NC0xNTkuMTItMTU5LjEyLTE1OS4xMmMtODkuNzYsMC0xNTkuMTIsNzMuNDQtMTU5LjEyLDE1OS4xMg0KCQkJCQkJCQkJQzE0My44NzksMzU3Ljk4NywyMTMuMjM5LDQzMS40MjcsMzAyLjk5OSw0MzEuNDI3Ii8+DQoJCQkJCQkJPC9nPg0KCQkJCQkJCTxnIGlkPSJHcm91cC02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNy44NjUwMDApIj4NCgkJCQkJCQkJPGcgaWQ9IkNsaXAtNSI+DQoJCQkJCQkJCTwvZz4NCgkJCQkJCQkJPHBhdGggaWQ9IkZpbGwtNCIgZmlsbD0iIzAwNkJCQiIgZD0iTTY1LjI3OSw2MjguNDI3YzguMTYtNDAuOCwzMi42NC0xMTguMzIsOTcuOTItMTcxLjM2YzgxLjYsNjEuMiwxOTkuOTIsNjEuMiwyODUuNiwwDQoJCQkJCQkJCQljNjUuMjgsNTMuMDQsODkuNzYsMTMwLjU2MSw5Ny45MiwxNzEuMzZINjUuMjc5eiBNNTkxLjU5OSw2NDQuNzQ3YzAtOC4xNi0xNi4zMTktMTU1LjA0LTEzNC42NC0yMjguNDhsLTEyLjI0LTguMTYNCgkJCQkJCQkJCWwtMTIuMjQsOC4xNmMtNzMuNDM5LDYxLjItMTgzLjYsNjEuMi0yNTcuMDQsMGwtOC4xNi04LjE2bC0xMi4yNCw4LjE2Yy0xMTguMzIsNzcuNTIxLTEzNC42NCwyMjQuNC0xMzQuNjQsMjI4LjQ4DQoJCQkJCQkJCQlsLTQuMDgsMjQuNDc5aDU3OS4zNkw1OTEuNTk5LDY0NC43NDd6Ii8+DQoJCQkJCQkJPC9nPg0KCQkJCQkJPC9nPg0KCQkJCQk8L2c+DQoJCQkJPC9nPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); background-repeat: no-repeat !important; display: inline-block; background-size: 25px 25px; background-position-y: 0px; background-position-x: 0px; width: 25px; height: 25px; vertical-align: middle; margin-right: 5px; } .itemcount-circle.forcecartdisplay { display: block !important; } .itemcount-circle.count-margin { display: block !important; } .forcecartdisplaynone { display: none !important; } .itemcount-circle.count-margin#forcecartdisplaynone { display: none !important; } .itemcount-circle-resp.count-margin#forcecartdisplaynone { display: none !important; } .itemcount-circle { background-color: #006BBB; border-radius: 50%; display: inline-block; color: #FFFFFF; z-index: 10; position: absolute; top: 10px; font-size: .85rem; line-height: 14px; font-weight: normal; font-family: RobotoMedium,Arial,Helvetica,sans-serif; padding: 2px 4px; text-align: center; min-width: 18px; min-height: 18px; margin-left: 32px; } .itemcount-circle-resp { background-color: #3dc6ef; border-radius: 50%; display: inline-block; color: #FFFFFF; z-index: 611; position: absolute; right: 24px; top: 8px; font-size: .85rem; line-height: 14px; font-weight: normal; font-family: RobotoMedium,Arial,Helvetica,sans-serif; padding: 2px 4px; text-align: center; min-width: 18px; min-height: 18px; } .nav-right-links { padding-left: 10px; padding-right: 10px; float: left; font-family: RobotoMedium,Arial,Helvetica,sans-serif; font-weight:normal; } .guest-login { padding-left: 10px; padding-right: 0px; float: left; font-family: RobotoMedium,Arial,Helvetica,sans-serif; font-weight:normal; margin-top: 2px; } .shop-cart { padding-left: 0px; padding-right: 0px; float: left; font-family: RobotoNormal,Arial,Helvetica,sans-serif; font-weight:normal; } .shop-cart img { vertical-align: middle; /* top: -4px; */ margin-left: 14px; } #combo-box-div-cust-part .shop-cart { margin-top: 3px; } #combo-box-div-cust-part a { color: #006BBB; font-size: 14px; line-height:18px; font-weight:normal; } #combo-box-div-guest a { color: #006BBB; font-size: 14px; line-height:18px; font-family: RobotoNormal,Arial,Helvetica,sans-serif; font-weight:normal; } #header-icon-guest { background: url(../../../../etc/designs/emc/images/nav-icon-login.png) top center no-repeat !important; width: 32px; height: 32px; background-size: 32px !important; background-attachment: initial; } #header-icon-search { display: none; } #header-icon-account { display: none; } ul.slider-ul { list-style-type: none; } .combo-breadcrumb-align { position: relative; top: 8px; } .combo-hide { margin-top: -90px; display: none; } /*GUEST*/ #combo-box-div-guest { right: 0px; float: right; font-family: Arial,Helvetica,sans-serif; } #combo-box-div-cust-part { /* right: 0px; */ /* float: right; */ font-family: Arial,Helvetica,sans-serif; } #combo-box-div-guest a.preference { margin-top: 4px; display: inline-block; } #shopping-cart-link { padding: 0 !important; text-decoration: none;} #ShoppingCartHelpLinks { margin-top: 2px; } /*GUEST*/ @media screen and (min-width: 981px) and (max-width: 1315px) { #combo-box-div-guest a.preference span, #combo-box-div-guest .guest-login a span, #combo-box-div-guest a#shopping-cart-link span, #combo-box-div-cust-part a.preference span, #combo-box-div-cust-part .guest-login a span, #combo-box-div-cust-part a#shopping-cart-link span, #combo-box-div-cust-part #myaccTooltip span { display: none; } #combo-box-div-guest.internal a.preference span { display: inline-block; } #combo-box-div-cust-part #myaccTooltip span.arrow-right {display:inline-block;} } @media screen and (min-width: 980px) and (max-width: 1340px) { .shop-cart img { margin-left: 14px; } .itemcount-circle { margin-left: -12px !important; } } @media screen and (max-width: 980px) { #combo-box-div-cust-part .shop-cart a { margin-top: 0px; padding-left: 11px !important; } #shopping-cart-link span { margin-left: -4px; } .itemcount-circle { margin-left: -14px; } #myaccMenu ul { /* bottom: 20px; */ /* top: -3px; */ } #combo-box-div-cust-part #shopping-cart-link { margin-left: 0px; color: #1A1A1A !important; margin-top: 4px !important; } #combo-box-div-guest #shopping-cart-link { color: #1A1A1A !important; } #combo-box-div-cust-part #myaccMenu { /* height: 700px; */ max-width: 261px; } #myaccNav ul li#myaccTooltip { background-color: transparent; } .section-one div { float: none !important; } .itemcount-circle-resp.forcecartdisplay { display: inline-block !important; } .itemcount-circle-resp { display: none !important; } .itemcount-circle { position: relative !important; left: 4px; top: -8px !important; height:18px; width: 18px; } #combo-box-div-cust-part a { padding: 8px 13px 8px 13px !important; border-bottom: 1px solid #8d8d8d; } #combo-box-div-cust-part .searchcombo .store-search-bar input { margin-left: 0; } .nav-right-links { padding-left: 0px; padding-right: 0px; } #combo-box-div-guest a { padding: 8px 13px 8px 13px !important; border-bottom: 0px solid transparent; height: auto; width: 100%; font-family: RobotoNormal,Arial,Helvetica,sans-serif !important; color: #1A1A1A; } .searchcombo.search-container { min-width: 292px; } #combo-box-div-guest a#shopping-cart-link { padding-right: 0px !important; padding-top: 8px !important; } img#login-img { top: 0px !important; left: 10px; display: inline-block !important; } #myaccountbutton { background-color: #232323; } div.slider-article { position: relative; width: 100%; overflow-y: hidden; z-index: -1; } div.slider-article:after { position: absolute; content: ' '; right: 100%; top: 0; left: 0; bottom: 0; pointer-events: auto; z-index: -1; } /* navigation */ div.slider { position: fixed; right: -24.5em; content: ' '; top: 44px; bottom: 0; background-color: #232323; /*border-right: 150px solid #765; box-shadow: 4px 0 5px rgba(0,0,0,0.2);*/ z-index: 610; cursor: pointer; height: auto; display: block !important; width: 300px; bottom: 50px; } #mysearchdiv button, #mysearchdiv input[type="submit"], #mysearchdiv input[type="button"] { color: #FFFFFF; } input.component { border: 1px solid #cccccc !important; width: 140px; } #mysearchdiv div.internal_search_wrapper { padding-left: 0px !important; padding-right: 0px !important; } #mysearchdiv div { margin-top: 0px !important; border-top: none !important; padding: 5px 0 5px 0 !important; width: 236px; } #mysearchdiv div.internal_search_wrapper { border-bottom: none !important; } #mysearchdiv div.internal_search_wrapper { border-top: 1px solid #cccccc !important; border-bottom: 1px solid #ffffff !important; background-color: #ffffff; margin-top: 8px !important; height: 175px; display: block; } #mysearchdiv div.combo_search_title { padding-left: 5px !important; padding-right: 5px !important; font-weight: bold; font-size: 12px; line-height: 30px; margin-bottom: 10px; margin-top: 15px !important; border-bottom: 1px solid #cccccc !important; } #mysearchdiv div.site_search_title { padding-left: 5px !important; padding-right: 5px !important; font-weight: bold; font-size: 12px; line-height: 30px; margin-bottom: 15px; border-bottom: 1px solid #cccccc !important; } /***** Slider Combo Box*******/ #dumTopsearch { width: 236px !important; background-color: #232323 !important; border-top: 0px thin transparent !important; border-right: 0px thin transparent !important; border-left: 0px thin transparent !important; color: #ffffff !important; } #combo-box-div-cust-part { /* width: auto !important; */ margin-top: 0 !important; margin-right: 2px; padding-right: 0px; /* float: left; */ } #combo-box-div-guest { width: 100vw !important; margin-top: 20px; margin-right: 10px; padding-right: 0px; float: left; } #combo-box-div-col-3 { width: 236px !important; margin-top: -30px; margin-left: -20px; } #combo-box-div-col-1 { width: 236px !important; margin-top: -30px; margin-left: -20px; } #mysearchdiv { position: inherit !important; margin-left: 0px !important; background-image: none !important; margin-top: 0px !important; } #mysearchdiv div { margin-top: -5px !important; border-top: none !important; border-right: none !important; border-left: none !important; background-color: #232323 !important; color: #ffffff !important; } #mysearchdiv div div { padding-top: 5px !important; padding-bottom: 3px !important; } #mysearchdiv select { margin-bottom: 10px; } .catalogsearch-down { height: auto !important; background-image: url(../../../../content/dam/dell-emc/icons/combo-down-arrow-white.png) !important; background-repeat: no-repeat; background-position: 216px 25px !important; text-transform: uppercase; padding-bottom: 8px; padding-left: 10px; border-bottom: 1px solid #cccccc; background-color: none; border-radius: 0px; } #mylearningdiv { position: inherit !important; } #catalogsearchbutton { margin-top: 10px; margin-bottom: 5px; background-color: #232323 !important; padding-top: 20px; } .my-account-div-wrapper { float: none !important; padding-top: 5px !important; margin-left: 0px !important; } .myaccount-down { height: auto !important; display: inline-block !important; position: inherit !important; margin-left: 0px !important; background-image: url(../../../../content/dam/dell-emc/icons/combo-down-arrow-white.png) !important; background-repeat: no-repeat; background-position: 216px 10px !important; margin-top: 0px !important; text-transform: uppercase; padding-bottom: 8px; padding-left: 10px; border-bottom: 1px solid #cccccc; width: 193px !important; background-color: none !important; border-radius: 0px; } .myaccount-up { display: inline-block !important; position: inherit !important; margin-left: 0px !important; background-image: url(../../../../content/dam/dell-emc/icons/combo-down-arrow-white.png) !important; background-repeat: no-repeat; background-position: 170px 10px !important; margin-top: 0px !important; text-transform: uppercase; padding-bottom: 8px; padding-left: 10px; border-bottom: 1px solid #cccccc; width: 228px !important; } #mylearningdiv { margin-top: 0px !important; background-image: none !important; background-color: #232323 !important; margin-left: 0px !important; } #mylearningdiv a:link, #mylearningdiv a:hover, #mylearningdiv a:visited, #mylearningdiv a:active { color: #ffffff !important; font-size: 12px; padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 8px; } #mylearnigdiv_subdivs div div { background-color: #232323 !important; height: auto !important; } #mylearningdiv div { background-color: #232323 !important; border-top: none !important; border-right: none !important; border-left: none !important; } #mylearningdiv div div { padding: 0px !important; } #mylearnigdiv_subdivs div { height: auto !important; margin-left: 0px; } .learningrecomm-up { margin-top: 15px !important; } .learningrecomm-down { margin-top: 15px !important; } #learningrecommbutton.learningrecomm-down.learningrecomm-down-border { border-top: none !important; height: 30px !important; padding-top: 5px; } #learningrecommbutton { background-image: url(../../../../content/dam/dell-emc/icons/combo-down-arrow-white.png) !important; background-repeat: no-repeat; font-family: Arial,Helvetica,sans-serif; background-position: 212px; line-height: 30px; font-size: 13.33px; margin-left: -5px !important; position: inherit !important; text-transform: uppercase; padding-bottom: 8px; border-top: 0px thin transparent !important; border-top: none !important; border-bottom: 1px solid #cccccc; width: 222px !important; color: #FFFFFF !important; } #mylearningdiv div div #learningrecommbutton { border: none !important; padding-top: 5px !important; background-position: 216px; } #learningrecommdiv { border: none !important; margin-top: 5px !important; width: 180px; } #learningrecommwrapperdiv { margin-left: -5px !important; margin-bottom: 0px !important; width: 236px !important; } #learningrecommwrapperdiv.recommwrapperborder { border-right: none !important; border-left: none !important; border-bottom: 1px solid #cccccc !important; } #learningrecommpanel_subdivs h2 { color: #FFFFFF !important; } #learningrecommwrapperdiv a#myptapanel_Link { color: #2C95DD !important; } #learningrecommdiv #learningrecommpanel_learningRecommendation div { color: #FFFFFF !important; background-color: #232323 !important; } #learningrecommdiv #learningrecommpanel_learningRecommendation div a { color: #00aafa !important; background-color: #232323 !important; } .shop-cart { float: none !important; margin-left: -3px; border-bottom: 0px; padding-left: 0px !important; padding-right: 0px !important; display: flex; border-bottom: 1px solid #c8c9c7; padding-top: 13px; padding-bottom: 13px; margin-top: -13px; } #combo-box-div-cust-part .shop-cart { margin-top: 0px; } #shopping-cart-link a:link { width: 100px !important; } img#shopping-cart-img { top: 0px !important; left: 11px; } #mysearchdiv #callFindTrainingByCat_button span.globalnav-caret:after { padding-left: 2.9em; } #mysearchdiv #callFindTrainingByLoc_button span.globalnav-caret:after { padding-left: 3.1em; } #mysearchdiv button, #mysearchdiv input[type="submit"], #mysearchdiv input[type="button"] { padding-top: 4px !important; padding-bottom: 4px !important; } .guest-login { display: flex; padding-left: 0px; width: 100%; float: none; } .shop-cart img { margin-left: 0; } #mylearningdiv div.myaccount-message { border: none !important; color: #FFFFFF !important; width: 100%; } .myaccountinfo-message { color: #FFFFFF !important; width: 222px; text-transform: none !important; padding-top: 20px !important; } #mylearningdiv { width: 228px !important; } #mylearningdiv div#learner_subsc_details_div { border-bottom: none !important; } #learner_subsc_details_div .contentbg strong { margin-left: 0px; } #mylearnigdiv_subdivs a { line-height: normal !important; } } @media screen and (-webkit-min-device-pixel-ratio:0) { #learningrecommpanel_subdivs div th{ border: transparent 0px solid !important; } #learningrecommpanel_subdivs div td{ border: transparent 0px solid !important; } #learningrecommpanel_subdivs div table td{ border: transparent 0px solid !important; } .user-icon-cust-part { padding-left: 5px; margin-left: 0px !important; margin-right: 0px !important; } } @-moz-document url-prefix() { #combo-box-div-cust-part { margin-top: 10px; } #learningrecommpanel_subdivs div th { border: transparent 0px solid !important; } #learningrecommpanel_subdivs div td { border: transparent 0px solid !important; } #learningrecommpanel_subdivs div table td { border: transparent 0px solid !important; } .user-icon-cust-part { padding-left: 15px; } .catalogsearch-down { padding-top: 5px; height: auto !important; } .myaccount-down { padding-top: 5px !important; height: auto !important; } } /* My Account - IT Start */ #combo-box-div-cust-part .searchcombo.search-container { padding-right: 18px; } #combo-box-div-cust-part button { background: none; padding-right: 0; padding-left: 0; } #combo-box-div-cust-part .dropdown-content a { color: #333333; } #combo-box-div-cust-part .dropdown { padding-right: 30px !important; } #combo-box-div-cust-part .dropbtn[_ngcontent-c0] { margin-top: -10px; color: #FFFFFF; font-size: 15px; line-height:15px; } #combo-box-div-cust-part .dropdown-content[_ngcontent-c0] { /* margin-top: 14px;*/ } /* My Account - IT End */ /* Reema */ img#login-img { display: none; } /* Reema */ @media screen and (max-width: 1340px) { .count-margin ~ img#shopping-cart-img.cart-align { margin-left: 0px !important; } .itemcount-circle.count-margin { display: inline-block !important; } .itemcount-circle-resp.count-margin { display: block !important; } .forcecartdisplay ~ img#shopping-cart-img{ left: -12px !important; } li#myaccTooltip img { /* left: 0px !important; */ } .itemcount-circle.forcecartdisplay { display: inline-block !important; } .itemcount-circle-resp.forcecartdisplay { display: inline-block !important; } .count-margin ~ img#shopping-cart-img { left: -12px !important; } #combo-box-div-cust-part .shop-cart { padding-left: 5px !important; } #combo-box-div-cust-part .dropdown { float: none !important; } div.slider #combo-box-div-cust-part a:link { font-weight: normal; } div.slider #combo-box-div-cust-part a#shopping-cart-link:link { font-weight: normal; } #combo-box-div-cust-part .down[_ngcontent-c0] { margin-left: 10px; } #combo-box-div-cust-part .dropdown-content a { text-transform: none; } #combo-box-div-cust-part .dropdown-content[_ngcontent-c0] { display: block !important; position: relative !important; background-color: transparent !important; box-shadow: none !important; } #combo-box-div-cust-part .dropdown-content[_ngcontent-c0] a { color: #FFFFFF !important; border-bottom: 0px solid transparent !important; } #combo-box-div-cust-part .dropdown-content[_ngcontent-c0] { width: 280px !important; } #combo-box-div-cust-part .dropbtn[_ngcontent-c0] { margin-top: 0px; width: 280px; text-align: left; text-align: left; padding: 13px 13px 13px 13px !important; border-bottom: 1px solid #8d8d8d; height: auto; text-transform: uppercase; width: 100%; font-family: Arial,Helvetica,sans-serif; font-size: 15px; text-shadow: none; font-weight: bold; line-height: 2.5em; } } @media screen and (max-width: 980px) { #myaccNav ul li#myaccTooltip span { display: none; } .itemcount-circle-resp.forcecartdisplay, .itemcount-circle-resp.count-margin { display: inline-block !important; right: -70px; top: 4px } } @media screen and (min-width: 1341px) { .itemcount-circle-resp { display: none; } } @media screen and (min-width: 981px) and (max-width: 1280px) { .itemcount-circle-resp { right: -4px; top: 4px; } } @media screen and (min-width: 1281px) and (max-width: 1340px) { .itemcount-circle-resp { right: -31px; top: 3px; } } @media screen and (min-width: 980px) and (max-width: 1340px) { .itemcount-circle { } } @media screen and (min-width: 980px) and (max-width: 1050px) { #combo-box-div-cust-part { margin-right: 0px; } #combo-box-div-guest { margin-right: 0px !important;} } @media screen and (min-width: 981px) and (max-width: 1500px) { #combo-box-div-guest.internal a.preference span { display: inline-block; } } @media screen and (min-width: 981px) { #combo-box-div-guest.internal a.preference span:lang(de),#combo-box-div-guest.internal a.preference span:lang(es),#combo-box-div-guest.internal a.preference span:lang(pt),#combo-box-div-guest.internal a.preference span:lang(ja),#combo-box-div-guest.internal a.preference span:lang(ko),#combo-box-div-guest.internal a.preference span:lang(fr),#combo-box-div-guest.internal a.preference span:lang(zh) { display: inline-block; } } @media screen and (min-width: 1051px) and (max-width: 1315px) { #myaccNav { margin-right: 0px !important; /* margin-left: 0px !important; */ } #myaccNav .tcdiv1, #myaccNav .tcdiv2, #myaccNav .tcdiv3 { margin-right: auto; } } @media screen and (min-width: 981px) and (max-width: 1050px) { #myaccNav { margin-right: 0px !important; } #myaccNav .tcdiv1, #myaccNav .tcdiv2, #myaccNav .tcdiv3 { margin-right: -95px; } } /*the container must be positioned relative:*/ /* Firefox */ .search-btn-mobile{display:none} .mb-8 { margin-bottom: 1rem; } .searchcombo.search-container { min-width: 296px; width: 100%; float: left; padding-right: 16px; } .advancedsearch-store * { scrollbar-color: #afafaf #eeeeee; } .advancedsearch-store .select-selected { white-space: nowrap; width: 100%; display: block; font-family: RobotoMedium, Arial, Helvetica, sans-serif; font-size: 16px; background-color: #00447c; color: #ffffff; padding: 14px 16px; border: none; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; user-select: none; height: 50px; } .advancedsearch-store .advancedsearchdisplay { font-family: RobotoMedium, Arial, Helvetica, sans-serif; font-size: 16px; } .advancedsearch-store .select-items div { color: #444; padding: 12px 16px; border-bottom: 1px solid #0076ce; border-right: 1px solid #0076ce; border-left: 1px solid #0076ce; cursor: pointer; user-select: none; } .advancedsearch-store .select-items div:hover { background-color: #00447c; color: #fff !important; } .store-search-input { width: 100%; /* border: 1px solid #eeeeee; */ border-radius: 0px; box-shadow: none !important; border: #0076CE 0px solid; } .advancedsearch-store .search-icon { position: absolute; font-size: 26px; top: 13px; left: 15px; } .store-search-bar input[type="submit"] { background-image: none; padding: 14px 10px !important; font-size: 1em; color: #fff!important; text-shadow: none; font-family: RobotoNormal, Arial, Helvetica, sans-serif; height: 50px; cursor: pointer; border: none !important; border-radius: 0; width:100%; } .advancedsearch-store .advancedsearch-dropdown::before { width: 3.1em; right: 0; top: 0; bottom: 0; height: 50px; } .advancedsearch-dropdown::after { border: solid white; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; top: 18px; right: 1.2em; transform: rotate(45deg); -webkit-transform: rotate(45deg); float: right; } .advancedsearch-store.search-container { color: #FFFFFF; } .advancedsearch-store .search-title { font-family: RobotoMedium, Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; padding-bottom: 7px; padding-left: 0; } .light-blue-bg-button { background-color: #3dc6ef !important; text-transform: uppercase; border: none !important; } .light-blue-bg-button:hover { background-color: #42AEAF !important; text-transform: uppercase; } .advancedsearch-store .autocomplete-items { margin-top: -10px; border:none; } .advancedsearchdisplay select { display: none; /*hide original SELECT element:*/ } .advancedsearch-store.search-container p, .advancedsearch-store.search-container label { font-size: .875em; line-height: 100%; font-family: RobotoBold,Arial,Helvetica,sans-serif; font-weight: normal; letter-spacing: .01em; padding-bottom: 0px; color:#fff; } .simplesearch a.black-bg-button:not([href]):hover { color: #fff !important; background-color: #0076ce !important; } /*point the arrow upwards when the select box is open (active):*/ .select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; top: 7px; } /*style the items (options), including the selected item:*/ /*style items (options):*/ .select-items { position: absolute; background-color: #FFF; right: 0; z-index: 99; width: 100%; max-width: 537px; /* left: 6px; */ } .mh-search .autocomplete-items{ top: 125px; border: none; color: #0076CE; font-family: RobotoLight,Arial,Helvetica,sans-serif; } /*hide the items when the select box is closed:*/ .select-hide { display: none; } .select-items div:hover { background-color: #00447c; color: #FFFFFF !important; } .greybackground .simplesearch { margin-top: -45px; } /* Autocomplete Start */ .autocomplete-items strong { font-family: RobotoLight, Arial, Helvetica, sans-serif; } .autocomplete { /*the container must be positioned relative:*/ position: relative; display: inline-block; color: #0076CE; } .autocomplete-items { position: absolute; border: 1px solid #eeeeee; border-bottom: none; border-top: none; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 0; right: 0; margin-top: -84.5px; max-height: 300px; overflow-y: auto; } .autocomplete-items div { padding: 7px; cursor: pointer; background-color: #fff; border: 1px solid #eeeeee; font-size: 0.9em; } .autocomplete-items div:hover { /*when hovering an item:*/ background-color: #e9e9e9; } .autocomplete-active { /*when navigating through the items using the arrow keys:*/ background-color: DodgerBlue !important; color: #ffffff; } /* Autocomplete End */ .search-container input[type="text"] { -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; } .search-container *[class*="col-"]{ float: left !important; } #combo-box-div-guest .search-container *[class*="col-"], #combo-box-div-cust-part .search-container *[class*="col-"]{ float: right !important; } #combo-box-div-guest .search-container .blue-bg-button, #combo-box-div-cust-part .search-container .blue-bg-button { height: 48.5px; } .search-container .blue-bg-button { background-color: #0076CE !important; text-transform: uppercase; border: #0076CE 2px solid; -webkit-appearance: none; height: 48.9px; } #combo-box-div-guest .search-container .blue-bg-button, #combo-box-div-cust-part .search-container .blue-bg-button { background-color: #FFFFFF !important; text-transform: none; border: #0076CE 2px solid; -webkit-appearance: none; color: #006BBB !important; } .search-container .blue-bg-button:hover { background-color: #034c6e !important; } .search-container .emc-button>span:first-child { font-size: 1em; line-height: 1.125em; padding: .812em .938em !important; } .advancedsearch-dropdown option.categorytitle.new { border-bottom: 1px solid #0076CE !important; } .advancedsearch-dropdown select option { background-color: #FFF; color: #444; border-bottom: 1px solid #000000; } .advancedsearch-dropdown select option:hover { background-color: #00447c; } .advancedsearch-dropdown select::-ms-expand { display: none; } .advancedsearch-dropdown label { position: absolute; z-index: 1; pointer-events: none; text-indent: 10px; top: 0px; font-size: 0.88em; color: #808080; padding-top: 5px; padding-bottom: 5px; } .advancedsearch-dropdown::before, .advancedsearch-dropdown::after { content: ""; position: absolute; pointer-events: none; } .advancedsearch-dropdown option { position: relative; float: left; width: 96%; border-bottom: 1px solid #E0E0E0; background-color: #ffffff; list-style-type: none; padding: 10px 2%; margin: 0px; transition: all 275ms ease-in-out; display: block; cursor: pointer; } .advancedsearch-dropdown select[disabled] { color: #ffffff; } .advancedsearch-dropdown select[disabled]::after { color: #000000; } .advancedsearch-dropdown::before { background-color: #00447c; } .advancedsearch-dropdown::after { color: #ffffff; } .searchcombo input { color: #444444; font-family: RobotoNormal, Arial, Helvetica, sans-serif; font-size: 16px !important; } .store-search-bar input[type=text] { box-shadow: none; padding: .86em 1.3em .86em 0em !important; font-size: 1em; line-height: 1.125em; background-repeat: no-repeat; /* text-indent: 20px; */ background-position: 10px; right: 0; height: 48.5px; } input.searchtextbox { color: #808080; width: 100%; font-family: RobotoLight, Arial, Helvetica, sans-serif; text-indent: 0px; background-color: rgb(158, 227, 247); padding: 9px; box-shadow: none; padding: .86em 1.3em .86em 0 !important; font-size: 1em; line-height: 1.125em; text-indent: 20px; height: 30px !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border: 0; } .search-container input[type=text]:focus{ background-color: rgb(255, 255, 255); } .store-search-bar input:focus { background-image: none !important; } .store-search-bar { margin-top: 1em !important; /* margin-bottom: 2.4em !important; */ width: 100%; display: inline-block; position: relative; } .searchcombo .store-search-bar { margin-top: 2px !important; width: 100%; display: inline-block; position: relative; } #combo-box-div-guest { right: 0; float: right; font-family: Arial,Helvetica,sans-serif; } .searchcombo .store-search-bar input[type="submit"]{background-image:none;padding: .616em 2.5em .616em 0 !important;font-size: 13.3px !important;line-height:1.125em;text-shadow:none;font-family:RobotoBold,Arial,Helvetica,sans-serif;position:absolute !important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA4CAMAAABqpkCcAAAAqFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8j1z1tAAAAN3RSTlMABQwBwKsD+uC0UkII9O5sXNQvHOfYy8emm39hTTkj7cO6sKGKhXpwZ1dKNBcPzpOP4pV3ZCgSvvo28AAAAedJREFUSMftlddywyAQRSVjSy7qcZF773Iv+/9/lgxgCZkFO57JW+7jnT3AXrHIkDQILsd40u6saqbxpmqzBqTySt3dO0wLnuQtCi+YaAyI6r6lg7ou4Kqoj2kdQalwoIDMSlbUnC3XvVWn5GXd9XGqDVxlPyGEWsSsTdLmvjDIB6bh0hFt0h899neQxG1VA9aMY7GcRMjDQr4NCfiKNSlz6RTI6VtPtlOWOsaSqubdleSiq+7z7lg6Ad5BLqqCzbtVymJzsBS9KuuKGGp1aMlYtM7UahsabWmJLU4puzZrHUWGtEYMuUmdrRLBa058HZ3YRPQEhw2jftCntCYQnPLbe20Ep0Wdvpba05pIyjDQQRYb60SwjtSZ6qg+LXEtwdqwKbY01JyNn2g5Lo9VKZMFtkICCtWb+YDEHIA+j0KdjRI6CN4Nh0gJfzjWzG7sNGMCRWm1PVCNEgRaAiiuwdblD28kvRlTDh24gQQC7jx/yl4ITEX0vzkDrmEn3e++Hj1cN8FvWgypytO5f10cijZkKpl4vgvApceMnvcRNoix6kb4AiNR5Zk5Xc1CUcBw7nYZ2Vks543zY0oYBt433cWhPferEf3V4hiOPgAE0+sf+1MsNj7A7KrxewyH9JgK0mNjBaQXvaDfjPGmxBNUCDEAAAAASUVORK5CYII=);background-size: 16px 16px;cursor:pointer;position:absolute;background-position: 87% center;background-repeat:no-repeat;width: auto !important;display:inline-block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA4CAMAAABqpkCcAAAAqFBMV?3V4hiOPgAE0+sf+1MsNj7A7KrxewyH9JgK0mNjBaQXvaDfjPGmxBNUCDEAAAAASUVORK5CYII=)background-repeat:no-repeat;background-position-right:10px;z-index:10;min-width: 89px;top: 0px;} /*Added on 10/6*/ .searchcombo .store-search-bar input[type="submit"] { top: 28.7px; } #combo-box-div-guest .searchcombo .store-search-bar input[type="submit"], #combo-box-div-cust-part .searchcombo .store-search-bar input[type="submit"] { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjEycHgiIGhlaWdodD0iNzkycHgiIHZpZXdCb3g9IjAgMCA2MTIgNzkyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2MTIgNzkyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KPHBhdGggZmlsbD0iIzAwNkJCQiIgZD0iTTQ1Ni45Niw1MjIuNDhjNDAuOC00NC44ODEsNjUuMjgtMTA2LjA4LDY1LjI4LTE3MS4zNkM1MjIuMjQsMjA0LjI0LDQwOCw5MCwyNjUuMiw5MA0KCUMxMjIuNCw5MCw4LjE2LDIwNC4yNCw4LjE2LDM0Ny4wNFMxMjIuNCw2MDQuMDgsMjY1LjIsNjA0LjA4YzU3LjEyLDAsMTE0LjI0LTIwLjQsMTU1LjA0LTUzLjA0TDU3MS4yLDcwMmwzMi42NC0zMi42NA0KCUw0NTYuOTYsNTIyLjQ4eiBNMjY1LjIsNTU5LjJjLTExNC4yNCwwLTIwOC4wOC05My44NC0yMDguMDgtMjA4LjA4czkzLjg0LTIwOC4wOCwyMDguMDgtMjA4LjA4czIwOC4wOCw5My44NCwyMDguMDgsMjA4LjA4DQoJQzQ3Ny4zNiw0NjUuMzYsMzc5LjQ0LDU1OS4yLDI2NS4yLDU1OS4yeiIvPg0KPC9zdmc+DQo=); background-repeat: no-repeat; background-size: 18px 18px; background-position-y: 4px; background-position-x: 8px; vertical-align: middle; color: #006bbb; padding: 6px 6px 6px 12px !important; font-size: 13px !important; line-height: 1.125em; text-shadow: none; font-family: RobotoNormal,Arial,Helvetica,sans-serif; position: absolute !important; z-index: 10; top: 0; right:0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0; max-width: 110px !important; } :lang(en) #combo-box-div-guest .searchcombo .store-search-bar input[type="submit"], :lang(en) #combo-box-div-cust-part .searchcombo .store-search-bar input[type="submit"]{ max-width:89px !important; } #combo-box-div-guest .store-search-bar input[type="submit"]:hover, #combo-box-div-cust-part .store-search-bar input[type="submit"]:hover { box-shadow: none; } #combo-box-div-guest .search-container .blue-bg-button:hover, #combo-box-div-cust-part .search-container .blue-bg-button:hover { background-color:#FFFFFF !important; } #combo-box-div-guest .store-search-bar input:focus, #combo-box-div-cust-part .store-search-bar input:focus { border: 1px solid #c8c9c7; } .searchcombo .store-search-bar input:focus { border: #0076CE 1px solid; } #combo-box-div-guest .searchcombo .store-search-bar input:focus, #combo-box-div-cust-part .searchcombo .store-search-bar input:focus { bborder: 1px solid #c8c9c7; } .searchcombo .store-search-bar input::placeholder { color: #333; font-family: RobotoNormal,Arial,Helvetica,sans-serif; font-size: 16px; } #combo-box-div-guest .searchcombo .store-search-bar input::placeholder, #combo-box-div-cust-part .searchcombo .store-search-bar input::placeholder { color: #aaa; font-family: RobotoNormal,Arial,Helvetica,sans-serif; font-size: 13px; } #combo-box-div-guest .searchcombo .store-search-bar input, #combo-box-div-cust-part .searchcombo .store-search-bar input { background-image: none; padding: .45em 1.3em .45em .45em !important; max-width: 310px !important; width: 100%; height: 26px; border: 1px solid #c8c9c7 !important; border-radius: 3px !important; } #combo-box-div-guest .searchcombo.search-container, #combo-box-div-cust-part .searchcombo.search-container { min-width: 425px; width: 100%; float: left; padding-right: 4px; } #combo-box-div-guest { display: block; } .nav-right-links { padding-left: 10px; padding-right: 10px; float: left; font-family: RobotoMedium,Arial,Helvetica,sans-serif; font-weight: normal; } #combo-box-div-guest .searchcombo input, #combo-box-div-cust-part .searchcombo input { color: #1a1a1a; font-family: RobotoNormal,Arial,Helvetica,sans-serif; font-size: 13px !important; width: 100% !important; } #combo-box-div-guest .store-search-bar input::placeholder, #combo-box-div-cust-part .store-search-bar input::placeholder { color: #1A1A1A; } .searchcombo .store-search-bar input { background-image: none; padding: 0.45em 1.3em 0.45em 0em !important; width: 180px; height: 34px; } #combo-box-div-guest .searchcombo .store-search-bar input, #combo-box-div-cust-part .searchcombo .store-search-bar input { background-image: none; padding: 0.45em 1.3em 0.45em 0em !important; max-width: 310px !important; width: 100%; height: 26px; border: 1px solid #c8c9c7; border-radius: 3px !important; } .searchcombo .store-search-bar input { text-indent: 10px; } .searchcombo .store-search-input { border-radius: 0px; box-shadow: none !important; border: #0076CE 1px solid; } #combo-box-div-guest .advancedsearch input, #combo-box-div-cust-part .advancedsearch input { border-radius: 3px; box-shadow: none !important; border: #0076CE 2px solid; } .searchcombo .store-search-bar{ margin-top: 2px !important; } @media screen and (min-width:1599px) { #combo-box-div-guest .search-container .col-11, #combo-box-div-cust-part .search-container .col-11 { width: 74% !important; } } @media screen and (min-width: 768px) and (max-width: 980px) { .advoptions{padding-top: 0rem!important;} .searchcombo.search-container .store-search-submit-btn.col-1 { left: 180px; } :lang(pt) .searchcombo.search-container .store-search-submit-btn.col-1 { left: 162px; } :lang(fr) .searchcombo.search-container .store-search-submit-btn.col-1 { left: 150px; } } @media screen and (max-width: 980px) { #combo-box-div-guest .searchcombo.search-container, #combo-box-div-cust-part .searchcombo.search-container { margin-top: 10px; } #combo-box-div-guest .searchcombo .store-search-bar input::placeholder, #combo-box-div-cust-part .searchcombo .store-search-bar input::placeholder { font-size: 14px; } .searchcombo.search-container .store-search-submit-btn.col-1 { left: auto !important; } .searchcombo .store-search-bar input[type="submit"]{ background-size: 20px 20px; background-position-y: 10px; background-position-x: 21px; padding: 6px 12px 6px 12px !important; font-size: 16px !important; line-height:1.125em; text-shadow:none; font-family:RobotoNormal,Arial,Helvetica,sans-serif; position:absolute !important; z-index:10; top: 0px; min-width: 135px; } #combo-box-div-guest .searchcombo .store-search-bar input[type="submit"], #combo-box-div-cust-part .searchcombo .store-search-bar input[type="submit"]{ background-size: 20px 20px; background-position-y: 10px; background-position-x: 21px; padding: 6px 12px 6px 12px !important; font-size: 15px !important; max-width: 150px !important; } .searchcombo .store-search-bar { margin-top: -1px !important; } #combo-box-div-guest .searchcombo .store-search-bar, #combo-box-div-cust-part .searchcombo .store-search-bar { margin-top: -1px !important; margin-left: 0; margin-right: 0; padding-bottom: 13px; } .searchcombo .store-search-bar input { width: 98% !important; } #combo-box-div-guest .searchcombo .store-search-bar input, #combo-box-div-cust-part .searchcombo .store-search-bar input { width: 100% !important; height: 40px; max-width: 1200px !important; } .searchcombo.search-container { min-width: 301px; } #combo-box-div-guest .searchcombo.search-container, #combo-box-div-cust-part .searchcombo.search-container { min-width: 301px; width: 100%; padding-left: 18px; padding-right: 18px; } } @media screen and (max-width: 768px) { .search-container .blue-bg-button,.search-container .black-bg-button, .search-container .light-blue-bg-button{ width: 100%; } #btnSearchsimple, #btnSearch{ text-align: left; } .searchcombo.search-container .store-search-submit-btn.col-1{ left: 180px; } :lang(pt) .searchcombo.search-container .store-search-submit-btn.col-1 { left: 162px; } :lang(fr) .searchcombo.search-container .store-search-submit-btn.col-1 { left: 150px; } } @media screen and (max-width: 480px) { .searchcombo .store-search-bar input { width: 97% !important; } .searchcombo.search-container .store-search-submit-btn.col-1{ left: 180px; } #combo-box-div-cust-part .store-search-bar input[type="submit"], #combo-box-div-guest .store-search-bar input[type="submit"] { float: right; right: 0px; } #combo-box-div-guest, #combo-box-div-cust-part { margin-top: 29px; } /* Shouldn't override all bootstrap standard classes like this. If anything breaks, please find an alternative. *[class*="col-"] { margin-top: 0 !important; margin-bottom: 0 !important; } */ } @media screen and (min-width: 481px) and (max-width: 736px) { #combo-box-div-guest, #combo-box-div-cust-part { margin-top: 23px; } #combo-box-div-guest a { padding: 4px 13px 4px 13px !important; } .shop-cart { padding-top: 4px; padding-bottom: 4px; } #combo-box-div-guest .searchcombo .store-search-bar, #combo-box-div-cust-part .searchcombo .store-search-bar { padding-bottom: 4px; } } @media screen and (min-width: 981px) and (max-width: 1025px) { #combo-box-div-guest .searchcombo .store-search-bar input { width: 100% !important; max-width: 280px !important; } } @media screen and (min-width: 980px) and (max-width: 1025px) { #combo-box-div-cust-part .searchcombo .store-search-bar input { width: 100% !important; } } @media screen and (min-width: 1050px) and (max-width: 1340px) { #combo-box-div-guest .searchcombo .store-search-bar input, #combo-box-div-cust-part .searchcombo .store-search-bar input { width: 100% !important; } } @media screen and (min-width: 980px) and (max-width: 1340px) { #combo-box-div-cust-part .searchcombo.search-container { min-width: 320px; } .searchcombo .store-search-bar input { width: 182px !important; } } @media screen and (max-width: 1033px) and (min-width: 981px) { #combo-box-div-guest .searchcombo .store-search-bar input[type="submit"],#combo-box-div-cust-part .searchcombo .store-search-bar input[type="submit"] { min-width: 82px; } .nav-right-links { padding-left: 5px; padding-right: 5px;} .guest-login { padding-left: 5px;} .shop-cart img { margin-left: 10px; } } #combo-box-div-guest .searchcombo .store-search-input, #combo-box-div-cust-part .searchcombo .store-search-input { border-radius: 0px; box-shadow: none !important; border: 1px solid #c8c9c7 } #combo-box-div-guest a.preference { margin-top: 4px; display: inline-block; } #combo-box-div-guest a { color: #006bbb; font-size: 14px; line-height: 18px; font-family: RobotoNormal,Arial,Helvetica,sans-serif; font-weight: normal; } #combo-box-div-guest .searchcombo .store-search-bar input[type="submit"], #combo-box-div-cust-part .searchcombo .store-search-bar input[type="submit"] { max-width: 89px !important; } .searchcombo .store-search-bar input::placeholder{color:#333;font-family:RobotoNormal,Arial,Helvetica,sans-serif;font-size:16px} #combo-box-div-guest .searchcombo .store-search-bar input::placeholder,#combo-box-div-cust-part .searchcombo .store-search-bar input::placeholder{color:#aaa;font-family:RobotoNormal,Arial,Helvetica,sans-serif;font-size:13px} .searchcombo input{color:#444;font-family:RobotoNormal,Arial,Helvetica,sans-serif;font-size:16px !important} #combo-box-div-guest .searchcombo input,#combo-box-div-cust-part .searchcombo input{color:#1a1a1a;font-family:RobotoNormal,Arial,Helvetica,sans-serif;font-size:13px !important;width:100% !important} .store-search-bar input::placeholder{color:gray} #combo-box-div-guest .store-search-bar input::placeholder,#combo-box-div-cust-part .store-search-bar input::placeholder{color:#1a1a1a} .itemcount-circle { background-color: #006bbb; border-radius: 50%; display: inline-block; color: #fff; z-index: 10; position: absolute; top: 10px; font-size: .85rem; line-height: 14px; font-weight: normal; font-family: RobotoMedium,Arial,Helvetica,sans-serif; padding: 2px 4px; text-align: center; min-width: 18px; min-height: 18px; margin-left: 32px; } #combo-box-div-guest .preference:before { content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjEycHgiIGhlaWdodD0iNzkycHgiIHZpZXdCb3g9IjAgMCA2MTIgNzkyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2MTIgNzkyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KPGcgaWQ9IlRpdGxlc18xNjBfIj4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iIzAwNkJCQiIgZD0iTTU0OS44MTgsNDMydi03NS4yNzNsLTYyLjE4Mi0yMi45MDlsLTkuODE4LTIyLjkwOWwyOS40NTQtNjIuMTgybC01Mi4zNjMtNTIuMzY0bC02Mi4xODIsMjkuNDU1DQoJCQlsLTIyLjkwOS02LjU0NmwtMjIuOTA5LTY4LjcyN2gtNzUuMjczbC0yMi45MDksNjguNzI3bC0yMi45MDksNi41NDZsLTY4LjcyOC0zMi43MjhsLTUyLjM2NCw1Mi4zNjRsMzYsNjUuNDU1bC0xMy4wOTEsMjIuOTA5DQoJCQlsLTY4LjcyNywyMi45MDlWNDMybDcyLDIyLjkwOWw5LjgxOCwyMi45MDlMMTA4LDU0My4yNzJsNTUuNjM2LDUyLjM2NGw2NS40NTUtMzIuNzI4TDI1Miw1NzIuNzI4bDIyLjkwOSw2OC43MjdoNzguNTQ1DQoJCQlsMjIuOTA5LTY4LjcyN2wyMi45MDktOS44MThsNjIuMTgyLDI5LjQ1NEw1MTMuODE4LDU0MGwtMzIuNzI4LTYyLjE4Mmw2LjU0Ni0yMi45MDlMNTQ5LjgxOCw0MzJ6IE00NzEuMjcyLDUzMy40NTQNCgkJCWwtMTkuNjM2LDE5LjYzN0wzOTYsNTI2LjkwOWwtNDkuMDkxLDE5LjYzN2wtMTkuNjM3LDYyLjE4MmgtMjkuNDU0bC0xOS42MzctNTguOTA5bC00OS4wOTEtMjIuOTA5bC01OC45MDksMjkuNDU0bC0yMi45MDktMTkuNjM2DQoJCQlsMjkuNDU0LTU4LjkwOWwtMjIuOTA5LTQ5LjA5MWwtNjIuMTgyLTE5LjYzN3YtMjYuMTgybDU4LjkwOS0xOS42MzdsMjYuMTgyLTQ5LjA5MUwxNDQsMjU1LjI3MmwxOS42MzYtMTkuNjM2bDU4LjkwOSwyOS40NTUNCgkJCWw1Mi4zNjQtMjIuOTA5bDE5LjYzNi01OC45MDlIMzI0bDIyLjkwOSw2Mi4xODJMMzk2LDI2MS44MThsNTIuMzYzLTI2LjE4Mkw0NjgsMjU1LjI3MmwtMjYuMTgyLDU1LjYzN0w0NjEuNDU0LDM2MGw1NS42MzcsMTkuNjM2DQoJCQl2MjkuNDU1TDQ1OC4xODIsNDMybC0xNi4zNjMsNDkuMDkxTDQ3MS4yNzIsNTMzLjQ1NHoiLz4NCgkJPHBhdGggZmlsbD0iIzAwNkJCQiIgZD0iTTMwNC4zNjQsMzA3LjYzNkMyNTUuMjczLDMwNy42MzYsMjE2LDM0Ni45MDksMjE2LDM5NnMzOS4yNzMsODguMzYzLDg4LjM2NCw4OC4zNjMNCgkJCWM0OS4wOSwwLDg4LjM2NC0zOS4yNzIsODguMzY0LTg4LjM2M1MzNTMuNDU0LDMwNy42MzYsMzA0LjM2NCwzMDcuNjM2eiBNMzA0LjM2NCw0NTEuNjM3Yy0zMi43MjgsMC01NS42MzctMjYuMTgzLTU1LjYzNy01NS42MzcNCgkJCWMwLTI5LjQ1NSwyNi4xODItNTUuNjM2LDU1LjYzNy01NS42MzZTMzYwLDM2Ni41NDUsMzYwLDM5NkMzNjMuMjcyLDQyOC43MjgsMzM3LjA5MSw0NTEuNjM3LDMwNC4zNjQsNDUxLjYzN3oiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); background-repeat: no-repeat !important; display: inline-block; background-size: 25px 25px; background-position-y: 0; background-position-x: 0; width: 25px; height: 25px; vertical-align: middle; margin-right: 5px; } .guest-login a:before { content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjEycHgiIGhlaWdodD0iNzkycHgiIHZpZXdCb3g9IjAgMCA2MTIgNzkyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2MTIgNzkyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwb2x5Z29uIGlkPSJwYXRoLTNfMV8iIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTYuMzE5LDQxNC45NzIgNTk1LjY3OSw0MTQuOTcyIDU5NS42NzksNjc2LjA5MiAxNi4zMTksNjc2LjA5MiAJIi8+DQo8L2c+DQo8Zz4NCgk8cG9seWdvbiBpZD0icGF0aC0xXzFfIiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjE0Ni44NzksMTA4Ljk3MiA0NjUuMTE5LDEwOC45NzIgNDY1LjExOSw0MzEuMjkyIDE0Ni44NzksNDMxLjI5MiAJIi8+DQo8L2c+DQo8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCjxnIGlkPSJEZWxsVGVjaC1Db21iaW5lZC1OYXYtLS1EZXNrdG9wIj4NCgk8ZyBpZD0iX3gzMF8xX3g1Rl8wN194NUZfTmV0d29ya2luZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNzEuMDAwMDAwLCAtMjMuMDAwMDAwKSI+DQoJCTxnIGlkPSJUb3AtSGVhZGVyLUJhciI+DQoJCQk8ZyBpZD0iVXRpbGl0eS1OYXYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk2NS4wMDAwMDAsIDIxLjAwMDAwMCkiPg0KCQkJCTxnIGlkPSJMb2dpbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA2LjAwMDAwMCwgMS4wMDAwMDApIj4NCgkJCQkJPGcgaWQ9IlVzZXItd2hpdGUiPg0KCQkJCQkJPGcgaWQ9Ikdyb3VwLTciPg0KCQkJCQkJCTxnIGlkPSJHcm91cC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjAwMDAwMCwgMC44NjUwMDApIj4NCgkJCQkJCQkJPGcgaWQ9IkNsaXAtMiI+DQoJCQkJCQkJCTwvZz4NCgkJCQkJCQkJPHBhdGggaWQ9IkZpbGwtMSIgZmlsbD0iIzAwNkJCQiIgZD0iTTMwMi45OTksMTQ5LjkwN2M2NS4yOCwwLDExOC4zMiw1My4wNCwxMTguMzIsMTE4LjMyYzAsNjkuMzYtNTMuMDQsMTIyLjQtMTE4LjMyLDEyMi40DQoJCQkJCQkJCQljLTY1LjI4LDAtMTE4LjMyLTUzLjA0LTExOC4zMi0xMTguMzJDMTg0LjY3OSwyMDIuOTQ3LDIzNy43MTksMTQ5LjkwNywzMDIuOTk5LDE0OS45MDcgTTMwMi45OTksNDMxLjQyNw0KCQkJCQkJCQkJYzg5Ljc2LDAsMTU5LjEyLTczLjQ0LDE1OS4xMi0xNTkuMTJjMC04OS43Ni03My40NC0xNTkuMTItMTU5LjEyLTE1OS4xMmMtODkuNzYsMC0xNTkuMTIsNzMuNDQtMTU5LjEyLDE1OS4xMg0KCQkJCQkJCQkJQzE0My44NzksMzU3Ljk4NywyMTMuMjM5LDQzMS40MjcsMzAyLjk5OSw0MzEuNDI3Ii8+DQoJCQkJCQkJPC9nPg0KCQkJCQkJCTxnIGlkPSJHcm91cC02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNy44NjUwMDApIj4NCgkJCQkJCQkJPGcgaWQ9IkNsaXAtNSI+DQoJCQkJCQkJCTwvZz4NCgkJCQkJCQkJPHBhdGggaWQ9IkZpbGwtNCIgZmlsbD0iIzAwNkJCQiIgZD0iTTY1LjI3OSw2MjguNDI3YzguMTYtNDAuOCwzMi42NC0xMTguMzIsOTcuOTItMTcxLjM2YzgxLjYsNjEuMiwxOTkuOTIsNjEuMiwyODUuNiwwDQoJCQkJCQkJCQljNjUuMjgsNTMuMDQsODkuNzYsMTMwLjU2MSw5Ny45MiwxNzEuMzZINjUuMjc5eiBNNTkxLjU5OSw2NDQuNzQ3YzAtOC4xNi0xNi4zMTktMTU1LjA0LTEzNC42NC0yMjguNDhsLTEyLjI0LTguMTYNCgkJCQkJCQkJCWwtMTIuMjQsOC4xNmMtNzMuNDM5LDYxLjItMTgzLjYsNjEuMi0yNTcuMDQsMGwtOC4xNi04LjE2bC0xMi4yNCw4LjE2Yy0xMTguMzIsNzcuNTIxLTEzNC42NCwyMjQuNC0xMzQuNjQsMjI4LjQ4DQoJCQkJCQkJCQlsLTQuMDgsMjQuNDc5aDU3OS4zNkw1OTEuNTk5LDY0NC43NDd6Ii8+DQoJCQkJCQkJPC9nPg0KCQkJCQkJPC9nPg0KCQkJCQk8L2c+DQoJCQkJPC9nPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); background-repeat: no-repeat !important; display: inline-block; background-size: 25px 25px; background-position-y: 0; background-position-x: 0; width: 25px; height: 25px; vertical-align: middle; margin-right: 5px; } @media screen and (max-width:639px){ .ps-0{padding:0} } @media screen and (min-width: 980px) and (max-width: 1451px){ #combo-box-div-guest .searchcombo.search-container, #combo-box-div-cust-part .searchcombo.search-container { min-width: 278px; } } @media screen and (max-width: 980px){ .section-one { width: 100vw; } #combo-box-div-guest { width: 100vw !important; margin-top: 20px; margin-right: 10px; padding-right: 0px; float: left; font-family: Arial,Helvetica,sans-serif; } #combo-box-div-guest a { padding: 8px 13px 8px 13px !important; border-bottom: 0 solid transparent; height: auto; width: 100%; font-family: RobotoNormal,Arial,Helvetica,sans-serif !important; color: #1a1a1a; } #combo-box-div-guest .searchcombo .store-search-bar input, #combo-box-div-cust-part .searchcombo .store-search-bar input { width: 100% !important; height: 40px; max-width: 1200px !important; } #combo-box-div-guest .searchcombo.search-container, #combo-box-div-cust-part .searchcombo.search-container { min-width: 301px; width: 100%; padding-left: 18px; padding-right: 18px; } #combo-box-div-guest .searchcombo.search-container, #combo-box-div-cust-part .searchcombo.search-container { margin-top: 10px; } #combo-box-div-guest .searchcombo .store-search-bar, #combo-box-div-cust-part .searchcombo .store-search-bar { margin-top: -1px !important; margin-left: 0; margin-right: 0; padding-bottom: 13px; } .itemcount-circle { margin-left: -14px; } #combo-box-div-guest .searchcombo .store-search-bar input[type="submit"], #combo-box-div-cust-part .searchcombo .store-search-bar input[type="submit"] { background-size: 20px 20px; background-position-y: 10px; background-position-x: 21px; padding: 6px 12px 6px 12px !important; font-size: 15px !important; max-width: 150px !important; } .nav-right-links { padding-left: 0; padding-right: 0; } .shop-cart { float: none !important; margin-left: -3px; border-bottom: 0; padding-left: 0 !important; padding-right: 0 !important; display: flex; border-bottom: 1px solid #c8c9c7; padding-top: 13px; padding-bottom: 13px; margin-top: -13px; } } .searchcombo.search-container *[class*="col-"] { padding-right: 0px; padding-left: 0px; } .mobile-mode .advancedsearch-store{ display: flex; flex-direction: column; } .advoptions{padding-top: 1rem!important;} span.pr-2{ float: right; position: relative; top: 10px; right: 8px; } .mb-7{ margin-bottom: 30px!important} @media screen and (max-width: 767px) { .advoptions{padding-top: 0rem!important;} .mobile-mode .first-div{ order: 2; } .mobile-mode .second-div{ order: 1; } body.highlight .advancedsearch-store .third-div{ order: 3; } body.highlight .mb-6{margin-bottom: 30px!important} body.highlight .mb-7{margin-bottom: 4px!important} .mb-6, .mb-8 { margin-bottom: 18px!important} #advsearchoptions .col-md-4.mb-8{ margin-bottom: 12px!important } .mh-search .autocomplete-items div{margin: 0px 16px;} } @media only screen and (min-width: 768px) and (max-width: 1024px){ .float-lg-right{float: right!important;} .advoptions{padding-top: 0rem!important;} body.highlight.mobile-mode .advancedsearch-store .first-div{ order: 1; } body.highlight.mobile-mode .advancedsearch-store .second-div{ order: 3; } body.highlight.mobile-mode .advancedsearch-store .third-div{ order: 2; } .mb-1 {margin-bottom: 6px!important} .mb-7 {margin-bottom: 18px!important} .mb-8 {margin-bottom: 12px!important} .store-search-bar input[type="radio"]{ height: auto !important; } } @media screen and (max-width:576px) { .mb-1, .my-1 {margin-bottom: .25rem!important} .mb-6 { margin-bottom: 15px!important} .mb-8 { margin-bottom: 12px!important} }