.col-button-colors .btn,
.col-button-icons .btn {
    min-width: 100px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.col-button-sizes .btn {
    margin-bottom: 10px;
}

.col-button-dropdowns .btn-group {
    margin-right: 5px;
    margin-bottom: 10px;
}

.col-button-toggle .iriy-example {
    margin-top: 10px;
}

.btn-block + .btn-block {
    margin-top: 8px;
}

.tooltips-popovers-examples .btn {
    margin-right: 5px;
    margin-bottom: 10px;
}

.progress-examples .progress {
    margin-bottom: 22px;
}

.the-icon-list .the-icon-hover a {
    border-radius: 4px;
    color: #555;
    display: block;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    text-decoration: none;
    cursor: pointer;
}

.the-icon-list .the-icon-hover a:hover {
    color: #000;
}

.the-icon-list .the-icon-hover a:hover .text-muted {
    color: #666;
}

.the-icon-list .the-icon-hover a .fa,
.the-icon-list .the-icon-hover a .gi {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    text-align: right;
    width: 32px;
}

.the-icon-list .the-icon-hover a:hover .fa {
    font-size: 28px;
    vertical-align: -6px;
}

.the-icon-list .the-icon-hover a:hover .gi {
    font-size: 28px;
    vertical-align: -7px;
}

.knob-examples {
    margin-bottom: 20px;
}

.mini-chart-examples .mini-chart {
    margin-bottom: 15px;
}

.mini-chart-examples .mini-chart .chart {
    width: 50px;
    text-align: center;
}

.mini-chart-examples .mini-chart .chart-details {
    width: 90px
}

@media (max-width: 840px) {
    #navbar-buy-theme {
        display: none;
    }
}

.circle {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 500px;
    margin: 0 .5em;
    background-color: #ddd;
    vertical-align: baseline;
    border: 2px solid transparent
}
.circle.text-left {
    margin-left: 0
}
.circle.text-right {
    margin-right: 0
}
.circle-primary {
    background-color: #5d9cec
}
.circle-success {
    background-color: #27c24c
}
.circle-info {
    background-color: #23b7e5
}
.circle-warning {
    background-color: #ff902b
}
.circle-danger {
    background-color: #f05050
}
.circle-green {
    background-color: #37bc9b
}
.circle-pink {
    background-color: #f532e5
}
.circle-inverse {
    background-color: #131e26
}
.circle-purple {
    background-color: #7266ba
}


.circle-sm {
    width: 5px;
    height: 5px
}
.circle-lg {
    width: 11px;
    height: 11px
}
.circle-xl {
    width: 18px;
    height: 18px
}
.circle-outline {
    background-color: transparent
}
.circle-outline.circle-primary {
    border: 1px solid #5d9cec
}
.circle-outline.circle-success {
    border: 1px solid #27c24c
}
.circle-outline.circle-info {
    border: 1px solid #23b7e5
}
.circle-outline.circle-warning {
    border: 1px solid #ff902b
}
.circle-outline.circle-danger {
    border: 1px solid #f05050
}

:focus {
    outline: 0!important
}
#container .external-event-color-selector .circle.selected {
    border: 3px solid hsla(0, 0%, 100%, .5)
}