@import "./colors";
@import "./lib/bs.css";
@import "./lib/flexboxgrid.css";

*,
*::before,
*::after {
    box-sizing: border-box;
}

.rtl {
    direction: rtl;
}

.bold {
    font-weight: 900 !important;
}

.cnt-inline>* {
    display: inline
}
.btn {
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    justify-items: center;
    flex: 1 1 auto;
    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: 2px solid #fff0;
    padding: 0.375rem 0.75rem;
    transition: all 0.15s ease-in-out;
    align-items: center;
    border-radius: 3px;
}
.pill {
    border-radius: 50rem;
}
.btn>span {
    display: flex;
    flex: 1 1 auto;
    padding-left: 7px;
    padding-right: 7px;
}
.btn:focus {
    outline: none;
}
.btn:disabled {
    opacity: 0.5;
}
.btn-group {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.btn-group>.btn {
    border-radius: 0;
}

.btn-group.pill>.btn:first-child {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
.btn-group.pill>.btn:last-child {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
.rtl .btn-group.pill>.btn:last-child,
.rtl.btn-group.pill>.btn:last-child {
    border-radius: 0;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
.rtl .btn-group.pill>.btn:first-child,
.rtl.btn-group.pill>.btn:first-child {
    border-radius: 0;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}