/*principal*/
.mnr-button {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
/*action*/
.mnr-button-action {
    cursor: pointer;
}
/*raised*/
.mnr-button-raised {
    box-shadow: 2px 2px 5px #A9A9A9;
}
.mnr-button-raised:hover {
    box-shadow: none;
}
/*outline*/
.mnr-button-outline-primary {
    color: #007bff;
    background-color: white;
    border-color: #007bff;
}
.mnr-button-outline-primary:hover {
    color: white;
    background-color: #007bff;
}
.mnr-button-outline-secondary {
    color: #A9A9A9;
    background-color: white;
    border-color: #A9A9A9;
}
.mnr-button-outline-secondary:hover {
    color: white;
    background-color: #A9A9A9;
}
.mnr-button-outline-danger {
    color: #dc3545;
    background-color: white;
    border-color: #dc3545;
}
.mnr-button-outline-danger:hover {
    color: white;
    background-color: #dc3545;
}
.mnr-button-outline-success {
    color: #28a745;
    background-color: white;
    border-color: #28a745;
}
.mnr-button-outline-success:hover {
    color: white;
    background-color: #28a745;
}
.mnr-button-outline-warning {
    color: #ffc107;
    background-color: white;
    border-color: #ffc107;
}
.mnr-button-outline-warning:hover {
    color: white;
    background-color: #ffc107;
}
.mnr-button-outline-info {
    color: #17a2b8;
    background-color: white;
    border-color: #17a2b8;
}
.mnr-button-outline-info:hover {
    color: white;
    background-color: #17a2b8;
}
.mnr-button-outline-dark {
    color: #343a40;
    background-color: white;
    border-color: #343a40;
}
.mnr-button-outline-dark:hover {
    color: white;
    background-color: #343a40;
}
.mnr-button-outline-light {
    color: #f8f9fa;
    background-color: white;
    border-color: #f8f9fa;
}
.mnr-button-outline-light:hover {
    color: black;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
/*colors*/
.mnr-button-primary {
    color: white;
    background-color: #007bff;
    border-color: #007bff;
}
.mnr-button-primary:hover {
    color: white;
    background-color: #0069d9;
    border-color: #0062cc;
}
.mnr-button-secondary {
    background-color: #A9A9A9;
    border: 1px solid #A9A9A9;
}
.mnr-button-secondary:hover {
    color: black !important;
    background-color: #9d9d9d;
    border-color: #9d9d9d;
}
.mnr-button-danger {
    color: white !important;
    background-color: #dc3545;
    border-color: #dc3545;
}
.mnr-button-danger:hover {
    color: white !important;
    background-color: #c82333;
    border-color: #bd2130;
}
.mnr-button-success {
    color: white !important;
    background-color: #28a745;
    border-color: #28a745;
}
.mnr-button-success:hover {
    color: white !important;
    background-color: #218838;
    border-color: #1e7e34;
}
.mnr-button-warning {
    color: white !important;
    background-color: #ffc107;
    border-color: #ffc107;
}
.mnr-button-warning:hover {
    color: white !important;
    background-color: #e0a800;
    border-color: #d39e00;
}
.mnr-button-info {
    color: white !important;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
.mnr-button-info:hover {
    color: white !important;
    background-color: #138496;
    border-color: #138496;
}
.mnr-button-dark {
    color: white !important;
    background-color: #343a40;
    border-color: #343a40;
}
.mnr-button-dark:hover {
    background-color: #23272b;
    border-color: #1d2124;
}
.mnr-button-light {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.mnr-button-light:hover {
    color: black !important;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}
/*size*/
.mnr-button-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}
.mnr-button-sm {
    padding: .15rem .3rem;
    font-size: .8rem;
    line-height: 1.5;
    border-radius: .2rem;
}
.mnr-button-fw {
    display: block;
    width: 100%;
}