﻿.ColorsBox .ColorsContainer table {
    margin-bottom: 0;
}

    .ColorsBox .ColorsContainer table tr {
        padding: 0;
    }

        .ColorsBox .ColorsContainer table tr td {
            padding: 0;
            width: 100%;
            direction: rtl;
        }

            .ColorsBox .ColorsContainer table tr td > input[type=radio] {
                display: none;
            }

                .ColorsBox .ColorsContainer table tr td > input[type=radio] + label {
                    cursor: pointer;
                    width: 100%;
                    height: 50px;
                    margin: 0 !important;
                    text-align: center;
                    /*padding-top: 15px;*/
                    padding: 15px;
                    white-space: nowrap;
                    direction: ltr;
                }

                .ColorsBox .ColorsContainer table tr td > input[type=radio][disabled] + label {
                    cursor: not-allowed;
                }

                .ColorsBox .ColorsContainer table tr td > input[type=radio] + label .alert-tooltiptext {
                    white-space: normal !important;
                }

                .ColorsBox .ColorsContainer table tr td > input[type=radio] + label:hover {
                    background-color: #f7931e;
                    color: #fff;
                }

                .ColorsBox .ColorsContainer table tr td > input[type=radio][disabled] + label:hover {
                    background-color: inherit;
                    color: inherit;
                }

                .ColorsBox .ColorsContainer table tr td > input[type=radio]:checked + label {
                    background-color: #3399ff;
                    color: #fff;
                }

                .ColorsBox .ColorsContainer table tr td > input[type=radio][enbaled]:checked + label:hover {
                    background-color: #f7931e;
                    color: #fff;
                }

.ColorsBox .radio-frame-scroll {
    max-height: 260px;
}


.ColorsBox {
    overflow-y: visible;
    border: none;
    margin-top: 0;
    padding: 0;
}

.ColorsContainer {
    overflow-y: visible;
    max-height: 200px;
    border: none;
    box-shadow: none;
}

    .ColorsContainer .alert-tooltip-right::after,
    .ColorsContainer .alert-tooltip-left::after {
        top: 12%;
    }

    .ColorsContainer .alert-tooltip-right,
    .ColorsContainer .alert-tooltip-left {
        top: 0px;
    }

    .ColorsContainer .alert-tooltip {
        position: relative;
        left: -11px;
        top: -10px;
    }

/*#partRackInformation label {
    direction: ltr;
}*/
