MINI Sh3ll
/* ------------------------------------------------------------------------------
*
* # Bootstrap v4.1.1 (https://getbootstrap.com)
*
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
* # Global configuration
*
* Here you can change main theme, enable or disable certain components and
* optional styles. This allows you to include only components that you need.
*
* 'true' - enables component and includes it to main CSS file.
* 'false' - disables component and excludes it from main CSS file.
*
* Layout helper: @if $layout == 'base' {...}
* Theme helper: @if $theme == 'material' {...}
* Component helper: @if $enable-* {...}
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
* # Custom Limitless functions
*
* Utility mixins and functions for evalutating source code across our variables, maps, and mixins.
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
* # Custom template mixins
*
* All custom mixins are prefixed with "ll-" to avoid conflicts
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
* # Main colors
*
* List of the template main color palettes
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
* # Default Bootstrap variable overrides
*
* Variables should follow the `$component-state-property-size` formula for
* consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
* Also includes custom variables, all marked with "!default" flag.
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
* # Additional variables
*
* Mainly 3rd party libraries and additional variables for default
* Bootstrap components.
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
* # Mixins
*
* Import Bootstrap mixins with overrides
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
* # Badge mixin
*
* Override and extend default badge mixin.
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
* # Buttons mixin
*
* Override and extend default buttons mixin.
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
* # Caret mixin
*
* Override and extend default cared mixin.
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
* # Forms mixin
*
* Override and extend default forms mixin.
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
* # Background mixin
*
* Override and extend default background mixin.
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
* # Reboot
*
* Normalization of HTML elements - overrides of default Bootstrap styles
*
* ---------------------------------------------------------------------------- */
body {
position: relative; }
dt {
margin-bottom: 0.3125rem; }
dd {
margin-bottom: 1.25rem; }
dd:last-child {
margin-bottom: 0; }
dl:last-child {
margin-bottom: 0; }
pre {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
border: 1px solid #ddd;
padding: 1.25rem 1.25rem;
margin-bottom: 0;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none; }
svg {
display: block; }
.svg-inline svg {
display: inline-block; }
.svg-center svg {
margin: auto; }
input[type="file"] {
display: block; }
/* ------------------------------------------------------------------------------
*
* # Text styling
*
* Override and extend default Bootstrap styles.
*
* ---------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
letter-spacing: -0.015em; }
.list > li,
.list > li .list > li {
margin-top: 0.3125rem; }
.list > li:first-child {
margin-top: 0; }
.list-extended > li,
.list-extended > li .list > li {
margin-top: 0.625rem; }
ul.list-square {
list-style-type: square; }
ul.list-circle {
list-style-type: circle; }
.list-inline-item {
position: relative; }
.list-inline-condensed .list-inline-item:not(:last-child) {
margin-right: 0.625rem; }
.list-inline-dotted .list-inline-item:not(:last-child) {
margin-right: 0.625rem; }
.list-inline-dotted .list-inline-item:not(:last-child):after {
content: '\f052';
font-family: "icomoon";
font-size: 0.5rem;
width: 0.4rem;
text-align: center;
display: inline-block;
margin-left: 0.825rem;
opacity: 0.25; }
.list-inline-dotted.list-inline-condensed .list-inline-item:not(:last-child) {
margin-right: 0.41667rem; }
.list-inline-dotted.list-inline-condensed .list-inline-item:not(:last-child):after {
margin-left: 0.54167rem; }
.list-icons {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center; }
.list-icons > *:not(:last-child) {
margin-right: 0.375rem; }
.list-icons-extended > *:not(:last-child) {
margin-right: 0.75rem; }
.list-icons-item {
display: inline-block;
line-height: 1; }
a.list-icons-item {
transition: all ease-in-out 0.15s; }
@media screen and (prefers-reduced-motion: reduce) {
a.list-icons-item {
transition: none; } }
a.list-icons-item:not([class*=text-]) {
color: inherit; }
a.list-icons-item:hover, a.list-icons-item:focus,
.show > a.list-icons-item {
outline: 0;
opacity: 0.75; }
.font-weight-black {
font-weight: 900; }
.font-weight-semibold {
font-weight: 500; }
.font-weight-thin {
font-weight: 100; }
.text-white {
color: #fff; }
a.text-white:not(.btn) {
transition: color ease-in-out 0.15s; }
@media screen and (prefers-reduced-motion: reduce) {
a.text-white:not(.btn) {
transition: none; } }
a.text-white:hover, a.text-white:focus {
color: rgba(255, 255, 255, 0.75); }
.text-default {
color: #333; }
a.text-default:not(.btn) {
transition: color ease-in-out 0.15s; }
@media screen and (prefers-reduced-motion: reduce) {
a.text-default:not(.btn) {
transition: none; } }
a.text-default:hover, a.text-default:focus {
color: rgba(51, 51, 51, 0.75); }
.blockquote-bordered {
border-left: 5px solid #eee; }
.blockquote-bordered-reverse {
border-left: 0;
border-right: 5px solid #eee; }
.blockquote-footer {
font-size: 0.8125rem; }
.blockquote-footer::before {
content: "\2014 \00A0 \00A0 \00A0"; }
.list-feed-item {
position: relative;
padding-bottom: 1.25rem;
padding-left: 1.75rem; }
.list-feed-item:before {
content: '';
position: absolute;
left: 0;
top: 0.31252rem;
background-color: #fff;
display: inline-block;
border: 2px solid #607D8B;
z-index: 3;
width: 0.5rem;
height: 0.5rem;
border-radius: 50%; }
.list-feed-item:after {
content: '';
position: absolute;
top: 0.31252rem;
left: 0.1875rem;
bottom: -0.43752rem;
width: 0;
border-left: 1px solid #607D8B;
border-right: 1px solid #607D8B;
z-index: 2; }
.list-feed-item:first-child:after {
top: 0.5rem; }
.list-feed-item:last-child {
padding-bottom: 0; }
.list-feed-item:last-child:after {
content: none; }
.list-feed-item[class*=border-]:before, .list-feed-item[class*=border-]:after {
border-color: inherit; }
.list-feed-solid .list-feed-item:before {
content: '';
border-width: 0.25rem;
width: 0;
height: 0; }
.list-feed-square .list-feed-item:before {
content: '';
border-radius: 0; }
.list-feed-rhombus .list-feed-item:before {
content: '';
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 0; }
.list-feed-time .list-feed-item {
margin-left: 3.25rem; }
.list-feed-time .list-feed-item .feed-time {
position: absolute;
left: -3.25rem;
top: 0; }
.content-divider {
text-align: center;
position: relative;
z-index: 1; }
.content-divider > span {
background-color: #eeeded;
display: inline-block; }
.card .content-divider > span,
.tab-content-bordered .content-divider > span {
background-color: #fff; }
.modal .content-divider > span {
background-color: #fff; }
.content-divider > span:before {
content: "";
position: absolute;
top: 50%;
left: 0;
height: 1px;
background-color: #ddd;
width: 100%;
z-index: -1; }
.letter-icon {
width: 1rem;
height: 1.25003rem;
display: block; }
.btn-lg .letter-icon {
height: 1.25003rem; }
.btn-sm .letter-icon {
height: 1.25002rem; }
/* ------------------------------------------------------------------------------
*
* # Code blocks
*
* Overrides of default code block styles
*
* ---------------------------------------------------------------------------- */
code {
padding: 0.2rem 0.4rem;
background-color: #fafafa; }
pre {
white-space: pre-wrap;
/*rtl:ignore*/
text-align: left;
border-radius: 0.1875rem; }
/* ------------------------------------------------------------------------------
*
* # Table styling
*
* Override and extend default Bootstrap styles.
*
* ---------------------------------------------------------------------------- */
.table {
margin-bottom: 0; }
.table th,
.table td {
vertical-align: middle; }
.table th {
font-weight: 500; }
.table thead th {
vertical-align: middle;
border-bottom: 1px solid #b7b7b7; }
.table tfoot th {
border-top-color: #b7b7b7; }
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
border-top-width: 0; }
.table tr,
.table th,
.table td {
transition: background-color ease-in-out 0.15s; }
@media screen and (prefers-reduced-motion: reduce) {
.table tr,
.table th,
.table td {
transition: none; } }
.table-primary,
.table-primary > th,
.table-primary > td {
background-color: #e4f2fe; }
.table-hover .table-primary:hover {
background-color: #cbe6fd; }
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
background-color: #cbe6fd; }
.table-secondary,
.table-secondary > th,
.table-secondary > td {
background-color: #efefef; }
.table-hover .table-secondary:hover {
background-color: #e2e2e2; }
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
background-color: #e2e2e2; }
.table-success,
.table-success > th,
.table-success > td {
background-color: #eaf5ea; }
.table-hover .table-success:hover {
background-color: #d9edd9; }
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
background-color: #d9edd9; }
.table-info,
.table-info > th,
.table-info > td {
background-color: #e0f7fa; }
.table-hover .table-info:hover {
background-color: #caf1f6; }
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
background-color: #caf1f6; }
.table-warning,
.table-warning > th,
.table-warning > td {
background-color: #ffeee8; }
.table-hover .table-warning:hover {
background-color: #ffdbcf; }
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
background-color: #ffdbcf; }
.table-danger,
.table-danger > th,
.table-danger > td {
background-color: #fee8e7; }
.table-hover .table-danger:hover {
background-color: #fdd1cf; }
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
background-color: #fdd1cf; }
.table-light,
.table-light > th,
.table-light > td {
background-color: #fefefe; }
.table-hover .table-light:hover {
background-color: #f1f1f1; }
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
background-color: #f1f1f1; }
.table-dark,
.table-dark > th,
.table-dark > td {
background-color: #e5e7ea; }
.table-hover .table-dark:hover {
background-color: #d7dadf; }
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
background-color: #d7dadf; }
.table-dark thead th,
.table-dark thead td {
border-color: rgba(255, 255, 255, 0.5); }
@media (max-width: 575.98px) {
.table-responsive-sm > .table-bordered {
border: 1px solid #ddd; } }
@media (max-width: 767.98px) {
.table-responsive-md > .table-bordered {
border: 1px solid #ddd; } }
@media (max-width: 991.98px) {
.table-responsive-lg > .table-bordered {
border: 1px solid #ddd; } }
@media (max-width: 1199.98px) {
.table-responsive-xl > .table-bordered {
border: 1px solid #ddd; } }
.table-responsive > .table-bordered {
border: 1px solid #ddd; }
.table-scrollable {
max-height: 22.5rem;
overflow: auto; }
.table-columned tbody td,
.table-columned tbody th,
.table-columned tfoot td,
.table-columned tfoot th {
border: 0;
border-left: 1px solid #ddd; }
.table-columned tbody td:first-child,
.table-columned tbody th:first-child,
.table-columned tfoot td:first-child,
.table-columned tfoot th:first-child {
border-left: 0; }
.table-columned thead th,
.table-columned thead td {
border-left: 1px solid #ddd; }
.table-columned thead th:first-child,
.table-columned thead td:first-child {
border-left: 0; }
.table-borderless td,
.table-borderless th {
border: 0; }
.table-xl th,
.table-xl td {
padding: 1.25rem 1.25rem; }
.table-lg th,
.table-lg td {
padding: 1rem 1.25rem; }
.table-xs th,
.table-xs td {
padding: 0.5rem 1.25rem; }
thead .table-border-solid th,
thead .table-border-solid td {
border-bottom-width: 2px; }
tbody .table-border-solid td,
tbody .table-border-solid th,
tfoot .table-border-solid td,
tfoot .table-border-solid th {
border-top-width: 2px; }
thead .table-border-double th,
thead .table-border-double td {
border-bottom-width: 3px;
border-bottom-style: double; }
.table-bordered thead .table-border-double:first-child th,
.table-bordered thead .table-border-double:first-child td {
border-bottom-width: 3px;
border-bottom-style: double; }
tbody .table-border-double td,
tbody .table-border-double th,
tfoot .table-border-double td,
tfoot .table-border-double th {
border-top-width: 3px;
border-top-style: double; }
.table-border-dashed td,
.table-border-dashed th {
border-top-style: dashed; }
.table thead tr[class*=border-bottom-] th,
.table thead tr[class*=border-bottom-] td {
border-bottom-color: inherit; }
.table tbody tr[class*=border-top-] th,
.table tbody tr[class*=border-top-] td,
.table tfoot tr[class*=border-top-] th,
.table tfoot tr[class*=border-top-] td {
border-top-color: inherit; }
.card > .table:first-child caption + thead tr:first-child th,
.card > .table:first-child caption + thead tr:first-child td,
.card > .table:first-child colgroup + thead tr:first-child th,
.card > .table:first-child colgroup + thead tr:first-child td,
.card > .table:first-child thead:first-child tr:first-child th,
.card > .table:first-child thead:first-child tr:first-child td,
.card > [class*=table-responsive]:first-child > .table:first-child caption + thead tr:first-child th,
.card > [class*=table-responsive]:first-child > .table:first-child caption + thead tr:first-child td,
.card > [class*=table-responsive]:first-child > .table:first-child colgroup + thead tr:first-child th,
.card > [class*=table-responsive]:first-child > .table:first-child colgroup + thead tr:first-child td,
.card > [class*=table-responsive]:first-child > .table:first-child thead:first-child tr:first-child th,
.card > [class*=table-responsive]:first-child > .table:first-child thead:first-child tr:first-child td {
border-top-width: 0; }
.card.card-table {
border-width: 1px;
border-color: #ddd; }
.card > .table caption,
.card > [class*=table-responsive] > .table caption {
padding-left: 1.25rem;
padding-right: 1.25rem; }
.card > .table:first-child,
.card > [class*=table-responsive]:first-child > .table:first-child {
border-top-left-radius: 0.125rem;
border-top-right-radius: 0.125rem; }
.card > .table:first-child thead:first-child tr:first-child,
.card > .table:first-child tbody:first-child tr:first-child,
.card > [class*=table-responsive]:first-child > .table:first-child thead:first-child tr:first-child,
.card > [class*=table-responsive]:first-child > .table:first-child tbody:first-child tr:first-child {
border-top-left-radius: 0.125rem;
border-top-right-radius: 0.125rem; }
.card > .table:first-child thead:first-child tr:first-child td:first-child,
.card > .table:first-child thead:first-child tr:first-child th:first-child,
.card > .table:first-child tbody:first-child tr:first-child td:first-child,
.card > .table:first-child tbody:first-child tr:first-child th:first-child,
.card > [class*=table-responsive]:first-child > .table:first-child thead:first-child tr:first-child td:first-child,
.card > [class*=table-responsive]:first-child > .table:first-child thead:first-child tr:first-child th:first-child,
.card > [class*=table-responsive]:first-child > .table:first-child tbody:first-child tr:first-child td:first-child,
.card > [class*=table-responsive]:first-child > .table:first-child tbody:first-child tr:first-child th:first-child {
border-top-left-radius: 0.125rem; }
.card > .table:first-child thead:first-child tr:first-child td:last-child,
.card > .table:first-child thead:first-child tr:first-child th:last-child,
.card > .table:first-child tbody:first-child tr:first-child td:last-child,
.card > .table:first-child tbody:first-child tr:first-child th:last-child,
.card > [class*=table-responsive]:first-child > .table:first-child thead:first-child tr:first-child td:last-child,
.card > [class*=table-responsive]:first-child > .table:first-child thead:first-child tr:first-child th:last-child,
.card > [class*=table-responsive]:first-child > .table:first-child tbody:first-child tr:first-child td:last-child,
.card > [class*=table-responsive]:first-child > .table:first-child tbody:first-child tr:first-child th:last-child {
border-top-right-radius: 0.125rem; }
.card > .table:last-child,
.card > [class*=table-responsive]:last-child > .table:last-child {
border-bottom-right-radius: 0.125rem;
border-bottom-left-radius: 0.125rem; }
.card > .table:last-child tbody:last-child tr:last-child,
.card > .table:last-child tfoot:last-child tr:last-child,
.card > [class*=table-responsive]:last-child > .table:last-child tbody:last-child tr:last-child,
.card > [class*=table-responsive]:last-child > .table:last-child tfoot:last-child tr:last-child {
border-bottom-left-radius: 0.125rem;
border-bottom-right-radius: 0.125rem; }
.card > .table:last-child tbody:last-child tr:last-child td:first-child,
.card > .table:last-child tbody:last-child tr:last-child th:first-child,
.card > .table:last-child tfoot:last-child tr:last-child td:first-child,
.card > .table:last-child tfoot:last-child tr:last-child th:first-child,
.card > [class*=table-responsive]:last-child > .table:last-child tbody:last-child tr:last-child td:first-child,
.card > [class*=table-responsive]:last-child > .table:last-child tbody:last-child tr:last-child th:first-child,
.card > [class*=table-responsive]:last-child > .table:last-child tfoot:last-child tr:last-child td:first-child,
.card > [class*=table-responsive]:last-child > .table:last-child tfoot:last-child tr:last-child th:first-child {
border-bottom-left-radius: 0.125rem; }
.card > .table:last-child tbody:last-child tr:last-child td:last-child,
.card > .table:last-child tbody:last-child tr:last-child th:last-child,
.card > .table:last-child tfoot:last-child tr:last-child td:last-child,
.card > .table:last-child tfoot:last-child tr:last-child th:last-child,
.card > [class*=table-responsive]:last-child > .table:last-child tbody:last-child tr:last-child td:last-child,
.card > [class*=table-responsive]:last-child > .table:last-child tbody:last-child tr:last-child th:last-child,
.card > [class*=table-responsive]:last-child > .table:last-child tfoot:last-child tr:last-child td:last-child,
.card > [class*=table-responsive]:last-child > .table:last-child tfoot:last-child tr:last-child th:last-child {
border-bottom-right-radius: 0.125rem; }
.card > .table-bordered,
.card > [class*=table-responsive] > .table-bordered {
border: 0; }
.card > .table-bordered thead th:first-child,
.card > .table-bordered thead td:first-child,
.card > .table-bordered tbody th:first-child,
.card > .table-bordered tbody td:first-child,
.card > .table-bordered tfoot th:first-child,
.card > .table-bordered tfoot td:first-child,
.card > [class*=table-responsive] > .table-bordered thead th:first-child,
.card > [class*=table-responsive] > .table-bordered thead td:first-child,
.card > [class*=table-responsive] > .table-bordered tbody th:first-child,
.card > [class*=table-responsive] > .table-bordered tbody td:first-child,
.card > [class*=table-responsive] > .table-bordered tfoot th:first-child,
.card > [class*=table-responsive] > .table-bordered tfoot td:first-child {
border-left: 0; }
.card > .table-bordered thead th:last-child,
.card > .table-bordered thead td:last-child,
.card > .table-bordered tbody th:last-child,
.card > .table-bordered tbody td:last-child,
.card > .table-bordered tfoot th:last-child,
.card > .table-bordered tfoot td:last-child,
.card > [class*=table-responsive] > .table-bordered thead th:last-child,
.card > [class*=table-responsive] > .table-bordered thead td:last-child,
.card > [class*=table-responsive] > .table-bordered tbody th:last-child,
.card > [class*=table-responsive] > .table-bordered tbody td:last-child,
.card > [class*=table-responsive] > .table-bordered tfoot th:last-child,
.card > [class*=table-responsive] > .table-bordered tfoot td:last-child {
border-right: 0; }
.card-header:not([class*=bg-]) + .table,
.card-header:not([class*=bg-]) + div[class*=table-responsive],
.card-body + .table,
.card-body + div[class*=table-responsive],
.table + .card-body,
div[class*=table-responsive] + .card-body,
.navbar-light + div[class*=table-responsive],
.navbar-light + .table {
border-top: 1px solid #ddd; }
.table tbody:first-child tr:first-child th,
div[class*=table-responsive] > .table tbody:first-child tr:first-child th,
.table tbody:first-child tr:first-child td,
div[class*=table-responsive] > .table tbody:first-child tr:first-child td {
border-top: 0; }
.card-footer + [class*=table-responsive],
.card-footer + .table {
border-top: 1px solid #ddd; }
/* ------------------------------------------------------------------------------
*
* # Form styles
*
* Basic form styles and overrides of default Bootstrap styles
*
* ---------------------------------------------------------------------------- */
legend {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
margin-bottom: 1.25rem;
border-bottom: 1px solid #ddd;
font-size: 0.8125rem; }
fieldset:first-child legend:first-child {
padding-top: 0; }
select[multiple],
select[size] {
height: 200px;
padding: 0; }
select[multiple] option,
select[size] option {
padding: 0.5rem 1.25rem;
border-radius: 0.1875rem; }
select[multiple] option + option,
select[size] option + option {
margin-top: 1px; }
.form-control {
background-clip: border-box;
border-width: 1px 0;
border-top-color: transparent !important; }
.form-control:disabled, .form-control[readonly] {
border-bottom-style: dashed; }
.form-control:disabled {
color: #999; }
.form-control[readonly] {
box-shadow: none;
border-bottom-color: #ddd !important; }
.form-control.border-success:focus {
box-shadow: 0 1px 0 #4CAF50; }
.form-control.border-danger:focus {
box-shadow: 0 1px 0 #F44336; }
.form-control.border-warning:focus {
box-shadow: 0 1px 0 #FF7043; }
.form-control.border-primary:focus {
box-shadow: 0 1px 0 #2196F3; }
.form-control.border-info:focus {
box-shadow: 0 1px 0 #00BCD4; }
.form-control.text-white {
border-bottom-color: rgba(255, 255, 255, 0.5); }
.form-control.text-white:focus {
border-bottom-color: #fff;
box-shadow: 0 1px 0 #fff; }
.form-control.text-white::-webkit-input-placeholder {
color: #fff; }
.form-control.text-white::-moz-placeholder {
color: #fff; }
.form-control.text-white:-ms-input-placeholder {
color: #fff; }
.form-control.text-white::-ms-input-placeholder {
color: #fff; }
.form-control.text-white::placeholder {
color: #fff; }
.form-group .form-group:last-child {
margin-bottom: 0; }
@media (max-width: 767.98px) {
.form-group [class*="col-md-"]:not([class*=col-form-label]) + [class*="col-md-"] {
margin-top: 1.25rem; } }
@media (max-width: 991.98px) {
.form-group [class*="col-lg-"]:not([class*=col-form-label]) + [class*="col-lg-"] {
margin-top: 1.25rem; } }
@media (max-width: 1199.98px) {
.form-group [class*="col-xl-"]:not([class*=col-form-label]) + [class*="col-xl-"] {
margin-top: 1.25rem; } }
@media (max-width: 767.98px) {
[class*=col-form-label][class*="col-md-"] {
padding-top: 0; } }
@media (max-width: 991.98px) {
[class*=col-form-label][class*="col-lg-"] {
padding-top: 0; } }
@media (max-width: 1199.98px) {
[class*=col-form-label][class*="col-xl-"] {
padding-top: 0; } }
.form-check:not(.form-check-inline) {
margin-bottom: 0.5rem; }
.form-check:not(.form-check-inline):last-child {
margin-bottom: 0; }
.form-group.row .form-check:not(.dropdown-item) {
margin-top: 0.5625rem; }
.form-check.disabled {
color: #999; }
.form-check.disabled .form-check-label {
cursor: default; }
.form-check-input:disabled ~ .form-check-label {
cursor: default; }
.form-check-label {
cursor: pointer; }
.form-check-inline .form-check-label {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: start;
align-items: flex-start; }
.form-check-inline .form-check-input {
margin-top: 0.3rem; }
.form-check-inline:last-child {
margin-right: 0; }
.form-check-inline input {
position: static; }
.form-check-right {
padding-left: 0;
padding-right: 1.875rem; }
.form-check-right .form-check-input,
.form-check-right input {
left: auto;
right: 0; }
.form-check-right.form-check-inline {
padding: 0; }
.form-check-right.form-check-inline .form-check-input {
margin-right: 0;
margin-left: 0.625rem; }
.form-group-feedback {
position: relative; }
.form-group-feedback-left .form-control-feedback {
left: 0; }
.form-group-feedback-left .form-control {
padding-left: 2rem; }
.form-group-feedback-left .form-control-lg {
padding-left: 2.125rem; }
.form-group-feedback-left .form-control-sm {
padding-left: 1.875rem; }
.form-group-feedback-right .form-control-feedback {
right: 0; }
.form-group-feedback-right .form-control {
padding-right: 2rem; }
.form-group-feedback-right .form-control-lg {
padding-right: 2.125rem; }
.form-group-feedback-right .form-control-sm {
padding-right: 1.875rem; }
.form-control-feedback {
position: absolute;
top: 0;
color: #333;
padding-left: 0;
padding-right: 0;
line-height: 2.37503rem;
min-width: 1rem; }
.form-control-feedback-lg {
padding-left: 0;
padding-right: 0;
line-height: 2.62502rem; }
.form-control-feedback-sm {
padding-left: 0;
padding-right: 0;
line-height: 2.12502rem; }
input[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) + .form-control-feedback {
color: #fff; }
/* ------------------------------------------------------------------------------
*
* # Button component
*
* Overrides for button bootstrap component
*
* ---------------------------------------------------------------------------- */
.btn {
position: relative;
text-transform: uppercase; }
.btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn):hover, .btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn):focus, .btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn).focus, .btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn):active, .btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn).active,
.show > .btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn).dropdown-toggle {
box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset; }
.btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn).disabled, .btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn):disabled {
box-shadow: none; }
.btn.disabled, .btn:disabled {
cursor: default; }
.btn-light {
color: #333;
background-color: #f5f5f5;
border-color: transparent; }
.btn-light:hover, .btn-light:focus, .btn-light.focus, .btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
color: #333;
background-color: #eee;
border-color: transparent; }
.btn-light.disabled, .btn-light:disabled {
background-color: #f5f5f5;
border-color: transparent; }
.btn-outline:not(:hover):not(:active):not(.active):not([aria-expanded=true]), .btn-outline.disabled, .btn-outline:disabled {
background-color: transparent !important; }
.btn-outline:not(.disabled):not(:disabled):not([class*=alpha-]):hover, .btn-outline:not(.disabled):not(:disabled):not([class*=alpha-]):not([disabled]):not(.disabled):active, .btn-outline:not(.disabled):not(:disabled):not([class*=alpha-]):not([disabled]):not(.disabled).active,
.show > .btn-outline:not(.disabled):not(:disabled):not([class*=alpha-]).dropdown-toggle {
color: #fff !important; }
.btn-outline.bg-white:not(.disabled):not(:disabled):hover, .btn-outline.bg-white:not(.disabled):not(:disabled):not([disabled]):not(.disabled):active, .btn-outline.bg-white:not(.disabled):not(:disabled):not([disabled]):not(.disabled).active,
.show > .btn-outline.bg-white:not(.disabled):not(:disabled).dropdown-toggle {
color: #333 !important; }
.btn-link {
font-weight: 500; }
.show > .btn-link.dropdown-toggle {
color: #0a6ebd; }
.btn-icon {
padding-left: 0.62502rem;
padding-right: 0.62502rem; }
.btn-icon input[type=checkbox],
.btn-icon input[type=radio] {
display: block; }
.btn-icon.btn-sm {
padding-left: 0.50002rem;
padding-right: 0.50002rem; }
.btn-icon.btn-lg {
padding-left: 0.75002rem;
padding-right: 0.75002rem; }
.btn-float {
padding: 1rem;
border-radius: 0.1875rem; }
.btn-float.btn-link {
padding: 0.8rem; }
.btn-float i {
display: block;
top: 0; }
.btn-float > span {
display: block;
padding-top: 0.625rem;
margin-bottom: -0.40625rem;
overflow: hidden;
text-overflow: ellipsis; }
.btn.border-2 {
padding-top: 0.4375rem;
padding-bottom: 0.4375rem; }
.btn.border-2.btn-lg {
padding-top: 0.5625rem;
padding-bottom: 0.5625rem; }
.btn.border-2.btn-sm {
padding-top: 0.3125rem;
padding-bottom: 0.3125rem; }
.btn.border-2.btn-icon {
padding-left: 0.56252rem;
padding-right: 0.56252rem; }
.btn.border-2.btn-icon.btn-lg {
padding-left: 0.68752rem;
padding-right: 0.68752rem; }
.btn.border-2.btn-icon.btn-sm {
padding-left: 0.43752rem;
padding-right: 0.43752rem; }
.btn.border-2.btn-float {
padding: 0.9375rem; }
.btn-labeled > b {
position: absolute;
top: -1px;
background-color: rgba(0, 0, 0, 0.15);
display: block;
line-height: 1;
padding: 0.68753rem; }
.btn-labeled > b > i {
top: 0; }
.btn-labeled.rounded-round > b {
border-radius: 100px; }
.btn-labeled.btn-lg > b {
padding: 0.81253rem; }
.btn-labeled.btn-sm > b {
padding: 0.56253rem; }
.btn-labeled-left {
padding-left: 3.37506rem; }
.btn-labeled-left > b {
left: -1px;
border-top-left-radius: 0.1875rem;
border-bottom-left-radius: 0.1875rem; }
.btn-labeled-left.btn-lg {
padding-left: 3.75005rem; }
.btn-labeled-left.btn-lg > b {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.btn-labeled-left.btn-sm {
padding-left: 3.00006rem; }
.btn-labeled-left.btn-sm > b {
border-top-left-radius: 0.125rem;
border-bottom-left-radius: 0.125rem; }
.btn-labeled-right {
padding-right: 3.37506rem; }
.btn-labeled-right > b {
right: -1px;
border-top-right-radius: 0.1875rem;
border-bottom-right-radius: 0.1875rem; }
/* ------------------------------------------------------------------------------
*
* # Dropdown menu component
*
* Overrides for dropdown menu bootstrap component
*
* ---------------------------------------------------------------------------- */
.dropdown-menu {
background-clip: border-box; }
.dropdown-menu-right {
left: auto;
right: 0; }
.dropdown-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
outline: 0;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
margin-bottom: 0;
transition: background-color ease-in-out 0.15s, color ease-in-out 0.15s; }
@media screen and (prefers-reduced-motion: reduce) {
.dropdown-item {
transition: none; } }
.dropdown-item + .dropdown-item,
.dropdown-submenu + .dropdown-item,
.dropdown-item + .dropdown-submenu {
margin-top: 1px; }
.dropdown-item:active {
color: #333;
background-color: #f5f5f5; }
.dropdown-item.active {
color: #fff;
background-color: #26A69A; }
.dropdown-item.active .badge:not(.badge-mark) {
background-color: #fff !important;
color: #333 !important; }
.dropdown-item.active .badge-mark[class*=bg-] {
background-color: #fff !important;
border-color: #fff !important; }
.dropdown-item.active .badge-mark[class*=border-] {
border-color: #fff !important; }
.dropdown-item.disabled, .dropdown-item:disabled {
color: #999;
background-color: transparent;
cursor: default; }
.dropdown-item.disabled > .badge,
.dropdown-item.disabled > img, .dropdown-item:disabled > .badge,
.dropdown-item:disabled > img {
opacity: 0.8; }
.dropdown-item-open {
background-color: #f5f5f5;
color: #333; }
.dropdown-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-top: 0.25rem;
margin-bottom: 0.25rem;
line-height: 1.6667; }
.dropdown-header-highlight {
margin-top: 0;
background-color: #f8f8f8; }
.dropdown-item + .dropdown-header-highlight,
.dropdown-header-highlight + .dropdown-item {
margin-top: 0.5rem; }
.dropdown-header-highlight:first-child {
margin-top: 0; }
.dropdown-item > i,
.dropdown-item > img,
.dropdown-header > i,
.dropdown-header > img {
margin-right: 1.25rem; }
.dropdown-item > i,
.dropdown-header > i {
top: 0; }
.dropdown-item > img,
.dropdown-header > img {
max-height: 1.25003rem; }
.dropdown-divider {
margin: 0.5rem 0; }
.dropdown-item.form-check {
padding: 0;
margin-bottom: 0; }
.dropdown-item.form-check .form-check-label {
-ms-flex: 1;
flex: 1;
padding: 0.5rem 1.25rem; }
.dropdown-item.form-check.form-check-right .form-check-label {
padding-left: 1.25rem; }
.dropdown-scrollable {
max-height: 340px;
overflow-y: auto; }
.dropdown-menu > .dropdown-submenu {
position: relative; }
.dropdown-menu > .dropdown-submenu > .dropdown-item {
padding-right: 2.75rem; }
.dropdown-menu > .dropdown-submenu > .dropdown-item:after {
content: '\e9c7';
font-family: "icomoon";
position: absolute;
top: 50%;
margin-top: -0.5rem;
right: 1.25rem;
font-size: 1rem;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.dropdown-menu > .dropdown-submenu.show > .dropdown-item, .dropdown-menu > .dropdown-submenu:hover > .dropdown-item {
background-color: #f5f5f5;
color: #333; }
.dropdown-menu > .dropdown-submenu:hover > .dropdown-item:not(.dropdown-toggle) ~ .dropdown-menu,
.dropdown-menu > .dropdown-submenu:focus > .dropdown-item:not(.dropdown-toggle) ~ .dropdown-menu {
display: block; }
.dropdown-menu > .dropdown-submenu.disabled > .dropdown-menu {
display: none; }
.dropdown-menu > .dropdown-submenu.disabled > .dropdown-item {
background-color: transparent;
color: #999;
cursor: default; }
.dropdown-menu > .dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -0.5rem; }
.dropdown-menu > .dropdown-submenu.dropdown-submenu-left > .dropdown-menu {
left: auto;
right: 100%; }
@media (max-width: 991.98px) {
.dropdown-menu > .dropdown-submenu .dropdown-toggle:after {
content: '\e9c5'; }
.dropdown-menu > .dropdown-submenu .dropdown-menu, .dropdown-menu > .dropdown-submenu.dropdown-submenu-left .dropdown-menu {
position: static;
margin: 0 !important;
border-width: 0;
box-shadow: none;
border-radius: 0; }
.dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item,
.dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
padding-left: 2.5rem; }
.dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item,
.dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
padding-left: 3.75rem; } }
.dropdown-menu .dropup > .dropdown-menu {
top: auto;
bottom: 0;
margin-top: 0;
margin-bottom: -0.5rem; }
.dropdown-menu .dropdown-submenu + .dropdown-submenu {
margin-top: 1px; }
.dropright .dropdown-toggle::after {
vertical-align: middle; }
.dropleft .dropdown-toggle::before {
vertical-align: middle; }
.dropleft .dropdown-submenu .dropdown-toggle::before {
content: none; }
.dropdown-menu-lg .dropdown-item {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
font-size: 0.875rem;
line-height: 1.4286; }
.dropdown-menu-sm .dropdown-item {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
font-size: 0.75rem;
line-height: 1.6667; }
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-item,
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-submenu > .dropdown-item {
color: #fff; }
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-item:hover, .dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-item:focus,
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-submenu > .dropdown-item:hover,
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-submenu > .dropdown-item:focus {
background-color: rgba(0, 0, 0, 0.1); }
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-item.active,
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-submenu > .dropdown-item.active {
background-color: rgba(0, 0, 0, 0.2); }
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-item.disabled,
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-submenu > .dropdown-item.disabled {
background-color: transparent;
color: rgba(255, 255, 255, 0.6); }
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-submenu.show > .dropdown-item, .dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-submenu:hover > .dropdown-item {
background-color: rgba(0, 0, 0, 0.1);
color: #fff; }
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-submenu.disabled > .dropdown-item {
background-color: transparent;
color: rgba(255, 255, 255, 0.6); }
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-header {
color: rgba(255, 255, 255, 0.6); }
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-header-highlight {
background-color: rgba(0, 0, 0, 0.1); }
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-divider {
border-top-color: rgba(255, 255, 255, 0.4); }
/* ------------------------------------------------------------------------------
*
* # Button group component
*
* Overrides for button group bootstrap component
*
* ---------------------------------------------------------------------------- */
.btn-group .btn + .btn.border-2,
.btn-group .btn.border-2 + .btn-group,
.btn-group .btn-group + .btn.border-2,
.btn-group-vertical .btn + .btn.border-2,
.btn-group-vertical .btn.border-2 + .btn-group,
.btn-group-vertical .btn-group + .btn.border-2 {
margin-left: -2px; }
.btn-group .btn + .btn.border-3,
.btn-group .btn.border-3 + .btn-group,
.btn-group .btn-group + .btn.border-3,
.btn-group-vertical .btn + .btn.border-3,
.btn-group-vertical .btn.border-3 + .btn-group,
.btn-group-vertical .btn-group + .btn.border-3 {
margin-left: -3px; }
.btn-group-justified {
display: -ms-flexbox;
display: flex; }
.btn-group-justified .btn,
.btn-group-justified .btn-group {
-ms-flex: 1;
flex: 1; }
/* ------------------------------------------------------------------------------
*
* # Input group component
*
* Overrides for input group component
*
* ---------------------------------------------------------------------------- */
.input-group .form-group-feedback {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
z-index: 4; }
.input-group .form-group-feedback:not(:last-child) .form-control {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group .form-group-feedback:not(:first-child) .form-control {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.input-group + .form-control-feedback,
.form-control-feedback + .input-group {
z-index: 4; }
.input-group-text i {
display: block;
top: 0; }
.input-group-prepend {
margin-right: 1.25rem; }
.input-group > .input-group-prepend > .btn:last-of-type {
border-top-right-radius: 0.1875rem;
border-bottom-right-radius: 0.1875rem; }
.input-group-append {
margin-left: 1.25rem; }
.input-group > .input-group-append > .btn:first-of-type {
border-top-left-radius: 0.1875rem;
border-bottom-left-radius: 0.1875rem; }
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
padding-left: 1.125rem;
padding-right: 1.125rem; }
.input-group-lg > .input-group-prepend > .btn:first-of-type,
.input-group-lg > .input-group-append > .btn:first-of-type {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.input-group-lg > .input-group-prepend > .btn:last-of-type,
.input-group-lg > .input-group-append > .btn:last-of-type {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem; }
.input-group-lg > .input-group-prepend > .btn-icon,
.input-group-lg > .input-group-append > .btn-icon {
padding-left: 0.75002rem;
padding-right: 0.75002rem; }
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
padding-left: 0.875rem;
padding-right: 0.875rem; }
.input-group-sm > .input-group-prepend > .btn:first-of-type,
.input-group-sm > .input-group-append > .btn:first-of-type {
border-top-left-radius: 0.125rem;
border-bottom-left-radius: 0.125rem; }
.input-group-sm > .input-group-prepend > .btn:last-of-type,
.input-group-sm > .input-group-append > .btn:last-of-type {
border-top-right-radius: 0.125rem;
border-bottom-right-radius: 0.125rem; }
.input-group-sm > .input-group-prepend > .btn-icon,
.input-group-sm > .input-group-append > .btn-icon {
padding-left: 0.50002rem;
padding-right: 0.50002rem; }
/* ------------------------------------------------------------------------------
*
* # Custom form inputs
*
* Custom checkboxes, radios, selects and file inputs
*
* ---------------------------------------------------------------------------- */
.custom-control {
min-height: 1.25003rem;
margin-bottom: 0.5rem; }
.custom-control:last-child {
margin-bottom: 0; }
.custom-control-inline {
margin-bottom: 0; }
.custom-control-inline:last-child {
margin-right: 0; }
.custom-control-input:active ~ .custom-control-label::before {
transition: all ease-in-out 0.15s; }
@media screen and (prefers-reduced-motion: reduce) {
.custom-control-input:active ~ .custom-control-label::before {
transition: none; } }
.custom-control-input:disabled ~ .custom-control-label {
cursor: default; }
.custom-control-label {
cursor: pointer; }
.custom-control-label::before {
top: 0.00002rem; }
.custom-control-label::after {
top: 0.00002rem; }
.custom-control-right {
padding-left: 0;
padding-right: 1.875rem; }
.custom-control-right .custom-control-input {
right: 0; }
.custom-control-right .custom-control-label:before, .custom-control-right .custom-control-label:after {
left: auto;
right: 0; }
.custom-select {
cursor: pointer;
border-width: 1px 0;
border-top-color: transparent;
transition: all ease-in-out 0.15s; }
@media screen and (prefers-reduced-motion: reduce) {
.custom-select {
transition: none; } }
.custom-select:focus {
box-shadow: 0 1px 0 #009688; }
.custom-select:disabled {
cursor: default;
border-bottom-style: dashed; }
.custom-select:disabled:hover, .custom-select:disabled:focus {
box-shadow: none; }
.custom-file-label {
border-width: 1px 0;
border-top-color: transparent;
margin-bottom: 0; }
.custom-file-label:after {
border-left: 0;
font-weight: 500;
text-transform: uppercase; }
/* ------------------------------------------------------------------------------
*
* # Nav components
*
* Overrides for nav components
*
* ---------------------------------------------------------------------------- */
.nav-link {
position: relative;
transition: all ease-in-out 0.15s; }
@media screen and (prefers-reduced-motion: reduce) {
.nav-link {
transition: none; } }
.nav-link.disabled {
cursor: default; }
.nav-tabs {
margin-bottom: 1.25rem; }
.nav-tabs .nav-link {
border-top-left-radius: 0;
border-top-right-radius: 0;
color: #777; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
color: #333; }
.nav-tabs .nav-link.disabled {
color: #999; }
.nav-tabs .nav-item.show .nav-link:not(.active) {
border-color: transparent;
background-color: transparent; }
.nav-tabs.border-top-1 {
border-top-color: #ddd; }
.nav-tabs-responsive {
overflow-x: auto;
box-shadow: 0 -1px 0 #ddd inset; }
.nav-tabs-highlight .nav-link,
.nav-tabs-top .nav-link,
.nav-tabs-bottom .nav-link {
position: relative; }
.nav-tabs-highlight .nav-link:before,
.nav-tabs-top .nav-link:before,
.nav-tabs-bottom .nav-link:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
transition: background-color ease-in-out 0.15s; }
@media screen and (prefers-reduced-motion: reduce) {
.nav-tabs-highlight .nav-link:before,
.nav-tabs-top .nav-link:before,
.nav-tabs-bottom .nav-link:before {
transition: none; } }
.nav-tabs-highlight .nav-link {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.nav-tabs-highlight .nav-link:before {
height: 2px;
top: -1px;
left: -1px;
right: -1px; }
.nav-tabs-highlight .nav-link.active {
border-top-color: #2196F3; }
.nav-tabs-highlight .nav-link.active:before {
background-color: #2196F3; }
.nav-tabs-top .nav-item {
margin-bottom: 0; }
.nav-tabs-top .nav-link {
border-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.nav-tabs-top .nav-link:hover:before, .nav-tabs-top .nav-link:focus:before {
background-color: #ddd; }
.nav-tabs-top .nav-link:before {
height: 2px; }
.nav-tabs-top .nav-link.disabled:before {
content: none; }
.nav-tabs-top .nav-item.show .nav-link:not(.active):before {
background-color: #ddd; }
.nav-tabs-top .nav-link.active:before {
background-color: #EC407A; }
.nav-tabs-top .nav-link.active,
.nav-tabs-top .nav-item.show .nav-link {
background-color: transparent; }
.nav-tabs-top .dropdown-menu {
margin-top: 0; }
.nav-tabs-top.border-top-1 .nav-item {
margin-top: -1px; }
.nav-tabs-bottom .nav-item {
margin-bottom: 0; }
.nav-tabs-bottom .nav-link {
border-width: 0;
margin-bottom: -1px; }
.nav-tabs-bottom .nav-link:before {
height: 2px;
top: auto;
bottom: 0; }
.nav-tabs-bottom .nav-link.active:before {
background-color: #EC407A; }
.nav-tabs-bottom .nav-link.active,
.nav-tabs-bottom .nav-item.show .nav-link {
background-color: transparent; }
.nav-tabs-bottom .dropdown-menu {
margin-top: 0; }
.nav-tabs-solid {
background-color: #fafafa;
border: 1px solid #ddd;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.nav-tabs-solid .nav-item {
margin-bottom: 0; }
.nav-tabs-solid .nav-link {
border-width: 0; }
.nav-tabs-solid .nav-item.show .nav-link {
background-color: transparent; }
.nav-tabs-solid .nav-link.active,
.nav-tabs-solid .nav-item.show .nav-link.active {
color: #fff;
background-color: #26A69A; }
.nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link {
color: rgba(255, 255, 255, 0.9); }
.nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link:hover, .nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link:focus {
color: #fff; }
.nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link.disabled {
color: rgba(255, 255, 255, 0.6); }
.nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-item.show .nav-link {
color: #fff; }
.nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link.active,
.nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-item.show .nav-link.active {
color: #fff;
background-color: rgba(0, 0, 0, 0.1); }
.nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) + .tab-content[class*=bg-] {
border-top-color: rgba(255, 255, 255, 0.5); }
.nav-tabs-vertical .nav-link {
-ms-flex-pack: start;
justify-content: flex-start;
border-left-width: 0; }
.nav-tabs-vertical .nav-link, .nav-tabs-vertical .nav-link:hover, .nav-tabs-vertical .nav-link:focus, .nav-tabs-vertical .nav-link.disabled {
border-color: transparent #ddd transparent transparent; }
.nav-tabs-vertical .nav-link:before {
content: '';
position: absolute;
top: -1px;
bottom: -1px;
left: 0;
width: 2px;
transition: background-color ease-in-out 0.15s; }
@media screen and (prefers-reduced-motion: reduce) {
.nav-tabs-vertical .nav-link:before {
transition: none; } }
.nav-tabs-vertical .nav-item.show .nav-link:not(.active) {
border-right-color: #ddd;
border-bottom-color: transparent; }
.nav-tabs-vertical-right .nav-link, .nav-tabs-vertical-right .nav-link:hover, .nav-tabs-vertical-right .nav-link:focus, .nav-tabs-vertical-right .nav-link.disabled {
border-color: transparent transparent transparent #ddd; }
.nav-tabs-vertical-right .nav-link:before {
left: auto;
right: 0; }
.nav-tabs-vertical-right .nav-item.show .nav-link:not(.active) {
border-right-color: transparent;
border-left-color: #ddd; }
.nav-tabs-vertical .nav-link.active:before {
background-color: #2196F3; }
.nav-tabs-vertical .nav-link.active,
.nav-tabs-vertical .nav-item.show .nav-link {
background-color: transparent;
border-color: #ddd transparent; }
.nav-pills {
margin-bottom: 1.25rem; }
.nav-pills .nav-link {
color: #777; }
.nav-pills .nav-link:not(.active):hover, .nav-pills .nav-link:not(.active):focus {
color: #333; }
.nav-pills .nav-link.active .badge:not(.bg-transparent):not(.bg-light):not(.bg-white) {
background-color: #fff;
color: #333;
transition: all ease-in-out 0.15s; }
@media screen and (prefers-reduced-motion: reduce) {
.nav-pills .nav-link.active .badge:not(.bg-transparent):not(.bg-light):not(.bg-white) {
transition: none; } }
.nav-pills .nav-link.disabled, .nav-pills .nav-link.disabled:hover, .nav-pills .nav-link.disabled:focus {
color: #999; }
.nav-pills .nav-item.show .nav-link:not(.active) {
color: #333;
background-color: transparent; }
.nav-pills.flex-column .nav-link {
-ms-flex-pack: start;
justify-content: flex-start; }
.nav-pills-bordered .nav-item + .nav-item {
margin-left: 0.625rem; }
.nav-pills-bordered .nav-link {
border: 1px solid #ddd; }
.nav-pills-bordered .nav-link:not(.active):hover,
.nav-pills-bordered .nav-link:not(.active):focus,
.nav-pills-bordered .nav-item.show .nav-link:not(.active) {
background-color: #f5f5f5; }
.nav-pills-bordered .nav-link.active {
border-color: #26A69A; }
.nav-pills-bordered .nav-link.disabled, .nav-pills-bordered .nav-link.disabled:hover, .nav-pills-bordered .nav-link.disabled:focus {
background-color: #fafafa; }
.nav-pills-bordered.flex-column .nav-item + .nav-item {
margin-left: 0;
margin-top: 0.625rem; }
.nav-pills-toolbar .nav-item + .nav-item {
margin-left: -1px; }
.nav-pills-toolbar .nav-link {
border-radius: 0; }
.nav-pills-toolbar .nav-link.active {
z-index: 3; }
.nav-pills-toolbar .nav-item:first-child .nav-link {
border-top-left-radius: 0.1875rem;
border-bottom-left-radius: 0.1875rem; }
.nav-pills-toolbar .nav-item:last-child .nav-link {
border-top-right-radius: 0.1875rem;
border-bottom-right-radius: 0.1875rem; }
.nav-pills-toolbar.flex-column .nav-item:first-child .nav-link {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0.1875rem;
border-top-right-radius: 0.1875rem; }
.nav-pills-toolbar.flex-column .nav-item:last-child .nav-link {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-right-radius: 0.1875rem;
border-bottom-left-radius: 0.1875rem; }
.nav-pills-toolbar.flex-column .nav-item + .nav-item {
margin-left: 0;
margin-top: -1px; }
/* ------------------------------------------------------------------------------
*
* # Navbar component
*
* Overrides for navbar component
*
* ---------------------------------------------------------------------------- */
.navbar {
-ms-flex-align: stretch;
align-items: stretch;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.navbar-component {
border: 1px solid transparent;
margin-bottom: 1.25rem; }
.page-header .navbar-component {
margin-left: 1.25rem;
margin-right: 1.25rem; }
.navbar-brand img {
height: 1rem;
display: block; }
.navbar-text {
padding-top: 0.875rem;
padding-bottom: 0.875rem; }
.navbar-nav .nav-link {
padding-left: 1.25rem;
padding-right: 1.25rem; }
.navbar-nav-link {
position: relative;
display: block;
cursor: pointer;
padding: 0.875rem 1rem;
outline: 0;
transition: all ease-in-out 0.15s; }
@media screen and (prefers-reduced-motion: reduce) {
.navbar-nav-link {
transition: none; } }
.navbar-nav-link.disabled {
cursor: default; }
.navbar-nav-link.disabled .badge,
.navbar-nav-link.disabled img {
opacity: 0.5; }
.navbar-nav-link .badge {
position: absolute;
top: 0;
right: 0; }
.navbar-nav-link .badge-mark {
top: 0.4375rem;
right: 0.5rem; }
.navbar-nav-highlight .navbar-nav-link {
text-transform: uppercase;
font-size: 0.75rem;
line-height: 1.6667;
font-weight: 500; }
.navbar-nav-highlight .navbar-nav-link:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
background-color: transparent;
width: 2px; }
.navbar-light .navbar-nav-highlight .navbar-nav-link.active:before {
background-color: #EC407A; }
.navbar-dark .navbar-nav-highlight .navbar-nav-link.active:before {
background-color: #fff; }
.navbar-collapse {
margin-left: -1.25rem;
margin-right: -1.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem; }
.navbar-toggler {
border: 0;
line-height: 1.5385;
cursor: pointer;
transition: all ease-in-out 0.15s; }
@media screen and (prefers-reduced-motion: reduce) {
.navbar-toggler {
transition: none; } }
.navbar-toggler + .navbar-toggler {
margin-left: 1.25rem; }
.navbar-toggler:hover, .navbar-toggler:focus {
outline: 0; }
.navbar-dark .navbar-toggler:hover, .navbar-dark .navbar-toggler:focus {
color: #fff; }
.navbar-light .navbar-toggler {
color: rgba(51, 51, 51, 0.75); }
.navbar-light .navbar-toggler:hover, .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler[aria-expanded=true] {
color: #333; }
@media (max-width: 575.98px) {
.navbar-expand-sm .navbar-nav:first-child > .nav-item:first-child {
margin-top: 0.625rem; }
.navbar-expand-sm .navbar-nav:last-child > .nav-item:not(.show):last-child {
margin-bottom: 0.625rem; }
.navbar-expand-sm .navbar-nav-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-left: -1.25rem;
margin-right: -1.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem; }
.navbar-expand-sm .navbar-nav-link .badge:not(.position-static) {
position: static; }
.navbar-expand-sm .navbar-nav-link.dropdown-toggle:not(.caret-0) {
padding-right: 2.5rem; }
.navbar-expand-sm .navbar-nav-link.dropdown-toggle:not(.caret-0):after {
position: absolute;
top: 50%;
right: 1.25rem;
margin: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.navbar-expand-sm.navbar-dark .navbar-collapse {
border-top: 1px solid rgba(255, 255, 255, 0.1); }
.navbar-expand-sm.navbar-light .navbar-collapse {
border-top: 1px solid #ddd; }
.navbar-expand-sm .navbar-nav > .nav-item > .dropdown-menu {
margin-top: 1.25rem;
margin-bottom: 1.25rem; }
.navbar-expand-sm .dropdown-submenu .dropdown-toggle:after {
content: '\e9c5'; }
.navbar-expand-sm .dropdown-submenu .dropdown-menu, .navbar-expand-sm .dropdown-submenu.dropdown-submenu-left .dropdown-menu {
margin: 0;
border-width: 0;
box-shadow: none;
border-radius: 0; }
.navbar-expand-sm .dropdown-submenu > .dropdown-menu > .dropdown-item,
.navbar-expand-sm .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
padding-left: 2.5rem; }
.navbar-expand-sm .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item,
.navbar-expand-sm .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
padding-left: 3.75rem; }
.navbar-expand-sm.fixed-top .navbar-collapse,
.navbar-expand-sm.fixed-bottom .navbar-collapse {
max-height: 440px;
overflow-y: auto; } }
@media (min-width: 576px) {
.navbar-expand-sm .navbar-brand {
min-width: 15.625rem; }
.navbar-expand-sm .navbar-nav-link:before {
top: auto;
right: 0;
width: auto;
height: 2px; } }
@media (max-width: 767.98px) {
.navbar-expand-md .navbar-nav:first-child > .nav-item:first-child {
margin-top: 0.625rem; }
.navbar-expand-md .navbar-nav:last-child > .nav-item:not(.show):last-child {
margin-bottom: 0.625rem; }
.navbar-expand-md .navbar-nav-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-left: -1.25rem;
margin-right: -1.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem; }
.navbar-expand-md .navbar-nav-link .badge:not(.position-static) {
position: static; }
.navbar-expand-md .navbar-nav-link.dropdown-toggle:not(.caret-0) {
padding-right: 2.5rem; }
.navbar-expand-md .navbar-nav-link.dropdown-toggle:not(.caret-0):after {
position: absolute;
top: 50%;
right: 1.25rem;
margin: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.navbar-expand-md.navbar-dark .navbar-collapse {
border-top: 1px solid rgba(255, 255, 255, 0.1); }
.navbar-expand-md.navbar-light .navbar-collapse {
border-top: 1px solid #ddd; }
.navbar-expand-md .navbar-nav > .nav-item > .dropdown-menu {
margin-top: 1.25rem;
margin-bottom: 1.25rem; }
.navbar-expand-md .dropdown-submenu .dropdown-toggle:after {
content: '\e9c5'; }
.navbar-expand-md .dropdown-submenu .dropdown-menu, .navbar-expand-md .dropdown-submenu.dropdown-submenu-left .dropdown-menu {
margin: 0;
border-width: 0;
box-shadow: none;
border-radius: 0; }
.navbar-expand-md .dropdown-submenu > .dropdown-menu > .dropdown-item,
.navbar-expand-md .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
padding-left: 2.5rem; }
.navbar-expand-md .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item,
.navbar-expand-md .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
padding-left: 3.75rem; }
.navbar-expand-md.fixed-top .navbar-collapse,
.navbar-expand-md.fixed-bottom .navbar-collapse {
max-height: 440px;
overflow-y: auto; } }
@media (min-width: 768px) {
.navbar-expand-md .navbar-brand {
min-width: 15.625rem; }
.navbar-expand-md .navbar-nav-link:before {
top: auto;
right: 0;
width: auto;
height: 2px; } }
@media (max-width: 991.98px) {
.navbar-expand-lg .navbar-nav:first-child > .nav-item:first-child {
margin-top: 0.625rem; }
.navbar-expand-lg .navbar-nav:last-child > .nav-item:not(.show):last-child {
margin-bottom: 0.625rem; }
.navbar-expand-lg .navbar-nav-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-left: -1.25rem;
margin-right: -1.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem; }
.navbar-expand-lg .navbar-nav-link .badge:not(.position-static) {
position: static; }
.navbar-expand-lg .navbar-nav-link.dropdown-toggle:not(.caret-0) {
padding-right: 2.5rem; }
.navbar-expand-lg .navbar-nav-link.dropdown-toggle:not(.caret-0):after {
position: absolute;
top: 50%;
right: 1.25rem;
margin: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.navbar-expand-lg.navbar-dark .navbar-collapse {
border-top: 1px solid rgba(255, 255, 255, 0.1); }
.navbar-expand-lg.navbar-light .navbar-collapse {
border-top: 1px solid #ddd; }
.navbar-expand-lg .navbar-nav > .nav-item > .dropdown-menu {
margin-top: 1.25rem;
margin-bottom: 1.25rem; }
.navbar-expand-lg .dropdown-submenu .dropdown-toggle:after {
content: '\e9c5'; }
.navbar-expand-lg .dropdown-submenu .dropdown-menu, .navbar-expand-lg .dropdown-submenu.dropdown-submenu-left .dropdown-menu {
margin: 0;
border-width: 0;
box-shadow: none;
border-radius: 0; }
.navbar-expand-lg .dropdown-submenu > .dropdown-menu > .dropdown-item,
.navbar-expand-lg .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
padding-left: 2.5rem; }
.navbar-expand-lg .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item,
.navbar-expand-lg .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
padding-left: 3.75rem; }
.navbar-expand-lg.fixed-top .navbar-collapse,
.navbar-expand-lg.fixed-bottom .navbar-collapse {
max-height: 440px;
overflow-y: auto; } }
@media (min-width: 992px) {
.navbar-expand-lg .navbar-brand {
min-width: 15.625rem; }
.navbar-expand-lg .navbar-nav-link:before {
top: auto;
right: 0;
width: auto;
height: 2px; } }
@media (max-width: 1199.98px) {
.navbar-expand-xl .navbar-nav:first-child > .nav-item:first-child {
margin-top: 0.625rem; }
.navbar-expand-xl .navbar-nav:last-child > .nav-item:not(.show):last-child {
margin-bottom: 0.625rem; }
.navbar-expand-xl .navbar-nav-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-left: -1.25rem;
margin-right: -1.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem; }
.navbar-expand-xl .navbar-nav-link .badge:not(.position-static) {
position: static; }
.navbar-expand-xl .navbar-nav-link.dropdown-toggle:not(.caret-0) {
padding-right: 2.5rem; }
.navbar-expand-xl .navbar-nav-link.dropdown-toggle:not(.caret-0):after {
position: absolute;
top: 50%;
right: 1.25rem;
margin: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.navbar-expand-xl.navbar-dark .navbar-collapse {
border-top: 1px solid rgba(255, 255, 255, 0.1); }
.navbar-expand-xl.navbar-light .navbar-collapse {
border-top: 1px solid #ddd; }
.navbar-expand-xl .navbar-nav > .nav-item > .dropdown-menu {
margin-top: 1.25rem;
margin-bottom: 1.25rem; }
.navbar-expand-xl .dropdown-submenu .dropdown-toggle:after {
content: '\e9c5'; }
.navbar-expand-xl .dropdown-submenu .dropdown-menu, .navbar-expand-xl .dropdown-submenu.dropdown-submenu-left .dropdown-menu {
margin: 0;
border-width: 0;
box-shadow: none;
border-radius: 0; }
.navbar-expand-xl .dropdown-submenu > .dropdown-menu > .dropdown-item,
.navbar-expand-xl .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
padding-left: 2.5rem; }
.navbar-expand-xl .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item,
.navbar-expand-xl .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
padding-left: 3.75rem; }
.navbar-expand-xl.fixed-top .navbar-collapse,
.navbar-expand-xl.fixed-bottom .navbar-collapse {
max-height: 440px;
overflow-y: auto; } }
@media (min-width: 1200px) {
.navbar-expand-xl .navbar-brand {
min-width: 15.625rem; }
.navbar-expand-xl .navbar-nav-link:before {
top: auto;
right: 0;
width: auto;
height: 2px; } }
.navbar-expand .navbar-nav:first-child > .nav-item:first-child {
margin-top: 0.625rem; }
.navbar-expand .navbar-nav:last-child > .nav-item:not(.show):last-child {
margin-bottom: 0.625rem; }
.navbar-expand .navbar-nav-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-left: -1.25rem;
margin-right: -1.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem; }
.navbar-expand .navbar-nav-link .badge:not(.position-static) {
position: static; }
.navbar-expand .navbar-nav-link.dropdown-toggle:not(.caret-0) {
padding-right: 2.5rem; }
.navbar-expand .navbar-nav-link.dropdown-toggle:not(.caret-0):after {
position: absolute;
top: 50%;
right: 1.25rem;
margin: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.navbar-expand.navbar-dark .navbar-collapse {
border-top: 1px solid rgba(255, 255, 255, 0.1); }
.navbar-expand.navbar-light .navbar-collapse {
border-top: 1px solid #ddd; }
.navbar-expand .navbar-nav > .nav-item > .dropdown-menu {
margin-top: 1.25rem;
margin-bottom: 1.25rem; }
.navbar-expand .dropdown-submenu .dropdown-toggle:after {
content: '\e9c5'; }
.navbar-expand .dropdown-submenu .dropdown-menu, .navbar-expand .dropdown-submenu.dropdown-submenu-left .dropdown-menu {
margin: 0;
border-width: 0;
box-shadow: none;
border-radius: 0; }
.navbar-expand .dropdown-submenu > .dropdown-menu > .dropdown-item,
.navbar-expand .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
padding-left: 2.5rem; }
.navbar-expand .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item,
.navbar-expand .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {
padding-left: 3.75rem; }
.navbar-expand.fixed-top .navbar-collapse,
.navbar-expand.fixed-bottom .navbar-collapse {
max-height: 440px;
overflow-y: auto; }
.navbar-expand .navbar-brand {
min-width: 15.625rem; }
.navbar-expand .navbar-nav-link:before {
top: auto;
right: 0;
width: auto;
height: 2px; }
.navbar-light {
color: rgba(51, 51, 51, 0.75);
background-color: #fff; }
.page-header-content + .navbar-light,
.content + .navbar-light,
.page-content + .navbar-light,
.fixed-bottom > .navbar-light:first-child {
border-top: 1px solid transparent; }
.navbar-light .navbar-nav .nav-link {
color: #333; }
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: #333; }
.navbar-light .navbar-nav .nav-link.disabled {
color: #999; }
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
color: #333; }
.navbar-light .navbar-nav-link {
color: rgba(51, 51, 51, 0.75); }
.navbar-light .navbar-nav-link:hover, .navbar-light .navbar-nav-link:focus {
color: #333;
background-color: transparent; }
.navbar-light .navbar-nav-link.disabled {
color: rgba(0, 0, 0, 0.5);
background-color: transparent; }
.navbar-light .show > .navbar-nav-link,
.navbar-light .active > .navbar-nav-link,
.navbar-light .navbar-nav-link.show,
.navbar-light .navbar-nav-link.active {
color: #333;
background-color: transparent; }
.navbar-light .navbar-text a {
color: #2196F3; }
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
color: #0a6ebd; }
.navbar-dark {
color: rgba(255, 255, 255, 0.9);
background-color: #293a50; }
.navbar-dark .navbar-nav .nav-link {
color: #333; }
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: #333; }
.navbar-dark .navbar-nav .nav-link.disabled {
color: #999; }
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
color: #333; }
.navbar-dark .navbar-nav-link {
color: rgba(255, 255, 255, 0.9); }
.navbar-dark .navbar-nav-link:hover, .navbar-dark .navbar-nav-link:focus {
color: #fff;
background-color: transparent; }
.navbar-dark .navbar-nav-link.disabled {
color: rgba(255, 255, 255, 0.5);
background-color: transparent; }
.navbar-dark .show > .navbar-nav-link,
.navbar-dark .active > .navbar-nav-link,
.navbar-dark .navbar-nav-link.show,
.navbar-dark .navbar-nav-link.active {
color: #fff;
background-color: transparent; }
.navbar-nav .nav-tabs .nav-link {
color: #777; }
.navbar-nav .nav-tabs .nav-link:hover, .navbar-nav .nav-tabs .nav-link:focus {
color: #333; }
.navbar-nav .nav-tabs .nav-link.disabled {
color: #999; }
.navbar-nav .nav-tabs .show > .nav-link,
.navbar-nav .nav-tabs .active > .nav-link,
.navbar-nav .nav-tabs .nav-link.show,
.navbar-nav .nav-tabs .nav-link.active {
color: #333; }
.navbar-nav .nav-pills .nav-link {
color: #777; }
.navbar-nav .nav-pills .nav-link:not(.active):hover, .navbar-nav .nav-pills .nav-link:not(.active):focus {
color: #333; }
.navbar-nav .nav-pills .nav-link.active .badge:not(.badge-mark) {
background-color: #fff !important;
color: #333 !important; }
.navbar-nav .nav-pills .nav-link.active .badge-mark[class*=bg-] {
background-color: #fff !important;
border-color: #fff !important; }
.navbar-nav .nav-pills .nav-link.active .badge-mark[class*=border-] {
border-color: #fff !important; }
.navbar-nav .nav-pills .nav-link.active,
.show:not(.navbar-collapse) > .navbar-nav .nav-pills .nav-link {
color: #fff; }
.navbar-nav .nav-pills .nav-link.disabled:hover, .navbar-nav .nav-pills .nav-link.disabled:focus {
color: #999; }
.navbar .btn-group .dropdown-menu-right {
right: 0;
left: auto; }
.dropdown-user .navbar-nav-link,
.dropdown-user .navbar-nav-link > span {
padding-top: 0.4375rem;
padding-bottom: 0.4375rem; }
.dropdown-user .navbar-nav-link > span {
display: inline-block;
padding-left: 0.625rem; }
.dropdown-user .navbar-nav-link > img {
max-height: 2.12503rem;
vertical-align: top; }
.img-flag {
height: 0.875rem;
margin-top: 0.18752rem;
vertical-align: top;
-ms-flex-item-align: start;
align-self: flex-start; }
.mega-menu-left > .dropdown-menu {
/*rtl:ignore*/
left: auto; }
.mega-menu-right > .dropdown-menu {
left: auto;
right: 0; }
.mega-menu-full > .dropdown-menu {
left: 1.25rem;
right: 1.25rem; }
.navbar-component .mega-menu-full > .dropdown-menu {
left: 0;
right: 0; }
.dropdown-content-header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 1.25rem;
padding-right: 1.25rem;
border-top-left-radius: 0.1875rem;
border-top-right-radius: 0.1875rem; }
.dropdown-content-header:not([class*=bg-]) {
padding-top: 1.25rem;
padding-bottom: 1.25rem; }
.dropdown-content-header[class*=bg-] {
padding-top: 1rem;
padding-bottom: 1rem; }
.dropdown-content-header + .table-responsive,
.dropdown-content-header + .table {
border-top: 1px solid #ddd; }
.dropdown-content:not(ul) {
padding-top: 0;
padding-bottom: 0; }
.dropdown-content-body {
padding: 1.25rem 1.25rem; }
.dropdown-content-header:not([class*=bg-]) + .dropdown-content-body {
padding-top: 0; }
.dropdown-content-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0.75rem 1.25rem;
border-top: 1px solid #ddd;
border-bottom-right-radius: 0.1875rem;
border-bottom-left-radius: 0.1875rem; }
.navbar-top {
padding-top: 3.00003rem; }
.navbar-lg-top {
padding-top: 3.25003rem; }
.navbar-sm-top {
padding-top: 2.75003rem; }
.navbar-lg-md-top {
padding-top: 6.25006rem; }
.navbar-md-md-top {
padding-top: 6.00006rem; }
.navbar-sm-md-top {
padding-top: 5.75006rem; }
.navbar-lg-sm-top {
padding-top: 6.00006rem; }
.navbar-bottom {
padding-bottom: 3.00003rem; }
.navbar-lg-md-bottom {
padding-bottom: 6.25006rem; }
.navbar-md-md-bottom {
padding-bottom: 6.00006rem; }
.navbar-sm-md-bottom {
padding-bottom: 5.75006rem; }
.navbar-lg-sm-bottom {
padding-bottom: 6.00006rem; }
.navbar-lg .navbar-brand {
padding-top: 1.12502rem;
padding-bottom: 1.12502rem; }
.navbar-lg .navbar-nav-link {
padding: 1rem 1.25rem; }
.navbar-lg .navbar-nav-link .badge-mark {
top: 0.5rem;
right: 0.625rem; }
.navbar-lg .navbar-text {
padding-top: 1rem;
padding-bottom: 1rem; }
.navbar-lg .dropdown-user > .navbar-nav-link,
.navbar-lg .dropdown-user > .navbar-nav-link > span {
padding-top: 0.5rem;
padding-bottom: 0.5rem; }
.navbar-lg .dropdown-user > .navbar-nav-link > img {
max-height: 2.25003rem; }
.navbar-sm .navbar-brand {
padding-top: 0.87502rem;
padding-bottom: 0.87502rem; }
.navbar-sm .navbar-nav-link {
padding: 0.75rem 0.875rem; }
.navbar-sm .navbar-nav-link .badge-mark {
top: 0.375rem;
right: 0.4375rem; }
.navbar-sm .navbar-text {
padding-top: 0.75rem;
padding-bottom: 0.75rem; }
.navbar-sm .dropdown-user > .navbar-nav-link,
.navbar-sm .dropdown-user > .navbar-nav-link > span {
padding-top: 0.375rem;
padding-bottom: 0.375rem; }
.navbar-sm .dropdown-user > .navbar-nav-link > img {
max-height: 2.00003rem; }
.navbar-header {
margin-left: -1.25rem;
margin-right: 1.25rem; }
.navbar-header .navbar-brand {
margin-left: 1.25rem;
margin-right: 0; }
.navbar-header .navbar-brand-xs {
display: none; }
.sidebar-xs .navbar-header .navbar-brand-md {
display: none; }
.sidebar-xs .navbar-header .navbar-brand-xs {
display: inline-block;
min-width: 3.5rem;
margin-left: 0;
text-align: center; }
.navbar-static {
z-index: 100; }
/* ------------------------------------------------------------------------------
*
* # Card component
*
* Overrides for card bootstrap component
*
* ---------------------------------------------------------------------------- */
.card {
margin-bottom: 1.25rem;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
border-width: 0; }
.card.fixed-top {
overflow: auto;
max-height: 100%; }
.card-body:not(.card) + .card-body:not(.card) {
border-top: 1px solid rgba(0, 0, 0, 0.125); }
.card-title {
position: relative; }
.card:not([class*=border-]) .card-header {
border-top-left-radius: 0.1875rem;
border-top-right-radius: 0.1875rem; }
.card-header .card-title {
margin-bottom: 0; }
.card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .card-header {
border-bottom-color: rgba(255, 255, 255, 0.1); }
.card-header:not([class*=bg-]):not([class*=alpha-]) {
background-color: transparent;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
border-bottom-width: 0; }
.card-header:not([class*=bg-]):not([class*=alpha-]) + .card-body,
.card-header:not([class*=bg-]):not([class*=alpha-]) + * > .card-body:first-child {
padding-top: 0; }
.card-footer:first-child,
.card-header + .card-footer,
.card-header + * > .card-footer:first-child {
border-top: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
.card-footer.border-bottom-1 {
border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
.card-header-tabs {
margin-bottom: 0; }
.card-header-tabs .nav-link {
border-top-width: 0; }
.card-body .card-img {
border-radius: 0.1875rem; }
.card-img-actions {
position: relative; }
.card-img-actions:hover .card-img-actions-overlay, .card-img-actions:focus .card-img-actions-overlay {
opacity: 1;
visibility: visible; }
.card-img-actions-overlay {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.75);
color: #fff;
opacity: 0;
visibility: hidden;
transition: all ease-in-out 0.15s; }
@media screen and (prefers-reduced-motion: reduce) {
.card-img-actions-overlay {
transition: none; } }
[data-action] {
cursor: pointer; }
[data-action]:after {
font-family: "icomoon";
font-size: 1rem;
min-width: 1rem;
text-align: center;
display: inline-block;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
[data-action="collapse"]:after {
content: '\e9c1'; }
[data-action="reload"]:after {
content: '\e9fb'; }
[data-action="remove"]:after {
content: '\ed6a';
font-size: 0.8125rem; }
[data-action="move"] {
cursor: default; }
[data-action="move"]:after {
content: '\e986'; }
[data-action="fullscreen"]:after {
content: '\e9f9'; }
[data-action="fullscreen"][data-fullscreen="active"]:after {
content: '\e9fa'; }
[data-action="modal"]:after {
content: '\e9eb'; }
.card-group-control .card-title > a {
display: inline-block; }
.card-group-control .card-title > a:before {
content: '\ed5b';
font-family: "icomoon";
position: absolute;
top: 50%;
margin-top: -0.5rem;
font-size: 1rem;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.card-group-control .card-title > a.collapsed:before {
content: '\ed5a'; }
.card-group-control-left .card-title > a {
padding-left: 1.625rem; }
.card-group-control-left .card-title > a:before {
left: 0; }
.card-group-control-right .card-title > a {
padding-right: 1.625rem; }
.card-group-control-right .card-title > a:before {
right: 0; }
.card-group {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
border-bottom-right-radius: 0.1875rem;
border-bottom-left-radius: 0.1875rem; }
.card-group .card:not(:last-child) {
border-right-width: 1px; }
/* ------------------------------------------------------------------------------
*
* # Breadcrumb component
*
* Overrides for breadcrumb bootstrap component
*
* ---------------------------------------------------------------------------- */
.breadcrumb {
padding: 0; }
.breadcrumb-item {
padding: 0.625rem 0;
color: inherit; }
.breadcrumb-item i {
font-size: 0.75rem; }
a.breadcrumb-item, a.breadcrumb-elements-item {
display: inline-block;
color: inherit;
transition: opacity ease-in-out 0.15s; }
@media screen and (prefers-reduced-motion: reduce) {
a.breadcrumb-item, a.breadcrumb-elements-item {
transition: none; } }
a.breadcrumb-item:hover, a.breadcrumb-elements-item:hover, a.breadcrumb-item:focus, a.breadcrumb-elements-item:focus,
.show > a.breadcrumb-item,
.show > a.breadcrumb-elements-item {
opacity: 0.75; }
.page-header-content > .breadcrumb {
padding-top: 0;
padding-bottom: 1.25rem; }
.page-header-content > .breadcrumb:first-child {
padding-bottom: 0;
padding-top: 1.25rem; }
.breadcrumb-dash > .breadcrumb-item + .breadcrumb-item:before {
content: '\2013\00a0'; }
.breadcrumb-arrow > .breadcrumb-item + .breadcrumb-item:before {
content: '\2192\00a0'; }
.breadcrumb-arrows > .breadcrumb-item + .breadcrumb-item:before {
content: '\00bb\00a0'; }
.breadcrumb-caret > .breadcrumb-item + .breadcrumb-item:before {
content: '\203A\00a0'; }
.breadcrumb-line {
position: relative;
padding-left: 1.25rem;
padding-right: 1.25rem;
border-top: 1px solid transparent;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.breadcrumb-line:not(.breadcrumb-line-component):first-child {
border-top-width: 0; }
.breadcrumb-line:last-child {
margin-bottom: 1.25rem; }
.page-header-light .breadcrumb-line:last-child,
.page-header-dark .breadcrumb-line:last-child {
margin-bottom: 0; }
.breadcrumb-line-light {
background-color: #fff;
border-color: #ddd;
color: #333; }
.page-header-dark .breadcrumb-line-light:not(.breadcrumb-line-component) {
border-top-width: 0; }
.breadcrumb-line-dark {
background-color: #273246;
border-color: transparent;
color: #fff; }
.breadcrumb-line-dark .breadcrumb-item.active {
color: inherit; }
.breadcrumb-line-component {
border: 0;
border-radius: 0.1875rem; }
.page-header .breadcrumb-line-component {
margin-left: 1.25rem;
margin-right: 1.25rem; }
.breadcrumb-elements-item {
padding: 0.625rem 0; }
.breadcrumb-elements-item + .breadcrumb-elements-item {
margin-left: 1.25rem; }
/* ------------------------------------------------------------------------------
*
* # Pagination component
*
* Overrides for pagination component
*
* ---------------------------------------------------------------------------- */
.pagination {
margin-bottom: 0; }
.page-link {
text-align: center;
min-width: 2.25003rem;
transition: all ease-in-out 0.15s; }
@media screen and (prefers-reduced-motion: reduce) {
.page-link {
transition: none; } }
.page-link-white {
background-color: #fff; }
.pagination-lg .page-link {
min-width: 2.50002rem; }
.pagination-sm .page-link {
min-width: 2.00002rem; }
.pagination-rounded .page-item:first-child .page-link {
border-top-left-radius: 100px;
border-bottom-left-radius: 100px; }
.pagination-rounded .page-item:last-child .page-link {
border-top-right-radius: 100px;
border-bottom-right-radius: 100px; }
.pagination-flat .page-item.active .page-link {
background-color: #26A69A; }
.pagination-flat .page-item.disabled .page-link {
border-color: transparent; }
.pagination-flat .page-link {
background-color: transparent;
border-color: transparent;
margin-left: 2px;
border-radius: 0.1875rem; }
.pagination-flat .page-link:hover, .pagination-flat .page-link:focus {
background-color: #eee; }
.pagination-flat.pagination-rounded .page-link {
border-radius: 100px; }
.pagination-separated .page-link {
margin-left: 0.625rem;
border-radius: 0.1875rem; }
.pagination-separated.pagination-rounded .page-link {
border-radius: 100px; }
.pagination-pager .page-item {
border-radius: 0.1875rem; }
.pagination-pager .page-link {
margin-left: 1.25rem;
border-radius: 0.1875rem; }
.pagination-pager.pagination-rounded .page-link {
border-radius: 100px; }
.pagination-pager-linked .page-item.disabled .page-link {
background-color: transparent;
border-color: transparent; }
.pagination-pager-linked .page-link {
color: #2196F3;
background-color: transparent;
border-color: transparent; }
.pagination-pager-linked .page-link:hover, .pagination-pager-linked .page-link:focus {
color: #fff;
background-color: #26A69A;
border-color: #26A69A; }
.pagination-pager:not(.pagination-rounded).pagination-lg .page-link {
border-radius: 0.25rem; }
.pagination-pager:not(.pagination-rounded).pagination-sm .page-link {
border-radius: 0.125rem; }
/* ------------------------------------------------------------------------------
*
* # Badge component
*
* Overrides for badge bootstrap component
*
* ---------------------------------------------------------------------------- */
.badge.dropdown-toggle:after {
font-size: 85%;
vertical-align: baseline; }
.badge-light {
background-color: #f5f5f5; }
a.badge {
transition: all ease-in-out 0.15s; }
@media screen and (prefers-reduced-motion: reduce) {
a.badge {
transition: none; } }
a.badge[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light):hover, a.badge[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light):focus,
.show > a.badge[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light).dropdown-toggle {
box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset; }
.btn .badge {
top: 0; }
.badge-flat {
background-color: transparent;
border: 1px solid transparent;
padding: calc(0.3125rem - 1px) calc(0.375rem - 1px); }
.badge-flat[href]:hover, .badge-flat[href]:focus {
background-color: transparent;
box-shadow: none; }
.badge-flat.badge-pill {
padding-left: calc(0.4375rem - 1px);
padding-right: calc(0.4375rem - 1px); }
.badge-striped {
padding: 0.4375rem 0.5rem;
position: relative; }
.badge-striped:before {
content: '';
width: 0;
position: absolute;
top: 0;
bottom: 0; }
.badge-striped-left {
padding-left: calc(0.375rem + 2px);
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.badge-striped-left:before {
left: 0;
border-left: 2px solid;
border-left-color: inherit; }
.badge-striped-right {
padding-right: calc(0.375rem + 2px);
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.badge-striped-right:before {
right: 0;
border-right: 2px solid;
border-right-color: inherit; }
.badge-icon {
padding: 0.375rem;
line-height: 1; }
.badge-icon > i {
top: 0; }
.badge-float {
position: absolute;
right: -0.5rem;
top: -0.5rem; }
.badge-mark {
padding: 0;
border: 2px solid;
width: 0.5rem;
height: 0.5rem;
border-radius: 100px; }
.badge-mark:empty {
display: inline-block; }
/* ------------------------------------------------------------------------------
*
* # Alert component
*
* Overrides for alert bootstrap component
*
* ---------------------------------------------------------------------------- */
.alert {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.alert-dismissible .close:hover, .alert-dismissible .close:focus {
color: inherit; }
.alert[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light) .alert-link {
color: inherit;
border-bottom-color: rgba(255, 255, 255, 0.85); }
.alert-rounded {
padding-left: 1.875rem;
padding-right: 1.875rem;
border-radius: 100px; }
.alert-rounded.alert-dismissible .close {
border-top-right-radius: 100px;
border-bottom-right-radius: 100px; }
.alert[class*=alert-styled-]:after {
content: '\e9a2';
font-family: "icomoon";
color: #fff;
width: 2.875rem;
left: -2.875rem;
text-align: center;
position: absolute;
top: 50%;
margin-top: -0.5rem;
font-size: 1rem;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.alert[class*=alert-styled-].alert-danger:after, .alert[class*=alert-styled-][class*=bg-danger]:after {
content: '\ed64'; }
.alert[class*=alert-styled-].alert-success:after, .alert[class*=alert-styled-][class*=bg-success]:after {
content: '\ed6e'; }
.alert[class*=alert-styled-].alert-warning:after, .alert[class*=alert-styled-][class*=bg-warning]:after {
content: '\e9bd'; }
.alert[class*=alert-styled-].alert-info:after, .alert[class*=alert-styled-][class*=bg-info]:after {
content: '\e9b9'; }
.alert.alert-styled-left {
border-left-width: 2.875rem; }
.alert.alert-styled-left[class*=bg-]:not(.bg-white):not(.bg-light) {
border-left-color: rgba(0, 0, 0, 0.15) !important; }
.alert.alert-styled-right {
border-right-width: 2.875rem; }
.alert.alert-styled-right:after {
left: auto;
right: -2.875rem; }
.alert.alert-styled-right[class*=bg-]:not(.bg-white):not(.bg-light) {
border-right-color: rgba(0, 0, 0, 0.15) !important; }
.alert.alert-styled-custom:after {
content: "\e81b"; }
.alert:not(.ui-pnotify)[class*=alert-arrow-]:before,
.alert.ui-pnotify[class*=alert-arrow-] > .brighttheme:before {
content: "";
display: inline-block;
position: absolute;
top: 50%;
left: 0;
border-left: 5px solid;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left-color: inherit;
margin-top: -5px; }
.alert:not(.ui-pnotify).alert-arrow-right:before,
.alert.ui-pnotify.alert-arrow-right > .brighttheme:before {
left: auto;
right: 0;
border-left: 0;
border-right: 5px solid;
border-right-color: inherit; }
/* ------------------------------------------------------------------------------
*
* # Progress bar component
*
* Overrides for progress bar component
*
* ---------------------------------------------------------------------------- */
.progress {
position: relative; }
.progress-bar {
width: 0;
overflow: hidden;
white-space: nowrap; }
.progress .progressbar-back-text,
.progress .progressbar-front-text {
position: absolute;
left: 0;
top: 0;
width: 100%;
text-align: center;
font-size: 0.60938rem; }
.progress .progressbar-back-text {
-ms-flex-item-align: center;
align-self: center; }
.progress.right {
-ms-flex-pack: end;
justify-content: flex-end; }
.progress.vertical {
width: 3rem;
height: 100%;
display: inline-block; }
.progress.vertical + .progress.vertical {
margin-left: 0.625rem; }
.progress.vertical .progress-bar {
width: 100%;
height: 0;
transition: height 0.6s ease; }
@media screen and (prefers-reduced-motion: reduce) {
.progress.vertical .progress-bar {
transition: none; } }
.progress.vertical.bottom .progressbar-back-text,
.progress.vertical.bottom .progressbar-front-text {
top: auto;
bottom: 0; }
.progress.vertical.bottom .progress-bar {
position: absolute;
bottom: 0; }
/* ------------------------------------------------------------------------------
*
* # Media object component
*
* Overrides for media object component
*
* ---------------------------------------------------------------------------- */
.media {
margin-top: 1.25rem; }
.media.card-body, .media:first-child {
margin-top: 0; }
.media-list {
list-style: none;
padding-left: 0;
margin-bottom: 0; }
.media-title {
margin-bottom: 0.125rem; }
.img-preview {
max-height: 5rem; }
.media-list-bordered .media {
margin-top: 0;
padding: 1rem 1.25rem;
border-top: 1px solid #ddd; }
.media-list-linked .media {
padding: 1rem 1.25rem; }
.media-list-linked li.media {
margin-top: 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd; }
.media-list-linked.media-list-bordered li.media {
border-bottom: 0; }
.media-list-linked a.media {
color: inherit;
transition: all ease-in-out 0.15s; }
@media screen and (prefers-reduced-motion: reduce) {
.media-list-linked a.media {
transition: none; } }
.media-list-linked a.media:hover {
background-color: rgba(0, 0, 0, 0.04); }
/* ------------------------------------------------------------------------------
*
* # List group component
*
* Overrides for list group component
*
* ---------------------------------------------------------------------------- */
.list-group {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125);
padding: 0.5rem 0;
background-clip: padding-box;
border-radius: 0.1875rem; }
.list-group-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
border-width: 0;
background-color: transparent;
transition: all ease-in-out 0.15s; }
@media screen and (prefers-reduced-motion: reduce) {
.list-group-item {
transition: none; } }
.list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.list-group-item:last-child {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.list-group-item.active .badge:not(.badge-mark) {
background-color: #fff !important;
color: #333 !important; }
.list-group-item.active .badge-mark[class*=bg-] {
background-color: #fff !important;
border-color: #fff !important; }
.list-group-item.active .badge-mark[class*=border-] {
border-color: #fff !important; }
.list-group-item.disabled, .list-group-item:disabled {
cursor: default; }
.list-group-flush {
border: 0;
border-radius: 0;
box-shadow: none; }
.list-group-divider {
padding: 0;
margin: 0.5rem 0;
border-top-width: 1px; }
.list-group-bordered {
padding: 0; }
.list-group-bordered .list-group-item {
border-top-width: 1px;
border-bottom-width: 1px;
margin-bottom: -1px; }
.list-group-bordered .list-group-item:first-child {
border-top-width: 0;
border-top-left-radius: 0.1875rem;
border-top-right-radius: 0.1875rem; }
.list-group-bordered .list-group-item:last-child {
border-bottom-right-radius: 0.1875rem;
border-bottom-left-radius: 0.1875rem; }
.list-group-bordered[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .list-group-item {
border-top-color: rgba(255, 255, 255, 0.1);
border-bottom-color: rgba(255, 255, 255, 0.1); }
.list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) {
border-radius: 0.1875rem; }
.list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item-action:not(.active):not(.disabled) {
color: rgba(255, 255, 255, 0.9); }
.list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item-action:not(.active):not(.disabled):hover, .list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item-action:not(.active):not(.disabled):focus {
background-color: rgba(0, 0, 0, 0.1);
color: #fff; }
.list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item {
color: #fff; }
.list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item.active {
background-color: rgba(0, 0, 0, 0.2); }
.list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item.disabled, .list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item:disabled {
color: rgba(255, 255, 255, 0.6);
background-color: transparent; }
.list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-divider {
border-top-color: rgba(255, 255, 255, 0.4); }
.list-group-item-primary {
color: #114e7e;
background-color: #E3F2FD; }
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #114e7e;
background-color: #cbe7fb; }
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #114e7e;
border-color: #114e7e; }
.list-group-item-secondary {
color: #3e3e3e;
background-color: #eee; }
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #3e3e3e;
background-color: #e1e1e1; }
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #3e3e3e;
border-color: #3e3e3e; }
.list-group-item-success {
color: #285b2a;
background-color: #E8F5E9; }
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #285b2a;
background-color: #d6edd8; }
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #285b2a;
border-color: #285b2a; }
.list-group-item-info {
color: #00626e;
background-color: #E0F7FA; }
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #00626e;
background-color: #caf1f6; }
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #00626e;
border-color: #00626e; }
.list-group-item-warning {
color: #853a23;
background-color: #FFF3E0; }
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #853a23;
background-color: #ffe9c7; }
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #853a23;
border-color: #853a23; }
.list-group-item-danger {
color: #7f231c;
background-color: #FFEBEE; }
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #7f231c;
background-color: #ffd2d8; }
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #7f231c;
border-color: #7f231c; }
.list-group-item-light {
color: #828282;
background-color: #f5f5f5; }
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #828282;
background-color: #e8e8e8; }
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #828282;
border-color: #828282; }
.list-group-item-dark {
color: #151e2a;
background-color: #ECEFF1; }
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #151e2a;
background-color: #dde3e6; }
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #151e2a;
border-color: #151e2a; }
/* ------------------------------------------------------------------------------
*
* # Close button
*
* Overrides of default close button styles
*
* ---------------------------------------------------------------------------- */
.close {
cursor: pointer;
opacity: .75;
transition: color ease-in-out 0.15s, opacity ease-in-out 0.15s; }
@media screen and (prefers-reduced-motion: reduce) {
.close {
transition: none; } }
.close:hover, .close:focus {
outline: 0;
opacity: 1; }
/* ------------------------------------------------------------------------------
*
* # Modal component
*
* Overrides for modal dialog component
*
* ---------------------------------------------------------------------------- */
.modal-header {
position: relative;
border-top-left-radius: 0.1875rem;
border-top-right-radius: 0.1875rem; }
.modal-header .close {
color: inherit; }
.modal-header:not([class*=bg-]) {
padding-bottom: 0;
border-bottom-width: 0; }
.modal-footer:not([class*=bg-]) {
padding-top: 0;
border-top-width: 0; }
[class*=table-responsive] + .modal-footer,
.table + .modal-footer {
border-top-width: 1px;
border-top-color: #ddd; }
@media (min-width: 576px) {
.modal-xs {
max-width: 300px; }
.modal-full {
max-width: 94%;
margin-left: 3%;
margin-right: 3%; } }
/* ------------------------------------------------------------------------------
*
* # Tooltip component
*
* Override and extend default tooltip styles.
*
* ---------------------------------------------------------------------------- */
.bs-tooltip-top .arrow[class*=border-]:before {
border-top-color: inherit; }
.bs-tooltip-right .arrow[class*=border-]:before {
border-right-color: inherit; }
.bs-tooltip-bottom .arrow[class*=border-]:before {
border-bottom-color: inherit; }
.bs-tooltip-left .arrow[class*=border-]:before {
border-left-color: inherit; }
/* ------------------------------------------------------------------------------
*
* # Popover component
*
* Overrides for popover component
*
* ---------------------------------------------------------------------------- */
.popover-header {
font-weight: 500;
padding-bottom: 0;
border-bottom-width: 0; }
.popover-header[class*=bg-]:not(.bg-white):not(.bg-light) {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
border-bottom-width: 1px; }
.bs-popover-top[class*=bg-]:not(.bg-white):not(.bg-light) .arrow, .bs-popover-top[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:after, .bs-popover-top[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:before, .bs-popover-top[class*=border-] .arrow, .bs-popover-top[class*=border-] .arrow:after, .bs-popover-top[class*=border-] .arrow:before {
border-top-color: inherit; }
.bs-popover-right[class*=bg-]:not(.bg-white):not(.bg-light) .arrow, .bs-popover-right[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:after, .bs-popover-right[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:before, .bs-popover-right[class*=border-] .arrow, .bs-popover-right[class*=border-] .arrow:after, .bs-popover-right[class*=border-] .arrow:before {
border-right-color: inherit; }
.bs-popover-bottom[class*=bg-]:not(.bg-white):not(.bg-light) .arrow, .bs-popover-bottom[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:after, .bs-popover-bottom[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:before, .bs-popover-bottom[class*=border-] .arrow, .bs-popover-bottom[class*=border-] .arrow:after, .bs-popover-bottom[class*=border-] .arrow:before {
border-bottom-color: inherit; }
.bs-popover-left[class*=bg-]:not(.bg-white):not(.bg-light) .arrow, .bs-popover-left[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:after, .bs-popover-left[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:before, .bs-popover-left[class*=border-] .arrow, .bs-popover-left[class*=border-] .arrow:after, .bs-popover-left[class*=border-] .arrow:before {
border-left-color: inherit; }
/* ------------------------------------------------------------------------------
*
* # Utilities
*
* Import Bootstrap utilities with overrides
*
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
* # Background utility
*
* Override and extend default background utility.
*
* ---------------------------------------------------------------------------- */
[class*=bg-]:not(.bg-transparent):not(.bg-light):not(.bg-white):not(.btn-outline):not(body) {
color: #fff; }
OHA YOOOO