html {
  direction: rtl !important;
}

html body {
  direction: rtl !important;
  text-align: right !important;
}

dd {
  margin-right: 0;
}

caption {
  text-align: right;
}

.list-unstyled {
  padding-right: 0;
}

.list-inline {
  padding-right: 0;
}

.list-inline-item:not(:last-child) {
  margin-right: 0;
  margin-left: 0.5rem;
}

.offset-1 {
  margin-right: 8.333333%;
  margin-left: 0;
}

.offset-2 {
  margin-right: 16.666667%;
  margin-left: 0;
}

.offset-3 {
  margin-right: 25%;
  margin-left: 0;
}

.offset-4 {
  margin-right: 33.333333%;
  margin-left: 0;
}

.offset-5 {
  margin-right: 41.666667%;
  margin-left: 0;
}

.offset-6 {
  margin-right: 50%;
  margin-left: 0;
}

.offset-7 {
  margin-right: 58.333333%;
  margin-left: 0;
}

.offset-8 {
  margin-right: 66.666667%;
  margin-left: 0;
}

.offset-9 {
  margin-right: 75%;
  margin-left: 0;
}

.offset-10 {
  margin-right: 83.333333%;
  margin-left: 0;
}

.offset-11 {
  margin-right: 91.666667%;
  margin-left: 0;
}

@media (min-width: 576px) {
  .offset-sm-0 {
    margin-right: 0;
  }
  .offset-sm-1 {
    margin-right: 8.333333%;
    margin-left: 0;
  }
  .offset-sm-2 {
    margin-right: 16.666667%;
    margin-left: 0;
  }
  .offset-sm-3 {
    margin-right: 25%;
    margin-left: 0;
  }
  .offset-sm-4 {
    margin-right: 33.333333%;
    margin-left: 0;
  }
  .offset-sm-5 {
    margin-right: 41.666667%;
    margin-left: 0;
  }
  .offset-sm-6 {
    margin-right: 50%;
    margin-left: 0;
  }
  .offset-sm-7 {
    margin-right: 58.333333%;
    margin-left: 0;
  }
  .offset-sm-8 {
    margin-right: 66.666667%;
    margin-left: 0;
  }
  .offset-sm-9 {
    margin-right: 75%;
    margin-left: 0;
  }
  .offset-sm-10 {
    margin-right: 83.333333%;
    margin-left: 0;
  }
  .offset-sm-11 {
    margin-right: 91.666667%;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .offset-md-0 {
    margin-right: 0;
  }
  .offset-md-1 {
    margin-right: 8.333333%;
    margin-left: 0;
  }
  .offset-md-2 {
    margin-right: 16.666667%;
    margin-left: 0;
  }
  .offset-md-3 {
    margin-right: 25%;
    margin-left: 0;
  }
  .offset-md-4 {
    margin-right: 33.333333%;
    margin-left: 0;
  }
  .offset-md-5 {
    margin-right: 41.666667%;
    margin-left: 0;
  }
  .offset-md-6 {
    margin-right: 50%;
    margin-left: 0;
  }
  .offset-md-7 {
    margin-right: 58.333333%;
    margin-left: 0;
  }
  .offset-md-8 {
    margin-right: 66.666667%;
    margin-left: 0;
  }
  .offset-md-9 {
    margin-right: 75%;
    margin-left: 0;
  }
  .offset-md-10 {
    margin-right: 83.333333%;
    margin-left: 0;
  }
  .offset-md-11 {
    margin-right: 91.666667%;
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .offset-lg-0 {
    margin-right: 0;
  }
  .offset-lg-1 {
    margin-right: 8.333333%;
    margin-left: 0;
  }
  .offset-lg-2 {
    margin-right: 16.666667%;
    margin-left: 0;
  }
  .offset-lg-3 {
    margin-right: 25%;
    margin-left: 0;
  }
  .offset-lg-4 {
    margin-right: 33.333333%;
    margin-left: 0;
  }
  .offset-lg-5 {
    margin-right: 41.666667%;
    margin-left: 0;
  }
  .offset-lg-6 {
    margin-right: 50%;
    margin-left: 0;
  }
  .offset-lg-7 {
    margin-right: 58.333333%;
    margin-left: 0;
  }
  .offset-lg-8 {
    margin-right: 66.666667%;
    margin-left: 0;
  }
  .offset-lg-9 {
    margin-right: 75%;
    margin-left: 0;
  }
  .offset-lg-10 {
    margin-right: 83.333333%;
    margin-left: 0;
  }
  .offset-lg-11 {
    margin-right: 91.666667%;
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .offset-xl-0 {
    margin-right: 0;
  }
  .offset-xl-1 {
    margin-right: 8.333333%;
    margin-left: 0;
  }
  .offset-xl-2 {
    margin-right: 16.666667%;
    margin-left: 0;
  }
  .offset-xl-3 {
    margin-right: 25%;
    margin-left: 0;
  }
  .offset-xl-4 {
    margin-right: 33.333333%;
    margin-left: 0;
  }
  .offset-xl-5 {
    margin-right: 41.666667%;
    margin-left: 0;
  }
  .offset-xl-6 {
    margin-right: 50%;
    margin-left: 0;
  }
  .offset-xl-7 {
    margin-right: 58.333333%;
    margin-left: 0;
  }
  .offset-xl-8 {
    margin-right: 66.666667%;
    margin-left: 0;
  }
  .offset-xl-9 {
    margin-right: 75%;
    margin-left: 0;
  }
  .offset-xl-10 {
    margin-right: 83.333333%;
    margin-left: 0;
  }
  .offset-xl-11 {
    margin-right: 91.666667%;
    margin-left: 0;
  }
}

.form-check {
  padding-right: 1.25rem;
  padding-left: 0;
}

.form-check-inline {
  padding-right: 0;
  margin-left: 0.75rem;
  margin-right: 0;
}

.form-check-input {
  margin-left: 0;
  margin-right: -1.25rem;
}

.form-check-inline .form-check-input {
  margin-left: 0.3125rem;
  margin-right: 0;
}

@media (min-width: 576px) {
  .form-inline .form-check-label {
    padding-right: 0;
  }
  .form-inline .form-check-input {
    margin-left: 0.25rem;
    margin-right: 0;
  }
}

.dropdown-toggle::after {
  margin-right: 0.255em;
  margin-left: 0;
}

.dropdown-toggle:empty::after {
  margin-right: 0;
}

.dropdown-menu {
  right: 0;
  left: initial;
  float: right;
  text-align: right;
}

.dropright .dropdown-menu {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: 0.125rem;
}

.dropright .dropdown-toggle::after {
  margin-left: 0;
  margin-right: 0.255em;
  border-left: 0;
  border-right: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-right: 0;
}

.dropleft .dropdown-menu {
  left: 100%;
  right: auto;
  margin-right: 0;
  margin-left: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  margin-left: 0;
  margin-right: 0.255em;
}

.dropleft .dropdown-toggle::before {
  border-right: 0.3em solid;
  border-left: 0;
}

.dropup .dropdown-toggle::after {
  margin-right: 0.255em;
  margin-left: 0;
}

.dropup .dropdown-toggle:empty::after {
  margin-right: 0;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group {
  margin-right: -1px;
  margin-left: 0;
}

.btn-group > .btn:first-child {
  margin-right: 0;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group {
  float: right;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn + .dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.btn + .dropdown-toggle-split::after {
  margin-right: 0;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-right: 0;
}

.input-group-btn:first-child > .btn + .btn {
  margin-right: 0;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: 0;
  margin-right: -1px;
}

.input-group-prepend {
  margin-right: 0;
  margin-left: -1px;
}

.input-group-append {
  margin-left: 0;
  margin-right: -1px;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: 0;
  margin-right: -1px;
}

.custom-control {
  padding-right: 1.5rem;
  padding-left: 0;
  margin-left: 1rem;
  margin-right: 0;
}

.custom-control-indicator {
  right: 0;
  left: initial;
}

.custom-control-label::before {
  right: -1.5rem;
  left: 0;
}

.custom-control-label::after {
  right: -1.5rem;
  left: 0;
}

.custom-file-control::after {
  left: 0;
  right: initial;
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  padding-right: 0;
  padding-left: 0.75rem;
}

.nav {
  padding-right: 0;
}

.navbar-brand {
  margin-left: 1rem;
  margin-right: 0;
}

.navbar-nav {
  padding-right: 0;
}

@media (min-width: 576px) {
  .navbar-expand-sm .navbar-nav .dropdown-menu-right {
    left: 0;
    right: auto;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav .dropdown-menu-right {
    left: 0;
    right: auto;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu-right {
    left: 0;
    right: auto;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl .navbar-nav .dropdown-menu-right {
    left: 0;
    right: auto;
  }
}

.navbar-expand .navbar-nav .dropdown-menu-right {
  left: 0;
  right: auto;
}

.card-link + .card-link {
  margin-right: 1.25rem;
  margin-left: 0;
}

.card-footer:last-child {
  border-radius: 0 calc(0.25rem - 1px) calc(0.25rem - 1px) 0;
}

@media (min-width: 576px) {
  .card-group > .card + .card {
    margin-right: 0;
    border-right: 0;
  }
  .card-group > .card:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:first-child .card-img-top,
  .card-group > .card:first-child .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:first-child .card-img-bottom,
  .card-group > .card:first-child .card-footer {
    border-bottom-left-radius: 0;
  }
  .card-group > .card:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:last-child .card-img-top,
  .card-group > .card:last-child .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:last-child .card-img-bottom,
  .card-group > .card:last-child .card-footer {
    border-bottom-right-radius: 0;
  }
}

.breadcrumb-item + .breadcrumb-item {
  padding-right: 0.5rem;
  padding-left: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
  padding-left: .5rem !important;
  padding-right: 0 !important;
}

.pagination {
  padding-right: 0;
}

.page-item:first-child .page-link {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: initial;
  border-bottom-left-radius: initial;
}

.page-item:last-child .page-link {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: initial;
  border-bottom-right-radius: initial;
}

.page-link {
  margin-right: -1px;
  margin-left: 0px;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.alert-dismissible .close {
  left: 0;
  right: initial;
}

.list-group {
  padding-right: 0;
}

.modal-header .close {
  margin: -15px auto -15px -15px;
}

.modal-footer > :not(:first-child) {
  margin-right: .25rem;
  margin-left: 0;
}

.modal-footer > :not(:last-child) {
  margin-left: .25rem;
  margin-right: 0;
}

.tooltip {
  text-align: right;
}

.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  margin-right: -0.4rem;
  margin-left: 0;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  right: 0;
  left: initial;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  left: 0;
  right: initial;
  border-left-color: #000;
  border-right-color: initial;
}

.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  margin-right: -0.4rem;
  margin-left: 0;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  left: 0;
  right: initial;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  right: initial;
  border-right-color: #000;
  border-left-color: initial;
}

.popover {
  right: 0;
  left: initial;
  text-align: right;
}

.popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] {
  margin-right: 0.5rem;
  margin-left: 0;
}

.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
  right: calc((0.5rem + 1px) * -1);
  left: initial;
}

.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
  left: initial;
  right: 0;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-color: initial;
}

.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
  right: 1px;
  left: initial;
  border-left-color: #fff;
  border-right-color: initial;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  right: 50%;
  left: initial;
  margin-right: -0.5rem;
  margin-left: 0px;
}

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-left: 0.5rem;
  margin-right: 0;
}

.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
  left: calc((0.5rem + 1px) * -1);
  right: initial;
}

.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
  left: 0;
  right: initial;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-color: initial;
}

.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
  left: 1px;
  right: initial;
  border-right-color: #fff;
  border-left-color: initial;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@supports (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d) {
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.carousel-item-next,
.active.carousel-item-left {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.carousel-item-next,
.active.carousel-item-right {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@supports (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d) {
  .carousel-item-next,
  .active.carousel-item-left {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  .carousel-item-next,
  .active.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.carousel-item-prev,
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.carousel-item-prev,
.active.carousel-item-left {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

@supports (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d) {
  .carousel-item-prev,
  .active.carousel-item-right {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .active.carousel-item-left {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.carousel-control-prev {
  right: 0;
  left: initial;
}

.carousel-control-next {
  left: 0;
  right: initial;
}

.carousel-indicators {
  padding-right: 0;
}

.carousel-indicators li::before {
  right: 0;
  left: initial;
}

.carousel-indicators li::after {
  right: 0;
  left: initial;
}

.border-right-0 {
  border-left: 0 !important;
}

.border-left-0 {
  border-right: 0 !important;
}

.rounded-right {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  right: 0;
  left: initial;
}

.float-left {
  float: right !important;
}

.float-right {
  float: left !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: right !important;
  }
  .float-sm-right {
    float: left !important;
  }
}

@media (min-width: 768px) {
  .float-md-left {
    float: right !important;
  }
  .float-md-right {
    float: left !important;
  }
}

@media (min-width: 992px) {
  .float-lg-left {
    float: right !important;
  }
  .float-lg-right {
    float: left !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: right !important;
  }
  .float-xl-right {
    float: left !important;
  }
}

.mr-0,
.mx-0 {
  margin-left: 0 !important;
}

.ml-0,
.mx-0 {
  margin-right: 0 !important;
}

.mr-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mr-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mr-3,
.mx-3 {
  margin-left: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mr-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mr-5,
.mx-5 {
  margin-left: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-right: 3rem !important;
}

.pr-0,
.px-0 {
  padding-left: 0 !important;
}

.pl-0,
.px-0 {
  padding-right: 0 !important;
}

.pr-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pr-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pr-3,
.px-3 {
  padding-left: 1rem !important;
}

.pl-3,
.px-3 {
  padding-right: 1rem !important;
}

.pr-4,
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 0 !important;
}

.pl-4,
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 0 !important;
}

.pr-5,
.px-5 {
  padding-left: 3rem !important;
  padding-right: 0 !important;
}

.pl-5,
.px-5 {
  padding-right: 3rem !important;
  padding-left: 0 !important;
}

.mr-auto,
.mx-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
}

.ml-auto,
.mx-auto {
  margin-right: auto !important;
  margin-left: 0 !important;
}

@media (min-width: 576px) {
  .mr-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
    margin-right: 0 !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0 !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0 !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
    margin-right: 0 !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 0 !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
    margin-right: 0 !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 0 !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
    margin-right: 0 !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-right: 0.25rem !important;
    padding-top: 0 !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-top: 0.25rem !important;
    padding-right: 0 !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
    padding-right: 0 !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0 !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 0 !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 0 !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 0 !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 0 !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
    padding-right: 0 !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 0 !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
  }
}

@media (min-width: 768px) {
  .mr-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
    margin-right: 0 !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0 !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0 !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
    margin-right: 0 !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 0 !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
    margin-right: 0 !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 0 !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
    margin-right: 0 !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-left: 0.25re !important;
    padding-right: 0 !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0 !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
    padding-right: 0 !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
    padding-right: 0 !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
    padding-right: 0 !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 0 !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 0 !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 0 !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
    padding-right: 0 !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 0 !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
  }
}

@media (min-width: 992px) {
  .mr-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
    margin-right: 0 !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
    margin-right: 0 !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0 !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
    margin-right: 0 !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 0 !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
    margin-right: 0 !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 0 !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
    margin-right: 0 !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
    padding-right: 0 !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0 !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
    padding-right: 0 !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0 !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 0 !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 0 !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 0 !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 0 !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
    padding-right: 0 !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 0 !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0 !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0 !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0 !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 0 !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 0 !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
    margin-right: 0 !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 0 !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
    margin-right: 0 !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0 !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0 !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0 !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0 !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 0 !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 0 !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
    padding-right: 0 !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 0 !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 1.5rem !important;
    padding-left: 0 !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 0 !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
  }
}

.text-left {
  text-align: right !important;
}

.text-right {
  text-align: left !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: right !important;
  }
  .text-sm-right {
    text-align: left !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: right !important;
  }
  .text-md-right {
    text-align: left !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: right !important;
  }
  .text-lg-right {
    text-align: left !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: right !important;
  }
  .text-xl-right {
    text-align: left !important;
  }
}

.form-control.is-valid, .was-validated .form-control:valid,
.form-control.is-invalid, .was-validated .form-control:invalid {
  padding-left: 2.25rem;
  padding-right: .75rem;
  background-position: center left calc(.375em + .1875rem);
}

.custom-file-label::after {
  right: unset;
  left: 0;
  border-right: inherit;
  border-left: unset;
}

.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.alert-dismissible {
  padding-left: 4rem;
  padding-right: 1.25rem;
}

.layout-boxed html .main-sidebar, .layout-boxed
body .main-sidebar, .layout-boxed
.wrapper .main-sidebar {
  left: unset;
  right: inherit;
}

.layout-navbar-fixed html .brand-link, .layout-navbar-fixed
body .brand-link, .layout-navbar-fixed
.wrapper .brand-link {
  z-index: 1035;
}

.layout-navbar-fixed html .main-header, .layout-navbar-fixed
body .main-header, .layout-navbar-fixed
.wrapper .main-header {
  left: 0;
  right: 0;
  z-index: 1033;
}

.layout-footer-fixed html .main-footer, .layout-footer-fixed
body .main-footer, .layout-footer-fixed
.wrapper .main-footer {
  left: 0;
  right: 0;
  z-index: 1032;
}

.layout-footer-fixed html .main-footer, .layout-footer-fixed
body .main-footer, .layout-footer-fixed
.wrapper .main-footer {
  left: 0;
  right: 0;
  z-index: 1032;
}

@media (min-width: 576px) {
  .layout-sm-footer-fixed html .main-footer, .layout-sm-footer-fixed
  body .main-footer, .layout-sm-footer-fixed
  .wrapper .main-footer {
    left: 0;
    right: 0;
    z-index: 1032;
  }
}

@media (min-width: 768px) {
  .layout-md-footer-fixed html .main-footer, .layout-md-footer-fixed
  body .main-footer, .layout-md-footer-fixed
  .wrapper .main-footer {
    left: 0;
    right: 0;
    z-index: 1032;
  }
}

@media (min-width: 992px) {
  .layout-lg-footer-fixed html .main-footer, .layout-lg-footer-fixed
  body .main-footer, .layout-lg-footer-fixed
  .wrapper .main-footer {
    left: 0;
    right: 0;
    z-index: 1032;
  }
}

@media (min-width: 1200px) {
  .layout-xl-footer-fixed html .main-footer, .layout-xl-footer-fixed
  body .main-footer, .layout-xl-footer-fixed
  .wrapper .main-footer {
    left: 0;
    right: 0;
    z-index: 1032;
  }
}

.layout-top-nav html, .layout-top-nav
body, .layout-top-nav
.wrapper {
  margin-left: unset;
  margin-right: 0;
}

.layout-top-nav html .content-wrapper,
.layout-top-nav html .main-header,
.layout-top-nav html .main-footer, .layout-top-nav
body .content-wrapper,
.layout-top-nav
body .main-header,
.layout-top-nav
body .main-footer, .layout-top-nav
.wrapper .content-wrapper,
.layout-top-nav
.wrapper .main-header,
.layout-top-nav
.wrapper .main-footer {
  margin-left: unset;
  margin-right: 0;
}

@media (min-width: 576px) {
  .content-wrapper,
  .main-footer,
  .main-header {
    transition: margin-right 0.3s ease-in-out;
    margin-left: 0 !important;
    margin-right: 250px;
    z-index: 3000;
  }
}

@media (min-width: 576px) and (prefers-reduced-motion: reduce) {
  .content-wrapper,
  .main-footer,
  .main-header {
    transition: none;
  }
}

@media (min-width: 576px) {
  .sidebar-collapse .content-wrapper, .sidebar-collapse
  .main-footer, .sidebar-collapse
  .main-header {
    margin-left: 0 !important;
    margin-right: 0;
  }
}

@media (max-width: 767.98px) {
  .content-wrapper, .content-wrapper::before,
  .main-footer,
  .main-footer::before,
  .main-header,
  .main-header::before {
    margin-left: 0 !important;
    margin-right: 0;
  }
}

body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .content-wrapper, body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .content-wrapper::before,
body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-footer,
body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-footer::before,
body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header,
body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::before {
  margin-left: 0 !important;
  margin-right: 0;
}

@media (min-width: 768px) {
  body:not(.sidebar-mini-md) .content-wrapper,
  body:not(.sidebar-mini-md) .main-footer,
  body:not(.sidebar-mini-md) .main-header {
    transition: margin-right 0.3s ease-in-out;
    margin-right: 250px;
  }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  body:not(.sidebar-mini-md) .content-wrapper,
  body:not(.sidebar-mini-md) .main-footer,
  body:not(.sidebar-mini-md) .main-header {
    transition: none;
  }
}

@media (min-width: 768px) {
  .sidebar-collapse body:not(.sidebar-mini-md) .content-wrapper, .sidebar-collapse
  body:not(.sidebar-mini-md) .main-footer, .sidebar-collapse
  body:not(.sidebar-mini-md) .main-header {
    margin-left: 0 !important;
    margin-right: 0;
  }
}

@media (max-width: 991.98px) {
  body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .content-wrapper::before,
  body:not(.sidebar-mini-md) .main-footer,
  body:not(.sidebar-mini-md) .main-footer::before,
  body:not(.sidebar-mini-md) .main-header,
  body:not(.sidebar-mini-md) .main-header::before {
    margin-left: 0 !important;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .sidebar-mini-md .content-wrapper,
  .sidebar-mini-md .main-footer,
  .sidebar-mini-md .main-header {
    transition: margin-right 0.3s ease-in-out;
    margin-right: 250px;
  }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .sidebar-mini-md .content-wrapper,
  .sidebar-mini-md .main-footer,
  .sidebar-mini-md .main-header {
    transition: none;
  }
}

@media (min-width: 768px) {
  .sidebar-collapse .sidebar-mini-md .content-wrapper, .sidebar-collapse
  .sidebar-mini-md .main-footer, .sidebar-collapse
  .sidebar-mini-md .main-header {
    margin-left: 0 !important;
    margin-right: 4.6rem;
  }
}

@media (max-width: 991.98px) {
  .sidebar-mini-md .content-wrapper, .sidebar-mini-md .content-wrapper::before,
  .sidebar-mini-md .main-footer,
  .sidebar-mini-md .main-footer::before,
  .sidebar-mini-md .main-header,
  .sidebar-mini-md .main-header::before {
    margin-left: 0 !important;
    margin-right: 4.6rem;
  }
}

.main-sidebar, .main-sidebar::before {
  transition: margin-right 0.3s ease-in-out, width 0.3s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .main-sidebar, .main-sidebar::before {
    transition: none;
  }
}

.sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar::before {
  margin-left: 0 !important;
  margin-right: -250px;
}

@media (max-width: 767.98px) {
  .main-sidebar, .main-sidebar::before {
    margin-left: 0 !important;
    margin-right: -250px;
  }
  .sidebar-open .main-sidebar, .sidebar-open .main-sidebar::before {
    margin-left: unset;
    margin-right: 0;
  }
}

.layout-fixed .main-sidebar {
  left: unset;
  right: 0;
}

.main-header {
  border-bottom: 1px solid #dee2e6;
  z-index: 1034;
}

.main-header .nav-link {
  height: 2.5rem;
  position: relative;
}

.text-sm .main-header .nav-link, .main-header.text-sm .nav-link {
  height: 1.93725rem;
  padding: 0.35rem 1rem;
}

.text-sm .main-header .nav-link > .fa,
.text-sm .main-header .nav-link > .fas,
.text-sm .main-header .nav-link > .far,
.text-sm .main-header .nav-link > .fab,
.text-sm .main-header .nav-link > .glyphicon,
.text-sm .main-header .nav-link > .ion, .main-header.text-sm .nav-link > .fa,
.main-header.text-sm .nav-link > .fas,
.main-header.text-sm .nav-link > .far,
.main-header.text-sm .nav-link > .fab,
.main-header.text-sm .nav-link > .glyphicon,
.main-header.text-sm .nav-link > .ion {
  font-size: 0.875rem;
}

.main-header .navbar-nav .nav-item {
  margin: 0;
}

.main-header .navbar-nav[class*='-right'] .dropdown-menu {
  left: auto;
  margin-top: -3px;
  right: 0;
}

@media (max-width: 575.98px) {
  .main-header .navbar-nav[class*='-right'] .dropdown-menu {
    left: 0;
    right: auto;
  }
}

.navbar-img {
  height: calc(3.5rem + 1px)/2;
  width: auto;
}

.navbar-badge {
  font-size: .6rem;
  font-weight: 300;
  padding: 2px 4px;
  position: absolute;
  right: 5px;
  top: 9px;
}

.btn-navbar {
  background-color: transparent;
  border-left-width: 0;
}

.form-control-navbar {
  border-right-width: 0;
}

.form-control-navbar + .input-group-append {
  margin-left: 0;
}

.form-control-navbar,
.btn-navbar {
  transition: none;
}

.navbar-dark .form-control-navbar,
.navbar-dark .btn-navbar {
  background-color: rgba(255, 255, 255, 0.2);
  border: 0;
}

.navbar-dark .form-control-navbar::placeholder,
.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
  color: rgba(255, 255, 255, 0.6);
}

.navbar-dark .form-control-navbar:focus,
.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
  background-color: rgba(255, 255, 255, 0.6);
  border: 0 !important;
  color: #343a40;
}

.navbar-light .form-control-navbar,
.navbar-light .btn-navbar {
  background-color: #f2f4f6;
  border: 0;
}

.navbar-light .form-control-navbar:ms-placeholder, .navbar-light .form-control-navbar:moz-placeholder, .navbar-light .form-control-navbar::moz-placeholder, .navbar-light .form-control-navbar::placeholder,
.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
  color: rgba(0, 0, 0, 0.6);
}

.navbar-light .form-control-navbar:focus,
.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
  background-color: #e9ecef;
  border: 0 !important;
  color: #343a40;
}

.brand-link .brand-image {
  float: right;
  margin-left: .5rem;
  margin-right: .8rem;
}

.brand-link .brand-image-xs {
  float: right;
}

.brand-link.text-sm .brand-image,
.text-sm .brand-link .brand-image {
  margin-left: unset;
  margin-right: .95rem;
}

.user-panel .image {
  padding-left: unset;
  padding-right: 0.8rem;
}

.user-panel .info {
  padding: 5px 10px 5px 5px;
}

.nav-sidebar .nav-link > .right,
.nav-sidebar .nav-link > p > .right {
  right: unset;
  left: 1rem;
}

.nav-sidebar .nav-link > .right i,
.nav-sidebar .nav-link > .right span,
.nav-sidebar .nav-link > p > .right i,
.nav-sidebar .nav-link > p > .right span {
  margin-left: unset;
  margin-right: .5rem;
}

.nav-sidebar .nav-link > .right:nth-child(2),
.nav-sidebar .nav-link > p > .right:nth-child(2) {
  right: unset;
  left: 2.2rem;
}

.nav-sidebar .menu-open > .nav-link i.right {
  transform: rotate(-90deg);
}

.nav-sidebar > .nav-item .nav-icon {
  margin-right: unset;
  margin-left: .2rem;
}

.nav-sidebar.nav-child-indent .nav-treeview {
  transition: padding 0.3s ease-in-out;
  padding-left: unset;
  padding-right: 1rem;
}

.nav-sidebar .nav-header:not(:first-of-type) {
  padding: 1.7rem 0 .5rem 1rem;
}

.nav-flat {
  margin: -0.25rem 0 0 -0.5rem;
}

.nav-flat.nav-child-indent .nav-treeview {
  padding-left: unset !important;
  padding-right: 0 !important;
}

.nav-flat.nav-child-indent .nav-treeview .nav-treeview {
  border-left: unset;
  border-right: .2rem solid;
}

.nav-flat .nav-icon {
  transition: margin-right ease-in-out 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .nav-flat .nav-icon {
    transition: none;
  }
}

.nav-flat .nav-treeview .nav-icon {
  margin-left: unset;
  margin-right: -.2rem;
}

.sidebar-collapse .nav-flat .nav-icon {
  margin-left: unset;
  margin-right: .5rem;
}

.sidebar-collapse .nav-flat .nav-treeview .nav-icon {
  margin-left: unset;
  margin-right: .3rem;
}

.nav-flat.nav-sidebar > .nav-item .nav-treeview .nav-item > .nav-link,
.nav-flat.nav-sidebar > .nav-item > .nav-treeview .nav-item > .nav-link {
  border-left: unset;
  border-right: .2rem solid;
}

.nav-compact .nav-header:not(:first-of-type) {
  padding: 0.75rem 0 0.25rem 0.5rem;
}

.nav-compact .nav-link > .right,
.nav-compact .nav-link > p > .right {
  right: unset;
  left: .5rem;
}

.nav-compact .nav-link > .right:nth-child(2),
.nav-compact .nav-link > p > .right:nth-child(2) {
  right: unset;
  left: 1.6rem;
}

.logo-xs.brand-image-xs,
.logo-xl.brand-image-xs {
  left: unset;
  right: 18px;
}

.logo-xs.brand-image-xl,
.logo-xl.brand-image-xl {
  left: unset;
  right: 12px;
}

.logo-xs.brand-image-xl {
  left: unset;
  right: 16px;
}

@media (min-width: 992px) {
  .sidebar-mini .nav-sidebar,
  .sidebar-mini .nav-sidebar > .nav-header,
  .sidebar-mini .nav-sidebar .nav-link {
    white-space: nowrap;
    overflow: hidden;
  }
  .sidebar-mini.sidebar-collapse .d-hidden-mini {
    display: none;
  }
  .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .main-footer,
  .sidebar-mini.sidebar-collapse .main-header {
    margin-left: unset !important;
    margin-right: 4.6rem !important;
  }
  .sidebar-mini.sidebar-collapse .nav-sidebar .nav-header {
    display: none;
  }
  .sidebar-mini.sidebar-collapse .nav-sidebar .nav-link p {
    width: 0;
  }
  .sidebar-mini.sidebar-collapse .sidebar .user-panel > .info,
  .sidebar-mini.sidebar-collapse .nav-sidebar .nav-link p,
  .sidebar-mini.sidebar-collapse .brand-text {
    margin-left: unset;
    margin-right: -10px;
    opacity: 0;
    visibility: hidden;
  }
  .sidebar-mini.sidebar-collapse .logo-xl {
    opacity: 0;
    visibility: hidden;
  }
  .sidebar-mini.sidebar-collapse .logo-xs {
    display: inline-block;
    opacity: 1;
    visibility: visible;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar {
    overflow-x: hidden;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before {
    margin-left: unset;
    margin-right: 0;
    width: 4.6rem;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar .user-panel .image {
    float: none;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar:hover, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused {
    width: 250px;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview {
    padding-left: unset;
    padding-right: 1rem;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link {
    width: 250px;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel {
    text-align: right;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel .image, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel .image {
    float: right;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel > .info,
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p,
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-text,
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .logo-xl, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link p,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-text,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .logo-xl {
    display: inline-block;
    margin-left: unset;
    margin-right: 0;
    opacity: 1;
    visibility: visible;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-flat .nav-icon, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-flat .nav-icon {
    margin-left: unset;
    margin-right: 0;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-flat .nav-treeview .nav-icon, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-flat .nav-treeview .nav-icon {
    margin-left: unset;
    margin-right: -.2rem;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .logo-xs, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .logo-xs {
    opacity: 0;
    visibility: hidden;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-image, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-image {
    margin-right: .8rem;
    margin-left: .5rem;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar-form,
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel > .info, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .sidebar-form,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info {
    display: block !important;
    -webkit-transform: translateZ(0);
  }
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar > .nav-item > .nav-link > span, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar > .nav-item > .nav-link > span {
    display: inline-block !important;
  }
  .sidebar-mini.sidebar-collapse .visible-sidebar-mini {
    display: block !important;
  }
  .sidebar-mini.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
    width: 250px;
  }
  .sidebar-mini.sidebar-collapse.layout-fixed .brand-link {
    width: 4.6rem;
  }
}

@media (min-width: 768px) {
  .sidebar-mini-md .nav-sidebar,
  .sidebar-mini-md .nav-sidebar > .nav-header,
  .sidebar-mini-md .nav-sidebar .nav-link {
    white-space: nowrap;
    overflow: hidden;
  }
  .sidebar-mini-md.sidebar-collapse .d-hidden-mini {
    display: none;
  }
  .sidebar-mini-md.sidebar-collapse .content-wrapper,
  .sidebar-mini-md.sidebar-collapse .main-footer,
  .sidebar-mini-md.sidebar-collapse .main-header {
    margin-left: unset !important;
    margin-right: 4.6rem !important;
  }
  .sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-header {
    display: none;
  }
  .sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-link p {
    width: 0;
  }
  .sidebar-mini-md.sidebar-collapse .sidebar .user-panel > .info,
  .sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-link p,
  .sidebar-mini-md.sidebar-collapse .brand-text {
    margin-left: unset;
    margin-right: -10px;
    opacity: 0;
    visibility: hidden;
  }
  .sidebar-mini-md.sidebar-collapse .logo-xl {
    opacity: 0;
    visibility: hidden;
  }
  .sidebar-mini-md.sidebar-collapse .logo-xs {
    display: inline-block;
    opacity: 1;
    visibility: visible;
  }
  .sidebar-mini-md.sidebar-collapse .main-sidebar {
    overflow-x: hidden;
  }
  .sidebar-mini-md.sidebar-collapse .main-sidebar, .sidebar-mini-md.sidebar-collapse .main-sidebar::before {
    margin-left: unset;
    margin-right: 0;
    width: 4.6rem;
  }
  .sidebar-mini-md.sidebar-collapse .main-sidebar .user-panel .image {
    float: none;
  }
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused {
    width: 250px;
  }
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview {
    padding-left: unset;
    padding-right: 1rem;
  }
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .brand-link, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .brand-link {
    width: 250px;
  }
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .user-panel {
    text-align: right;
  }
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel .image, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .user-panel .image {
    float: right;
  }
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel > .info,
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p,
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .brand-text,
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .logo-xl, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info,
  .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link p,
  .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .brand-text,
  .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .logo-xl {
    display: inline-block;
    margin-left: unset;
    margin-right: 0;
    opacity: 1;
    visibility: visible;
  }
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-flat .nav-icon, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-flat .nav-icon {
    margin-left: unset;
    margin-right: 0;
  }
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-flat .nav-treeview .nav-icon, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-flat .nav-treeview .nav-icon {
    margin-left: unset;
    margin-right: -.2rem;
  }
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .logo-xs, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .logo-xs {
    opacity: 0;
    visibility: hidden;
  }
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .brand-image, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .brand-image {
    margin-right: .8rem;
    margin-left: .5rem;
  }
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .sidebar-form,
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel > .info, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .sidebar-form,
  .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info {
    display: block !important;
    -webkit-transform: translateZ(0);
  }
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-sidebar > .nav-item > .nav-link > span, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar > .nav-item > .nav-link > span {
    display: inline-block !important;
  }
  .sidebar-mini-md.sidebar-collapse .visible-sidebar-mini {
    display: block !important;
  }
  .sidebar-mini-md.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
    width: 250px;
  }
  .sidebar-mini-md.sidebar-collapse.layout-fixed .brand-link {
    width: 4.6rem;
  }
}

.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview,
.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview {
  padding-left: unset;
  padding-right: 0;
}

.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .brand-text,
.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel > .info,
.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar .nav-link p,
.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .brand-text,
.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .user-panel > .info,
.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-sidebar .nav-link p {
  margin-left: unset;
  margin-right: -10px;
}

.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar > .nav-item .nav-icon,
.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-sidebar > .nav-item .nav-icon {
  margin-right: unset;
  margin-left: 0;
}

.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-flat .nav-icon,
.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-flat .nav-icon {
  margin-left: unset;
  margin-right: .5rem;
}

.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-flat .nav-treeview .nav-icon,
.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-flat .nav-treeview .nav-icon {
  margin-left: unset;
  margin-right: .3rem;
}

.nav-sidebar .nav-item > .nav-link > .float-right {
  right: unset;
  left: 10px;
}

.sidebar .nav-link p,
.main-sidebar .brand-text,
.main-sidebar .logo-xs,
.main-sidebar .logo-xl,
.sidebar .user-panel .info {
  transition: margin-right 0.3s linear, opacity 0.3s ease, visibility 0.3s ease;
}

@media (prefers-reduced-motion: reduce) {
  .sidebar .nav-link p,
  .main-sidebar .brand-text,
  .main-sidebar .logo-xs,
  .main-sidebar .logo-xl,
  .sidebar .user-panel .info {
    transition: none;
  }
}

.control-sidebar, .control-sidebar::before {
  left: -250px;
  right: unset;
  transition: left 0.3s ease-in-out, display 0.3s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .control-sidebar, .control-sidebar::before {
    transition: none;
  }
}

.control-sidebar-push-slide .content-wrapper,
.control-sidebar-push-slide .main-footer {
  transition: margin-left 0.3s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .control-sidebar-push-slide .content-wrapper,
  .control-sidebar-push-slide .main-footer {
    transition: none;
  }
}

.control-sidebar-open .control-sidebar, .control-sidebar-open .control-sidebar::before {
  left: 0;
  right: unset;
}

.control-sidebar-open.control-sidebar-push .content-wrapper,
.control-sidebar-open.control-sidebar-push .main-footer, .control-sidebar-open.control-sidebar-push-slide .content-wrapper,
.control-sidebar-open.control-sidebar-push-slide .main-footer {
  margin-left: 250px;
  margin-right: unset;
}

.control-sidebar-slide-open .control-sidebar, .control-sidebar-slide-open .control-sidebar::before {
  left: 0;
  right: unset;
  transition: left 0.3s ease-in-out, display 0.3s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .control-sidebar-slide-open .control-sidebar, .control-sidebar-slide-open .control-sidebar::before {
    transition: none;
  }
}

.control-sidebar-slide-open.control-sidebar-push .content-wrapper,
.control-sidebar-slide-open.control-sidebar-push .main-footer, .control-sidebar-slide-open.control-sidebar-push-slide .content-wrapper,
.control-sidebar-slide-open.control-sidebar-push-slide .main-footer {
  margin-left: 250px;
  margin-right: unset;
}

.control-sidebar-dark .nav-tabs .nav-link:hover, .control-sidebar-dark .nav-tabs .nav-link:active, .control-sidebar-dark .nav-tabs .nav-link:focus, .control-sidebar-dark .nav-tabs .nav-link.active {
  border-right-color: transparent;
  border-left-color: unset;
}

.control-sidebar-light {
  background: #fff;
  border-right: 1px solid #dee2e6;
  border-left: unset;
}

.dropdown-icon::after {
  margin-left: unset;
  margin-right: 0;
}

.dropdown-submenu > a:after {
  float: left;
  margin-left: unset;
  margin-right: .5rem;
}

.dropdown-submenu > .dropdown-menu {
  left: unset;
  right: 100%;
  margin-left: unset;
  margin-right: 0px;
}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
  right: auto;
  left: 0;
}

@media (max-width: 767.98px) {
  .navbar-custom-menu > .navbar-nav {
    float: left;
  }
  .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    right: auto;
    left: 5%;
  }
}

.navbar-nav > .user-menu .user-image {
  float: right;
  margin-right: unset;
  margin-left: 10px;
}

@media (min-width: 576px) {
  .navbar-nav > .user-menu .user-image {
    margin-right: unset;
    margin-left: .4rem;
  }
}

.form-group.has-icon .form-control {
  padding-right: unset;
  padding-left: 35px;
}

.form-group.has-icon .form-icon {
  right: unset;
  left: 3px;
}

textarea.form-control.is-warning {
  padding-right: unset;
  padding-left: 2.25rem;
}

.progress.vertical {
  margin-right: unset;
  margin-left: 10px;
}

.small-box .icon > i {
  left: 15px;
  right: unset;
}

.card.maximized-card {
  right: 0;
  left: unset;
}

.card .border-right {
  border-left: 1px solid rgba(0, 0, 0, 0.125);
  border-right: unset;
}

.card .border-left {
  border-right: 1px solid rgba(0, 0, 0, 0.125);
  border-left: unset;
}

.card-header > .card-tools {
  float: left;
  margin-left: -0.625rem;
  margin-right: unset;
}

.card-title {
  float: right;
}

@media (max-width: 576px) {
  .chart-legend > li {
    float: right;
    margin-left: 10px;
    margin-right: unset;
  }
}

.card-comments .card-comment img {
  float: right;
}

.card-comments .comment-text {
  margin-right: 40px;
  margin-left: unset;
}

.todo-list > li {
  border-right: 2px solid #e9ecef;
  border-left: unset;
}

.todo-list > li > input[type='checkbox'] {
  margin: 0 5px 0 10px;
}

.todo-list > li .text {
  margin-right: 5px;
  margin-left: unset;
}

.todo-list > li .badge {
  margin-right: 10px;
  margin-left: unset;
}

.todo-list > li .tools {
  float: left;
}

.todo-list > li .tools > .fa,
.todo-list > li .tools > .fas,
.todo-list > li .tools > .far,
.todo-list > li .tools > .fab,
.todo-list > li .tools > .glyphicon,
.todo-list > li .tools > .ion {
  margin-left: 5px;
  margin-right: unset;
}

.todo-list .primary {
  border-right-color: #007bff;
  border-left-color: unset;
}

.todo-list .secondary {
  border-right-color: #6c757d;
  border-left-color: unset;
}

.todo-list .success {
  border-right-color: #28a745;
  border-left-color: unset;
}

.todo-list .info {
  border-right-color: #17a2b8;
  border-left-color: unset;
}

.todo-list .warning {
  border-right-color: #ffc107;
  border-left-color: unset;
}

.todo-list .danger {
  border-right-color: #dc3545;
  border-left-color: unset;
}

.todo-list .light {
  border-right-color: #f8f9fa;
  border-left-color: unset;
}

.todo-list .dark {
  border-right-color: #343a40;
  border-left-color: unset;
}

.todo-list .lightblue {
  border-right-color: #3c8dbc;
  border-left-color: unset;
}

.todo-list .navy {
  border-right-color: #001f3f;
  border-left-color: unset;
}

.todo-list .olive {
  border-right-color: #3d9970;
  border-left-color: unset;
}

.todo-list .lime {
  border-right-color: #01ff70;
  border-left-color: unset;
}

.todo-list .fuchsia {
  border-right-color: #f012be;
  border-left-color: unset;
}

.todo-list .maroon {
  border-right-color: #d81b60;
  border-left-color: unset;
}

.todo-list .blue {
  border-right-color: #007bff;
  border-left-color: unset;
}

.todo-list .indigo {
  border-right-color: #6610f2;
  border-left-color: unset;
}

.todo-list .purple {
  border-right-color: #6f42c1;
  border-left-color: unset;
}

.todo-list .pink {
  border-right-color: #e83e8c;
  border-left-color: unset;
}

.todo-list .red {
  border-right-color: #dc3545;
  border-left-color: unset;
}

.todo-list .orange {
  border-right-color: #fd7e14;
  border-left-color: unset;
}

.todo-list .yellow {
  border-right-color: #ffc107;
  border-left-color: unset;
}

.todo-list .green {
  border-right-color: #28a745;
  border-left-color: unset;
}

.todo-list .teal {
  border-right-color: #20c997;
  border-left-color: unset;
}

.todo-list .cyan {
  border-right-color: #17a2b8;
  border-left-color: unset;
}

.todo-list .white {
  border-right-color: #fff;
  border-left-color: unset;
}

.todo-list .gray {
  border-right-color: #6c757d;
  border-left-color: unset;
}

.todo-list .gray-dark {
  border-right-color: #343a40;
  border-left-color: unset;
}

.card-primary:not(.card-outline) > .card-header {
  background-color: #007bff;
  border-bottom: 0;
}

.card-primary:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-primary:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-primary:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-primary.card-outline {
  border-top: 3px solid #007bff;
}

.card-primary.card-outline .nav-item {
  border-bottom: 0;
}

.card-primary.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-primary.card-outline-tabs {
  border-top: 0;
}

.card-primary.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-primary.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-primary.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-primary.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #007bff;
}

.card-primary.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-primary .btn-tool,
.bg-gradient-primary .btn-tool,
.card-primary:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-primary .btn-tool:hover,
.bg-gradient-primary .btn-tool:hover,
.card-primary:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-primary .bootstrap-datetimepicker-widget .table td,
.card.bg-primary .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover {
  background: #0067d6;
  color: #fff;
}

.card.bg-primary .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-primary .bootstrap-datetimepicker-widget table td.active,
.card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover {
  background: #3395ff;
  color: #fff;
}

.card-secondary:not(.card-outline) > .card-header {
  background-color: #6c757d;
  border-bottom: 0;
}

.card-secondary:not(.card-outline) > .card-header,
.card-secondary:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-secondary:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-secondary:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-secondary.card-outline {
  border-top: 3px solid #6c757d;
}

.card-secondary.card-outline .nav-item {
  border-bottom: 0;
}

.card-secondary.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-secondary.card-outline-tabs {
  border-top: 0;
}

.card-secondary.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-secondary.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-secondary.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-secondary.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #6c757d;
}

.card-secondary.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-secondary .btn-tool,
.bg-gradient-secondary .btn-tool,
.card-secondary:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-secondary .btn-tool:hover,
.bg-gradient-secondary .btn-tool:hover,
.card-secondary:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-secondary .bootstrap-datetimepicker-widget .table td,
.card.bg-secondary .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover {
  background: #596167;
  color: #fff;
}

.card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-secondary .bootstrap-datetimepicker-widget table td.active,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover {
  background: #868e96;
  color: #fff;
}

.card-success:not(.card-outline) > .card-header {
  background-color: #28a745;
  border-bottom: 0;
}

.card-success:not(.card-outline) > .card-header,
.card-success:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-success:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-success:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-success.card-outline {
  border-top: 3px solid #28a745;
}

.card-success.card-outline .nav-item {
  border-bottom: 0;
}

.card-success.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-success.card-outline-tabs {
  border-top: 0;
}

.card-success.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-success.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-success.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-success.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #28a745;
}

.card-success.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-success .btn-tool,
.bg-gradient-success .btn-tool,
.card-success:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-success .btn-tool:hover,
.bg-gradient-success .btn-tool:hover,
.card-success:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-success .bootstrap-datetimepicker-widget .table td,
.card.bg-success .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-success .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-success .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover {
  background: #208637;
  color: #fff;
}

.card.bg-success .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-success .bootstrap-datetimepicker-widget table td.active,
.card.bg-success .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover {
  background: #34ce57;
  color: #fff;
}

.card-info:not(.card-outline) > .card-header {
  background-color: #17a2b8;
  border-bottom: 0;
}

.card-info:not(.card-outline) > .card-header,
.card-info:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-info:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-info:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-info.card-outline {
  border-top: 3px solid #17a2b8;
}

.card-info.card-outline .nav-item {
  border-bottom: 0;
}

.card-info.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-info.card-outline-tabs {
  border-top: 0;
}

.card-info.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-info.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-info.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-info.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #17a2b8;
}

.card-info.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-info .btn-tool,
.bg-gradient-info .btn-tool,
.card-info:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-info .btn-tool:hover,
.bg-gradient-info .btn-tool:hover,
.card-info:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-info .bootstrap-datetimepicker-widget .table td,
.card.bg-info .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-info .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-info .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover {
  background: #128294;
  color: #fff;
}

.card.bg-info .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-info .bootstrap-datetimepicker-widget table td.active,
.card.bg-info .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover {
  background: #1fc8e3;
  color: #fff;
}

.card-warning:not(.card-outline) > .card-header {
  background-color: #ffc107;
  border-bottom: 0;
}

.card-warning:not(.card-outline) > .card-header,
.card-warning:not(.card-outline) > .card-header a {
  color: #1f2d3d;
}

.card-warning:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-warning:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-warning.card-outline {
  border-top: 3px solid #ffc107;
}

.card-warning.card-outline .nav-item {
  border-bottom: 0;
}

.card-warning.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-warning.card-outline-tabs {
  border-top: 0;
}

.card-warning.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-warning.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-warning.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-warning.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #ffc107;
}

.card-warning.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-warning .btn-tool,
.bg-gradient-warning .btn-tool,
.card-warning:not(.card-outline) .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.bg-warning .btn-tool:hover,
.bg-gradient-warning .btn-tool:hover,
.card-warning:not(.card-outline) .btn-tool:hover {
  color: #1f2d3d;
}

.card.bg-warning .bootstrap-datetimepicker-widget .table td,
.card.bg-warning .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover {
  background: #dda600;
  color: #1f2d3d;
}

.card.bg-warning .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.card.bg-warning .bootstrap-datetimepicker-widget table td.active,
.card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover {
  background: #ffce3a;
  color: #1f2d3d;
}

.card-danger:not(.card-outline) > .card-header {
  background-color: #dc3545;
  border-bottom: 0;
}

.card-danger:not(.card-outline) > .card-header,
.card-danger:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-danger:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-danger:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-danger.card-outline {
  border-top: 3px solid #dc3545;
}

.card-danger.card-outline .nav-item {
  border-bottom: 0;
}

.card-danger.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-danger.card-outline-tabs {
  border-top: 0;
}

.card-danger.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-danger.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-danger.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-danger.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #dc3545;
}

.card-danger.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-danger .btn-tool,
.bg-gradient-danger .btn-tool,
.card-danger:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-danger .btn-tool:hover,
.bg-gradient-danger .btn-tool:hover,
.card-danger:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-danger .bootstrap-datetimepicker-widget .table td,
.card.bg-danger .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover {
  background: #c62232;
  color: #fff;
}

.card.bg-danger .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-danger .bootstrap-datetimepicker-widget table td.active,
.card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover {
  background: #e4606d;
  color: #fff;
}

.card-light:not(.card-outline) > .card-header {
  background-color: #f8f9fa;
  border-bottom: 0;
}

.card-light:not(.card-outline) > .card-header,
.card-light:not(.card-outline) > .card-header a {
  color: #1f2d3d;
}

.card-light:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-light:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-light.card-outline {
  border-top: 3px solid #f8f9fa;
}

.card-light.card-outline .nav-item {
  border-bottom: 0;
}

.card-light.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-light.card-outline-tabs {
  border-top: 0;
}

.card-light.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-light.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-light.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-light.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #f8f9fa;
}

.card-light.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-light .btn-tool,
.bg-gradient-light .btn-tool,
.card-light:not(.card-outline) .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.bg-light .btn-tool:hover,
.bg-gradient-light .btn-tool:hover,
.card-light:not(.card-outline) .btn-tool:hover {
  color: #1f2d3d;
}

.card.bg-light .bootstrap-datetimepicker-widget .table td,
.card.bg-light .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-light .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-light .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover {
  background: #e0e5e9;
  color: #1f2d3d;
}

.card.bg-light .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.card.bg-light .bootstrap-datetimepicker-widget table td.active,
.card.bg-light .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover {
  background: white;
  color: #1f2d3d;
}

.card-dark:not(.card-outline) > .card-header {
  background-color: #343a40;
  border-bottom: 0;
}

.card-dark:not(.card-outline) > .card-header,
.card-dark:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-dark:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-dark:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-dark.card-outline {
  border-top: 3px solid #343a40;
}

.card-dark.card-outline .nav-item {
  border-bottom: 0;
}

.card-dark.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-dark.card-outline-tabs {
  border-top: 0;
}

.card-dark.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-dark.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-dark.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-dark.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #343a40;
}

.card-dark.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-dark .btn-tool,
.bg-gradient-dark .btn-tool,
.card-dark:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-dark .btn-tool:hover,
.bg-gradient-dark .btn-tool:hover,
.card-dark:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-dark .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover {
  background: #222629;
  color: #fff;
}

.card.bg-dark .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover {
  background: #4b545c;
  color: #fff;
}

.card-lightblue:not(.card-outline) > .card-header {
  background-color: #3c8dbc;
  border-bottom: 0;
}

.card-lightblue:not(.card-outline) > .card-header,
.card-lightblue:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-lightblue:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-lightblue:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-lightblue.card-outline {
  border-top: 3px solid #3c8dbc;
}

.card-lightblue.card-outline .nav-item {
  border-bottom: 0;
}

.card-lightblue.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-lightblue.card-outline-tabs {
  border-top: 0;
}

.card-lightblue.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-lightblue.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-lightblue.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-lightblue.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #3c8dbc;
}

.card-lightblue.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-lightblue .btn-tool,
.bg-gradient-lightblue .btn-tool,
.card-lightblue:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-lightblue .btn-tool:hover,
.bg-gradient-lightblue .btn-tool:hover,
.card-lightblue:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-lightblue .bootstrap-datetimepicker-widget .table td,
.card.bg-lightblue .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover {
  background: #32769d;
  color: #fff;
}

.card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover {
  background: #5fa4cc;
  color: #fff;
}

.card-navy:not(.card-outline) > .card-header {
  background-color: #001f3f;
  border-bottom: 0;
}

.card-navy:not(.card-outline) > .card-header,
.card-navy:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-navy:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-navy:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-navy.card-outline {
  border-top: 3px solid #001f3f;
}

.card-navy.card-outline .nav-item {
  border-bottom: 0;
}

.card-navy.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-navy.card-outline-tabs {
  border-top: 0;
}

.card-navy.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-navy.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-navy.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-navy.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #001f3f;
}

.card-navy.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-navy .btn-tool,
.bg-gradient-navy .btn-tool,
.card-navy:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-navy .btn-tool:hover,
.bg-gradient-navy .btn-tool:hover,
.card-navy:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-navy .bootstrap-datetimepicker-widget .table td,
.card.bg-navy .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover {
  background: #000b16;
  color: #fff;
}

.card.bg-navy .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-navy .bootstrap-datetimepicker-widget table td.active,
.card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover {
  background: #003872;
  color: #fff;
}

.card-olive:not(.card-outline) > .card-header {
  background-color: #3d9970;
  border-bottom: 0;
}

.card-olive:not(.card-outline) > .card-header,
.card-olive:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-olive:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-olive:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-olive.card-outline {
  border-top: 3px solid #3d9970;
}

.card-olive.card-outline .nav-item {
  border-bottom: 0;
}

.card-olive.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-olive.card-outline-tabs {
  border-top: 0;
}

.card-olive.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-olive.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-olive.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-olive.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #3d9970;
}

.card-olive.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-olive .btn-tool,
.bg-gradient-olive .btn-tool,
.card-olive:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-olive .btn-tool:hover,
.bg-gradient-olive .btn-tool:hover,
.card-olive:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-olive .bootstrap-datetimepicker-widget .table td,
.card.bg-olive .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover {
  background: #317c5b;
  color: #fff;
}

.card.bg-olive .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-olive .bootstrap-datetimepicker-widget table td.active,
.card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover {
  background: #50b98a;
  color: #fff;
}

.card-lime:not(.card-outline) > .card-header {
  background-color: #01ff70;
  border-bottom: 0;
}

.card-lime:not(.card-outline) > .card-header,
.card-lime:not(.card-outline) > .card-header a {
  color: #1f2d3d;
}

.card-lime:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-lime:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-lime.card-outline {
  border-top: 3px solid #01ff70;
}

.card-lime.card-outline .nav-item {
  border-bottom: 0;
}

.card-lime.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-lime.card-outline-tabs {
  border-top: 0;
}

.card-lime.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-lime.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-lime.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-lime.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #01ff70;
}

.card-lime.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-lime .btn-tool,
.bg-gradient-lime .btn-tool,
.card-lime:not(.card-outline) .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.bg-lime .btn-tool:hover,
.bg-gradient-lime .btn-tool:hover,
.card-lime:not(.card-outline) .btn-tool:hover {
  color: #1f2d3d;
}

.card.bg-lime .bootstrap-datetimepicker-widget .table td,
.card.bg-lime .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover {
  background: #00d75e;
  color: #1f2d3d;
}

.card.bg-lime .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.card.bg-lime .bootstrap-datetimepicker-widget table td.active,
.card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover {
  background: #34ff8d;
  color: #1f2d3d;
}

.card-fuchsia:not(.card-outline) > .card-header {
  background-color: #f012be;
  border-bottom: 0;
}

.card-fuchsia:not(.card-outline) > .card-header,
.card-fuchsia:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-fuchsia:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-fuchsia:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-fuchsia.card-outline {
  border-top: 3px solid #f012be;
}

.card-fuchsia.card-outline .nav-item {
  border-bottom: 0;
}

.card-fuchsia.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-fuchsia.card-outline-tabs {
  border-top: 0;
}

.card-fuchsia.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-fuchsia.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-fuchsia.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-fuchsia.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #f012be;
}

.card-fuchsia.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-fuchsia .btn-tool,
.bg-gradient-fuchsia .btn-tool,
.card-fuchsia:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-fuchsia .btn-tool:hover,
.bg-gradient-fuchsia .btn-tool:hover,
.card-fuchsia:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-fuchsia .bootstrap-datetimepicker-widget .table td,
.card.bg-fuchsia .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover {
  background: #cc0da1;
  color: #fff;
}

.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover {
  background: #f342cb;
  color: #fff;
}

.card-maroon:not(.card-outline) > .card-header {
  background-color: #d81b60;
  border-bottom: 0;
}

.card-maroon:not(.card-outline) > .card-header,
.card-maroon:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-maroon:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-maroon:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-maroon.card-outline {
  border-top: 3px solid #d81b60;
}

.card-maroon.card-outline .nav-item {
  border-bottom: 0;
}

.card-maroon.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-maroon.card-outline-tabs {
  border-top: 0;
}

.card-maroon.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-maroon.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-maroon.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-maroon.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #d81b60;
}

.card-maroon.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-maroon .btn-tool,
.bg-gradient-maroon .btn-tool,
.card-maroon:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-maroon .btn-tool:hover,
.bg-gradient-maroon .btn-tool:hover,
.card-maroon:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-maroon .bootstrap-datetimepicker-widget .table td,
.card.bg-maroon .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover {
  background: #b41650;
  color: #fff;
}

.card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-maroon .bootstrap-datetimepicker-widget table td.active,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover {
  background: #e73f7c;
  color: #fff;
}

.card-blue:not(.card-outline) > .card-header {
  background-color: #007bff;
  border-bottom: 0;
}

.card-blue:not(.card-outline) > .card-header,
.card-blue:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-blue:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-blue:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-blue.card-outline {
  border-top: 3px solid #007bff;
}

.card-blue.card-outline .nav-item {
  border-bottom: 0;
}

.card-blue.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-blue.card-outline-tabs {
  border-top: 0;
}

.card-blue.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-blue.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-blue.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-blue.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #007bff;
}

.card-blue.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-blue .btn-tool,
.bg-gradient-blue .btn-tool,
.card-blue:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-blue .btn-tool:hover,
.bg-gradient-blue .btn-tool:hover,
.card-blue:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-blue .bootstrap-datetimepicker-widget .table td,
.card.bg-blue .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover {
  background: #0067d6;
  color: #fff;
}

.card.bg-blue .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-blue .bootstrap-datetimepicker-widget table td.active,
.card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover {
  background: #3395ff;
  color: #fff;
}

.card-indigo:not(.card-outline) > .card-header {
  background-color: #6610f2;
  border-bottom: 0;
}

.card-indigo:not(.card-outline) > .card-header,
.card-indigo:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-indigo:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-indigo:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-indigo.card-outline {
  border-top: 3px solid #6610f2;
}

.card-indigo.card-outline .nav-item {
  border-bottom: 0;
}

.card-indigo.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-indigo.card-outline-tabs {
  border-top: 0;
}

.card-indigo.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-indigo.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-indigo.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-indigo.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #6610f2;
}

.card-indigo.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-indigo .btn-tool,
.bg-gradient-indigo .btn-tool,
.card-indigo:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-indigo .btn-tool:hover,
.bg-gradient-indigo .btn-tool:hover,
.card-indigo:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-indigo .bootstrap-datetimepicker-widget .table td,
.card.bg-indigo .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover {
  background: #550bce;
  color: #fff;
}

.card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-indigo .bootstrap-datetimepicker-widget table td.active,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover {
  background: #8540f5;
  color: #fff;
}

.card-purple:not(.card-outline) > .card-header {
  background-color: #6f42c1;
  border-bottom: 0;
}

.card-purple:not(.card-outline) > .card-header,
.card-purple:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-purple:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-purple:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-purple.card-outline {
  border-top: 3px solid #6f42c1;
}

.card-purple.card-outline .nav-item {
  border-bottom: 0;
}

.card-purple.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-purple.card-outline-tabs {
  border-top: 0;
}

.card-purple.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-purple.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-purple.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-purple.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #6f42c1;
}

.card-purple.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-purple .btn-tool,
.bg-gradient-purple .btn-tool,
.card-purple:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-purple .btn-tool:hover,
.bg-gradient-purple .btn-tool:hover,
.card-purple:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-purple .bootstrap-datetimepicker-widget .table td,
.card.bg-purple .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover {
  background: #5d36a4;
  color: #fff;
}

.card.bg-purple .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-purple .bootstrap-datetimepicker-widget table td.active,
.card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover {
  background: #8c68ce;
  color: #fff;
}

.card-pink:not(.card-outline) > .card-header {
  background-color: #e83e8c;
  border-bottom: 0;
}

.card-pink:not(.card-outline) > .card-header,
.card-pink:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-pink:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-pink:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-pink.card-outline {
  border-top: 3px solid #e83e8c;
}

.card-pink.card-outline .nav-item {
  border-bottom: 0;
}

.card-pink.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-pink.card-outline-tabs {
  border-top: 0;
}

.card-pink.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-pink.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-pink.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-pink.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #e83e8c;
}

.card-pink.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-pink .btn-tool,
.bg-gradient-pink .btn-tool,
.card-pink:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-pink .btn-tool:hover,
.bg-gradient-pink .btn-tool:hover,
.card-pink:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-pink .bootstrap-datetimepicker-widget .table td,
.card.bg-pink .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover {
  background: #e21b76;
  color: #fff;
}

.card.bg-pink .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-pink .bootstrap-datetimepicker-widget table td.active,
.card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover {
  background: #ed6ca7;
  color: #fff;
}

.card-red:not(.card-outline) > .card-header {
  background-color: #dc3545;
  border-bottom: 0;
}

.card-red:not(.card-outline) > .card-header,
.card-red:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-red:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-red:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-red.card-outline {
  border-top: 3px solid #dc3545;
}

.card-red.card-outline .nav-item {
  border-bottom: 0;
}

.card-red.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-red.card-outline-tabs {
  border-top: 0;
}

.card-red.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-red.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-red.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-red.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #dc3545;
}

.card-red.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-red .btn-tool,
.bg-gradient-red .btn-tool,
.card-red:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-red .btn-tool:hover,
.bg-gradient-red .btn-tool:hover,
.card-red:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-red .bootstrap-datetimepicker-widget .table td,
.card.bg-red .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-red .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-red .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover {
  background: #c62232;
  color: #fff;
}

.card.bg-red .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-red .bootstrap-datetimepicker-widget table td.active,
.card.bg-red .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover {
  background: #e4606d;
  color: #fff;
}

.card-orange:not(.card-outline) > .card-header {
  background-color: #fd7e14;
  border-bottom: 0;
}

.card-orange:not(.card-outline) > .card-header,
.card-orange:not(.card-outline) > .card-header a {
  color: #1f2d3d;
}

.card-orange:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-orange:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-orange.card-outline {
  border-top: 3px solid #fd7e14;
}

.card-orange.card-outline .nav-item {
  border-bottom: 0;
}

.card-orange.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-orange.card-outline-tabs {
  border-top: 0;
}

.card-orange.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-orange.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-orange.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-orange.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #fd7e14;
}

.card-orange.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-orange .btn-tool,
.bg-gradient-orange .btn-tool,
.card-orange:not(.card-outline) .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.bg-orange .btn-tool:hover,
.bg-gradient-orange .btn-tool:hover,
.card-orange:not(.card-outline) .btn-tool:hover {
  color: #1f2d3d;
}

.card.bg-orange .bootstrap-datetimepicker-widget .table td,
.card.bg-orange .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover {
  background: #e66a02;
  color: #1f2d3d;
}

.card.bg-orange .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.card.bg-orange .bootstrap-datetimepicker-widget table td.active,
.card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover {
  background: #fd9a47;
  color: #1f2d3d;
}

.card-yellow:not(.card-outline) > .card-header {
  background-color: #ffc107;
  border-bottom: 0;
}

.card-yellow:not(.card-outline) > .card-header,
.card-yellow:not(.card-outline) > .card-header a {
  color: #1f2d3d;
}

.card-yellow:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-yellow:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-yellow.card-outline {
  border-top: 3px solid #ffc107;
}

.card-yellow.card-outline .nav-item {
  border-bottom: 0;
}

.card-yellow.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-yellow.card-outline-tabs {
  border-top: 0;
}

.card-yellow.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-yellow.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-yellow.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-yellow.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #ffc107;
}

.card-yellow.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-yellow .btn-tool,
.bg-gradient-yellow .btn-tool,
.card-yellow:not(.card-outline) .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.bg-yellow .btn-tool:hover,
.bg-gradient-yellow .btn-tool:hover,
.card-yellow:not(.card-outline) .btn-tool:hover {
  color: #1f2d3d;
}

.card.bg-yellow .bootstrap-datetimepicker-widget .table td,
.card.bg-yellow .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover {
  background: #dda600;
  color: #1f2d3d;
}

.card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.card.bg-yellow .bootstrap-datetimepicker-widget table td.active,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover {
  background: #ffce3a;
  color: #1f2d3d;
}

.card-green:not(.card-outline) > .card-header {
  background-color: #28a745;
  border-bottom: 0;
}

.card-green:not(.card-outline) > .card-header,
.card-green:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-green:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-green:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-green.card-outline {
  border-top: 3px solid #28a745;
}

.card-green.card-outline .nav-item {
  border-bottom: 0;
}

.card-green.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-green.card-outline-tabs {
  border-top: 0;
}

.card-green.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-green.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-green.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-green.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #28a745;
}

.card-green.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-green .btn-tool,
.bg-gradient-green .btn-tool,
.card-green:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-green .btn-tool:hover,
.bg-gradient-green .btn-tool:hover,
.card-green:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-green .bootstrap-datetimepicker-widget .table td,
.card.bg-green .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-green .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-green .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover {
  background: #208637;
  color: #fff;
}

.card.bg-green .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-green .bootstrap-datetimepicker-widget table td.active,
.card.bg-green .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover {
  background: #34ce57;
  color: #fff;
}

.card-teal:not(.card-outline) > .card-header {
  background-color: #20c997;
  border-bottom: 0;
}

.card-teal:not(.card-outline) > .card-header,
.card-teal:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-teal:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-teal:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-teal.card-outline {
  border-top: 3px solid #20c997;
}

.card-teal.card-outline .nav-item {
  border-bottom: 0;
}

.card-teal.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-teal.card-outline-tabs {
  border-top: 0;
}

.card-teal.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-teal.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-teal.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-teal.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #20c997;
}

.card-teal.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-teal .btn-tool,
.bg-gradient-teal .btn-tool,
.card-teal:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-teal .btn-tool:hover,
.bg-gradient-teal .btn-tool:hover,
.card-teal:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-teal .bootstrap-datetimepicker-widget .table td,
.card.bg-teal .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover {
  background: #1aa67d;
  color: #fff;
}

.card.bg-teal .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-teal .bootstrap-datetimepicker-widget table td.active,
.card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover {
  background: #3ce0af;
  color: #fff;
}

.card-cyan:not(.card-outline) > .card-header {
  background-color: #17a2b8;
  border-bottom: 0;
}

.card-cyan:not(.card-outline) > .card-header,
.card-cyan:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-cyan:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-cyan:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-cyan.card-outline {
  border-top: 3px solid #17a2b8;
}

.card-cyan.card-outline .nav-item {
  border-bottom: 0;
}

.card-cyan.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-cyan.card-outline-tabs {
  border-top: 0;
}

.card-cyan.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-cyan.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-cyan.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-cyan.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #17a2b8;
}

.card-cyan.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-cyan .btn-tool,
.bg-gradient-cyan .btn-tool,
.card-cyan:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-cyan .btn-tool:hover,
.bg-gradient-cyan .btn-tool:hover,
.card-cyan:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-cyan .bootstrap-datetimepicker-widget .table td,
.card.bg-cyan .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover {
  background: #128294;
  color: #fff;
}

.card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-cyan .bootstrap-datetimepicker-widget table td.active,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover {
  background: #1fc8e3;
  color: #fff;
}

.card-white:not(.card-outline) > .card-header {
  background-color: #fff;
  border-bottom: 0;
}

.card-white:not(.card-outline) > .card-header,
.card-white:not(.card-outline) > .card-header a {
  color: #1f2d3d;
}

.card-white:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-white:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-white.card-outline {
  border-top: 3px solid #fff;
}

.card-white.card-outline .nav-item {
  border-bottom: 0;
}

.card-white.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-white.card-outline-tabs {
  border-top: 0;
}

.card-white.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-white.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-white.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-white.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #fff;
}

.card-white.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-white .btn-tool,
.bg-gradient-white .btn-tool,
.card-white:not(.card-outline) .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.bg-white .btn-tool:hover,
.bg-gradient-white .btn-tool:hover,
.card-white:not(.card-outline) .btn-tool:hover {
  color: #1f2d3d;
}

.card.bg-white .bootstrap-datetimepicker-widget .table td,
.card.bg-white .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-white .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-white .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover {
  background: #ebebeb;
  color: #1f2d3d;
}

.card.bg-white .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.card.bg-white .bootstrap-datetimepicker-widget table td.active,
.card.bg-white .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover {
  background: white;
  color: #1f2d3d;
}

.card-gray:not(.card-outline) > .card-header {
  background-color: #6c757d;
  border-bottom: 0;
}

.card-gray:not(.card-outline) > .card-header,
.card-gray:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-gray:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-gray:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-gray.card-outline {
  border-top: 3px solid #6c757d;
}

.card-gray.card-outline .nav-item {
  border-bottom: 0;
}

.card-gray.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-gray.card-outline-tabs {
  border-top: 0;
}

.card-gray.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-gray.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-gray.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-gray.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #6c757d;
}

.card-gray.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-gray .btn-tool,
.bg-gradient-gray .btn-tool,
.card-gray:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-gray .btn-tool:hover,
.bg-gradient-gray .btn-tool:hover,
.card-gray:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-gray .bootstrap-datetimepicker-widget .table td,
.card.bg-gray .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover {
  background: #596167;
  color: #fff;
}

.card.bg-gray .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-gray .bootstrap-datetimepicker-widget table td.active,
.card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover {
  background: #868e96;
  color: #fff;
}

.card-gray-dark:not(.card-outline) > .card-header {
  background-color: #343a40;
  border-bottom: 0;
}

.card-gray-dark:not(.card-outline) > .card-header,
.card-gray-dark:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-gray-dark:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-gray-dark:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
  margin-left: unset;
  margin-right: -1px;
}

.card-gray-dark.card-outline {
  border-top: 3px solid #343a40;
}

.card-gray-dark.card-outline .nav-item {
  border-bottom: 0;
}

.card-gray-dark.card-outline .nav-item:first-child .nav-link {
  border-left: unset;
  margin-left: unset;
  border-right: 0;
  margin-right: 0;
}

.card-gray-dark.card-outline-tabs {
  border-top: 0;
}

.card-gray-dark.card-outline-tabs > .card-header .nav-item:first-child .nav-link {
  border-left: unset;
  border-right: 0;
  margin-left: unset;
  margin-right: 0;
}

.card-gray-dark.card-outline-tabs > .card-header a {
  border-top: 3px solid transparent;
}

.card-gray-dark.card-outline-tabs > .card-header a:hover {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
}

.card-gray-dark.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #343a40;
}

.card-gray-dark.card-outline-tabs > .card-header a.active:hover {
  margin-top: 0;
}

.bg-gray-dark .btn-tool,
.bg-gradient-gray-dark .btn-tool,
.card-gray-dark:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-gray-dark .btn-tool:hover,
.bg-gradient-gray-dark .btn-tool:hover,
.card-gray-dark:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-gray-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-gray-dark .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover {
  background: #222629;
  color: #fff;
}

.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover {
  background: #4b545c;
  color: #fff;
}

.card-default .nav-item:first-child .nav-link {
  border-right: 0;
  border-left: unset;
}

.timeline::before {
  left: unset;
  right: 31px;
}

.timeline > div {
  margin-right: unset;
  margin-left: 10px;
}

.timeline > div > .timeline-item {
  margin-left: 15px;
  margin-right: 60px;
}

.timeline > div > .timeline-item > .time {
  float: left;
}

.timeline > div > .fa,
.timeline > div > .fas,
.timeline > div > .far,
.timeline > div > .fab,
.timeline > div > .glyphicon,
.timeline > div > .ion {
  left: unset;
  right: 18px;
}

.btn.btn-file > input[type='file'] {
  right: unset;
  left: 0;
  text-align: left;
}

.btn-app {
  margin: 0 10px 10px 0px;
}

.btn-app > .badge {
  left: -10px;
  right: unset;
}

.callout {
  border-right: 5px solid #e9ecef;
  border-left: unset;
}

.callout.callout-danger {
  border-right-color: #bd2130;
  border-left-color: unset;
}

.callout.callout-warning {
  border-right-color: #d39e00;
  border-left-color: unset;
}

.callout.callout-info {
  border-right-color: #117a8b;
  border-left-color: unset;
}

.callout.callout-success {
  border-right-color: #1e7e34;
  border-left-color: unset;
}

.alert .icon {
  margin-left: 10px;
}

.nav-tabs.flex-column {
  border-right: inherit;
  border-left: 1px solid #dee2e6;
}

.nav-tabs.flex-column .nav-link {
  border-top-left-radius: 0;
  border-top-right-radius: inherit;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: inherit;
  margin-right: inherit;
  margin-left: -1px;
}

.nav-tabs.flex-column .nav-link:hover, .nav-tabs.flex-column .nav-link:focus {
  border-color: #e9ecef #e9ecef #e9ecef transparent;
}

.nav-tabs.flex-column .nav-link.active,
.nav-tabs.flex-column .nav-item.show .nav-link {
  border-color: #dee2e6 #dee2e6 #dee2e6 transparent;
}

.nav-tabs.flex-column.nav-tabs-right {
  border-left: 0;
  border-right: 1px solid #dee2e6;
}

.nav-tabs.flex-column.nav-tabs-right .nav-link {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0;
  margin-left: inherit;
  margin-right: -1px;
}

.nav-tabs.flex-column.nav-tabs-right .nav-link:hover, .nav-tabs.flex-column.nav-tabs-right .nav-link:focus {
  border-color: #e9ecef transparent #e9ecef #e9ecef;
}

.nav-tabs.flex-column.nav-tabs-right .nav-link.active,
.nav-tabs.flex-column.nav-tabs-right .nav-item.show .nav-link {
  border-color: #dee2e6 transparent #dee2e6 #dee2e6;
}

.products-list .product-img {
  float: right;
}

.products-list .product-info {
  margin-left: unset;
  margin-right: 60px;
}

.users-list > li {
  float: right;
}

.widget-user .widget-user-image {
  left: unset;
  right: 50%;
  margin-left: unset;
  margin-right: -45px;
}

.widget-user-2 .widget-user-username,
.widget-user-2 .widget-user-desc {
  margin-left: unset;
  margin-right: 75px;
}

.widget-user-2 .widget-user-image > img {
  float: right;
  height: auto;
  width: 65px;
}

.toasts-top-right {
  right: unset;
  left: 0;
  z-index: 1040;
}

.toasts-top-left {
  left: unset;
  right: 0;
  z-index: 1040;
}

.toasts-bottom-right {
  right: unset;
  left: 0;
  z-index: 1040;
}

.toasts-bottom-left {
  left: unset;
  right: 0;
  z-index: 1040;
}

.user-block {
  float: right;
}

.user-block img {
  float: right;
}

.user-block .username,
.user-block .description,
.user-block .comment {
  margin-left: unset;
  margin-right: 50px;
}

.user-block.user-block-sm .username,
.user-block.user-block-sm .description,
.user-block.user-block-sm .comment {
  margin-left: unset;
  margin-right: 40px;
}

.img-sm,
.img-md,
.img-lg {
  float: right;
}

.img-sm + .img-push {
  margin-left: unset;
  margin-right: 40px;
}

.img-md + .img-push {
  margin-left: unset;
  margin-right: 70px;
}

.img-lg + .img-push {
  margin-left: unset;
  margin-right: 110px;
}

.attachment-block .attachment-img {
  float: right;
}

.attachment-block .attachment-pushed {
  margin-left: unset;
  margin-right: 110px;
}

.card > .overlay,
.card > .loading-img,
.overlay-wrapper > .overlay,
.overlay-wrapper > .loading-img,
.info-box > .overlay,
.info-box > .loading-img,
.small-box > .overlay,
.small-box > .loading-img {
  left: unset;
  right: 0;
}

.ribbon-wrapper {
  right: unset;
  left: -2px;
}

.ribbon-wrapper.ribbon-lg .ribbon {
  right: unset;
  left: 0;
}

.ribbon-wrapper.ribbon-xl .ribbon {
  right: unset;
  left: 4px;
  top: 41px;
}

.ribbon-wrapper .ribbon {
  right: unset;
  left: -2px;
  transform: rotate(-40deg);
}

.ribbon-wrapper .ribbon::before {
  left: unset;
  right: 0;
}

.ribbon-wrapper .ribbon::after {
  right: unset;
  left: 0;
}

.back-to-top {
  right: unset;
  left: 1.25rem;
}

blockquote {
  border-left: unset;
  border-right: 0.7rem solid #007bff;
}

/*# sourceMappingURL=adminlte-rtl.css.map */