﻿.cs-cart-deliver-to-address,
.cs-cart-deliver-to-shop {
    width: 500px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
}

.cs-cart-deliver-to-address {
    margin-left: 30px;
}

.sc-radio-button {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 8px;
    border: 1px solid #7fad5a;
    background: #fff;
}

    .sc-radio-button.active {
        background: #7fad5a;
    }

div[disabled="disabled"].sc-radio-button {
    border: 1px solid #898989;
    background: #f5f5f5
}

.cs-radio-label {
    margin: 0;
    line-height: 16px;
    font-weight: normal;
    vertical-align: top;
}

.modal .modal-body label.cs-radio-label.active-label {
    font-weight: bold;
}

.cs-radio-label.cs-radio-label-value {
    height: 30px;
    width: calc(100% - 160px);
    float: right;
    padding-left: 10px;
    color: #cacaca;
}

    .cs-radio-label.cs-radio-label-value.active-label {
        color: #729b51;
        font-weight: bold;
    }

.cs-cart-input {
    width: 200px;
    height: 25px;
    margin: 20px 10px 0 0;
    padding: 0 10px;
    display: inline-block;
    background: #fff;
    border: 1px solid #e9e9e9;
}

.cs-cart-input-big {
    width: 410px;
    height: 25px;
    margin: 20px 10px 0 0;
    padding: 10px 10px;
    display: inline-block;
    background: #fff;
    border: 1px solid #e9e9e9;
}


.cs-cart-input-big::-webkit-input-placeholder,
.cs-cart-input-big:-moz-placeholder,
.cs-cart-input-big::-moz-placeholder,
.cs-cart-input-big:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

    .cs-cart-input::-webkit-input-placeholder,
    .cs-cart-input:-moz-placeholder,
    .cs-cart-input::-moz-placeholder,
    .cs-cart-input:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.3);
    }

.active-block .cs-cart-input {
    border: 1px solid #d3d3d3;
}

    .active-block .cs-cart-input:focus,
    .cs-cart-input:focus,
    .active-block .cs-cart-input.cs-required.ng-invalid-required:focus,
    .cs-cart-input.cs-required.ng-invalid-required:focus,
    .cs-cart-input.ng-invalid-pattern:focus {
        border: 1px solid #7fad5a;
    }

    .active-block .cs-cart-input::-webkit-input-placeholder,
    .active-block .cs-cart-input:-moz-placeholder,
    .active-block .cs-cart-input::-moz-placeholder,
    .active-block .cs-cart-input:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.5);
    }

    .active-block .cs-cart-input.cs-required.ng-invalid-required,
    .cs-cart-input.cs-required.ng-invalid-required,
    .cs-cart-input.ng-invalid-pattern,
    .cs-required-invalid input,
    .cs-cart-input.cs-cart-email-input.cs-required.ng-invalid-email {
        border: 1px solid #FF0000;
    }

.cs-label-cash {
    color: #e9e9e9;
    font-size: 18px;
    margin-top: 40px;
}

.active-block .cs-label-cash {
    color: #d3d3d3;
}

.reason-ordering-part {
    display: block;
    margin-top: 20px;
}

.cs-textarea,
textarea.cs-textarea:disabled {
    position: relative;
    display: block;
    width: 100%;
    min-height: 48px;
    margin-top: 5px;
    padding: 0 10px;
    border: 1px solid #e9e9e9;
    border-radius: 0;
    resize: none;
    overflow: hidden;
}

textarea.cs-textarea:disabled,
.cs-block-body textarea.cs-textarea:disabled {
    background-color: #fff;
    cursor: not-allowed;
}

.active-block .cs-textarea {
    border: 1px solid #d3d3d3;
}

.cs-block-body {
    padding: 0 40px 40px 30px;
}

    .cs-block-body textarea.cs-textarea {
        width: 400px;
        min-height: 100px;
    }

    .cs-block-body .cs-cart-input {
        margin: 0 10px 0 0;
    }

    .cs-block-body .wrap-dd-select {
        width: 250px;
        background: #f5f5f5;
    }

        .cs-block-body .wrap-dd-select .dropdown-menu {
            height: 200px;
            top: -205px;
        }

        .cs-cart-input:disabled {
            cursor: not-allowed;
        }

.cs-sum {
    padding: 30px 70px 30px 0;
}

.cs-sum-block {
    display: block;
    text-align: right;
}

    .cs-sum-block .cs-price-text {
        margin-bottom: 0;
        font-weight: normal;
    }

.cs-price-value {
    width: 120px;
    margin-bottom: 0;
    font-weight: normal;
}

.cs-sum-block .cs-price-value-sum {
    font-weight: bold;
}

.cs-cart-button {
    width: 18px;
    height: 24px;
    padding: 0;
    border: 0;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
}

    .cs-cart-button .notification-count {
        top: -8px;
        left: 10px;
    }

.cs-delete-item {
    width: 14px;
    height: 14px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 0;
    background-color: #fff;
    opacity: 0.3;
}

    .cs-delete-item:hover {
        opacity: 1;
    }

.om-block-header.bc-block-header {
    display: inline-block;
}

.om-block-header .bc-search {
    width: 250px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #ccc;
    display: inline-block;
    padding: 0 10px;
    border-radius: 0;
    box-shadow: 0 0 0;
    color: #000;
    font-size: 14px;
    font-weight: normal;
}

    .om-block-header .bc-search:focus {
        border: 1px solid #7fad5a;
        box-shadow: 0 0 0;
    }
