﻿.btn-xs {
    padding: .05rem .5rem;
    font-size: 0.75em;
    line-height: 1.5;
    border-radius: .2rem;
}

.btn-xl {
    padding: 10px 20px;
    font-size: 20px;
    border-radius: 10px;
}

.btn-xxl {
    padding: 15px 25px;
    font-size: 25px;
    border-radius: 12px;
}

.btn-inline {
    padding:0;
    margin: 0;
    vertical-align:inherit;
}

.no-focus {
    box-shadow: none !important;
}

.underline {
    text-decoration: underline;
}

.bold {
    font-weight: bold;
}

.no-hover:hover {
    background-color: inherit !important;
}

.btn-no-hover:hover {
    background-color: inherit !important;
    border: none;
    cursor: initial;
}

.no-wrap {
    white-space: nowrap;
}

.no-pointer {
    cursor: initial;
}

.no-highlight:focus {
    border-color: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    outline: inherit !important;
}

.inline-block {
    display: inline-block !important;
}

.rounded-1 {
    border-radius: .25em !important;
}

.rounded-2 {
    border-radius: .5em !important;
}

.rounded-3 {
    border-radius: .75em !important;
}

.rounded-4 {
    border-radius: 1em !important;
}

.rounded-5 {
    border-radius: 1.25em !important;
}

.rounded-6 {
    border-radius: 1.5em !important;
}

.icon-sm {
    font-size: 12px;
}

.icon-grey {
    color: darkgrey;
}

.text-grey-fade {
    color: #DCDCDC !important
}

@media (max-width: 990px)
{
    .container {
        max-width: 990px;
    }
}