//
//  Common
//  _____________________________________________

& when (@media-common = true) {
    .customer-account-login {
        // essentially just to make B2B's site more noticable, but does not
        // hurt to have in general
        .message.success {
            .lib-font-size(17);
        }
        .login-container {
            .fieldset:after {
                display: none;
            }
            .fieldset > .field {
                margin-bottom: 18px;
            }
        }
        .block-new-customer {
            .block-content {
                margin-bottom: 45px;
            }
        }
        .actions-toolbar {
            .secondary {
                a.action {
                    letter-spacing: normal;
                }
            }
        }
        .provider-login-message {
            .lib-font-size(17);
            background: #FAFAFA;
            border: 2px solid #0b56c2;
            font-weight: 600;
            margin-bottom: 20px;
            padding: 15px;
            a {
                text-decoration: underline;
            }
        }
    }

    //
    // Permissions sections
    //  ---------------------------------------------

    .permissions{
        .role-field{
            .role-checkbox{
                width: 1.3em;
                height: 1.3em;
                background-color: white;
                border-radius: 50%;
                vertical-align: middle;
                border: 1px solid #ddd;
                -webkit-appearance: none;
                outline: none;
                cursor: pointer;
            }

            .role-checkbox:checked{
                background-color: #696969;
                border: 4px solid #e8e8e8;
            }
            display: inline-grid;
            label{
                color: rgb(51, 51, 51);
                font-size: 16px;
                font-weight: 300;
            }
        }
    }

    .sales-order-history {
        #order-grid-filter {
            .filter-search, .filter-status {
                float: left;
                width: 45%;
                padding: 1%;
            }
            .price-range, .date-range {
                & > div {
                    font-weight: 600;
                }

                input {
                    width: 25%;
                    min-width: 80px;
                }
            }
        }
    }
}


//
//  Desktop
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .customer-account-login {
        .block-customer-login {
            width: 40%;
        }
        .block-new-customer {
            width: 40%;
        }
        .actions-toolbar .secondary a.action {
            margin-top: 13px;
        }
    }
}

//
//  Mobile
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
    .account.sales-order-history {
        #order-grid-filter {
            .filter-search, .filter-status {
                float: none;
                width: auto;
                padding: 0;
            }
        }
    }
}