vn-softphone/static/css/components.css

.columns:after {
    content: ' ';
    display: block;
    clear: both
}

.columns .column {
    float: left
}

.columns .column.x5 {
    width: 5%
}

.columns .column.x10 {
    width: 10%
}

.columns .column.x15 {
    width: 15%
}

.columns .column.x20 {
    width: 20%
}

.columns .column.x25 {
    width: 25%
}

.columns .column.x33 {
    width: 33.33%
}

.columns .column.x50 {
    width: 50%
}

.columns .column.x75 {
    width: 75%
}

.columns .column.x80 {
    width: 80%
}

.columns .column.x100 {
    width: 100%
}

.pull-left {
    float: left
}

.pull-center {
    text-align: center
}

.pull-right {
    float: right
}

.btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    display: block
}

.btn, .btn:hover {
    text-decoration: none
}

.btn i {
    font-size: inherit
}

.btn.small {
    padding: 2px 10px;
    font-size: 12px
}

.btn.small.icon {
    padding: 1.75px 10px
}

.btn.normal {
    padding: 5px 10px;
    font-size: 14px
}

.btn.normal.icon {
    padding: 4.75px 10px
}

.btn.big {
    padding: 8.5px 15px;
    font-size: 24px
}

.btn.big.icon {
    padding: 7.75px 15px
}

.btn.white {
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #FFF
}

.btn.white:hover {
    border: 1px solid #FFF
}

.btn.green {
    border: 1px solid rgba(110, 198, 47, 0.5);
    color: #FFF
}

.btn.green:hover {
    border: 1px solid #6ec62f
}

.btn.red {
    border: 1px solid rgba(198, 47, 47, 0.5);
    color: #FFF
}

.btn.red:hover {
    border: 1px solid #c62f2f
}

.btn.yellow {
    border: 1px solid rgba(255, 158, 0, 0.5);
    color: #FFF
}

.btn.yellow:hover {
    border: 1px solid #ff9e00
}

.btn.disabled {
    border: 1px solid rgba(31, 36, 40, 0.5);
    color: #FFF
}