@import 'css/master/settings/settings';
@import './../../../../master/settings/variables/_colors.scss';
/**********************************************
	Recent Searches & Helpful Links Module
**********************************************/

.nojs #container.my_office_toolbar_is_visible #myOfficeToolbar {
  display: none;
}

#myOfficeToolbar {
  border: 1px solid #ddd;
  box-shadow: 3px 3px 6px #EAEDEF, -3px 3px 6px #EAEDEF;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  font-size: 12px;
  margin-bottom: 20px;
  width: 256px;
  min-width: 256px;
  z-index: 10;
  margin-left: 20px;
}

#myOfficeToolbar.hover_display {
  z-index: 100;
}

@media only screen and (min-width:1568px) {
  #myFilesPage #myOfficeToolbar{
    position:relative;
    right:-85px;
  }
}
/* @media hacks for IE6/7/8 */
@media \0screen\,screen\9 {
  #myOfficeToolbar {
    display: none;
  }

  #myOfficeBtn {
    display: block;
  }
}

@media only screen and (max-width: 1257px) {
  #myOfficeToolbar {
    position: absolute;
    right: 0;
  }

  #myOfficeToolbar.nav_bar {
    display: none;
  }
}
@media only screen and (min-width: 1258px) {
  #myOfficeToolbar {
    position: relative;
  }
}

#myOfficeToolbar h2,
#myOfficeToolbar .no_link_color,
#myOfficeToolbar .no_link_color:hover  {
  color: #111;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  padding: 0;
}

#myOfficeToolbar h2:hover {
  color: #72777C;
}

#myOfficeToolbar > h3 {
  background-color: #80858b;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 12px;
}

#myOfficeToolbar .close_btn {
  border-bottom-left-radius: 6px;
  cursor: pointer;
  float: right;
  margin: 0;
  padding: 12px;
}

#myOfficeToolbar .close_btn:before {
  content: 'x';
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  line-height: 1;
}

/*Sortable*/
#sortableModules {
  list-style-type: none;
  margin: 0;
}

#sortableModules > li {
  height: auto;
}

.sort_handle {
  background: url('//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/us/od/myOfficeToolbar/drag_up_down.png') no-repeat 0 0;
  cursor: pointer;
  float: left;
  height: 16px;
  position: relative;
  right: 6px;
  top: 3px;
  width: 12px;
  opacity: 0.3;
  display: none;
}

.sort_handle:hover {
  opacity: 1;
}

.tablet .sort_handle {
  display: none;
}

.sort_highlight {
  background-color: #EAEDEF;
  border: #72777C 1px dashed;
  height: 30px !important;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 12px;
}

/*div.expand_collapse: 'div' required since it is styled different than h2*/
#myOfficeToolbar div.expand_collapse {
  background: url('//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/od/headerRedesign/header_toolbar_icons.png') no-repeat -24px -163px;
  height: 21px;
  margin-left: 12px;
  padding: 0 2px;
  width: 21px;
}

#myOfficeToolbar div.expand_collapse.is_collapsed {
  background-position: 0 -163px;
}

#myOfficeToolbar .toolbar_section_content > p {
  color: #72777C;
  font-size: 12px;
  padding: 8px 0;
}

/********************
My Account
********************/
#myOfficeToolbar .account_info {
  border-bottom: 1px solid #bcbcbc;
  margin: 0 12px;
  padding: 12px 0 0 0;
}

#myOfficeToolbar .account_info h2 a {
  display: block;
  font-size: 12px;
}

#myOfficeToolbar .account_info > div.expand_collapse + h2 + .logout_link {
  opacity: 0;
  position: absolute;
  filter: alpha(opacity = 0);
  visibility: hidden;
}

#myOfficeToolbar .account_info > div.expand_collapse.is_collapsed + h2 + .logout_link {
  filter: alpha(opacity = 1);
  opacity: 1;
  position: relative;
  visibility: visible;

  transition: opacity .4s cubic-bezier(0.43,-0.04, 1, 0.6);
  -webkit-transition: opacity .4s cubic-bezier(0.43,-0.04, 1, 0.6);
  -moz-transition: opacity .4s cubic-bezier(0.43,-0.04, 1, 0.6);
}


#myOfficeToolbar .account_info .alerts {
  float:left;
  background-color:#fefad3;
  border-bottom: 1px solid #bcbcbc;
  font-size:13px;
  font-weight:400;
  margin:5px -12px -9px -12px;
  padding: 10px 20px;
}

#myOfficeToolbar .account_info .alerts a.arrow {
  background: transparent url(//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/od/odr/misc_arrow_sprite.png) no-repeat right 5px;
  display: inline-block;
  padding-right: 12px;
}

/*Kept selectors general so they can be used in account pages, and my office toolbar is global*/
.user_avatar {
  border: none;
  float: left;
  padding: 5px;
  width: 80px;
  margin-right: 5px;
  position: relative;
}

.user_avatar.loggedin_profile {
  cursor: pointer;
}

.user_avatar span {
  width: 70px;
  height: 70px;
  display: inline-block;
}

.user_avatar .anonymous {
  background: url('//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/od/headerRedesign/header_toolbar_icons.png') no-repeat -55px -160px;
  border: 2px solid #ccc;
  border-radius: 35px;
  width: 66px;
  height: 66px;
}

.user_avatar .profile {
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 36px;
  color: #111;
  font-size: 30px;
  line-height: 70px;
  text-align: center;
  text-transform: uppercase;
}

.user_avatar_default .profile_initials,
.user_avatar .profile_initials {
  font-size: 30px;
  position: absolute;
  top: 25px;
  left: 6px;
  text-align: center;
  width: 80px;
  text-transform: uppercase;
}

.avatar_img {
  border-radius: 50%;
  width: 80px;
}

.user_avatar.loggedin_profile:hover:after,
#editPhoto .user_avatar:hover:after {
  content: "Change";
  background: $blue;
  background: -webkit-linear-gradient(0deg, $blue 60%, rgba(0,0,0,0) 40%) no-repeat;
  background: -o-linear-gradient(0deg, $blue 60%, rgba(0,0,0,0) 40%) no-repeat;
  background: -moz-linear-gradient(0deg, $blue 60%, rgba(0,0,0,0) 40%) no-repeat;
  background: linear-gradient(0deg, $blue 60%, rgba(0,0,0,0) 40%) no-repeat;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  height: 40px;
  left: 5px;
  letter-spacing: 1px;
  line-height: 52px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 45px;
  width: 80px;
}

#myOfficeToolbar .user_info {
  width: 135px;
  float: left;
  margin-top: 15px;
  font-size: 16px;
  word-break: break-all;
}

.user_info .small,
#myOfficeToolbar .my_orders label {
  font-size: 12px;
}

#myOfficeToolbar .toolbar_btn {
  font-size: 13px;
  margin: 4px 0;
}

#myOfficeToolbar .login_note {
  font-size: 14px;
}

#myOfficeToolbar a.brandColor_sp1,
#myOfficeToolbar .city_state,
#myOfficeToolbar .business_name {
  font-size: 12px;
  margin-bottom: 4px;
  padding-bottom: 4px;
}

#myOfficeToolbar .business_name {
  border-top: #E5E8EB;
  margin-bottom: 0;
}

#myOfficeToolbar .black_link {
  color: #000;
  font-size: 16px;
}

#myOfficeToolbar .separator {
  border-bottom: 1px solid #bcbcbc;
  border-top: 0;
  padding: 0 0 8px 0;
  margin-bottom: 8px;
}

#myOfficeToolbar .dashed_separator {
  border-bottom: 1px dashed #f1f1f1;
  margin: 6px 0;
  padding: 6px 0;
}

#myOfficeToolbar .alert_item_wrapper {
  background-color: #f2f2f2;
  padding: 8px;
}

#myOfficeToolbar .login_note {
  clear: both;
  display: inline-block;
  font-weight: 600;
  margin-top: 4px;
  padding-bottom: 8px;
}

#myOfficeToolbar .dashed_bottom_border {
  border-bottom: 1px dashed #EAEDEF;
}

/********************
	Rewards
********************/
#myOfficeToolbar .rewards_info {
  font-size: 14px;
  display: inline-block;
  line-height: 1.2;
  width: 232px;
  padding: 5px 12px;
  margin: 0 -12px;
}

#myOfficeToolbar .rewards_info span {
  padding-top:5px;
  padding-bottom:5px;
  padding-right:5px;
}

#myOfficeToolbar .points_info,
#myOfficeToolbar .my_rewards .points_to_earn {
  color: #5e5d5d;
  font-size: 16px;
}

#myOfficeToolbar .myprofile_avatar {
  color: #5e5d5d;
  font-size: 16px;
}

#myOfficeToolbar .points_info {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 600;
}

#myOfficeToolbar .gift_icon {
  background: transparent url('//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/us/od/myOfficeToolbar/giftbox_toolbar.png') no-repeat 0 8px;
  padding-left:20px;
  float: left;
}

#myOfficeToolbar .points_pending_text.gift_icon {
  background-position-y: 5px;
}

#myOfficeToolbar h2 > .certificate {
  font-size:12px;
}

#myOfficeToolbar .rewards_info > span,
#myOfficeToolbar .rewards_info > span .remainingPoints {
  font-size:13px;
  font-weight: 400;
  color: #fff;
}

#myOfficeToolbar .rewards_info > span h4 {
  font-size:15px;
  font-weight: 600;
  padding-bottom:0;
}

#myOfficeToolbar .rewards_info > span .sm_txt {
  font-size:13px;
  color:#72777C;
}

#myOfficeToolbar .rewards_info a {
  color: #111;
  font-size:13px;
  font-weight:normal;
}

#myOfficeToolbar .rewards_info a:hover {
  color:#72777C;
}

#myOfficeToolbar .green,
#myOfficeToolbar .points_to_earn strong {
  color: #90b50f;
}

/********************
	My Orders
********************/
#myOfficeToolbar .form_field {
  margin: 10px 0 15px 0;
}

#myOfficeToolbar .my_orders label.inline_error_box {
  font-size: 11px;
}

.my_orders #orderPhoneNumber {
  border-radius: 6px;
  width: 100%;
}

#userOrdersTable tr {
  border-bottom: 1px dotted #EAEDEF;
}

#userOrdersTable td {
  padding: 8px 0;
}

#myOfficeToolbar .orders_rght .amt:after {
  margin-left: 33px;
}

#myOfficeToolbar .orders_rght  {
  width: 46%;
  float: right;
  padding: 5px 0px;
  margin-top: 3px;
}

#myOfficeToolbar .orders_lft {
  float: left;
  width: 48%;
  padding: 5px 0px;
}

#myOfficeToolbar .orders_lft .status {
  color: $blue;
  font-weight: bold;
}

#myOfficeToolbar .orders_lft .date,
#myOfficeToolbar.orders_rght .amt {
  font-size: 12px;
}

#myOfficeToolbar .orders_rght span {
  float: right;
}

#myOfficeToolbar .orders_lft span,
#myOfficeToolbar .orders_rght span {
  display: block;
  padding: 2px 0px;
  color: #111;
}

.spacer {
  border-bottom: 1px dashed #ccc;
  clear: both;
}

/***************************
	Main Stage Module
****************************/

#myOfficeToolbar .tb_mainstg_container {
  padding: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #bcbcbc;
}

/********************
	Cart Module
********************/
#myOfficeToolbar .toolbar_cart_icon {
  background: url('//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/od/headerRedesign/cart.png') no-repeat 0 0;
  background-size: 22px;
  height: 22px;
  width: 22px;
}

#myOfficeToolbar .toolbar_cart_count {
  background-color: #cd0102;
  color: #fff;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  padding: 2px 4px;
  border-radius: 11px;
  min-width: 14px;
}

#myOfficeToolbar .toolbar_cart_total_info {
  font-size: 16px;
  margin: 10px 0;
  line-height: 1.3;
}

#myOfficeToolbar .toolbar_cart_details {
  margin-top: 15px;
}

#myOfficeToolbar .toolbar_product_wrapper {
  border-bottom: 1px dashed #ccc;
  margin: 0 17px 10px 14px;
  overflow: hidden;
  padding-bottom: 10px;
  position: relative;
  width: 206px;
}

#myOfficeToolbar .toolbar_cart_slider {
  position: relative;
  width: 10000px;
}

#myOfficeToolbar .toolbar_cart_slider li {
  float: left;
  padding: 0 4px;
}

#toolbarItemsCart .toolbar_item_descrip {
  margin: 10px 0;
  font-size: 14px;
  color: #111;
}

#toolbarItemsCart .toolbar_item_descrip a{
  color: #111;
}

.my_cart #toolbarItemsCart .btn,
.my_cart #toolbarEmptyCart .btn {
  display: block;
}

#toolbarItemsCart .tbCart_controls,
#myOfficeToolbar .tbRecs_controls {
  position: relative;
}

#toolbarItemsCart .tbCart_btn,
#myOfficeToolbar .tbRecs_btn {
  background: url('//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/us/od/myOfficeToolbar/blue-arrows.png') no-repeat  0 0;
  border: 0 none;
  width: 13px;
  height: 25px;
  position: absolute;
  top: 25px;
}

#toolbarItemsCart .tbCart_btn:hover,
#myOfficeToolbar .tbRecs_btn:hover {
  opacity: 0.7;
  cursor: pointer;
}

#toolbarItemsCart .tbCart_btn:disabled,
#myOfficeToolbar .tbRecs_btn:disabled {
  display: none;
}

#toolbarItemsCart .tbCart_btn.next,
#myOfficeToolbar .tbRecs_btn.next {
  background-position: -26px 0;
  right: 0px;
}

#toolbarItemsCart .tbCart_btn.prev,
#myOfficeToolbar .tbRecs_btn.prev {
  left: 0px;
}

.toolbarReliable .small_check {
  display: none;
}

.reliable_section {
  background: url('//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/common/toolbar/reliable.png') no-repeat  0 10px;
  font-size: 13px;
  font-weight: 600;
  height: auto;
  padding: 10px 0;
  width: 100%;
  color: #158c22;
  margin-top: 16px;
  padding: 33px 0 10px 0;
}

.reliable_label {
  margin-top: 5px;
  display: inline-block;
}

#toolbarItemsCart .cart_notify li{
  color: #158c22;
  font-size: 13px;
  font-weight: 600;
  list-style-type: square;
  margin-left: 20px;
}

#toolbarItemsCart .cart_notify li.activate_reliable{
  list-style-type: none;
}

#toolbarItemsCart .cart_notify li.bs2_delivery_info{
  color: #111111;
  list-style-type:none
}

#toolbarItemsCart .cart_notify li.bs2_delivery_info .bs2_delivery_branding{
  color: #b30000;
}

/********************
	Stores Module
********************/

#myOfficeToolbar .my_store_link {
  color: #111;
}

#myOfficeToolbar .change_my_store {
  font-size: 12px;
  line-height: 20px;
}

#myOfficeToolbar .free-pickup {
  color: #CE0000;
  margin-top: 5px;
}

#myOfficeToolbar .my_store_address {
  font-size: 12px;
  margin-top: 10px;
  width: 66%;
  margin-right: 4%;
  color: #72777C;
  line-height: 16px;
}

#myOfficeToolbar .my_store_address .phone {
  font-size: 16px;
  margin-top: 10px;
}

#myOfficeToolbar #tbStoreHours {
  margin-top: 10px;
}

#myOfficeToolbar .my_store_logo {
  margin-bottom: 10px;
}

#myOfficeToolbar .my_address_distance {
  font-size: 14px;
  margin-top: 30px;
  width: 30%;
  text-align: center;
}

.my_address_distance_icon {
  background: url('//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/us/od/myOfficeToolbar/store_locator.png') no-repeat 0 0;
  background-size: 100%;
  height: 28px;
  width: 18px;
  margin-left: -25px;
  position: absolute;
  margin-top: -5px;
}

#tbStoreMiles .stores_icon {
  position: relative;
}

.my_store_details.is_collapsed .my_address_distance_icon {
  background: none;
  background-image: none;
}

#tbStoreMiles {
  float:right;
  margin-top: 14px;
  margin-bottom: 5px;
}

/*******************************
	Recommendations Module
*******************************/

#myOfficeToolbar .persistent_zone {
  float: none;
  margin: 0 14px;
  overflow: hidden;
  position: relative;
  width: 206px;
}

#myOfficeToolbar .tbRecs_controls {
  top: -70px;
}

.persistent_zone ul {
  width: 10000px;
  position: relative;
}

.persistent_zone li {
  display: inline-block;
  float: left;
  padding: 0 4px;
}

.toolbar_prodImg_wrapper {
  width: 60px;
  height: 60px;
}

/*********************************
	Miscellaneous Modules
*********************************/

#myOfficeToolbar .misc_modules .my_files,#myOfficeToolbar .misc_modules .shp_list {
  width:25%;
  float:left;
  margin:0 1%;
}

#myOfficeToolbar .misc_modules .subscription {
  width:43%;
  float:left;
  margin:0 1%;
}

#myOfficeToolbar .quick_link_module {
  box-shadow:1px 1px 2px #EAEDEF;
}

#myOfficeToolbar .quick_link_module:hover {
  box-shadow:5px 5px 8px #EAEDEF, -5px 5px 8px #EAEDEF;
}

#myOfficeToolbar .quick_link_module a {
  border-bottom:2px solid #72777C;
  display:block;
  height:30px;
  color:#111;
  margin:0 5px 5px;
  padding:10px;
}

#myOfficeToolbar .quick_link_module a:hover {
  border-color: $blue;
}

#myOfficeToolbar .quick_link_module .sm_fnt {
  font-size:10px;
}

#myOfficeToolbar .quick_link_module .lrg_fnt {
  font-size:13px;
}

/*********************************
	Assistance Module
*********************************/

.assistance_module {
  background-color: $blue;
  color: #fff;
  min-height: 30px;
  width: 100%;
}

.assistance_module > span {
  display: inline-block;
  line-height: 30px;
  padding: 0 10px;
}

.assistance_module a.cservice_tel,
.assistance_module a.cservice_tel:hover {
  color: #fff;
  cursor: default;
}

#myOfficeToolbar .assistance_module .assistance_icons {
  background: url('//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/us/od/myOfficeToolbar/toolbar_help_icons.png') no-repeat 5px -63px;
  border-left: 1px solid #fff;
  display: inline-block;
  float: left;
  height: 30px;
  padding: 0 12px;
  vertical-align: middle;
  width: 18px;
}

#myOfficeToolbar .assistance_module .assistance_icons:hover {
  background-color: $blue-dark;
}

#myOfficeToolbar .assistance_module .cservice_tel_icon {
  background-position: 5px -63px;
}

#myOfficeToolbar .assistance_module .cservice_chat_icon {
  background-position: 5px -31px;
}

#myOfficeToolbar .assistance_module .cservice_email_icon {
  background-position: 5px 0px;
}

#myOfficeToolbar .cservice_call_details,
#myOfficeToolbar .cservice_chat_details {
  background-color: #f2f3f5;
  clear: both;
  color: #111;
  float: left;
  padding: 12px;
  width: 232px;
}

.cservice_tel_info_icon {
  background: url(//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/od/headerRedesign/header_toolbar_icons.png) no-repeat -85px -137px;
  display: inline-block;
  height: 15px;
  width: 15px;
  vertical-align: middle;
}

#myOfficeToolbar .cservice_tel_info,
#myOfficeToolbar .cservice_webtel_info {
  font-size: 15px;
}

#myOfficeToolbar .cservice_anytime,
#myOfficeToolbar .cservice_webtel_msg {
  color: #72777C;
  font-size: 12px;
  margin-left: 20px;
}

#myOfficeToolbar .cell_call_info {
  padding: 5px 0;
}

#myOfficeToolbar .web_call_info {
  border-top: 1px dashed #ccc;
  margin-top: 12px;
  padding-top: 12px;
}

#myOfficeToolbar .cservice_webtel_info_icon {
  background: url(//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/od/headerRedesign/header_toolbar_icons.png) no-repeat -103px -135px;
  display: inline-block;
  height: 18px;
  width: 18px;
  vertical-align: middle;
}

#myOfficeToolbar .web_cb_phone {
  margin-bottom: 6px;
}

#myOfficeToolbar .cservice_webCallBackPhoneNo {
  height: 20px;
}
#myOfficeToolbar .g-recaptcha {
  transform:scale(0.77);
  -webkit-transform:scale(0.77);
  transform-origin:0 34%;
  -webkit-transform-origin:0 34%;
}

#myOfficeToolbar .cservice_webCallBackPhoneNo.data_error {
  border-color: #ce0000;
}

#myOfficeToolbar .cservice_webCallBack label.data_error,
#myOfficeToolbar .cservice_webCallBack .messaging.text.error {
  color: #ce0000;
}

#myOfficeToolbar .cservice_webCallBackButton {
  display: inline-block;
  margin: 0 0 0 0;
  width: 100%;
  height: 30px;
}
#myOfficeToolbar .cservice_webCallBackButton:disabled {
  background-color: #e5e8eb;
  border-color: #e5e8eb;
  color: #fff;
}

#myOfficeToolbar .cservice_webCallBack .error_note {
  color: #ce0000;
  font-size: 11px;
  margin-left: 20px;
}

#myOfficeToolbar .cservice_webCallBack .messaging.text.error {
  background: none;
  position: relative;
}

#myOfficeToolbar .cservice_webCallBack .messaging.text.error:before {
  border: 2px solid #ce0000;
  border-radius: 20px;
  content: '!';
  display: inline-block;
  font-size: 16px;
  height: 20px;
  left: 5px;
  position: absolute;
  text-align: center;
  top: 5px;
  width: 20px;
}

/*********************************
	Product Hover State
*********************************/

#myOfficeToolbar .tb_hover_display {
  position: absolute;
  top: -170px;
  left: 0px;
  display: block !important;
}

.tb_hover_display:after,
.tb_hover_display:before {
  top: 100%;
  left: 50px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.tb_hover_display.tip_left:after,
.tb_hover_display.tip_left:before {
  left: 50px;
}

.tb_hover_display.tip_center:after,
.tb_hover_display.tip_center:before {
  left: 115px;
}

.tb_hover_display.tip_right:after,
.tb_hover_display.tip_right:before {
  left: 183px;
}

.tb_hover_display:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: rgba(255, 255, 255, 1);
  border-width: 15px;
  margin-left: -15px;
}
.tb_hover_display:before {
  border-color: rgba(221, 221, 221, 0);
  border-top-color: rgba(221, 221, 221, 1);
  border-width: 17px;
  margin-left: -17px;
}

/********************
Search Results page ->
is respsonsive, need this to play nice
********************/
/**
[ODNA-80780] - IE8 Fix for BSD since they don't support media queries
 */
#searchRefineV2 #container.bsd #s02 {
  width: 708px !important;
}
/**
END [ODNA-80780] - IE8 Fix for BSD since they don't support media queries
 */
@media only screen and (min-width: 1258px) {
  #searchRefineV2 #container.my_office_toolbar_is_visible #s02 {
    width: 708px;
  }

  /*Adjust content width when office toolbar showing*/
  #searchRefineV2 #container.my_office_toolbar_is_visible #contentWrapper,
  #searchRefineV2 #container.my_office_toolbar_is_visible #contentContainer {
    width: 1260px; /*960+280+20=1260*/
  }

  #searchRefineV2 #container.my_office_toolbar_is_visible #content {
    width: 948px;
  }

  #searchRefineV2 #container.my_office_toolbar_is_visible #skuListV3 .grid_view .gw3.sku_item {
    width: 32%;
  }

  #searchRefineV2 #container.bsd #skuListV3 .grid_view .gw3.sku_item {
    width: 32%;
  }

  /** 3 Column Layout **/
  #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n4,  #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n8,  #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n12, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n16,
  #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n20, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n24, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n28, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n32,
  #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n36, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n40, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n44, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n48,
  #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n52, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n56,#container.my_office_toolbar_is_visible #skuListV3 .grid_view .n60, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n64,
  #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n68,  #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n72, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n76, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n80 {
    clear: none;
  }

  #container.bsd #skuListV3 .grid_view .n4,  #container.bsd #skuListV3 .grid_view .n8,  #container.bsd #skuListV3 .grid_view .n12, #container.bsd #skuListV3 .grid_view .n16,
  #container.bsd #skuListV3 .grid_view .n20, #container.bsd #skuListV3 .grid_view .n24, #container.bsd #skuListV3 .grid_view .n28, #container.bsd #skuListV3 .grid_view .n32,
  #container.bsd #skuListV3 .grid_view .n36, #container.bsd #skuListV3 .grid_view .n40, #container.bsd #skuListV3 .grid_view .n44, #container.bsd #skuListV3 .grid_view .n48,
  #container.bsd #skuListV3 .grid_view .n52, #container.bsd #skuListV3 .grid_view .n56, #container.bsd #skuListV3 .grid_view .n60, #container.bsd #skuListV3 .grid_view .n64,
  #container.bsd #skuListV3 .grid_view .n68,  #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n72, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n76, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n80{
    clear: none;
  }

  #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n3,  #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n6,  #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n9, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n12,
  #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n15, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n18, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n21, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n24,
  #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n27, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n30, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n33, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n36,
  #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n39, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n42, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n45, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n48,
  #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n51, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n54, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n57, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n60,
  #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n63, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n66, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n69, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n72,
  #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n75, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n78, #container.my_office_toolbar_is_visible #skuListV3 .grid_view .n81 {
    clear: left;
  }

  #container.bsd #skuListV3 .grid_view .n3,  #container.bsd #skuListV3 .grid_view .n6,  #container.bsd #skuListV3 .grid_view .n9, #container.bsd #skuListV3 .grid_view .n12,
  #container.bsd #skuListV3 .grid_view .n15, #container.bsd #skuListV3 .grid_view .n18, #container.bsd #skuListV3 .grid_view .n21, #container.bsd #skuListV3 .grid_view .n24,
  #container.bsd #skuListV3 .grid_view .n27, #container.bsd #skuListV3 .grid_view .n30, #container.bsd #skuListV3 .grid_view .n33, #container.bsd #skuListV3 .grid_view .n36,
  #container.bsd #skuListV3 .grid_view .n39, #container.bsd #skuListV3 .grid_view .n42, #container.bsd #skuListV3 .grid_view .n45, #container.bsd #skuListV3 .grid_view .n48,
  #container.bsd #skuListV3 .grid_view .n51, #container.bsd #skuListV3 .grid_view .n54, #container.bsd #skuListV3 .grid_view .n57, #container.bsd #skuListV3 .grid_view .n60,
  #container.bsd #skuListV3 .grid_view .n63, #container.bsd #skuListV3 .grid_view .n66, #container.bsd #skuListV3 .grid_view .n69, #container.bsd #skuListV3 .grid_view .n72,
  #container.bsd #skuListV3 .grid_view .n75, #container.bsd #skuListV3 .grid_view .n78, #container.bsd #skuListV3 .grid_view .n81 {
    clear: left;
  }



  /*List view adjustments*/
  #container.my_office_toolbar_is_visible #s02 #navSearch #searchHeaderV3,
  #container.my_office_toolbar_is_visible #navSearch .search_headerV2.footer,
  #container.my_office_toolbar_is_visible #skuListV3 .list_view .products {
    width: 100%;
  }

  #container.my_office_toolbar_is_visible #skuListV3 .list_view .sku_description_wrapper {
    margin: 60px 0 0 6px;
    width: 67%;
  }

  /* Pagination at bottom has specific widths */
  #searchRefineV2 #container.my_office_toolbar_is_visible #paginationFooter .wrapper {
    width: 575px;
  }
}

/* SKU ALERTS */
.sku_alert {
  position: relative;
  box-sizing: border-box;
  border-left: 1px solid #90B50F;
  border-bottom: 1px solid #90B50F;
  border-right: 1px solid #90B50F;
  width: 100%;
  background: #f5fcdb;
}

.sku_alert .alert_close {
  position: absolute;
  right: 7px;
  top: 4px;
  z-index: 10;
  cursor: pointer;
}

.sku_alert .alert_close svg {
  fill: #72777C;
}

.sku_alert .sku_alert_image {
  background: #fff;
  vertical-align: top;
  display: table-cell;
  position: relative;
  line-height: 0;
  font-size: 0;
  margin-right: 15px;
  border-right: 1px solid #90B50F;
}

.sku_alert .sku_alert_image .sku_alert_check {
  position: absolute;
  bottom: 5px;
  left: 5px;
  background: #90B50F;
  padding: 3px;
  border-radius: 10px;
}

.sku_alert .sku_alert_desc {
  display: table-cell;
  padding: 10px 15px;
  line-height: 1.4em;
  font-size: 1.0em;
}

.sku_alert .sku_alert_desc .sku_alert_desc_heading {
  color: #90B50F;
  font-size: 1.3em;
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

#myOfficeToolbar .sb_banner,
#myOfficeToolbar .sb_banner_free_delivery,
#myOfficeToolbar .sb_banner_login,
#myOfficeToolbar .sb_banner_all_products {
  padding: 0 12px;
  margin: 0 0 5px 0;
}

#myOfficeToolbar .sb_banner_all_products {
  text-align: center;
  font-size: 14px;
  padding: 5px 0 0 0;
}

#myOfficeToolbar .toolbar_cart_coupon_badge {
  color: #90B50F;
  border: 1px solid #90B50F;
  font-size: 11px;
  padding: 3px;
  margin-left: 4px;
  font-weight: 600;
}

#myOfficeToolbar .coupon_hover .prod_hover_details {
  min-height: auto;
}

#myOfficeToolbar .coupon_hover .tb_prod_content {
  padding: 10px;
  font-size: 12px;
  color: #90B50F;
}

#myOfficeToolbar .coupon_hover .tb_prod_content ul {
  padding: 0 0 0 15px;
}

#myOfficeToolbar .coupon_hover .tb_prod_content li {
  list-style: disc;
}

.coupon_hover .tb_hover_display.tip_right:after, .coupon_hover .tb_hover_display.tip_right:before {
  left: 147px;
}

#toolbarItemsCart .cart_notify li.free_delivery_info_vip {
  border-top: 1px dashed green;
  border-bottom: 1px dashed green;
  font-size: 0.750rem;
  list-style-type: none;
  margin: 0;
  padding: 5px 0;
}
a[id^="sb_banner_vip_removal"] img, a[id*=" sb_banner_vip_removal"] img {
  height: 55px;
  width: 200px;
  padding: 9px 0;
}