cerebrate/webroot/css/themes/theme-quartz.css

3185 lines
75 KiB
CSS

.align-baseline {
vertical-align: baseline !important; }
.align-top {
vertical-align: top !important; }
.align-middle {
vertical-align: middle !important; }
.align-bottom {
vertical-align: bottom !important; }
.align-text-bottom {
vertical-align: text-bottom !important; }
.align-text-top {
vertical-align: text-top !important; }
.bg-primary {
background-color: #e83283 !important; }
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #d01769 !important; }
.bg-secondary {
background-color: rgba(255, 255, 255, 0.4) !important; }
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: rgba(230, 230, 230, 0.4) !important; }
.bg-success {
background-color: #41d7a7 !important; }
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: #28bd8d !important; }
.bg-info {
background-color: #39cbfb !important; }
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: #07befa !important; }
.bg-warning {
background-color: #ffc107 !important; }
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: #d39e00 !important; }
.bg-danger {
background-color: #fd7e14 !important; }
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: #dc6502 !important; }
.bg-light {
background-color: #e9e9e8 !important; }
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: #d0d0ce !important; }
.bg-dark {
background-color: #212529 !important; }
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
background-color: #0a0c0d !important; }
.bg-white {
background-color: #fff !important; }
.bg-transparent {
background-color: transparent !important; }
.border {
border: 1px solid rgba(255, 255, 255, 0.2) !important; }
.border-top {
border-top: 1px solid rgba(255, 255, 255, 0.2) !important; }
.border-right {
border-right: 1px solid rgba(255, 255, 255, 0.2) !important; }
.border-bottom {
border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; }
.border-left {
border-left: 1px solid rgba(255, 255, 255, 0.2) !important; }
.border-0 {
border: 0 !important; }
.border-top-0 {
border-top: 0 !important; }
.border-right-0 {
border-right: 0 !important; }
.border-bottom-0 {
border-bottom: 0 !important; }
.border-left-0 {
border-left: 0 !important; }
.border-primary {
border-color: #e83283 !important; }
.border-secondary {
border-color: rgba(255, 255, 255, 0.4) !important; }
.border-success {
border-color: #41d7a7 !important; }
.border-info {
border-color: #39cbfb !important; }
.border-warning {
border-color: #ffc107 !important; }
.border-danger {
border-color: #fd7e14 !important; }
.border-light {
border-color: #e9e9e8 !important; }
.border-dark {
border-color: #212529 !important; }
.border-white {
border-color: #fff !important; }
.rounded-sm {
border-radius: 0.6rem !important; }
.rounded {
border-radius: 0.5rem !important; }
.rounded-top {
border-top-left-radius: 0.5rem !important;
border-top-right-radius: 0.5rem !important; }
.rounded-right {
border-top-right-radius: 0.5rem !important;
border-bottom-right-radius: 0.5rem !important; }
.rounded-bottom {
border-bottom-right-radius: 0.5rem !important;
border-bottom-left-radius: 0.5rem !important; }
.rounded-left {
border-top-left-radius: 0.5rem !important;
border-bottom-left-radius: 0.5rem !important; }
.rounded-lg {
border-radius: 0.7rem !important; }
.rounded-circle {
border-radius: 50% !important; }
.rounded-pill {
border-radius: 50rem !important; }
.rounded-0 {
border-radius: 0 !important; }
.clearfix::after {
display: block;
clear: both;
content: ""; }
.d-none {
display: none !important; }
.d-inline {
display: inline !important; }
.d-inline-block {
display: inline-block !important; }
.d-block {
display: block !important; }
.d-table {
display: table !important; }
.d-table-row {
display: table-row !important; }
.d-table-cell {
display: table-cell !important; }
.d-flex {
display: flex !important; }
.d-inline-flex {
display: inline-flex !important; }
@media (min-width: 576px) {
.d-sm-none {
display: none !important; }
.d-sm-inline {
display: inline !important; }
.d-sm-inline-block {
display: inline-block !important; }
.d-sm-block {
display: block !important; }
.d-sm-table {
display: table !important; }
.d-sm-table-row {
display: table-row !important; }
.d-sm-table-cell {
display: table-cell !important; }
.d-sm-flex {
display: flex !important; }
.d-sm-inline-flex {
display: inline-flex !important; } }
@media (min-width: 768px) {
.d-md-none {
display: none !important; }
.d-md-inline {
display: inline !important; }
.d-md-inline-block {
display: inline-block !important; }
.d-md-block {
display: block !important; }
.d-md-table {
display: table !important; }
.d-md-table-row {
display: table-row !important; }
.d-md-table-cell {
display: table-cell !important; }
.d-md-flex {
display: flex !important; }
.d-md-inline-flex {
display: inline-flex !important; } }
@media (min-width: 992px) {
.d-lg-none {
display: none !important; }
.d-lg-inline {
display: inline !important; }
.d-lg-inline-block {
display: inline-block !important; }
.d-lg-block {
display: block !important; }
.d-lg-table {
display: table !important; }
.d-lg-table-row {
display: table-row !important; }
.d-lg-table-cell {
display: table-cell !important; }
.d-lg-flex {
display: flex !important; }
.d-lg-inline-flex {
display: inline-flex !important; } }
@media (min-width: 1200px) {
.d-xl-none {
display: none !important; }
.d-xl-inline {
display: inline !important; }
.d-xl-inline-block {
display: inline-block !important; }
.d-xl-block {
display: block !important; }
.d-xl-table {
display: table !important; }
.d-xl-table-row {
display: table-row !important; }
.d-xl-table-cell {
display: table-cell !important; }
.d-xl-flex {
display: flex !important; }
.d-xl-inline-flex {
display: inline-flex !important; } }
@media print {
.d-print-none {
display: none !important; }
.d-print-inline {
display: inline !important; }
.d-print-inline-block {
display: inline-block !important; }
.d-print-block {
display: block !important; }
.d-print-table {
display: table !important; }
.d-print-table-row {
display: table-row !important; }
.d-print-table-cell {
display: table-cell !important; }
.d-print-flex {
display: flex !important; }
.d-print-inline-flex {
display: inline-flex !important; } }
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden; }
.embed-responsive::before {
display: block;
content: ""; }
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0; }
.embed-responsive-21by9::before {
padding-top: 42.85714%; }
.embed-responsive-16by9::before {
padding-top: 56.25%; }
.embed-responsive-4by3::before {
padding-top: 75%; }
.embed-responsive-1by1::before {
padding-top: 100%; }
.embed-responsive-21by9::before {
padding-top: 42.85714%; }
.embed-responsive-16by9::before {
padding-top: 56.25%; }
.embed-responsive-4by3::before {
padding-top: 75%; }
.embed-responsive-1by1::before {
padding-top: 100%; }
.flex-row {
flex-direction: row !important; }
.flex-column {
flex-direction: column !important; }
.flex-row-reverse {
flex-direction: row-reverse !important; }
.flex-column-reverse {
flex-direction: column-reverse !important; }
.flex-wrap {
flex-wrap: wrap !important; }
.flex-nowrap {
flex-wrap: nowrap !important; }
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-fill {
flex: 1 1 auto !important; }
.flex-grow-0 {
flex-grow: 0 !important; }
.flex-grow-1 {
flex-grow: 1 !important; }
.flex-shrink-0 {
flex-shrink: 0 !important; }
.flex-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-start {
justify-content: flex-start !important; }
.justify-content-end {
justify-content: flex-end !important; }
.justify-content-center {
justify-content: center !important; }
.justify-content-between {
justify-content: space-between !important; }
.justify-content-around {
justify-content: space-around !important; }
.align-items-start {
align-items: flex-start !important; }
.align-items-end {
align-items: flex-end !important; }
.align-items-center {
align-items: center !important; }
.align-items-baseline {
align-items: baseline !important; }
.align-items-stretch {
align-items: stretch !important; }
.align-content-start {
align-content: flex-start !important; }
.align-content-end {
align-content: flex-end !important; }
.align-content-center {
align-content: center !important; }
.align-content-between {
align-content: space-between !important; }
.align-content-around {
align-content: space-around !important; }
.align-content-stretch {
align-content: stretch !important; }
.align-self-auto {
align-self: auto !important; }
.align-self-start {
align-self: flex-start !important; }
.align-self-end {
align-self: flex-end !important; }
.align-self-center {
align-self: center !important; }
.align-self-baseline {
align-self: baseline !important; }
.align-self-stretch {
align-self: stretch !important; }
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important; }
.flex-sm-column {
flex-direction: column !important; }
.flex-sm-row-reverse {
flex-direction: row-reverse !important; }
.flex-sm-column-reverse {
flex-direction: column-reverse !important; }
.flex-sm-wrap {
flex-wrap: wrap !important; }
.flex-sm-nowrap {
flex-wrap: nowrap !important; }
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-sm-fill {
flex: 1 1 auto !important; }
.flex-sm-grow-0 {
flex-grow: 0 !important; }
.flex-sm-grow-1 {
flex-grow: 1 !important; }
.flex-sm-shrink-0 {
flex-shrink: 0 !important; }
.flex-sm-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-sm-start {
justify-content: flex-start !important; }
.justify-content-sm-end {
justify-content: flex-end !important; }
.justify-content-sm-center {
justify-content: center !important; }
.justify-content-sm-between {
justify-content: space-between !important; }
.justify-content-sm-around {
justify-content: space-around !important; }
.align-items-sm-start {
align-items: flex-start !important; }
.align-items-sm-end {
align-items: flex-end !important; }
.align-items-sm-center {
align-items: center !important; }
.align-items-sm-baseline {
align-items: baseline !important; }
.align-items-sm-stretch {
align-items: stretch !important; }
.align-content-sm-start {
align-content: flex-start !important; }
.align-content-sm-end {
align-content: flex-end !important; }
.align-content-sm-center {
align-content: center !important; }
.align-content-sm-between {
align-content: space-between !important; }
.align-content-sm-around {
align-content: space-around !important; }
.align-content-sm-stretch {
align-content: stretch !important; }
.align-self-sm-auto {
align-self: auto !important; }
.align-self-sm-start {
align-self: flex-start !important; }
.align-self-sm-end {
align-self: flex-end !important; }
.align-self-sm-center {
align-self: center !important; }
.align-self-sm-baseline {
align-self: baseline !important; }
.align-self-sm-stretch {
align-self: stretch !important; } }
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important; }
.flex-md-column {
flex-direction: column !important; }
.flex-md-row-reverse {
flex-direction: row-reverse !important; }
.flex-md-column-reverse {
flex-direction: column-reverse !important; }
.flex-md-wrap {
flex-wrap: wrap !important; }
.flex-md-nowrap {
flex-wrap: nowrap !important; }
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-md-fill {
flex: 1 1 auto !important; }
.flex-md-grow-0 {
flex-grow: 0 !important; }
.flex-md-grow-1 {
flex-grow: 1 !important; }
.flex-md-shrink-0 {
flex-shrink: 0 !important; }
.flex-md-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-md-start {
justify-content: flex-start !important; }
.justify-content-md-end {
justify-content: flex-end !important; }
.justify-content-md-center {
justify-content: center !important; }
.justify-content-md-between {
justify-content: space-between !important; }
.justify-content-md-around {
justify-content: space-around !important; }
.align-items-md-start {
align-items: flex-start !important; }
.align-items-md-end {
align-items: flex-end !important; }
.align-items-md-center {
align-items: center !important; }
.align-items-md-baseline {
align-items: baseline !important; }
.align-items-md-stretch {
align-items: stretch !important; }
.align-content-md-start {
align-content: flex-start !important; }
.align-content-md-end {
align-content: flex-end !important; }
.align-content-md-center {
align-content: center !important; }
.align-content-md-between {
align-content: space-between !important; }
.align-content-md-around {
align-content: space-around !important; }
.align-content-md-stretch {
align-content: stretch !important; }
.align-self-md-auto {
align-self: auto !important; }
.align-self-md-start {
align-self: flex-start !important; }
.align-self-md-end {
align-self: flex-end !important; }
.align-self-md-center {
align-self: center !important; }
.align-self-md-baseline {
align-self: baseline !important; }
.align-self-md-stretch {
align-self: stretch !important; } }
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important; }
.flex-lg-column {
flex-direction: column !important; }
.flex-lg-row-reverse {
flex-direction: row-reverse !important; }
.flex-lg-column-reverse {
flex-direction: column-reverse !important; }
.flex-lg-wrap {
flex-wrap: wrap !important; }
.flex-lg-nowrap {
flex-wrap: nowrap !important; }
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-lg-fill {
flex: 1 1 auto !important; }
.flex-lg-grow-0 {
flex-grow: 0 !important; }
.flex-lg-grow-1 {
flex-grow: 1 !important; }
.flex-lg-shrink-0 {
flex-shrink: 0 !important; }
.flex-lg-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-lg-start {
justify-content: flex-start !important; }
.justify-content-lg-end {
justify-content: flex-end !important; }
.justify-content-lg-center {
justify-content: center !important; }
.justify-content-lg-between {
justify-content: space-between !important; }
.justify-content-lg-around {
justify-content: space-around !important; }
.align-items-lg-start {
align-items: flex-start !important; }
.align-items-lg-end {
align-items: flex-end !important; }
.align-items-lg-center {
align-items: center !important; }
.align-items-lg-baseline {
align-items: baseline !important; }
.align-items-lg-stretch {
align-items: stretch !important; }
.align-content-lg-start {
align-content: flex-start !important; }
.align-content-lg-end {
align-content: flex-end !important; }
.align-content-lg-center {
align-content: center !important; }
.align-content-lg-between {
align-content: space-between !important; }
.align-content-lg-around {
align-content: space-around !important; }
.align-content-lg-stretch {
align-content: stretch !important; }
.align-self-lg-auto {
align-self: auto !important; }
.align-self-lg-start {
align-self: flex-start !important; }
.align-self-lg-end {
align-self: flex-end !important; }
.align-self-lg-center {
align-self: center !important; }
.align-self-lg-baseline {
align-self: baseline !important; }
.align-self-lg-stretch {
align-self: stretch !important; } }
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important; }
.flex-xl-column {
flex-direction: column !important; }
.flex-xl-row-reverse {
flex-direction: row-reverse !important; }
.flex-xl-column-reverse {
flex-direction: column-reverse !important; }
.flex-xl-wrap {
flex-wrap: wrap !important; }
.flex-xl-nowrap {
flex-wrap: nowrap !important; }
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-xl-fill {
flex: 1 1 auto !important; }
.flex-xl-grow-0 {
flex-grow: 0 !important; }
.flex-xl-grow-1 {
flex-grow: 1 !important; }
.flex-xl-shrink-0 {
flex-shrink: 0 !important; }
.flex-xl-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-xl-start {
justify-content: flex-start !important; }
.justify-content-xl-end {
justify-content: flex-end !important; }
.justify-content-xl-center {
justify-content: center !important; }
.justify-content-xl-between {
justify-content: space-between !important; }
.justify-content-xl-around {
justify-content: space-around !important; }
.align-items-xl-start {
align-items: flex-start !important; }
.align-items-xl-end {
align-items: flex-end !important; }
.align-items-xl-center {
align-items: center !important; }
.align-items-xl-baseline {
align-items: baseline !important; }
.align-items-xl-stretch {
align-items: stretch !important; }
.align-content-xl-start {
align-content: flex-start !important; }
.align-content-xl-end {
align-content: flex-end !important; }
.align-content-xl-center {
align-content: center !important; }
.align-content-xl-between {
align-content: space-between !important; }
.align-content-xl-around {
align-content: space-around !important; }
.align-content-xl-stretch {
align-content: stretch !important; }
.align-self-xl-auto {
align-self: auto !important; }
.align-self-xl-start {
align-self: flex-start !important; }
.align-self-xl-end {
align-self: flex-end !important; }
.align-self-xl-center {
align-self: center !important; }
.align-self-xl-baseline {
align-self: baseline !important; }
.align-self-xl-stretch {
align-self: stretch !important; } }
.float-left {
float: left !important; }
.float-right {
float: right !important; }
.float-none {
float: none !important; }
@media (min-width: 576px) {
.float-sm-left {
float: left !important; }
.float-sm-right {
float: right !important; }
.float-sm-none {
float: none !important; } }
@media (min-width: 768px) {
.float-md-left {
float: left !important; }
.float-md-right {
float: right !important; }
.float-md-none {
float: none !important; } }
@media (min-width: 992px) {
.float-lg-left {
float: left !important; }
.float-lg-right {
float: right !important; }
.float-lg-none {
float: none !important; } }
@media (min-width: 1200px) {
.float-xl-left {
float: left !important; }
.float-xl-right {
float: right !important; }
.float-xl-none {
float: none !important; } }
.user-select-all {
user-select: all !important; }
.user-select-auto {
user-select: auto !important; }
.user-select-none {
user-select: none !important; }
.overflow-auto {
overflow: auto !important; }
.overflow-hidden {
overflow: hidden !important; }
.position-static {
position: static !important; }
.position-relative {
position: relative !important; }
.position-absolute {
position: absolute !important; }
.position-fixed {
position: fixed !important; }
.position-sticky {
position: sticky !important; }
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030; }
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030; }
@supports (position: sticky) {
.sticky-top {
position: sticky;
top: 0;
z-index: 1020; } }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal; }
.shadow-sm {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important; }
.shadow {
box-shadow: 1px 3px 24px -1px rgba(0, 0, 0, 0.15) !important; }
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }
.shadow-none {
box-shadow: none !important; }
.w-25 {
width: 25% !important; }
.w-50 {
width: 50% !important; }
.w-75 {
width: 75% !important; }
.w-100 {
width: 100% !important; }
.w-auto {
width: auto !important; }
.h-25 {
height: 25% !important; }
.h-50 {
height: 50% !important; }
.h-75 {
height: 75% !important; }
.h-100 {
height: 100% !important; }
.h-auto {
height: auto !important; }
.mw-100 {
max-width: 100% !important; }
.mh-100 {
max-height: 100% !important; }
.min-vw-100 {
min-width: 100vw !important; }
.min-vh-100 {
min-height: 100vh !important; }
.vw-100 {
width: 100vw !important; }
.vh-100 {
height: 100vh !important; }
.m-0 {
margin: 0 !important; }
.mt-0,
.my-0 {
margin-top: 0 !important; }
.mr-0,
.mx-0 {
margin-right: 0 !important; }
.mb-0,
.my-0 {
margin-bottom: 0 !important; }
.ml-0,
.mx-0 {
margin-left: 0 !important; }
.m-1 {
margin: 0.5rem !important; }
.mt-1,
.my-1 {
margin-top: 0.5rem !important; }
.mr-1,
.mx-1 {
margin-right: 0.5rem !important; }
.mb-1,
.my-1 {
margin-bottom: 0.5rem !important; }
.ml-1,
.mx-1 {
margin-left: 0.5rem !important; }
.m-2 {
margin: 1rem !important; }
.mt-2,
.my-2 {
margin-top: 1rem !important; }
.mr-2,
.mx-2 {
margin-right: 1rem !important; }
.mb-2,
.my-2 {
margin-bottom: 1rem !important; }
.ml-2,
.mx-2 {
margin-left: 1rem !important; }
.m-3 {
margin: 2rem !important; }
.mt-3,
.my-3 {
margin-top: 2rem !important; }
.mr-3,
.mx-3 {
margin-right: 2rem !important; }
.mb-3,
.my-3 {
margin-bottom: 2rem !important; }
.ml-3,
.mx-3 {
margin-left: 2rem !important; }
.m-4 {
margin: 3rem !important; }
.mt-4,
.my-4 {
margin-top: 3rem !important; }
.mr-4,
.mx-4 {
margin-right: 3rem !important; }
.mb-4,
.my-4 {
margin-bottom: 3rem !important; }
.ml-4,
.mx-4 {
margin-left: 3rem !important; }
.m-5 {
margin: 6rem !important; }
.mt-5,
.my-5 {
margin-top: 6rem !important; }
.mr-5,
.mx-5 {
margin-right: 6rem !important; }
.mb-5,
.my-5 {
margin-bottom: 6rem !important; }
.ml-5,
.mx-5 {
margin-left: 6rem !important; }
.p-0 {
padding: 0 !important; }
.pt-0,
.py-0 {
padding-top: 0 !important; }
.pr-0,
.px-0 {
padding-right: 0 !important; }
.pb-0,
.py-0 {
padding-bottom: 0 !important; }
.pl-0,
.px-0 {
padding-left: 0 !important; }
.p-1 {
padding: 0.5rem !important; }
.pt-1,
.py-1 {
padding-top: 0.5rem !important; }
.pr-1,
.px-1 {
padding-right: 0.5rem !important; }
.pb-1,
.py-1 {
padding-bottom: 0.5rem !important; }
.pl-1,
.px-1 {
padding-left: 0.5rem !important; }
.p-2 {
padding: 1rem !important; }
.pt-2,
.py-2 {
padding-top: 1rem !important; }
.pr-2,
.px-2 {
padding-right: 1rem !important; }
.pb-2,
.py-2 {
padding-bottom: 1rem !important; }
.pl-2,
.px-2 {
padding-left: 1rem !important; }
.p-3 {
padding: 2rem !important; }
.pt-3,
.py-3 {
padding-top: 2rem !important; }
.pr-3,
.px-3 {
padding-right: 2rem !important; }
.pb-3,
.py-3 {
padding-bottom: 2rem !important; }
.pl-3,
.px-3 {
padding-left: 2rem !important; }
.p-4 {
padding: 3rem !important; }
.pt-4,
.py-4 {
padding-top: 3rem !important; }
.pr-4,
.px-4 {
padding-right: 3rem !important; }
.pb-4,
.py-4 {
padding-bottom: 3rem !important; }
.pl-4,
.px-4 {
padding-left: 3rem !important; }
.p-5 {
padding: 6rem !important; }
.pt-5,
.py-5 {
padding-top: 6rem !important; }
.pr-5,
.px-5 {
padding-right: 6rem !important; }
.pb-5,
.py-5 {
padding-bottom: 6rem !important; }
.pl-5,
.px-5 {
padding-left: 6rem !important; }
.m-n1 {
margin: -0.5rem !important; }
.mt-n1,
.my-n1 {
margin-top: -0.5rem !important; }
.mr-n1,
.mx-n1 {
margin-right: -0.5rem !important; }
.mb-n1,
.my-n1 {
margin-bottom: -0.5rem !important; }
.ml-n1,
.mx-n1 {
margin-left: -0.5rem !important; }
.m-n2 {
margin: -1rem !important; }
.mt-n2,
.my-n2 {
margin-top: -1rem !important; }
.mr-n2,
.mx-n2 {
margin-right: -1rem !important; }
.mb-n2,
.my-n2 {
margin-bottom: -1rem !important; }
.ml-n2,
.mx-n2 {
margin-left: -1rem !important; }
.m-n3 {
margin: -2rem !important; }
.mt-n3,
.my-n3 {
margin-top: -2rem !important; }
.mr-n3,
.mx-n3 {
margin-right: -2rem !important; }
.mb-n3,
.my-n3 {
margin-bottom: -2rem !important; }
.ml-n3,
.mx-n3 {
margin-left: -2rem !important; }
.m-n4 {
margin: -3rem !important; }
.mt-n4,
.my-n4 {
margin-top: -3rem !important; }
.mr-n4,
.mx-n4 {
margin-right: -3rem !important; }
.mb-n4,
.my-n4 {
margin-bottom: -3rem !important; }
.ml-n4,
.mx-n4 {
margin-left: -3rem !important; }
.m-n5 {
margin: -6rem !important; }
.mt-n5,
.my-n5 {
margin-top: -6rem !important; }
.mr-n5,
.mx-n5 {
margin-right: -6rem !important; }
.mb-n5,
.my-n5 {
margin-bottom: -6rem !important; }
.ml-n5,
.mx-n5 {
margin-left: -6rem !important; }
.m-auto {
margin: auto !important; }
.mt-auto,
.my-auto {
margin-top: auto !important; }
.mr-auto,
.mx-auto {
margin-right: auto !important; }
.mb-auto,
.my-auto {
margin-bottom: auto !important; }
.ml-auto,
.mx-auto {
margin-left: auto !important; }
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important; }
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important; }
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important; }
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important; }
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important; }
.m-sm-1 {
margin: 0.5rem !important; }
.mt-sm-1,
.my-sm-1 {
margin-top: 0.5rem !important; }
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.5rem !important; }
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.5rem !important; }
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.5rem !important; }
.m-sm-2 {
margin: 1rem !important; }
.mt-sm-2,
.my-sm-2 {
margin-top: 1rem !important; }
.mr-sm-2,
.mx-sm-2 {
margin-right: 1rem !important; }
.mb-sm-2,
.my-sm-2 {
margin-bottom: 1rem !important; }
.ml-sm-2,
.mx-sm-2 {
margin-left: 1rem !important; }
.m-sm-3 {
margin: 2rem !important; }
.mt-sm-3,
.my-sm-3 {
margin-top: 2rem !important; }
.mr-sm-3,
.mx-sm-3 {
margin-right: 2rem !important; }
.mb-sm-3,
.my-sm-3 {
margin-bottom: 2rem !important; }
.ml-sm-3,
.mx-sm-3 {
margin-left: 2rem !important; }
.m-sm-4 {
margin: 3rem !important; }
.mt-sm-4,
.my-sm-4 {
margin-top: 3rem !important; }
.mr-sm-4,
.mx-sm-4 {
margin-right: 3rem !important; }
.mb-sm-4,
.my-sm-4 {
margin-bottom: 3rem !important; }
.ml-sm-4,
.mx-sm-4 {
margin-left: 3rem !important; }
.m-sm-5 {
margin: 6rem !important; }
.mt-sm-5,
.my-sm-5 {
margin-top: 6rem !important; }
.mr-sm-5,
.mx-sm-5 {
margin-right: 6rem !important; }
.mb-sm-5,
.my-sm-5 {
margin-bottom: 6rem !important; }
.ml-sm-5,
.mx-sm-5 {
margin-left: 6rem !important; }
.p-sm-0 {
padding: 0 !important; }
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important; }
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important; }
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important; }
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important; }
.p-sm-1 {
padding: 0.5rem !important; }
.pt-sm-1,
.py-sm-1 {
padding-top: 0.5rem !important; }
.pr-sm-1,
.px-sm-1 {
padding-right: 0.5rem !important; }
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.5rem !important; }
.pl-sm-1,
.px-sm-1 {
padding-left: 0.5rem !important; }
.p-sm-2 {
padding: 1rem !important; }
.pt-sm-2,
.py-sm-2 {
padding-top: 1rem !important; }
.pr-sm-2,
.px-sm-2 {
padding-right: 1rem !important; }
.pb-sm-2,
.py-sm-2 {
padding-bottom: 1rem !important; }
.pl-sm-2,
.px-sm-2 {
padding-left: 1rem !important; }
.p-sm-3 {
padding: 2rem !important; }
.pt-sm-3,
.py-sm-3 {
padding-top: 2rem !important; }
.pr-sm-3,
.px-sm-3 {
padding-right: 2rem !important; }
.pb-sm-3,
.py-sm-3 {
padding-bottom: 2rem !important; }
.pl-sm-3,
.px-sm-3 {
padding-left: 2rem !important; }
.p-sm-4 {
padding: 3rem !important; }
.pt-sm-4,
.py-sm-4 {
padding-top: 3rem !important; }
.pr-sm-4,
.px-sm-4 {
padding-right: 3rem !important; }
.pb-sm-4,
.py-sm-4 {
padding-bottom: 3rem !important; }
.pl-sm-4,
.px-sm-4 {
padding-left: 3rem !important; }
.p-sm-5 {
padding: 6rem !important; }
.pt-sm-5,
.py-sm-5 {
padding-top: 6rem !important; }
.pr-sm-5,
.px-sm-5 {
padding-right: 6rem !important; }
.pb-sm-5,
.py-sm-5 {
padding-bottom: 6rem !important; }
.pl-sm-5,
.px-sm-5 {
padding-left: 6rem !important; }
.m-sm-n1 {
margin: -0.5rem !important; }
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.5rem !important; }
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.5rem !important; }
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.5rem !important; }
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.5rem !important; }
.m-sm-n2 {
margin: -1rem !important; }
.mt-sm-n2,
.my-sm-n2 {
margin-top: -1rem !important; }
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -1rem !important; }
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -1rem !important; }
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -1rem !important; }
.m-sm-n3 {
margin: -2rem !important; }
.mt-sm-n3,
.my-sm-n3 {
margin-top: -2rem !important; }
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -2rem !important; }
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -2rem !important; }
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -2rem !important; }
.m-sm-n4 {
margin: -3rem !important; }
.mt-sm-n4,
.my-sm-n4 {
margin-top: -3rem !important; }
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -3rem !important; }
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -3rem !important; }
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -3rem !important; }
.m-sm-n5 {
margin: -6rem !important; }
.mt-sm-n5,
.my-sm-n5 {
margin-top: -6rem !important; }
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -6rem !important; }
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -6rem !important; }
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -6rem !important; }
.m-sm-auto {
margin: auto !important; }
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important; }
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important; }
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important; }
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important; } }
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important; }
.mt-md-0,
.my-md-0 {
margin-top: 0 !important; }
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important; }
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important; }
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important; }
.m-md-1 {
margin: 0.5rem !important; }
.mt-md-1,
.my-md-1 {
margin-top: 0.5rem !important; }
.mr-md-1,
.mx-md-1 {
margin-right: 0.5rem !important; }
.mb-md-1,
.my-md-1 {
margin-bottom: 0.5rem !important; }
.ml-md-1,
.mx-md-1 {
margin-left: 0.5rem !important; }
.m-md-2 {
margin: 1rem !important; }
.mt-md-2,
.my-md-2 {
margin-top: 1rem !important; }
.mr-md-2,
.mx-md-2 {
margin-right: 1rem !important; }
.mb-md-2,
.my-md-2 {
margin-bottom: 1rem !important; }
.ml-md-2,
.mx-md-2 {
margin-left: 1rem !important; }
.m-md-3 {
margin: 2rem !important; }
.mt-md-3,
.my-md-3 {
margin-top: 2rem !important; }
.mr-md-3,
.mx-md-3 {
margin-right: 2rem !important; }
.mb-md-3,
.my-md-3 {
margin-bottom: 2rem !important; }
.ml-md-3,
.mx-md-3 {
margin-left: 2rem !important; }
.m-md-4 {
margin: 3rem !important; }
.mt-md-4,
.my-md-4 {
margin-top: 3rem !important; }
.mr-md-4,
.mx-md-4 {
margin-right: 3rem !important; }
.mb-md-4,
.my-md-4 {
margin-bottom: 3rem !important; }
.ml-md-4,
.mx-md-4 {
margin-left: 3rem !important; }
.m-md-5 {
margin: 6rem !important; }
.mt-md-5,
.my-md-5 {
margin-top: 6rem !important; }
.mr-md-5,
.mx-md-5 {
margin-right: 6rem !important; }
.mb-md-5,
.my-md-5 {
margin-bottom: 6rem !important; }
.ml-md-5,
.mx-md-5 {
margin-left: 6rem !important; }
.p-md-0 {
padding: 0 !important; }
.pt-md-0,
.py-md-0 {
padding-top: 0 !important; }
.pr-md-0,
.px-md-0 {
padding-right: 0 !important; }
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important; }
.pl-md-0,
.px-md-0 {
padding-left: 0 !important; }
.p-md-1 {
padding: 0.5rem !important; }
.pt-md-1,
.py-md-1 {
padding-top: 0.5rem !important; }
.pr-md-1,
.px-md-1 {
padding-right: 0.5rem !important; }
.pb-md-1,
.py-md-1 {
padding-bottom: 0.5rem !important; }
.pl-md-1,
.px-md-1 {
padding-left: 0.5rem !important; }
.p-md-2 {
padding: 1rem !important; }
.pt-md-2,
.py-md-2 {
padding-top: 1rem !important; }
.pr-md-2,
.px-md-2 {
padding-right: 1rem !important; }
.pb-md-2,
.py-md-2 {
padding-bottom: 1rem !important; }
.pl-md-2,
.px-md-2 {
padding-left: 1rem !important; }
.p-md-3 {
padding: 2rem !important; }
.pt-md-3,
.py-md-3 {
padding-top: 2rem !important; }
.pr-md-3,
.px-md-3 {
padding-right: 2rem !important; }
.pb-md-3,
.py-md-3 {
padding-bottom: 2rem !important; }
.pl-md-3,
.px-md-3 {
padding-left: 2rem !important; }
.p-md-4 {
padding: 3rem !important; }
.pt-md-4,
.py-md-4 {
padding-top: 3rem !important; }
.pr-md-4,
.px-md-4 {
padding-right: 3rem !important; }
.pb-md-4,
.py-md-4 {
padding-bottom: 3rem !important; }
.pl-md-4,
.px-md-4 {
padding-left: 3rem !important; }
.p-md-5 {
padding: 6rem !important; }
.pt-md-5,
.py-md-5 {
padding-top: 6rem !important; }
.pr-md-5,
.px-md-5 {
padding-right: 6rem !important; }
.pb-md-5,
.py-md-5 {
padding-bottom: 6rem !important; }
.pl-md-5,
.px-md-5 {
padding-left: 6rem !important; }
.m-md-n1 {
margin: -0.5rem !important; }
.mt-md-n1,
.my-md-n1 {
margin-top: -0.5rem !important; }
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.5rem !important; }
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.5rem !important; }
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.5rem !important; }
.m-md-n2 {
margin: -1rem !important; }
.mt-md-n2,
.my-md-n2 {
margin-top: -1rem !important; }
.mr-md-n2,
.mx-md-n2 {
margin-right: -1rem !important; }
.mb-md-n2,
.my-md-n2 {
margin-bottom: -1rem !important; }
.ml-md-n2,
.mx-md-n2 {
margin-left: -1rem !important; }
.m-md-n3 {
margin: -2rem !important; }
.mt-md-n3,
.my-md-n3 {
margin-top: -2rem !important; }
.mr-md-n3,
.mx-md-n3 {
margin-right: -2rem !important; }
.mb-md-n3,
.my-md-n3 {
margin-bottom: -2rem !important; }
.ml-md-n3,
.mx-md-n3 {
margin-left: -2rem !important; }
.m-md-n4 {
margin: -3rem !important; }
.mt-md-n4,
.my-md-n4 {
margin-top: -3rem !important; }
.mr-md-n4,
.mx-md-n4 {
margin-right: -3rem !important; }
.mb-md-n4,
.my-md-n4 {
margin-bottom: -3rem !important; }
.ml-md-n4,
.mx-md-n4 {
margin-left: -3rem !important; }
.m-md-n5 {
margin: -6rem !important; }
.mt-md-n5,
.my-md-n5 {
margin-top: -6rem !important; }
.mr-md-n5,
.mx-md-n5 {
margin-right: -6rem !important; }
.mb-md-n5,
.my-md-n5 {
margin-bottom: -6rem !important; }
.ml-md-n5,
.mx-md-n5 {
margin-left: -6rem !important; }
.m-md-auto {
margin: auto !important; }
.mt-md-auto,
.my-md-auto {
margin-top: auto !important; }
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important; }
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important; }
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important; } }
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important; }
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important; }
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important; }
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important; }
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important; }
.m-lg-1 {
margin: 0.5rem !important; }
.mt-lg-1,
.my-lg-1 {
margin-top: 0.5rem !important; }
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.5rem !important; }
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.5rem !important; }
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.5rem !important; }
.m-lg-2 {
margin: 1rem !important; }
.mt-lg-2,
.my-lg-2 {
margin-top: 1rem !important; }
.mr-lg-2,
.mx-lg-2 {
margin-right: 1rem !important; }
.mb-lg-2,
.my-lg-2 {
margin-bottom: 1rem !important; }
.ml-lg-2,
.mx-lg-2 {
margin-left: 1rem !important; }
.m-lg-3 {
margin: 2rem !important; }
.mt-lg-3,
.my-lg-3 {
margin-top: 2rem !important; }
.mr-lg-3,
.mx-lg-3 {
margin-right: 2rem !important; }
.mb-lg-3,
.my-lg-3 {
margin-bottom: 2rem !important; }
.ml-lg-3,
.mx-lg-3 {
margin-left: 2rem !important; }
.m-lg-4 {
margin: 3rem !important; }
.mt-lg-4,
.my-lg-4 {
margin-top: 3rem !important; }
.mr-lg-4,
.mx-lg-4 {
margin-right: 3rem !important; }
.mb-lg-4,
.my-lg-4 {
margin-bottom: 3rem !important; }
.ml-lg-4,
.mx-lg-4 {
margin-left: 3rem !important; }
.m-lg-5 {
margin: 6rem !important; }
.mt-lg-5,
.my-lg-5 {
margin-top: 6rem !important; }
.mr-lg-5,
.mx-lg-5 {
margin-right: 6rem !important; }
.mb-lg-5,
.my-lg-5 {
margin-bottom: 6rem !important; }
.ml-lg-5,
.mx-lg-5 {
margin-left: 6rem !important; }
.p-lg-0 {
padding: 0 !important; }
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important; }
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important; }
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important; }
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important; }
.p-lg-1 {
padding: 0.5rem !important; }
.pt-lg-1,
.py-lg-1 {
padding-top: 0.5rem !important; }
.pr-lg-1,
.px-lg-1 {
padding-right: 0.5rem !important; }
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.5rem !important; }
.pl-lg-1,
.px-lg-1 {
padding-left: 0.5rem !important; }
.p-lg-2 {
padding: 1rem !important; }
.pt-lg-2,
.py-lg-2 {
padding-top: 1rem !important; }
.pr-lg-2,
.px-lg-2 {
padding-right: 1rem !important; }
.pb-lg-2,
.py-lg-2 {
padding-bottom: 1rem !important; }
.pl-lg-2,
.px-lg-2 {
padding-left: 1rem !important; }
.p-lg-3 {
padding: 2rem !important; }
.pt-lg-3,
.py-lg-3 {
padding-top: 2rem !important; }
.pr-lg-3,
.px-lg-3 {
padding-right: 2rem !important; }
.pb-lg-3,
.py-lg-3 {
padding-bottom: 2rem !important; }
.pl-lg-3,
.px-lg-3 {
padding-left: 2rem !important; }
.p-lg-4 {
padding: 3rem !important; }
.pt-lg-4,
.py-lg-4 {
padding-top: 3rem !important; }
.pr-lg-4,
.px-lg-4 {
padding-right: 3rem !important; }
.pb-lg-4,
.py-lg-4 {
padding-bottom: 3rem !important; }
.pl-lg-4,
.px-lg-4 {
padding-left: 3rem !important; }
.p-lg-5 {
padding: 6rem !important; }
.pt-lg-5,
.py-lg-5 {
padding-top: 6rem !important; }
.pr-lg-5,
.px-lg-5 {
padding-right: 6rem !important; }
.pb-lg-5,
.py-lg-5 {
padding-bottom: 6rem !important; }
.pl-lg-5,
.px-lg-5 {
padding-left: 6rem !important; }
.m-lg-n1 {
margin: -0.5rem !important; }
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.5rem !important; }
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.5rem !important; }
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.5rem !important; }
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.5rem !important; }
.m-lg-n2 {
margin: -1rem !important; }
.mt-lg-n2,
.my-lg-n2 {
margin-top: -1rem !important; }
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -1rem !important; }
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -1rem !important; }
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -1rem !important; }
.m-lg-n3 {
margin: -2rem !important; }
.mt-lg-n3,
.my-lg-n3 {
margin-top: -2rem !important; }
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -2rem !important; }
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -2rem !important; }
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -2rem !important; }
.m-lg-n4 {
margin: -3rem !important; }
.mt-lg-n4,
.my-lg-n4 {
margin-top: -3rem !important; }
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -3rem !important; }
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -3rem !important; }
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -3rem !important; }
.m-lg-n5 {
margin: -6rem !important; }
.mt-lg-n5,
.my-lg-n5 {
margin-top: -6rem !important; }
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -6rem !important; }
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -6rem !important; }
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -6rem !important; }
.m-lg-auto {
margin: auto !important; }
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important; }
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important; }
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important; }
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important; } }
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important; }
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important; }
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important; }
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important; }
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important; }
.m-xl-1 {
margin: 0.5rem !important; }
.mt-xl-1,
.my-xl-1 {
margin-top: 0.5rem !important; }
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.5rem !important; }
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.5rem !important; }
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.5rem !important; }
.m-xl-2 {
margin: 1rem !important; }
.mt-xl-2,
.my-xl-2 {
margin-top: 1rem !important; }
.mr-xl-2,
.mx-xl-2 {
margin-right: 1rem !important; }
.mb-xl-2,
.my-xl-2 {
margin-bottom: 1rem !important; }
.ml-xl-2,
.mx-xl-2 {
margin-left: 1rem !important; }
.m-xl-3 {
margin: 2rem !important; }
.mt-xl-3,
.my-xl-3 {
margin-top: 2rem !important; }
.mr-xl-3,
.mx-xl-3 {
margin-right: 2rem !important; }
.mb-xl-3,
.my-xl-3 {
margin-bottom: 2rem !important; }
.ml-xl-3,
.mx-xl-3 {
margin-left: 2rem !important; }
.m-xl-4 {
margin: 3rem !important; }
.mt-xl-4,
.my-xl-4 {
margin-top: 3rem !important; }
.mr-xl-4,
.mx-xl-4 {
margin-right: 3rem !important; }
.mb-xl-4,
.my-xl-4 {
margin-bottom: 3rem !important; }
.ml-xl-4,
.mx-xl-4 {
margin-left: 3rem !important; }
.m-xl-5 {
margin: 6rem !important; }
.mt-xl-5,
.my-xl-5 {
margin-top: 6rem !important; }
.mr-xl-5,
.mx-xl-5 {
margin-right: 6rem !important; }
.mb-xl-5,
.my-xl-5 {
margin-bottom: 6rem !important; }
.ml-xl-5,
.mx-xl-5 {
margin-left: 6rem !important; }
.p-xl-0 {
padding: 0 !important; }
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important; }
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important; }
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important; }
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important; }
.p-xl-1 {
padding: 0.5rem !important; }
.pt-xl-1,
.py-xl-1 {
padding-top: 0.5rem !important; }
.pr-xl-1,
.px-xl-1 {
padding-right: 0.5rem !important; }
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.5rem !important; }
.pl-xl-1,
.px-xl-1 {
padding-left: 0.5rem !important; }
.p-xl-2 {
padding: 1rem !important; }
.pt-xl-2,
.py-xl-2 {
padding-top: 1rem !important; }
.pr-xl-2,
.px-xl-2 {
padding-right: 1rem !important; }
.pb-xl-2,
.py-xl-2 {
padding-bottom: 1rem !important; }
.pl-xl-2,
.px-xl-2 {
padding-left: 1rem !important; }
.p-xl-3 {
padding: 2rem !important; }
.pt-xl-3,
.py-xl-3 {
padding-top: 2rem !important; }
.pr-xl-3,
.px-xl-3 {
padding-right: 2rem !important; }
.pb-xl-3,
.py-xl-3 {
padding-bottom: 2rem !important; }
.pl-xl-3,
.px-xl-3 {
padding-left: 2rem !important; }
.p-xl-4 {
padding: 3rem !important; }
.pt-xl-4,
.py-xl-4 {
padding-top: 3rem !important; }
.pr-xl-4,
.px-xl-4 {
padding-right: 3rem !important; }
.pb-xl-4,
.py-xl-4 {
padding-bottom: 3rem !important; }
.pl-xl-4,
.px-xl-4 {
padding-left: 3rem !important; }
.p-xl-5 {
padding: 6rem !important; }
.pt-xl-5,
.py-xl-5 {
padding-top: 6rem !important; }
.pr-xl-5,
.px-xl-5 {
padding-right: 6rem !important; }
.pb-xl-5,
.py-xl-5 {
padding-bottom: 6rem !important; }
.pl-xl-5,
.px-xl-5 {
padding-left: 6rem !important; }
.m-xl-n1 {
margin: -0.5rem !important; }
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.5rem !important; }
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.5rem !important; }
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.5rem !important; }
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.5rem !important; }
.m-xl-n2 {
margin: -1rem !important; }
.mt-xl-n2,
.my-xl-n2 {
margin-top: -1rem !important; }
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -1rem !important; }
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -1rem !important; }
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -1rem !important; }
.m-xl-n3 {
margin: -2rem !important; }
.mt-xl-n3,
.my-xl-n3 {
margin-top: -2rem !important; }
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -2rem !important; }
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -2rem !important; }
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -2rem !important; }
.m-xl-n4 {
margin: -3rem !important; }
.mt-xl-n4,
.my-xl-n4 {
margin-top: -3rem !important; }
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -3rem !important; }
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -3rem !important; }
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -3rem !important; }
.m-xl-n5 {
margin: -6rem !important; }
.mt-xl-n5,
.my-xl-n5 {
margin-top: -6rem !important; }
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -6rem !important; }
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -6rem !important; }
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -6rem !important; }
.m-xl-auto {
margin: auto !important; }
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important; }
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important; }
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important; }
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important; } }
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0); }
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }
.text-justify {
text-align: justify !important; }
.text-wrap {
white-space: normal !important; }
.text-nowrap {
white-space: nowrap !important; }
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.text-left {
text-align: left !important; }
.text-right {
text-align: right !important; }
.text-center {
text-align: center !important; }
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important; }
.text-sm-right {
text-align: right !important; }
.text-sm-center {
text-align: center !important; } }
@media (min-width: 768px) {
.text-md-left {
text-align: left !important; }
.text-md-right {
text-align: right !important; }
.text-md-center {
text-align: center !important; } }
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important; }
.text-lg-right {
text-align: right !important; }
.text-lg-center {
text-align: center !important; } }
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important; }
.text-xl-right {
text-align: right !important; }
.text-xl-center {
text-align: center !important; } }
.text-lowercase {
text-transform: lowercase !important; }
.text-uppercase {
text-transform: uppercase !important; }
.text-capitalize {
text-transform: capitalize !important; }
.font-weight-light {
font-weight: 300 !important; }
.font-weight-lighter {
font-weight: lighter !important; }
.font-weight-normal {
font-weight: 400 !important; }
.font-weight-bold {
font-weight: 700 !important; }
.font-weight-bolder {
font-weight: bolder !important; }
.font-italic {
font-style: italic !important; }
.text-white {
color: #fff !important; }
.text-primary {
color: #e83283 !important; }
a.text-primary:hover, a.text-primary:focus {
color: #b9155e !important; }
.text-secondary {
color: rgba(255, 255, 255, 0.4) !important; }
a.text-secondary:hover, a.text-secondary:focus {
color: rgba(217, 217, 217, 0.4) !important; }
.text-success {
color: #41d7a7 !important; }
a.text-success:hover, a.text-success:focus {
color: #23a87e !important; }
.text-info {
color: #39cbfb !important; }
a.text-info:hover, a.text-info:focus {
color: #05ace3 !important; }
.text-warning {
color: #ffc107 !important; }
a.text-warning:hover, a.text-warning:focus {
color: #ba8b00 !important; }
.text-danger {
color: #fd7e14 !important; }
a.text-danger:hover, a.text-danger:focus {
color: #c35a02 !important; }
.text-light {
color: #e9e9e8 !important; }
a.text-light:hover, a.text-light:focus {
color: #c4c4c1 !important; }
.text-dark {
color: #212529 !important; }
a.text-dark:hover, a.text-dark:focus {
color: black !important; }
.text-body {
color: #fff !important; }
.text-muted {
color: rgba(255, 255, 255, 0.7) !important; }
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important; }
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important; }
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; }
.text-decoration-none {
text-decoration: none !important; }
.text-break {
word-break: break-word !important;
word-wrap: break-word !important; }
.text-reset {
color: inherit !important; }
.visible {
visibility: visible !important; }
.invisible {
visibility: hidden !important; }
/* Callout */
.callout {
border: 1px solid #e9e9e8;
border-radius: .25rem;
background-color: transparent;
box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.25); }
.callout-primary {
border-left-color: #e83283;
border-left-width: .25rem;
border-left-style: solid; }
.callout-secondary {
border-left-color: rgba(255, 255, 255, 0.4);
border-left-width: .25rem;
border-left-style: solid; }
.callout-success {
border-left-color: #41d7a7;
border-left-width: .25rem;
border-left-style: solid; }
.callout-info {
border-left-color: #39cbfb;
border-left-width: .25rem;
border-left-style: solid; }
.callout-warning {
border-left-color: #ffc107;
border-left-width: .25rem;
border-left-style: solid; }
.callout-danger {
border-left-color: #fd7e14;
border-left-width: .25rem;
border-left-style: solid; }
.callout-light {
border-left-color: #e9e9e8;
border-left-width: .25rem;
border-left-style: solid; }
.callout-dark {
border-left-color: #212529;
border-left-width: .25rem;
border-left-style: solid; }
/* Toasts */
.toast {
min-width: 250px; }
.toast-primary {
color: #66163a;
background-color: #f5a5c8;
border-color: #f394bf; }
.toast-primary strong {
border-top-color: #f07db1; }
.toast-secondary {
color: rgba(42, 42, 42, 0.736);
background-color: rgba(255, 255, 255, 0.736);
border-color: rgba(255, 255, 255, 0.688); }
.toast-secondary strong {
border-top-color: rgba(242, 242, 242, 0.688); }
.toast-success {
color: #1d5f49;
background-color: #abedd8;
border-color: #9cead1; }
.toast-success strong {
border-top-color: #87e6c7; }
.toast-info {
color: #19596e;
background-color: #a8e8fd;
border-color: #98e4fd; }
.toast-info strong {
border-top-color: #7fddfd; }
.toast-warning {
color: #705503;
background-color: #ffe492;
border-color: #ffdf7e; }
.toast-warning strong {
border-top-color: #ffd965; }
.toast-danger {
color: #6f3709;
background-color: #fec698;
border-color: #febc85; }
.toast-danger strong {
border-top-color: #feae6c; }
.toast-light {
color: #676766;
background-color: whitesmoke;
border-color: #f4f4f3; }
.toast-light strong {
border-top-color: #e8e8e6; }
.toast-dark {
color: #0f1012;
background-color: #9d9fa1;
border-color: #8c8e90; }
.toast-dark strong {
border-top-color: #7f8183; }
/* Progress Timeline */
.progress-timeline {
padding: 0.2em 0.2em 0.5em 0.2em; }
.progress-timeline ul {
position: relative;
padding: 0; }
.progress-timeline li {
list-style-type: none;
position: relative; }
.progress-timeline li.progress-inactive {
opacity: 0.5; }
.progress-timeline .progress-line {
height: 2px; }
.progress-timeline .progress-line.progress-inactive {
opacity: 0.5; }
/* Forms severity */
.form-control.is-invalid.info {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2339cbfb' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%2339cbfb' stroke='none'/%3e%3c/svg%3e"); }
.form-control.is-invalid.info:focus {
border-color: #39cbfb;
box-shadow: 0 0 0 0.2rem rgba(57, 203, 251, 0.25); }
.form-control.is-invalid.warning {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ffc107' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ffc107' stroke='none'/%3e%3c/svg%3e"); }
.form-control.is-invalid.warning:focus {
border-color: #ffc107;
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25); }
.form-select.is-invalid:not([multiple]):not([size]).info,
.form-select.is-invalid:not([multiple])[size="1"]
.form-select.is-invalid.info {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%2339cbfb'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%2339cbfb' stroke='none'/%3e%3c/svg%3e");
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.form-select.is-invalid:not([multiple]):not([size]).info:focus,
.form-select.is-invalid:not([multiple])[size="1"]
.form-select.is-invalid.info:focus {
box-shadow: 0 0 0 0.2rem rgba(57, 203, 251, 0.25); }
.form-select.is-invalid:not([multiple]):not([size]).warning,
.form-select.is-invalid:not([multiple])[size="1"]
.form-select.is-invalid.warning {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ffc107'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ffc107' stroke='none'/%3e%3c/svg%3e");
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.form-select.is-invalid:not([multiple]):not([size]).warning:focus,
.form-select.is-invalid:not([multiple])[size="1"]
.form-select.is-invalid.warning:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25); }
.form-check-input.is-invalid.info {
border-color: #39cbfb; }
.form-check-input.is-invalid.info:checked {
background-color: #39cbfb; }
.form-check-input.is-invalid.info ~ .form-check-label {
color: unset; }
.form-check-input.is-invalid.info:focus {
box-shadow: 0 0 0 0.2rem rgba(57, 203, 251, 0.25); }
.form-check-input.is-invalid.warning {
border-color: #ffc107; }
.form-check-input.is-invalid.warning:checked {
background-color: #ffc107; }
.form-check-input.is-invalid.warning ~ .form-check-label {
color: unset; }
.form-check-input.is-invalid.warning:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25); }
/* Utilities */
.mw-75 {
max-width: 75% !important; }
.mw-50 {
max-width: 50% !important; }
.mw-25 {
max-width: 25% !important; }
.mh-75 {
max-height: 75% !important; }
.mh-50 {
max-height: 50% !important; }
.mh-25 {
max-height: 25% !important; }
.p-abs-center-y {
top: 50%;
transform: translateY(-50%); }
.p-abs-center-x {
left: 50%;
transform: translateX(-50%); }
.p-abs-center-both {
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%); }
/* Body */
.panel {
background-color: transparent;
border: none;
box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.25); }
/* Top navbar */
.top-navbar {
background-color: #e83283; }
.center-navbar nav.header-breadcrumb {
color: #fff; }
header.top-navbar .header-menu > a:hover,
header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
color: #d6d6d6 !important; }
.top-navbar .center-navbar nav.header-breadcrumb li.header-breadcrumb-item a {
color: #fff; }
.top-navbar .right-navbar .header-menu a.nav-link {
color: #fff; }
.top-navbar .left-navbar .navbar-brand img {
filter: invert(1); }
.top-navbar .left-navbar .navbar-brand:hover img {
filter: invert(1) drop-shadow(0px 0px 3px #fff); }
.top-navbar .composed-app-icon-container > .app-icon {
background-color: #fff; }
.breadcrumb-link-container {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
background-color: rgba(255, 255, 255, 0.4); }
/* Sidebar */
.sidebar {
transition: width .08s linear;
box-shadow: none;
background-color: rgba(255, 255, 255, 0.4); }
.sidebar ~ main.content:after {
background: #000; }
.sidebar .sidebar-wrapper {
border-right: 1px solid none; }
.sidebar .sidebar-wrapper {
border-right: 1px solid rgba(0, 0, 0, 0.125); }
.sidebar ul.sidebar-elements li > a.sidebar-link {
color: #fff; }
.sidebar ul.sidebar-elements li > a.sidebar-link.active {
background-color: #fff;
color: #343a40; }
.sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child {
background-color: #fff;
color: #343a40; }
.sidebar ul.sidebar-elements li > a.sidebar-link:hover {
background-color: #fff;
color: #343a40; }
.sidebar.expanded ul.sidebar-elements li > a.sidebar-link.have-active-child,
.sidebar:hover ul.sidebar-elements li > a.sidebar-link.have-active-child {
background-color: unset; }
.sidebar.expanded ul.sidebar-elements li > a.sidebar-link.have-active-child:hover,
.sidebar:hover ul.sidebar-elements li > a.sidebar-link.have-active-child:hover {
background-color: #fff; }
ul.sidebar-elements li > a.sidebar-link.active::after {
background-color: #e83283; }
.lock-sidebar > a.btn {
background-color: rgba(255, 255, 255, 0.4); }
.btn {
display: inline-block;
font-weight: 400;
color: #fff;
text-align: center;
vertical-align: middle;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.75rem 1.5rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.5rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none; } }
.btn:hover {
color: #fff;
text-decoration: none; }
.btn:focus, .btn.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(232, 50, 131, 0.25); }
.btn.disabled, .btn:disabled {
opacity: 0.65; }
.btn:not(:disabled):not(.disabled) {
cursor: pointer; }
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none; }
.btn-primary {
color: #fff;
background-color: #e83283;
border-color: #e83283; }
.btn-primary:hover {
color: #fff;
background-color: #db196f;
border-color: #d01769; }
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #db196f;
border-color: #d01769;
box-shadow: 0 0 0 0.2rem rgba(235, 81, 150, 0.5); }
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #e83283;
border-color: #e83283; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #d01769;
border-color: #c41664; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(235, 81, 150, 0.5); }
.btn-secondary {
color: #212529;
background-color: rgba(255, 255, 255, 0.4);
border-color: rgba(255, 255, 255, 0.4); }
.btn-secondary:hover {
color: #212529;
background-color: rgba(236, 236, 236, 0.4);
border-color: rgba(230, 230, 230, 0.4); }
.btn-secondary:focus, .btn-secondary.focus {
color: #212529;
background-color: rgba(236, 236, 236, 0.4);
border-color: rgba(230, 230, 230, 0.4);
box-shadow: 0 0 0 0.2rem rgba(163, 165, 166, 0.5); }
.btn-secondary.disabled, .btn-secondary:disabled {
color: #212529;
background-color: rgba(255, 255, 255, 0.4);
border-color: rgba(255, 255, 255, 0.4); }
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
color: #212529;
background-color: rgba(230, 230, 230, 0.4);
border-color: rgba(223, 223, 223, 0.4); }
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(163, 165, 166, 0.5); }
.btn-success {
color: #212529;
background-color: #41d7a7;
border-color: #41d7a7; }
.btn-success:hover {
color: #fff;
background-color: #2ac895;
border-color: #28bd8d; }
.btn-success:focus, .btn-success.focus {
color: #fff;
background-color: #2ac895;
border-color: #28bd8d;
box-shadow: 0 0 0 0.2rem rgba(60, 188, 148, 0.5); }
.btn-success.disabled, .btn-success:disabled {
color: #212529;
background-color: #41d7a7;
border-color: #41d7a7; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #28bd8d;
border-color: #26b386; }
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(60, 188, 148, 0.5); }
.btn-info {
color: #212529;
background-color: #39cbfb;
border-color: #39cbfb; }
.btn-info:hover {
color: #fff;
background-color: #14c1fa;
border-color: #07befa; }
.btn-info:focus, .btn-info.focus {
color: #fff;
background-color: #14c1fa;
border-color: #07befa;
box-shadow: 0 0 0 0.2rem rgba(53, 178, 220, 0.5); }
.btn-info.disabled, .btn-info:disabled {
color: #212529;
background-color: #39cbfb;
border-color: #39cbfb; }
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
color: #fff;
background-color: #07befa;
border-color: #05b5ef; }
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(53, 178, 220, 0.5); }
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; }
.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00; }
.btn-warning:focus, .btn-warning.focus {
color: #212529;
background-color: #e0a800;
border-color: #d39e00;
box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }
.btn-warning.disabled, .btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; }
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500; }
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }
.btn-danger {
color: #212529;
background-color: #fd7e14;
border-color: #fd7e14; }
.btn-danger:hover {
color: #fff;
background-color: #e96b02;
border-color: #dc6502; }
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #e96b02;
border-color: #dc6502;
box-shadow: 0 0 0 0.2rem rgba(220, 113, 23, 0.5); }
.btn-danger.disabled, .btn-danger:disabled {
color: #212529;
background-color: #fd7e14;
border-color: #fd7e14; }
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #dc6502;
border-color: #cf5f02; }
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(220, 113, 23, 0.5); }
.btn-light {
color: #212529;
background-color: #e9e9e8;
border-color: #e9e9e8; }
.btn-light:hover {
color: #212529;
background-color: #d6d6d4;
border-color: #d0d0ce; }
.btn-light:focus, .btn-light.focus {
color: #212529;
background-color: #d6d6d4;
border-color: #d0d0ce;
box-shadow: 0 0 0 0.2rem rgba(203, 204, 203, 0.5); }
.btn-light.disabled, .btn-light:disabled {
color: #212529;
background-color: #e9e9e8;
border-color: #e9e9e8; }
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
color: #212529;
background-color: #d0d0ce;
border-color: #cacac7; }
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(203, 204, 203, 0.5); }
.btn-dark {
color: #fff;
background-color: #212529;
border-color: #212529; }
.btn-dark:hover {
color: #fff;
background-color: #101214;
border-color: #0a0c0d; }
.btn-dark:focus, .btn-dark.focus {
color: #fff;
background-color: #101214;
border-color: #0a0c0d;
box-shadow: 0 0 0 0.2rem rgba(66, 70, 73, 0.5); }
.btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #212529;
border-color: #212529; }
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #0a0c0d;
border-color: #050506; }
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(66, 70, 73, 0.5); }
.btn-outline-primary {
color: #e83283;
border-color: #e83283; }
.btn-outline-primary:hover {
color: #fff;
background-color: #e83283;
border-color: #e83283; }
.btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(232, 50, 131, 0.5); }
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #e83283;
background-color: transparent; }
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #e83283;
border-color: #e83283; }
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(232, 50, 131, 0.5); }
.btn-outline-secondary {
color: rgba(255, 255, 255, 0.4);
border-color: rgba(255, 255, 255, 0.4); }
.btn-outline-secondary:hover {
color: #212529;
background-color: rgba(255, 255, 255, 0.4);
border-color: rgba(255, 255, 255, 0.4); }
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: rgba(255, 255, 255, 0.4);
background-color: transparent; }
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
color: #212529;
background-color: rgba(255, 255, 255, 0.4);
border-color: rgba(255, 255, 255, 0.4); }
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-outline-success {
color: #41d7a7;
border-color: #41d7a7; }
.btn-outline-success:hover {
color: #212529;
background-color: #41d7a7;
border-color: #41d7a7; }
.btn-outline-success:focus, .btn-outline-success.focus {
box-shadow: 0 0 0 0.2rem rgba(65, 215, 167, 0.5); }
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #41d7a7;
background-color: transparent; }
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
color: #212529;
background-color: #41d7a7;
border-color: #41d7a7; }
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(65, 215, 167, 0.5); }
.btn-outline-info {
color: #39cbfb;
border-color: #39cbfb; }
.btn-outline-info:hover {
color: #212529;
background-color: #39cbfb;
border-color: #39cbfb; }
.btn-outline-info:focus, .btn-outline-info.focus {
box-shadow: 0 0 0 0.2rem rgba(57, 203, 251, 0.5); }
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #39cbfb;
background-color: transparent; }
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
color: #212529;
background-color: #39cbfb;
border-color: #39cbfb; }
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(57, 203, 251, 0.5); }
.btn-outline-warning {
color: #ffc107;
border-color: #ffc107; }
.btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; }
.btn-outline-warning:focus, .btn-outline-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent; }
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; }
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.btn-outline-danger {
color: #fd7e14;
border-color: #fd7e14; }
.btn-outline-danger:hover {
color: #212529;
background-color: #fd7e14;
border-color: #fd7e14; }
.btn-outline-danger:focus, .btn-outline-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5); }
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #fd7e14;
background-color: transparent; }
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
color: #212529;
background-color: #fd7e14;
border-color: #fd7e14; }
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5); }
.btn-outline-light {
color: #e9e9e8;
border-color: #e9e9e8; }
.btn-outline-light:hover {
color: #212529;
background-color: #e9e9e8;
border-color: #e9e9e8; }
.btn-outline-light:focus, .btn-outline-light.focus {
box-shadow: 0 0 0 0.2rem rgba(233, 233, 232, 0.5); }
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #e9e9e8;
background-color: transparent; }
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #e9e9e8;
border-color: #e9e9e8; }
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(233, 233, 232, 0.5); }
.btn-outline-dark {
color: #212529;
border-color: #212529; }
.btn-outline-dark:hover {
color: #fff;
background-color: #212529;
border-color: #212529; }
.btn-outline-dark:focus, .btn-outline-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5); }
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #212529;
background-color: transparent; }
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #212529;
border-color: #212529; }
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5); }
.btn-link {
font-weight: 400;
color: #fff;
text-decoration: none; }
.btn-link:hover {
color: #d9d9d9;
text-decoration: underline; }
.btn-link:focus, .btn-link.focus {
text-decoration: underline; }
.btn-link:disabled, .btn-link.disabled {
color: #6c757d;
pointer-events: none; }
.btn-lg {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.7rem; }
.btn-sm {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.6rem; }
.btn-block {
display: block;
width: 100%; }
.btn-block + .btn-block {
margin-top: 0.5rem; }
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%; }