@import 'css/master/settings/settings';

/*BSD Specific Overrides*/

$toolbarPadding: 12px;

.bsd {
  #sortableModules {
    border-top: 1px solid #bcbcbc;
    padding: 0;
  }
  #myOfficeToolbar {
    /* ========================================== Global Layout */
    .toolbar_section_content {
      background-color: $white;
      padding: 0;
    }
    .toolbar_section_padding {
      padding: $toolbarPadding/2 $toolbarPadding $toolbarPadding $toolbarPadding;
    }
    .separator {
      padding: 0;
      margin-bottom: 0;
      &:last-child {
        margin: 0;
        border-bottom: 0;
      }
    }
    h2 {
      padding: 8px $toolbarPadding;
    }

    div.expand_collapse {
      position: relative;
      z-index: 10;
    }

    div.expand_collapse {
      margin: 6px 6px 6px 0;
    }

    /* ========================================== Demo Videos */
    .svg_vidIcon_wrapper {
      padding-right: 6px;
      cursor: pointer;
    }
    .toolbarVideoHelp {
      padding: 6px 12px;
    }
    .svg_vid_icon circle,
    .svg_vid_icon polygon {
        fill:none;
        stroke:#231f20;
        stroke-linecap:round;
        stroke-linejoin:round;
        stroke-width:2px;
    }
    .svg_vid_icon:hover {
      circle,
      polygon {
        stroke: #51b6ee;
      }
    }

    /* ========================================== Account Layout */
    .account_info {
      padding: $toolbarPadding 0;
      border-bottom: none;
    }

    .my_account_link {
      @include font-size($baseFontSize);
    }

    .proprietary_items a,
    .toolbar_services a{
      padding: 8px $toolbarPadding;
      display: block;
      @include font-size($baseFontSize - 2);
    }

    .proprietary_items,
    .toolbar_services {
      border-top: 1px solid #ccc;
    }

    /* ========================================== Cart Layout */
    .toolbar_cart_details {
      @include clearfix();
    }

    .toolbar_product_wrapper {
      border-bottom: none;
      margin-left: $toolbarPadding + 14px;
      padding-bottom: 0;
    }

    #toolbarItemsCart .tbCart_btn {
      &.next {
        right: $toolbarPadding;
      }

      &.prev {
        left: $toolbarPadding;
      }
    }

    .free_delivery_info {
      border-bottom: 1px solid $grayLight;
      float: left;
      width: 100%;
      @include clearfix();
    }

    .toolbar_cart_total_info {
      padding: 0 $toolbarPadding;
      @include font-size($baseFontSize - 2);
      margin: 0;
    }

    .estimated_total {
      margin: $toolbarPadding + 4 0 $toolbarPadding 0;
    }

    #toolbarCartTotal, #toolbarEmptyCart {
      margin: $toolbarPadding 0;
      @include font-size($baseFontSize + 4);
    }

    #toolbarEmptyCart {
      padding: 0 $toolbarPadding;
    }

    .checkout_buttons {
      padding: 0 $toolbarPadding;
      margin-bottom: 10px;
      @include clearfix();
      .btn {
        width: 37%;
        float: right;
        @include font-size(15px);
        &.full_size {
          width: auto;
          float: none;
          margin-left: 0 !important;
        }
        &:first-child {
          margin-left: 5%;
        }
      }
    }

    .tb_cart_mov {
      border-top: 1px solid $borderBottomGray;
      border-bottom: 1px solid $borderBottomGray;
      text-align: center;
      padding: $toolbarPadding/2 0;
      &.mov_msg {
        background-color: #FFEAEA;
        color: $black;
      }
      &.ship_msg {
        background-color: #EEFFE4;
      }
    }

    /* ========================================== Hover Layout */
    #toolbarItemsCart .prod_hover_details {
      margin: $toolbarPadding $toolbarPadding 0;
    }

    /* ========================================== Quick Order By Item NR */

    .quick_order {
      .sku_field {
        width: 70%;
        margin-right: 6%;
      }
      .qty_field {
        width: 20%
      }
    }

    /* ========================================== Recent Search Layout */
    .rcnt_search_list,
    .helpful_links {
      padding-bottom: 3px;
      li a {
          padding-left: $toolbarPadding;
      }
    }

    /* ========================================== Email Signup Module */

    .toolbar_email_signup h4 {
      line-height: 1;
    }
    .signup_title {
      width: 100%;
    }

    /* ========================================== Assistance Modules */
     .cell_call_info {
      padding: 0;
    }
    .cservice_chat_info{
      @include font-size(14px);
    }
    .cservice_webtel_info_icon {
      background-position: -103px -132px;
      float: left;
      height: 20px;
      vertical-align: top;
      width: 8%;
    }
    .cservice_webtel_msg {
      @include font-size(14px);
      margin: 0;
    }
    .cservice_block {
      padding-bottom: 6px;
      border-bottom: 1px solid $borderGray;
      margin-bottom: 6px;
    }
    .cservice_call_info {
      float: left;
      margin-left: 2%;
      width: 90%;
    }
    .cservice_chat_info_details {
      float: left;
      margin-left: 5%;
      width: 78%;
    }
  }
}

#s7_toolbarVideoView {
  &.s7mixedmediaviewer {
    width: 100%;
    height: auto;
    line-height: 0;
  }
  .s7videotime {
    font-size: 10px;
  }
}