body {
    background-color:#f7f7f7;
    color:#5e5873;
    overflow-x:hidden
  }
  body.dark-mode {
    background-color:#141b2e;
    color:#d0d2d6
  }
  i {
    display:inline-block
  }
  span {
    display:inline-block
  }
  .mt-30px {
    margin-top:30px!important
  }
  .mb-30px {
    margin-bottom:30px!important
  }
  .mb-0 {
    margin-bottom:0!important
  }
  i[class*=icon-] {
    -webkit-transform:translateY(4px);
    transform:translateY(4px)
  }
  table {
    font-size:.85em;
    color:#6e6b7b
  }
  .btn-xs {
    font-size:.7em!important;
    padding:2px 5px!important;
    border-radius:2px!important
  }
  .badge {
    background-color:unset;
    font-weight:600;
    font-size:11px
  }
  .page {
    position:relative;
    margin-left:230px;
    -webkit-transition:width .3s linear;
    width:calc(100% - 230px);
    min-height:100vh;
    padding-bottom:50px
  }
  .pos-page {
    position:absolute;
    top:0;
    right:0;
    -webkit-transition:width .3s linear;
    transition:width .3s linear;
    width:100%;
    min-height:100vh;
    padding-bottom:50px
  }
  .page.active,
  .pos-page .page {
    margin-left:0;
    width:calc(100%)
  }
  h2 {
    color:#555;
    font-weight:400
  }
  .breadcrumb-holder {
    background:#eceeef
  }
  .breadcrumb-holder .breadcrumb {
    padding:15px 0;
    font-size:.85em;
    font-weight:300;
    color:#999;
    margin-bottom:0
  }
  .breadcrumb-holder .breadcrumb a:hover,
  .breadcrumb-holder .breadcrumb:focus {
    text-decoration:none
  }
  .breadcrumb-holder .breadcrumb .container {
    padding:0
  }
  .card {
    margin-bottom:30px;
    -webkit-box-shadow:none;
    box-shadow:none
  }
  .card-header h1,
  .card-header h2,
  .card-header h3,
  .card-header h4,
  .card-header h5,
  .card-header h6 {
    margin-bottom:0
  }
  .card:not([class*=text]) p {
    color:#888
  }
  .display {
    font-weight:400!important
  }
  .section-padding {
    padding:3rem 0
  }
  .section-no-padding-bottom {
    padding-bottom:0
  }
  section header {
    padding-top:2rem;
    padding-bottom:2rem
  }
  @media (min-width:768px) {
    .container-fluid {
      padding:0 1.5rem
    }
  }
  nav.navbar {
    padding:.8rem 0
  }
  nav.navbar .side-navbar-wrapper {
    width:100%;
    height:100%
  }
  nav.navbar .container-fluid {
    width:100%
  }
  nav.navbar .navbar-holder {
    width:100%
  }
  nav.navbar a {
    font-size:14px;
    line-height:60px;
    position:relative;
    padding:0 3px
  }
  nav.navbar .badge {
    border:none;
    border-radius:50%;
    height:20px;
    line-height:1.2;
    position:absolute;
    top:7px;
    right:0;
    width:20px
  }
  nav.navbar a.logout i {
    margin-left:5px
  }
  nav.navbar small {
    font-size:.75em;
    color:#999
  }
  nav.navbar a.navbar-brand {
    margin-left:10px
  }
  nav.navbar .brand-text {
    text-transform:uppercase
  }
  .brand-text {
    text-transform:uppercase;
    line-height:2.1;
    font-size:1.5em
  }
  nav.navbar .brand-text strong {
    font-size:1.5em
  }
  nav.navbar .nav-menu {
    margin-bottom:0
  }
  nav.navbar .dropdown-menu {
    border:none;
    box-shadow:0 10px 15px rgba(0,0,0,.1);
    width:auto;
    right:auto;
    left:auto;
    float:left;
    margin-top:0;
    margin-bottom:0;
    padding:5px;
    font-size:1.1em
  }
  nav.navbar .nav-menu li:last-child .dropdown-menu {
    right:2rem;
    float:right
  }
  nav.navbar .dropdown-menu li {
    line-height:18px
  }
  nav.navbar .dropdown-menu a {
    font-size:13px;
    color:#7d7d7d;
    line-height:18px;
    padding:10px;
    display: block;
  }
  nav.navbar .dropdown-menu a:active {
    color:#fff
  }
  nav.navbar .dropdown-menu a:active span {
    color:#fff
  }
  nav.navbar .dropdown-menu a span {
    color:#777
  }
  nav.navbar .dropdown-menu a i {
    margin-right:5px
  }
  nav.navbar .msg-body span,
  nav.navbar .msg-body strong {
    display:block
  }
  nav.navbar .msg-body span {
    font-size:.85em
  }
  nav.navbar .msg-profile {
    margin-right:10px;
    width:50px
  }
  nav.navbar .notification-content {
    font-size:.8em
  }
  nav.navbar a.menu-btn {
    width:40px;
    height:40px;
    line-height:40px;
    background:#292929;
    color:#fff;
    text-align:center;
    padding:0
  }
  .brand-big {
    display:block;
    text-align:center
  }
  nav.navbar a.menu-btn i[class*=icon-] {
    -webkit-transform:translateY(4px);
    transform:translateY(4px)
  }
  @media (max-width:575px) {
    nav.navbar .dropdown-menu {
      width:auto;
      right:-40px
    }
    nav.navbar .notification {
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      -ms-flex-direction:column;
      flex-direction:column
    }
  }
  @media (min-width:992px) {
    nav.navbar .dropdown-menu strong {
      font-weight:400
    }
  }
  .side-navbar {
    padding-left:.5rem
  }
  .side-navbar .scrolled-wrapper {
    width:100%;
    height:100%
  }
  .side-navbar.hide {
    left:-50px
  }
  .side-navbar li {
    position:relative
  }
  .side-navbar li a {
    position:relative;
    line-height:1.9;
    font-size:14px;
    font-weight:400;
    text-transform:capitalize;
    color:#303030;
    display:block;
    border-radius:4px;
    margin:5px 10px;
    padding:8px 10px
  }
  .dark-mode .side-navbar li a {
    color:#d0d2d6
  }
  .side-navbar li a i {
    color:#7c5cc4;
    font-size:15px;
    line-height:10px;
    margin-right:10px;
    width:20px
  }
  .dark-mode .side-navbar li a i {
    color:#7c70f4
  }
  .side-navbar li a i.icon {
    font-size:24px
  }
  .side-navbar li a[data-toggle=collapse]::before {
    content:'\f104';
    display:inline-block;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    font-family:FontAwesome;
    position:absolute;
    top:50%;
    right:10px
  }
  .side-navbar li a[aria-expanded=true]::before {
    content:'\f107'
  }
  .side-navbar li ul {
    background:#f7f7f7;
    border-radius:4px;
    position:relative;
    left:0;
    margin:5px 10px;
    padding:10px
  }
  .dark-mode .side-navbar li ul {
    background:#283046;
    border:1px solid #7c5cc4
  }
  .side-navbar li ul li a {
    color:#7d7d7d;
    font-size:13px;
    line-height:1.8;
    padding:5px
  }
  .side-navbar .sidenav-header img {
    width:40px;
    height:40px
  }
  .side-navbar .sidenav-header h2 {
    margin:10px 0 0;
    text-transform:uppercase;
    letter-spacing:.1em
  }
  .side-navbar .sidenav-heading {
    font-weight:700;
    color:#adb5bd;
    font-size:.9rem;
    text-transform:uppercase;
    letter-spacing:.1em;
    margin-left:10px;
    margin-top:10px;
    margin-bottom:10px
  }
  .side-navbar i[class*=icon-] {
    -webkit-transform:translateY(2px);
    transform:translateY(2px)
  }
  .side-navbar i {
    font-size:inherit;
    -webkit-transition:all .3s;
    transition:all .3s;
    margin-right:10px
  }
  .side-navbar .badge {
    display:inline-block;
    font-size:.6em
  }
  .side-navbar .brand-small {
    display:none
  }
  .side-navbar.shrink {
    width:0;
    opacity:0
  }
  @media (max-width:1199px) {
    .page {
      margin-left:0;
      width:100%
    }
    .page.active {
      width:100%
    }
    .page.active-sm {
      width:calc(100%)
    }
    .side-navbar.show-sm {
      left:0!important
    }
  }
  .mCSB_scrollTools {
    opacity:0
  }
  .mCSB_scrollTools {
    width:7px
  }
  .mCSB_inside>.mCSB_container {
    margin-right:0!important
  }
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color:#ddd
  }
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
    background-color:#eee
  }
  .dashboard-counts {
    color:#333
  }
  .dark-mode .dashboard-counts {
    color:#d0d2d6
  }
  .dashboard-counts .count-title span {
    font-size:.8em;
    color:#aaa;
    display:block
  }
  .dashboard-counts strong {
    font-size:.9em;
    font-weight:500;
    color:#555;
    display:block
  }
  .dashboard-counts .count-number {
    font-size:2.2em;
    font-weight:300
  }
  @media (max-width:991px) {
    .dashboard-counts div[class*=col-] {
      margin-bottom:20px
    }
  }
  @media (min-width:768px) {
    .dashboard-counts strong {
      font-size:1em
    }
    .dashboard-counts span {
      font-size:.9em
    }
    .dashboard-counts .count-number {
      font-size:3em
    }
  }
  .dashboard-header {
    background:#fff;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee
  }
  .dashboard-header .check-lists {
    margin-top:20px
  }
  .dashboard-header .check-lists label {
    font-size:.75em
  }
  .dashboard-header .pie-chart {
    position:relative;
    width:300px;
    height:300px;
    max-width:100%;
    margin:0 auto
  }
  .dashboard-header p {
    font-size:.75rem;
    font-weight:400;
    color:#888
  }
  .dashboard-header li {
    margin-bottom:10px
  }
  @media (max-width:991px) {
    .dashboard-header {
      background:0 0;
      border:none;
      padding:0
    }
    .dashboard-header div[class*=col-] {
      margin-bottom:30px
    }
    .dashboard-header div[class*=col-]:last-of-type {
      margin-bottom:0
    }
    .dashboard-header .card {
      background:#fff;
      padding:30px;
      -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.1);
      box-shadow:1px 1px 2px rgba(0,0,0,.1);
      height:100%
    }
  }
  @media (min-width:768px) {
    .dashboard-header p {
      font-size:.9em
    }
    .dashboard-header h2 {
      font-size:1.3rem
    }
    .dashboard-header .check-lists label {
      font-size:.85em
    }
  }
  @media (min-width:992px) {
    .dashboard-header {
      margin-bottom:30px
    }
    .dashboard-header .card {
      -webkit-box-shadow:none;
      box-shadow:none;
      margin-bottom:0
    }
  }
  .statistics div[class*=col-] .card {
    padding:20px;
    margin-bottom:0;
    height:100%
  }
  .statistics h2 {
    margin-bottom:20px
  }
  .statistics p {
    font-size:.8em;
    color:#999;
    margin-bottom:5px
  }
  .statistics .income .icon {
    font-size:3.5em
  }
  .statistics .income .number {
    font-size:2.5em;
    color:#555
  }
  .statistics .income strong {
    font-size:1.5em
  }
  .statistics .data-usage canvas {
    width:100%;
    max-width:200px;
    border:none
  }
  .statistics .data-usage strong {
    font-size:1.5em;
    display:block
  }
  .statistics .data-usage small {
    font-size:.85em;
    font-weight:300;
    color:#aaa
  }
  .statistics .data-usage span {
    font-size:.95em;
    color:#aaa;
    display:block
  }
  .statistics .data-usage p {
    margin-top:10px;
    margin-bottom:0
  }
  .statistics .user-activity .number {
    font-size:2.5em;
    font-weight:300;
    color:#555
  }
  .statistics .user-activity .progress {
    border-radius:0;
    background:#f5f5f5
  }
  .statistics .user-activity .page-statistics {
    margin-top:20px
  }
  @media (max-width:991px) {
    .statistics div[class*=col-] .card {
      height:auto;
      margin-bottom:30px
    }
    .statistics div[class*=col-]:last-of-type .card {
      margin-bottom:0
    }
    .statistics .data-usage {
      text-align:center
    }
    .statistics .data-usage div[class*=col-]:first-of-type {
      padding-bottom:20px
    }
    .statistics .data-usage .gmpc {
      padding-bottom:20px!important
    }
    p {
      font-size:.75em
    }
  }
  @media (min-width:768px) {
    .statistics h2 {
      font-size:1.3rem
    }
  }
  .updates .left-col {
    padding-right:20px
  }
  .updates .icon {
    margin-right:10px
  }
  .updates li {
    border-bottom:1px solid #f3f3f3;
    padding:.75rem 1.25rem
  }
  .updates .update-date {
    font-size:1.3em;
    font-weight:700;
    color:#bbb;
    display:block
  }
  .updates span {
    font-size:.7em;
    font-weight:300;
    color:#aaa;
    line-height:.5em;
    display:block
  }
  .updates strong {
    font-weight:400;
    color:#555;
    font-size:.9em
  }
  .updates small {
    font-size:.75em
  }
  .updates a {
    color:#555
  }
  .updates a:focus,
  .updates a:hover {
    color:#555;
    text-decoration:none
  }
  .updates h2 {
    margin-bottom:0
  }
  .updates p {
    font-size:.9em;
    color:#999;
    margin-bottom:5px
  }
  @media (max-width:991px) {
    .updates h2 {
      font-size:1.05rem
    }
    .updates strong {
      font-size:1em;
      font-weight:400
    }
    .updates small {
      font-size:.85em
    }
    .updates .full-date {
      font-size:.85em
    }
  }
  .daily-feeds a.feed-profile {
    margin-right:10px;
    width:45px;
    height:45px
  }
  .daily-feeds a.feed-profile img {
    width:100%;
    height:100%
  }
  .daily-feeds .badge {
    margin-right:10px
  }
  .daily-feeds strong {
    display:inline-block;
    margin-right:5px
  }
  .daily-feeds small {
    color:#999;
    display:block;
    margin-bottom:5px
  }
  .daily-feeds .message-card {
    padding:10px;
    background:#fafafa;
    margin-left:55px;
    margin-top:10px;
    margin-bottom:10px;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.1);
    box-shadow:1px 1px 2px rgba(0,0,0,.1)
  }
  .daily-feeds .full-date {
    line-height:.7em;
    margin-bottom:10px
  }
  .daily-feeds .CTAs a {
    margin-right:5px
  }
  .daily-feeds .CTAs a i {
    margin-right:5px
  }
  .daily-feeds .CTAs a:last-of-type {
    margin-right:0
  }
  .daily-feeds a.btn {
    color:#fff
  }
  .activities li {
    padding:0
  }
  .activities .date-holder {
    padding-right:0
  }
  .activities .date-holder .date {
    -webkit-box-shadow:none;
    box-shadow:none
  }
  .activities .date-holder .date span {
    font-size:.8em
  }
  .activities .date-holder .icon {
    width:30px;
    height:30px;
    line-height:30px;
    background:#f5f5f5;
    text-align:center;
    margin:0;
    display:inline-block
  }
  .activities .date-holder span {
    display:block;
    margin:10px
  }
  .activities .content {
    border-left:1px solid #eee;
    border-bottom:20px;
    padding:10px 20px
  }
  .activities .content strong {
    display:block;
    margin-right:5px
  }
  @media (min-width:768px) {
    .updates strong {
      font-size:1em
    }
    .updates small {
      font-size:.8em
    }
  }
  @media (max-width:575px) {
    .gmpc {
      border-right:none;
      border-bottom:1px solid #eee
    }
  }
  footer.main-footer {
    position:absolute;
    width:100%;
    bottom:0;
    padding:15px 0;
    text-align:center
  }
  footer.main-footer p {
    font-size:.7em;
    color:#777;
    margin:0
  }
  @media (max-width:575px) {
    footer.main-footer div[class*=col-] {
      text-align:center!important
    }
  }
  @media (min-width:768px) {
    footer.main-footer p {
      font-size:.9em
    }
  }
  .polar-chart-example .chart-container {
    width:500px;
    max-width:100%;
    margin:20px auto
  }
  .pie-chart-example .chart-container {
    width:500px;
    max-width:100%;
    margin:20px auto
  }
  .radar-chart-example .chart-container {
    width:500px;
    max-width:100%;
    margin:20px auto
  }
  @media (min-width:768px) {
    section.charts h2 {
      font-size:1rem
    }
  }
  input.form-control::-moz-placeholder {
    font-size:.75em;
    font-weight:400;
    color:#aaa;
    font-family:Nunito,sans-serif
  }
  input.form-control::-webkit-input-placeholder {
    font-size:.75em;
    font-weight:400;
    color:#aaa;
    font-family:Nunito,sans-serif
  }
  input.form-control:-ms-input-placeholder {
    font-size:.75em;
    font-weight:400;
    color:#aaa;
    font-family:Nunito,sans-serif
  }
  select.form-control {
    border-radius:0;
    border-color:#ddd;
    font-weight:300;
    font-family:Nunito,sans-serif
  }
  select.form-control option {
    color:#999;
    font-weight:300
  }
  .form-group {
    margin-bottom:10px
  }
  .form-group div[class*=col-] {
    margin-bottom:10px
  }
  .input-group-text {
    color:#868e96;
    background:#fff;
    border-radius:0
  }
  input.form-control-custom {
    display:none
  }
  input.form-control-custom:checked+label::after {
    opacity:1!important
  }
  input.form-control-custom.radio-custom+label::before {
    border-radius:50%
  }
  input.form-control-custom.radio-custom+label::after {
    content:'';
    width:6px;
    height:6px;
    line-height:6px;
    background:#fff;
    border-radius:50%;
    top:7px;
    left:5px
  }
  input.form-control-custom[disabled]+label {
    cursor:not-allowed
  }
  input.form-control-custom[disabled]+label::after,
  input.form-control-custom[disabled]+label::before {
    border:2px solid #aaa;
    cursor:not-allowed
  }
  input.form-control-custom[checked]+label::after,
  input.form-control-custom[checked]+label::before {
    border:none
  }
  input.form-control-custom+label {
    font-size:.75em;
    margin-bottom:0;
    margin-left:0;
    color:#999;
    padding-left:25px;
    padding-top:2px;
    position:relative
  }
  input.form-control-custom+label span {
    margin-left:20px
  }
  input.form-control-custom+label::before {
    content:'';
    display:block;
    width:16px;
    height:16px;
    line-height:16px;
    background:#ddd;
    color:#fff;
    text-align:center;
    position:absolute;
    top:2px;
    left:0;
    -webkit-transition:all .1s;
    transition:all .1s;
    cursor:pointer
  }
  input.form-control-custom+label::after {
    content:'\f00c';
    display:block;
    font-family:FontAwesome;
    font-size:8px;
    color:#fff;
    position:absolute;
    top:4px;
    left:4px;
    -webkit-transition:all .1s;
    transition:all .1s;
    opacity:0;
    cursor:pointer
  }
  button {
    cursor:pointer
  }
  .forms .line {
    width:100%;
    height:1px;
    border-bottom:1px dashed #eee;
    margin:20px 0 30px
  }
  .forms p {
    font-size:.8rem;
    color:#868e96
  }
  .forms small {
    color:#868e96
  }
  .forms label {
    font-size:.8rem
  }
  @media (min-width:768px) {
    .forms h2 {
      font-size:1rem
    }
    .forms input.form-control::-moz-placeholder {
      font-size:.85em
    }
    .forms input.form-control::-webkit-input-placeholder {
      font-size:.85em
    }
    .forms input.form-control:-ms-input-placeholder {
      font-size:.85em
    }
    .forms p {
      font-size:.9em
    }
    .forms label {
      font-size:.9rem
    }
  }
  .navbar {
    padding:.5rem 1rem
  }
  .navbar-brand {
    display:inline-block;
    padding-top:.3125rem;
    padding-bottom:.3125rem;
    margin-right:1rem;
    font-size:1.25rem
  }
  .navbar-toggler {
    padding:.25rem .75rem;
    font-size:1.25rem;
    line-height:1;
    border:1px solid transparent;
    border-radius:0
  }
  .navbar-light .navbar-brand {
    color:rgba(0,0,0,.9)
  }
  .navbar-light .navbar-brand:focus,
  .navbar-light .navbar-brand:hover {
    color:rgba(0,0,0,.9)
  }
  .navbar-light .navbar-nav .nav-link {
    color:rgba(0,0,0,.5)
  }
  .navbar-light .navbar-nav .nav-link:focus,
  .navbar-light .navbar-nav .nav-link:hover {
    color:rgba(0,0,0,.7)
  }
  .navbar-light .navbar-nav .nav-link.disabled {
    color:rgba(0,0,0,.3)
  }
  .navbar-light .navbar-nav .active>.nav-link,
  .navbar-light .navbar-nav .nav-link.active,
  .navbar-light .navbar-nav .nav-link.show,
  .navbar-light .navbar-nav .show>.nav-link {
    color:rgba(0,0,0,.9)
  }
  .navbar-light .navbar-toggler {
    color:rgba(0,0,0,.5);
    border-color:rgba(0,0,0,.1)
  }
  .navbar-light .navbar-toggler-icon {
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
  }
  .navbar-light .navbar-text {
    color:rgba(0,0,0,.5)
  }
  .navbar-dark .navbar-brand {
    color:#fff
  }
  .navbar-dark .navbar-brand:focus,
  .navbar-dark .navbar-brand:hover {
    color:#fff
  }
  .navbar-dark .navbar-nav .nav-link {
    color:rgba(255,255,255,.5)
  }
  .navbar-dark .navbar-nav .nav-link:focus,
  .navbar-dark .navbar-nav .nav-link:hover {
    color:rgba(255,255,255,.75)
  }
  .navbar-dark .navbar-nav .nav-link.disabled {
    color:rgba(255,255,255,.25)
  }
  .navbar-dark .navbar-nav .active>.nav-link,
  .navbar-dark .navbar-nav .nav-link.active,
  .navbar-dark .navbar-nav .nav-link.show,
  .navbar-dark .navbar-nav .show>.nav-link {
    color:#fff
  }
  .navbar-dark .navbar-toggler {
    color:rgba(255,255,255,.5);
    border-color:rgba(255,255,255,.1)
  }
  .navbar-dark .navbar-toggler-icon {
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
  }
  .navbar-dark .navbar-text {
    color:rgba(255,255,255,.5)
  }
  .btn {
    border-radius: 50rem;
    font-weight:400;
    border:1px solid transparent;
    padding:.45rem .75rem;
    font-size:.9rem;
    line-height:1.5;
    -webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition:background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
  }
  .btn.focus,
  .btn:focus {
    outline:0;
    -webkit-box-shadow:0 0 0 .2rem rgba(51,179,90,.25);
    box-shadow:0 0 0 .2rem rgba(51,179,90,.25)
  }
  .btn.disabled,
  .btn:disabled {
    opacity:.65
  }
  .btn:not([disabled]):not(.disabled).active,
  .btn:not([disabled]):not(.disabled):active {
    background-image:none
  }
  .btn-primary:hover {
    color:color-yiq(#2b954b);
    background-color:#2b954b;
    border-color:#288b46
  }
  .btn-primary.focus,
  .btn-primary:focus {
    -webkit-box-shadow:0 0 0 .2rem rgba(51,179,90,.5);
    box-shadow:0 0 0 .2rem rgba(51,179,90,.5)
  }
  .btn-primary:not([disabled]):not(.disabled).active,
  .btn-primary:not([disabled]):not(.disabled):active,
  .show>.btn-primary.dropdown-toggle {
    color:color-yiq(#288b46);
    background-color:#288b46;
    border-color:#258141;
    -webkit-box-shadow:0 0 0 .2rem rgba(51,179,90,.5);
    box-shadow:0 0 0 .2rem rgba(51,179,90,.5)
  }
  .btn-secondary {
    color:color-yiq(#868e96);
    background-color:#868e96;
    border-color:#868e96
  }
  .btn-secondary:hover {
    color:color-yiq(#727b84);
    background-color:#727b84;
    border-color:#6c757d
  }
  .btn-secondary.focus,
  .btn-secondary:focus {
    -webkit-box-shadow:0 0 0 .2rem rgba(134,142,150,.5);
    box-shadow:0 0 0 .2rem rgba(134,142,150,.5)
  }
  .btn-secondary.disabled,
  .btn-secondary:disabled {
    background-color:#868e96;
    border-color:#868e96
  }
  .btn-secondary:not([disabled]):not(.disabled).active,
  .btn-secondary:not([disabled]):not(.disabled):active,
  .show>.btn-secondary.dropdown-toggle {
    color:color-yiq(#6c757d);
    background-color:#6c757d;
    border-color:#666e76;
    -webkit-box-shadow:0 0 0 .2rem rgba(134,142,150,.5);
    box-shadow:0 0 0 .2rem rgba(134,142,150,.5)
  }
  .btn-success {
    color:color-yiq(#34cea7);
    background-color:#34cea7;
    border-color:#34cea7
  }
  .btn-success:hover {
    color:color-yiq(#34cea7);
    background-color:#34cea7;
    border-color:#34cea7
  }
  .btn-success.focus,
  .btn-success:focus {
    -webkit-box-shadow:0 0 0 .2rem rgba(40,167,69,.5);
    box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
  }
  .btn-success.disabled,
  .btn-success:disabled {
    background-color:#34cea7;
    border-color:#34cea7
  }
  .btn-success:not([disabled]):not(.disabled).active,
  .btn-success:not([disabled]):not(.disabled):active,
  .show>.btn-success.dropdown-toggle {
    color:color-yiq(#34cea7);
    background-color:#34cea7;
    border-color:#1c7430;
    -webkit-box-shadow:0 0 0 .2rem rgba(40,167,69,.5);
    box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
  }
  .btn-info {
    color:color-yiq(#17a2b8);
    background-color:#17a2b8;
    border-color:#17a2b8
  }
  .btn-info:hover {
    color:color-yiq(#138496);
    background-color:#138496;
    border-color:#117a8b
  }
  .btn-info.focus,
  .btn-info:focus {
    -webkit-box-shadow:0 0 0 .2rem rgba(23,162,184,.5);
    box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
  }
  .btn-info.disabled,
  .btn-info:disabled {
    background-color:#17a2b8;
    border-color:#17a2b8
  }
  .btn-info:not([disabled]):not(.disabled).active,
  .btn-info:not([disabled]):not(.disabled):active,
  .show>.btn-info.dropdown-toggle {
    color:color-yiq(#117a8b);
    background-color:#117a8b;
    border-color:#10707f;
    -webkit-box-shadow:0 0 0 .2rem rgba(23,162,184,.5);
    box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
  }
  .btn-warning {
    color:color-yiq(#ffc107);
    background-color:#ffc107;
    border-color:#ffc107
  }
  .btn-warning:hover {
    color:color-yiq(#e0a800);
    background-color:#e0a800;
    border-color:#d39e00
  }
  .btn-warning.focus,
  .btn-warning:focus {
    -webkit-box-shadow:0 0 0 .2rem rgba(255,193,7,.5);
    box-shadow:0 0 0 .2rem rgba(255,193,7,.5)
  }
  .btn-warning.disabled,
  .btn-warning:disabled {
    background-color:#ffc107;
    border-color:#ffc107
  }
  .btn-warning:not([disabled]):not(.disabled).active,
  .btn-warning:not([disabled]):not(.disabled):active,
  .show>.btn-warning.dropdown-toggle {
    color:color-yiq(#d39e00);
    background-color:#d39e00;
    border-color:#c69500;
    -webkit-box-shadow:0 0 0 .2rem rgba(255,193,7,.5);
    box-shadow:0 0 0 .2rem rgba(255,193,7,.5)
  }
  .btn-danger {
    color:color-yiq(#dc3545);
    background-color:#dc3545;
    border-color:#dc3545
  }
  .btn-danger:hover {
    color:color-yiq(#c82333);
    background-color:#c82333;
    border-color:#ff7588
  }
  .btn-danger.focus,
  .btn-danger:focus {
    -webkit-box-shadow:0 0 0 .2rem rgba(220,53,69,.5);
    box-shadow:0 0 0 .2rem rgba(220,53,69,.5)
  }
  .btn-danger.disabled,
  .btn-danger:disabled {
    background-color:#dc3545;
    border-color:#dc3545
  }
  .btn-danger:not([disabled]):not(.disabled).active,
  .btn-danger:not([disabled]):not(.disabled):active,
  .show>.btn-danger.dropdown-toggle {
    color:color-yiq(#ff7588);
    background-color:#ff7588;
    border-color:#ff7588;
    -webkit-box-shadow:0 0 0 .2rem rgba(220,53,69,.5);
    box-shadow:0 0 0 .2rem rgba(220,53,69,.5)
  }
  .btn-light {
    color:color-yiq(#f8f9fa);
    background-color:#f8f9fa;
    border-color:#f8f9fa
  }
  .btn-light:hover {
    color:color-yiq(#e2e6ea);
    background-color:#e2e6ea;
    border-color:#dae0e5
  }
  .btn-light.focus,
  .btn-light:focus {
    -webkit-box-shadow:0 0 0 .2rem rgba(248,249,250,.5);
    box-shadow:0 0 0 .2rem rgba(248,249,250,.5)
  }
  .btn-light.disabled,
  .btn-light:disabled {
    background-color:#f8f9fa;
    border-color:#f8f9fa
  }
  .btn-light:not([disabled]):not(.disabled).active,
  .btn-light:not([disabled]):not(.disabled):active,
  .show>.btn-light.dropdown-toggle {
    color:color-yiq(#dae0e5);
    background-color:#dae0e5;
    border-color:#d3d9df;
    -webkit-box-shadow:0 0 0 .2rem rgba(248,249,250,.5);
    box-shadow:0 0 0 .2rem rgba(248,249,250,.5)
  }
  .btn-dark {
    color:color-yiq(#343a40);
    background-color:#343a40;
    border-color:#343a40
  }
  .btn-dark:hover {
    color:color-yiq(#23272b);
    background-color:#23272b;
    border-color:#1d2124
  }
  .btn-dark.focus,
  .btn-dark:focus {
    -webkit-box-shadow:0 0 0 .2rem rgba(52,58,64,.5);
    box-shadow:0 0 0 .2rem rgba(52,58,64,.5)
  }
  .btn-dark.disabled,
  .btn-dark:disabled {
    background-color:#343a40;
    border-color:#343a40
  }
  .btn-dark:not([disabled]):not(.disabled).active,
  .btn-dark:not([disabled]):not(.disabled):active,
  .show>.btn-dark.dropdown-toggle {
    color:color-yiq(#1d2124);
    background-color:#1d2124;
    border-color:#171a1d;
    -webkit-box-shadow:0 0 0 .2rem rgba(52,58,64,.5);
    box-shadow:0 0 0 .2rem rgba(52,58,64,.5)
  }
  .btn-default {
    color:color-yiq(#ced4da);
    background-color:#ced4da;
    border-color:#7c5cc4
  }
  .btn-default:hover {
    color:color-yiq(#b8c1ca);
    background-color:#b8c1ca;
    border-color:#b1bbc4
  }
  .dark-mode .btn-default {
    color:#7c70f4;
    border-color:#7c70f4
  }
  .bootstrap-select .btn-default {
    border:none
  }
  .btn-default.focus,
  .btn-default:focus {
    -webkit-box-shadow:0 0 0 .2rem rgba(206,212,218,.5);
    box-shadow:0 0 0 .2rem rgba(206,212,218,.5)
  }
  .btn-default.disabled,
  .btn-default:disabled {
    background-color:#ced4da;
    border-color:#ced4da
  }
  .btn-default:not([disabled]):not(.disabled).active,
  .btn-default:not([disabled]):not(.disabled):active,
  .show>.btn-default.dropdown-toggle {
    color:color-yiq(#b1bbc4);
    background-color:#b1bbc4;
    border-color:#aab4bf;
    -webkit-box-shadow:0 0 0 .2rem rgba(206,212,218,.5);
    box-shadow:0 0 0 .2rem rgba(206,212,218,.5)
  }
  .btn-outline-primary.focus,
  .btn-outline-primary:focus {
    -webkit-box-shadow:0 0 0 .2rem rgba(51,179,90,.5);
    box-shadow:0 0 0 .2rem rgba(51,179,90,.5)
  }
  .btn-outline-secondary {
    color:#868e96;
    background-color:transparent;
    background-image:none;
    border-color:#868e96
  }
  .btn-outline-secondary:hover {
    color:#fff;
    background-color:#868e96;
    border-color:#868e96
  }
  .btn-outline-secondary.focus,
  .btn-outline-secondary:focus {
    -webkit-box-shadow:0 0 0 .2rem rgba(134,142,150,.5);
    box-shadow:0 0 0 .2rem rgba(134,142,150,.5)
  }
  .btn-outline-secondary.disabled,
  .btn-outline-secondary:disabled {
    color:#868e96;
    background-color:transparent
  }
  .btn-outline-secondary:not([disabled]):not(.disabled).active,
  .btn-outline-secondary:not([disabled]):not(.disabled):active,
  .show>.btn-outline-secondary.dropdown-toggle {
    color:#fff;
    background-color:#868e96;
    border-color:#868e96;
    -webkit-box-shadow:0 0 0 .2rem rgba(134,142,150,.5);
    box-shadow:0 0 0 .2rem rgba(134,142,150,.5)
  }
  .btn-outline-success {
    color:#34cea7;
    background-color:transparent;
    background-image:none;
    border-color:#34cea7
  }
  .btn-outline-success:hover {
    color:#fff;
    background-color:#34cea7;
    border-color:#34cea7
  }
  .btn-outline-success.focus,
  .btn-outline-success:focus {
    -webkit-box-shadow:0 0 0 .2rem rgba(40,167,69,.5);
    box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
  }
  .btn-outline-success.disabled,
  .btn-outline-success:disabled {
    color:#34cea7;
    background-color:transparent
  }
  .btn-outline-success:not([disabled]):not(.disabled).active,
  .btn-outline-success:not([disabled]):not(.disabled):active,
  .show>.btn-outline-success.dropdown-toggle {
    color:#fff;
    background-color:#34cea7;
    border-color:#34cea7;
    -webkit-box-shadow:0 0 0 .2rem rgba(40,167,69,.5);
    box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
  }
  .btn-outline-info {
    color:#17a2b8;
    background-color:transparent;
    background-image:none;
    border-color:#17a2b8
  }
  .btn-outline-info:hover {
    color:#fff;
    background-color:#17a2b8;
    border-color:#17a2b8
  }
  .btn-outline-info.focus,
  .btn-outline-info:focus {
    -webkit-box-shadow:0 0 0 .2rem rgba(23,162,184,.5);
    box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
  }
  .btn-outline-info.disabled,
  .btn-outline-info:disabled {
    color:#17a2b8;
    background-color:transparent
  }
  .btn-outline-info:not([disabled]):not(.disabled).active,
  .btn-outline-info:not([disabled]):not(.disabled):active,
  .show>.btn-outline-info.dropdown-toggle {
    color:#fff;
    background-color:#17a2b8;
    border-color:#17a2b8;
    -webkit-box-shadow:0 0 0 .2rem rgba(23,162,184,.5);
    box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
  }
  .btn-outline-warning {
    color:#ffc107;
    background-color:transparent;
    background-image:none;
    border-color:#ffc107
  }
  .btn-outline-warning:hover {
    color:#fff;
    background-color:#ffc107;
    border-color:#ffc107
  }
  .btn-outline-warning.focus,
  .btn-outline-warning:focus {
    -webkit-box-shadow:0 0 0 .2rem rgba(255,193,7,.5);
    box-shadow:0 0 0 .2rem rgba(255,193,7,.5)
  }
  .btn-outline-warning.disabled,
  .btn-outline-warning:disabled {
    color:#ffc107;
    background-color:transparent
  }
  .btn-outline-warning:not([disabled]):not(.disabled).active,
  .btn-outline-warning:not([disabled]):not(.disabled):active,
  .show>.btn-outline-warning.dropdown-toggle {
    color:#fff;
    background-color:#ffc107;
    border-color:#ffc107;
    -webkit-box-shadow:0 0 0 .2rem rgba(255,193,7,.5);
    box-shadow:0 0 0 .2rem rgba(255,193,7,.5)
  }
  .btn-outline-danger {
    color:#dc3545;
    background-color:transparent;
    background-image:none;
    border-color:#dc3545
  }
  .btn-outline-danger:hover {
    color:#fff;
    background-color:#dc3545;
    border-color:#dc3545
  }
  .btn-outline-danger.focus,
  .btn-outline-danger:focus {
    -webkit-box-shadow:0 0 0 .2rem rgba(220,53,69,.5);
    box-shadow:0 0 0 .2rem rgba(220,53,69,.5)
  }
  .btn-outline-danger.disabled,
  .btn-outline-danger:disabled {
    color:#dc3545;
    background-color:transparent
  }
  .btn-outline-danger:not([disabled]):not(.disabled).active,
  .btn-outline-danger:not([disabled]):not(.disabled):active,
  .show>.btn-outline-danger.dropdown-toggle {
    color:#fff;
    background-color:#dc3545;
    border-color:#dc3545;
    -webkit-box-shadow:0 0 0 .2rem rgba(220,53,69,.5);
    box-shadow:0 0 0 .2rem rgba(220,53,69,.5)
  }
  .btn-outline-light {
    color:#f8f9fa;
    background-color:transparent;
    background-image:none;
    border-color:#f8f9fa
  }
  .btn-outline-light:hover {
    color:#fff;
    background-color:#f8f9fa;
    border-color:#f8f9fa
  }
  .btn-outline-light.focus,
  .btn-outline-light:focus {
    -webkit-box-shadow:0 0 0 .2rem rgba(248,249,250,.5);
    box-shadow:0 0 0 .2rem rgba(248,249,250,.5)
  }
  .btn-outline-light.disabled,
  .btn-outline-light:disabled {
    color:#f8f9fa;
    background-color:transparent
  }
  .btn-outline-light:not([disabled]):not(.disabled).active,
  .btn-outline-light:not([disabled]):not(.disabled):active,
  .show>.btn-outline-light.dropdown-toggle {
    color:#fff;
    background-color:#f8f9fa;
    border-color:#f8f9fa;
    -webkit-box-shadow:0 0 0 .2rem rgba(248,249,250,.5);
    box-shadow:0 0 0 .2rem rgba(248,249,250,.5)
  }
  .btn-outline-dark {
    color:#343a40;
    background-color:transparent;
    background-image:none;
    border-color:#343a40
  }
  .btn-outline-dark:hover {
    color:#fff;
    background-color:#343a40;
    border-color:#343a40
  }
  .btn-outline-dark.focus,
  .btn-outline-dark:focus {
    -webkit-box-shadow:0 0 0 .2rem rgba(52,58,64,.5);
    box-shadow:0 0 0 .2rem rgba(52,58,64,.5)
  }
  .btn-outline-dark.disabled,
  .btn-outline-dark:disabled {
    color:#343a40;
    background-color:transparent
  }
  .btn-outline-dark:not([disabled]):not(.disabled).active,
  .btn-outline-dark:not([disabled]):not(.disabled):active,
  .show>.btn-outline-dark.dropdown-toggle {
    color:#fff;
    background-color:#343a40;
    border-color:#343a40;
    -webkit-box-shadow:0 0 0 .2rem rgba(52,58,64,.5);
    box-shadow:0 0 0 .2rem rgba(52,58,64,.5)
  }
  .btn-lg {
    padding:.5rem 1rem;
    font-size:1.25rem;
    line-height:1.5;
    border-radius:0
  }
  .btn-sm {
    padding:.25rem .5rem;
    font-size:.875rem;
    line-height:1.5
  }
  a:focus,
  a:hover {
    color:#22773c;
    text-decoration:underline
  }
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-bottom:.5rem;
    font-family:inherit;
    font-weight:500;
    line-height:1.1;
    color:inherit
  }
  .h1,
  h1 {
    font-size:1.5rem
  }
  .h2,
  h2 {
    font-size:1.3rem
  }
  .h3,
  h3 {
    font-size:1.2rem
  }
  .h4,
  h4 {
    font-size:1.1rem
  }
  .h5,
  h5 {
    font-size:1rem
  }
  .h6,
  h6 {
    font-size:.8rem
  }
  .lead {
    font-size:1.25rem;
    font-weight:300
  }
  .display-1 {
    font-size:6rem;
    font-weight:300;
    line-height:1.1
  }
  .display-2 {
    font-size:5.5rem;
    font-weight:300;
    line-height:1.1
  }
  .display-3 {
    font-size:4.5rem;
    font-weight:300;
    line-height:1.1
  }
  .display-4 {
    font-size:3.5rem;
    font-weight:300;
    line-height:1.1
  }
  hr {
    border-top:1px solid rgba(0,0,0,.1)
  }
  .small,
  small {
    font-size:80%;
    font-weight:400
  }
  .mark,
  mark {
    padding:.2em;
    background-color:#fcf8e3
  }
  .blockquote-footer {
    color:#868e96
  }
  .blockquote-footer::before {
    content:"\2014 \00A0"
  }
  a.text-primary:focus,
  a.text-primary:hover {
    color:#288b46!important
  }
  .page-item.disabled .page-link {
    color:#868e96;
    background-color:#fff;
    opacity:.7
  }
  .page-link:focus,
  .page-link:hover {
    color:#22773c;
    text-decoration:none;
    background-color:#e9ecef;
    border-color:#ddd;
    outline:0
  }
  .pagination-lg .page-link {
    padding:.75rem 1.5rem;
    font-size:1.25rem;
    line-height:1.5
  }
  .pagination-lg .page-item:first-child .page-link {
    border-top-left-radius:.3rem;
    border-bottom-left-radius:.3rem
  }
  .pagination-lg .page-item:last-child .page-link {
    border-top-right-radius:.3rem;
    border-bottom-right-radius:.3rem
  }
  .pagination-sm .page-link {
    padding:.25rem .5rem;
    font-size:.875rem;
    line-height:1.5
  }
  .pagination-sm .page-item:first-child .page-link {
    border-top-left-radius:.2rem;
    border-bottom-left-radius:.2rem
  }
  .pagination-sm .page-item:last-child .page-link {
    border-top-right-radius:.2rem;
    border-bottom-right-radius:.2rem
  }
  .dropdown-menu {
    z-index:1000;
    min-width:10rem;
    padding:1rem .5rem;
    margin:.125rem 0 0;
    font-size:13px;
    line-height:2;
    color:#212529;
    background-color:#fff;
    border:1px solid rgba(0,0,0,.15);
    border-radius:5px
  }
  .dark-mode .dropdown-menu {
    background-color:#283046;
    border:1px solid #3b4253
  }
  .dropdown-item {
    padding:.25rem 1.5rem;
    color:#212529
  }
  .dropdown-item:focus,
  .dropdown-item:hover {
    background-color:#f8f9fa
  }
  .dark-mode .dropdown-item:focus,
  .dark-mode .dropdown-item:hover {
    background-color:#12192c
  }
  .dropdown-item.disabled,
  .dropdown-item:disabled {
    color:#868e96
  }
  .dropdown-header {
    padding:.5rem 1.5rem;
    font-size:.875rem;
    color:#868e96
  }
  a.bg-primary:focus,
  a.bg-primary:hover {
    background-color:#288b46!important
  }
  .bg-secondary {
    background-color:#868e96!important
  }
  a.bg-secondary:focus,
  a.bg-secondary:hover {
    background-color:#6c757d!important
  }
  .bg-success {
    background-color:#34cea7!important
  }
  a.bg-success:focus,
  a.bg-success:hover {
    background-color:#34cea7!important
  }
  .bg-info {
    background-color:#17a2b8!important
  }
  a.bg-info:focus,
  a.bg-info:hover {
    background-color:#117a8b!important
  }
  .bg-warning {
    background-color:#ffc107!important
  }
  a.bg-warning:focus,
  a.bg-warning:hover {
    background-color:#d39e00!important
  }
  .bg-danger {
    background-color:#dc3545!important
  }
  a.bg-danger:focus,
  a.bg-danger:hover {
    background-color:#ff7588!important
  }
  .bg-light {
    background-color:#f8f9fa!important
  }
  a.bg-light:focus,
  a.bg-light:hover {
    background-color:#dae0e5!important
  }
  .bg-dark {
    background-color:#343a40!important
  }
  a.bg-dark:focus,
  a.bg-dark:hover {
    background-color:#1d2124!important
  }
  .border-secondary {
    border-color:#868e96!important
  }
  .border-success {
    border-color:#34cea7!important
  }
  .border-info {
    border-color:#17a2b8!important
  }
  .border-warning {
    border-color:#ffc107!important
  }
  .border-danger {
    border-color:#dc3545!important
  }
  .border-light {
    border-color:#f8f9fa!important
  }
  .border-dark {
    border-color:#343a40!important
  }
  a.text-primary:focus,
  a.text-primary:hover {
    color:#288b46!important
  }
  .text-secondary {
    color:#868e96!important
  }
  a.text-secondary:focus,
  a.text-secondary:hover {
    color:#6c757d!important
  }
  .text-success {
    color:#34cea7!important
  }
  a.text-success:focus,
  a.text-success:hover {
    color:#34cea7!important
  }
  .text-info {
    color:#17a2b8!important
  }
  a.text-info:focus,
  a.text-info:hover {
    color:#117a8b!important
  }
  .text-warning {
    color:#ffc107!important
  }
  a.text-warning:focus,
  a.text-warning:hover {
    color:#d39e00!important
  }
  .text-danger {
    color:#dc3545!important
  }
  a.text-danger:focus,
  a.text-danger:hover {
    color:#ff7588!important
  }
  .text-light {
    color:#f8f9fa!important
  }
  a.text-light:focus,
  a.text-light:hover {
    color:#dae0e5!important
  }
  .text-dark {
    color:#343a40!important
  }
  a.text-dark:focus,
  a.text-dark:hover {
    color:#1d2124!important
  }
  .badge-secondary {
    color:color-yiq(#868e96);
    background-color:#868e96
  }
  .badge-secondary[href]:focus,
  .badge-secondary[href]:hover {
    color:color-yiq(#868e96);
    text-decoration:none;
    background-color:#6c757d
  }
  .badge-success {
    color:color-yiq(#16d39a);
    background-color:#16d39a
  }
  .badge-success[href]:focus,
  .badge-success[href]:hover {
    color:color-yiq(#34cea7);
    text-decoration:none;
    background-color:#34cea7
  }
  .badge-info {
    color:color-yiq(#17a2b8);
    background-color:#17a2b8
  }
  .badge-info[href]:focus,
  .badge-info[href]:hover {
    color:color-yiq(#17a2b8);
    text-decoration:none;
    background-color:#117a8b
  }
  .badge-warning {
    color:color-yiq(#ffc107);
    background-color:#ffc107
  }
  .badge-warning[href]:focus,
  .badge-warning[href]:hover {
    color:color-yiq(#ffc107);
    text-decoration:none;
    background-color:#d39e00
  }
  .badge-danger {
    color:color-yiq(#ff7588);
    background-color:#ff7588
  }
  .badge-danger[href]:focus,
  .badge-danger[href]:hover {
    color:color-yiq(#dc3545);
    text-decoration:none;
    background-color:#ff7588
  }
  .badge-light {
    color:color-yiq(#f8f9fa);
    background-color:#f8f9fa
  }
  .badge-light[href]:focus,
  .badge-light[href]:hover {
    color:color-yiq(#f8f9fa);
    text-decoration:none;
    background-color:#dae0e5
  }
  .badge-dark {
    color:color-yiq(#343a40);
    background-color:#343a40
  }
  .badge-dark[href]:focus,
  .badge-dark[href]:hover {
    color:color-yiq(#343a40);
    text-decoration:none;
    background-color:#1d2124
  }
  code {
    padding:.2rem .4rem;
    font-size:90%;
    color:#bd4147;
    background-color:#f8f9fa;
    border-radius:0
  }
  a>code {
    padding:0;
    color:inherit;
    background-color:inherit
  }
  .nav-link {
    padding:0 1.25rem
  }
  .nav-link.pos {
    border-left:1px solid #e9e8ef;
    border-right:1px solid #e9e8ef
  }
  @media all and (max-width:600px) {
    .nav-link span {
      display:none
    }
  }
  .nav-link.disabled {
    color:#868e96
  }
  .nav-tabs .nav-item {
    margin-bottom:-1px
  }
  .nav-tabs .nav-link {
    border:1px solid transparent;
    border-top-left-radius:0;
    border-top-right-radius:0
  }
  .nav-tabs .nav-link.disabled {
    color:#868e96
  }
  .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link.active {
    color:#495057;
    background-color:#fff
  }
  .nav-tabs .dropdown-menu {
    margin-top:-1px
  }
  .nav-pills .nav-link {
    border-radius:0
  }
  .card {
    border-radius:5px;
    border:none;
    box-shadow:0 0 35px 0 rgba(154,161,171,.15)
  }
  .dark-mode .card {
    box-shadow:0 4px 24px 0 rgba(34,41,47,.24)
  }
  .card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius:0;
    border-top-right-radius:0
  }
  .card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
  }
  .card-body {
    padding:1.5rem
  }
  .card-title {
    margin-bottom:1rem
  }
  .card-subtitle {
    margin-top:-.5rem
  }
  .card-link+.card-link {
    margin-left:1.25rem
  }
  .card-header {
    padding:1.25rem;
    border-bottom:1px solid #eee
  }
  .card-header h4 {
    font-size:1.1rem;
    font-weight:400
  }
  .card-header:first-child {
    border-radius:5px 5px 0 0
  }
  .card-header-transparent {
    background-color:rgba(0,0,0,.3);
    border-bottom:none
  }
  .card-footer {
    padding:1rem 1.25rem;
    background-color:#f8f9fa;
    border-top:1px solid #eee
  }
  .card-footer:last-child {
    border-radius:0
  }
  .card-header-tabs {
    margin-right:-.625rem;
    margin-bottom:-1rem;
    margin-left:-.625rem;
    border-bottom:0
  }
  .card-header-pills {
    margin-right:-.625rem;
    margin-left:-.625rem
  }
  .card-img-overlay {
    padding:1.25rem
  }
  .card-img-overlay-opacity {
    background:rgba(0,0,0,.2)
  }
  .card-img {
    border-radius:0
  }
  .card-img-top {
    border-top-left-radius:0;
    border-top-right-radius:0
  }
  .card-img-bottom {
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
  }
  .card-deck .card {
    margin-bottom:15px
  }
  .validation-msg {
    color:red
  }
  .carousel-control-next-icon,
  .carousel-control-prev-icon {
    height:40px;
    width:40px;
    background-image:none;
    background-color:#6449e7;
    text-align:center;
    line-height:40px
  }
  .carousel-control-next-icon:after {
    content:'\f105';
    font-family:FontAwesome;
    font-size:20px;
    color:#fff
  }
  .carousel-control-prev-icon:after {
    content:'\f104';
    font-family:FontAwesome;
    font-size:20px;
    color:#fff
  }
  .calendar-selects .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    margin:0 5px;
    width:75px!important
  }
  .calendar-selects .dropdown-toggle {
    border:1px solid #eee
  }
  .calendar-selects .dropdown-toggle span {
    padding:0 5px
  }
  .calendar-selects .dropdown-toggle:after {
    margin-left:-30px
  }
  .hidden {
    display:none!important
  }
  .right-sidebar.open {
    visibility:visible;
    min-width:250px;
    width:auto
  }
  .right-sidebar {
    background-color:#fff;
    box-shadow:0 0 35px 0 rgba(154,161,171,.15);
    height:100%;
    padding:20px 5px;
    position:fixed;
    right:0;
    top:0;
    visibility:hidden;
    width:0;
    z-index:999
  }
  .dark-mode .right-sidebar {
    background-color:#283046
  }
  .dark-mode .right-sidebar a {
    color:#d0d2d6
  }
  .dark-mode .right-sidebar a i {
    color:#7c70f4
  }
  .right-sidebar.open {
    visibility:visible;
    min-width:250px;
    width:auto
  }
  .right-sidebar li {
    border-bottom:1px solid #f5f6f7;
    list-style:none;
    padding:0 20px;
    line-height:50px
  }
  .dark-mode .right-sidebar li {
    border-bottom:1px solid #3b4253
  }

  .main-logo{
    content: url('../logo/logo.png');
  }
  
  .dark-mode .main-logo{
    content: url('../logo/logo-dark.png');
  }