/* reverts bootstrap4 definitions from _reboot.scss */

/* bootstrap 4 */

body .webkit {
    font-family: Arial, Helvetica, sans-serif;
}

.webkit table {
    background-color: #ffffff;
}

.webkit legend {
    font-size: unset;
}

.webkit dt {
    font-size: 12px;
    font-family: Arial, "Microsoft Yahei", "微软雅黑" !important;
}

/* bootstrap 4 */

.webkit .familyFilter,
.webkit .familyFilter button {
    box-sizing: border-box;
}

.webkit #col3_content div.categoryHeader .ui-multiselect-checkboxes-cnt {
    margin-top: 10px;
}

/* eShop */
.webkit .hideWhenJS {
    display: none;
}

.webkit div.page {
    margin-top: -21px;
}

/* jQuery UI */
.ui-dialog .ui-dialog-buttonpane button {
    color: #fff;
    background-color: #c00;
    border-style: none;
    margin-left: 10px !important;
}

.ui-dialog .ui-dialog-buttonpane button:focus {
    outline: 0 !important;
}

.ui-dialog {
    box-sizing: content-box !important;
}

.ui-dialog .ui-dialog-title {
    margin: 0;
    width: 100%;
}

.webkit .ui-tabs {
    margin: 10px 0 10px 0 !important;
    padding: 3px !important;
}

.webkit .ui-tabs .ui-tabs-panel {
    margin-left: -2px;
}

/*Notifications and Alerts*/
.webkit .alert.alert-top {
    height: auto;
    padding: 1.2rem;
    width: auto;
}

.requisition_CurrentRequisition .scalePriceTable thead tr td {
    background-color: #dedede !important;
}

.webkit .alert-content {
    padding: 1.2rem 0;
}

.alert-container .alert {
    margin-bottom: 0.2rem;
}

.alert-container .alert-content {
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.2rem;
}

.webkit #col3_content,
.webkit #col3_content * {
    box-sizing: content-box;
}

.webkit #advancedQuantityIndication div.signHolder.imageIcon,
.webkit #advancedQuantityIndication input {
    box-sizing: content-box;
}

.webkit #col3_content .categories_container_tile,
.webkit #col3_content button,
.webkit #col3_content select,
.webkit #col3_content p.message {
    box-sizing: border-box;
}

.webkit #col3_content input[type=submit].small {
    letter-spacing: normal;
}

.webkit #col3_content h1 {
    margin-top: 0 !important;
}

/*styles that fix unresponsive content inside an responsive frame/header/footer*/
#main .webkit #col3_content #dinIsoSearchFields label + input,
#main .webkit #col3_content form[name=RegistrationNewCustomerStep2Form] input[type=password],
#main .webkit #col3_content form[name=RegistrationExistingCustomerStep2Form] input[type=password],
#main .webkit #col3_content form[name=RegistrationNewCustomerStep2Form] input[type=text],
#main .webkit #col3_content form[name=RegistrationExistingCustomerStep2Form] input[type=text],
#main .webkit #col3_content form[name=RegistrationNewCustomerStep2Form] textarea,
#main .webkit #col3_content form[name=RegistrationExistingCustomerStep2Form] textarea {
    width: 278px;
}

#main .webkit #col3_content form[name=RegistrationNewCustomerStep2Form] select,
#main .webkit #col3_content form[name=RegistrationExistingCustomerStep2Form] select {
    width: 286px !important;
}

#main .webkit #col3_content form[name=RegistrationNewCustomerStep2Form] fieldset.label45 ol li dl dt,
#main .webkit #col3_content form[name=RegistrationExistingCustomerStep2Form] fieldset.label45 ol li dl dt,
#main .webkit #col3_content form[name=RegistrationNewCustomerStep2Form] fieldset.label45 ol li label,
#main .webkit #col3_content form[name=RegistrationExistingCustomerStep2Form] fieldset.label45 ol li label {
    width: 42em !important;
}

/*Adaptions for Wuerth-China*/
#main .webkit #col3_content fieldset div.combiSelect select {
    width: 90px !important;
}

.webkit.col-md-9 #col3_content .headerNavItems {
    max-width: 710px !important;
}

.webkit.col-md-9 #col3_content .table_settings {
    max-width: 697px !important;
}

.col-md-9.webkit #col3_content {
    max-width: 710px;
}

.webkit th.table_col_price {
    max-width: 50px;
}

.tooltip.bs-tooltip-right,
.tooltip.bs-tooltip-left,
.tooltip.bs-tooltip-bottom,
.tooltip.bs-tooltip-top {
    height: auto;
    background-image: none;
    color: black;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: white;
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: white;
}

.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: white;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: white;
}