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

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

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

    .dialpad .dials:after {
        clear: both
    }

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

        .dialpad .dials .digits p {
            font-weight: 600;
            padding: 15px 25px;
            border: 1px solid #444d58;
        }

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

        .dialpad .dials .digits:active {
            background: #444d58;
            color:#fff;
        }
            .dialpad .dials .digits:active p strong{
                color:#fff !important;
            }

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

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

    .compact .dials .digits p sup {
        text-transform: uppercase;
        color: #c1c1c1
    }

.compact .dials .pad-action {
    background: #093
}

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

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

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


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

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

.dialpad ol {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.digits.pad-action strong{
    color:#fff !important;
}