﻿
.option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 0; /*13.33333px;*/
    right: 0;
    bottom: 0;
    left: 0;
    height: 25px;
    width: 25px;
    transition: all 0.15s ease-out 0s;
    background: #cbd1d8;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 1000;
}

    .option-input:hover {
        background: #9faab7;
    }

    .option-input:checked {
        background: #40e0d0;
    }

        .option-input:checked::before {
            height: 25px;
            width: 25px;
            position: absolute;
            content: '✔';
            display: inline-block;
            font-size: 16.66667px;
            text-align: center;
            /*line-height: 30px;*/
        }

        .option-input:checked::after {
            -webkit-animation: click-wave 0.65s;
            -moz-animation: click-wave 0.65s;
            animation: click-wave 0.65s;
            background: #40e0d0;
            content: '';
            display: block;
            position: relative;
            z-index: 100;
        }

    .option-input.radio {
        border-radius: 50%;
    }

        .option-input.radio::after {
            border-radius: 50%;
        }

label {
    display: inline-flex;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    vertical-align: middle !important;
}




.required-asterik {
    color: red;
    font-size: 15px
}
.textbox-validation {
    border-color: red !important;
}
.modal-dialog {
    max-width: 1200px;
}
.appendAttributeValue {
    width: fit-content;
}

.appendUPC {
    width: 100px;
}

.appendPrice {
    width: 80px;
}

.appendQuantity {
    width: 80px;
}
.valid-msg {
    padding: 25px;
    margin-left: 20px;
    margin-right: 20px;
    border: 2px solid;
    border-radius: 4px;
    width: 100%;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}


