.dials ol, .dials ul {
    list-style: none;
    padding-left: 0px;
}

.dials table {
    border-collapse: collapse;
    border-spacing: 0
}

.dials caption, .dials th, .dials td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

.dials q, .dials blockquote {
    quotes: none
}

    .dials q:before, .dials q:after, .dials blockquote:before, .dials blockquote:after {
        content: "";
        content: none
    }

.dials a img {
    border: none
}

.dials article, .dials aside, .dials details, .dials figcaption, .dials figure, .dials footer, .dials header, .dials hgroup, .dials main, .dials menu, .dials nav, .dials section, .dials summary {
    display: block
}

.dials button, .dials input, .dials select, .dials textarea {
    color: #222
}

.dials ::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

.dials ::selection {
    background: #b3d4fc;
    text-shadow: none
}

.dials hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

.dials audio, .dials canvas, .dials img, .dials video {
    vertical-align: middle
}

.dials fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

.dials textarea {
    resize: vertical
}

.dials .browsehappy {
    margin: 0px 0px 10px 0px;
    padding: 0.5em 0em;
    background: #aac739;
    color: #4f4f4f;
    text-align: center
}

.dials .number {
    position: relative;
    z-index: 2;
    padding: 15px 20px;
    color: #4d4d4d;
    font-weight: 300;
    font-size: 40px;
    background: #fff;
    height: 78px
}

.dials {
    margin: -1px 0 0 -1px;
    background: #1d1918;
    cursor: pointer
}

    .dials .dials:before, .dials .dials:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden
    }

    .dials .dials:after {
        clear: both
    }

    .dials .digits {
        float: left;
        width: 33.33%
    }

        .dials .digits p {
            font-weight: 600;
            padding: 15px 25px;
            /*border-top: 1px solid #4d4d4d;
            border-right: 1px solid #000;
            border-bottom: 1px solid #000;
            border-left: 1px solid #4d4d4d;*/
            background: #541aac;
            margin: 1px;
            border-radius: 25%;
        }
        .dials .digits.control2 p{
            background: #9b9b9b !important;
        }

            .dials .digits p strong {
                font-size: 50px;
                margin-right: 8px;
                color: #fff
            }

        .dials .digits:active p {
            background: #9055e9;
            /*border-top-color: #b2f2ff*/
        }

    .compact .dials .digits p {
        padding: 25px 15px
    }

    .compact .dials .digits p strong {
        font-size: 30px
    }

    .dials .digits p sup {
        text-transform: uppercase;
        color: #d9c7f6
    }
    .dials .digits.control2 p sup {
        text-transform: uppercase;
        color: #dddada
    }

.dials .pad-action {
    /*background: #093*/
}

    .dials .pad-action:active {
        background: #0c3
    }

.dials .ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px
}

    .dials .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%
    }

.dials .hidden {
    display: none !important;
    visibility: hidden
}

.dials .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

    .dials .visuallyhidden.focusable:active, .dials .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }

.dials .invisible {
    visibility: hidden
}

.dials .clearfix:before, .dials .clearfix:after {
    content: " ";
    display: table
}

.dials .clearfix:after {
    clear: both
}

.dials .clearfix {
    *zoom: 1
}