/*!
 *
 * Dashto: (kri8thm.com/html/dashto)
 * Author: Kri8thm (kri8thm.com)
 * Version: 1.0
 * Written by: Kri8thm
 * ---------------------------------------------------------------- */
/*!
 * CSS Table of contents
 *
 * --- Comman files
 * 01. Variable
 * 02. Mixins
 * 03. Reset
 * 04. Core
 *
 * -- Utilities
 * 05. Animations
 * 06. Typography
 * 07. Color
 *
 * --- Componemts
 * 08. Loading
 * 09. Header
 * 10. Search
 * 11. Navbar
 * 12. Sidebar
 * 13. Dropdown
 * 14. Thumbnail
 * 15. Button
 * 16. Message
 * 17. Card
 * 18. Table
 * 19. Form
 * 20. Custom Form
 * 21. Carousel
 * 22. Pagination
 * 23. Collapse
 * 24. Right Sidebar
 *
 * --- Modules
 * 25. Charts
 * 26. Authentication
 * 27. Invoice
 * 28. Data Table
 * 29. HTML Editor
 * 30. 404
 *
 * --- App
 * 31. Todo
 * 32. Weather
 * 33. Calendar
 * 34. Chat
 * 35. Inbox
 * 36. contact
 *
 * --- Layout
 * 37. Skins
 * 38. Dark Sidebar
 *
 */
/*!
 * -- 01. Variable --
 * -------------------------------------------------- */
/*!
 * -- 02. Mixins --
 * -------------------------------------------------- */
/*!
 * -- 03. Reset --
 * -------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, img {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  outline: none !important;
  padding: 0;
  margin: 0; }

/*!
 * -- 04. Core --
 * -------------------------------------------------- */
#sidebar-nav .nav-head .head:before, #sidebar-nav .sub-nav:after, .card .card-title:after, .cf-switch label:after, .cf-checkbox label:after, .cf-checkbox label:before, .cf-radio label:after, .cf-radio label:before, .activity-list:before, .activity-list .activity-item .title-small:before, .fc-event-list .fc-event-title:after, .chat-item .chat-desc .chat-text:before, .app-labels li:after, .contact-card .contact-header .contact-label-dot:after, .contact-card .contact-content:after, .page-heading:after, .navbar-toggler-icon:before,
.navbar-toggler-icon:after {
  display: block;
  position: absolute;
  content: ""; }

body {
  background-color: #edf1f5;
  color: #6c757d;
  font-family: "Lato", sans-serif;
  line-height: 1.3;
  font-size: 14px; }

a {
  color: #6c757d;
  -webkit-transition: all .3s;
  transition: all .3s; }
  a:hover, a:focus {
    color: #000;
    text-decoration: none; }

img {
  max-width: 100%; }

#wrapper {
  position: relative;
  overflow: hidden; }

#page-wrapper {
  margin-left: 240px;
  margin-top: 60px;
  padding: 0 40px;
  -webkit-transition: all .5s;
  transition: all .5s; }
  #page-wrapper .container-fluid {
    padding: 0; }

.breadcrumb {
  padding: 0;
  background-color: transparent;
  margin-bottom: 0; }

.page-header {
  padding-top: 24px;
  padding-bottom: 24px; }

.data-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px; }

.data-line {
  width: 0;
  height: 2px;
  border-radius: 1px;
  -webkit-transition-duration: 1s;
  transition-duration: 1s; }

.color-box {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 2px; }

.user-profile {
  margin-top: -36px;
  position: relative;
  z-index: 10; }
  .user-profile img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.6);
    margin-bottom: 8px; }
  .user-profile .user-email {
    display: inline-block;
    padding: 4px 16px;
    margin-top: 16px;
    margin-bottom: 24px;
    border-radius: 16px;
    border: 1px solid #6c757d; }

.full-height {
  height: 100vh; }

.brr {
  border-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.overflow-hidden {
  overflow: hidden; }

.social-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 16px; }
  .social-body .social-desc {
    padding-right: 24px;
    margin-right: 24px;
    border-right: 1px solid rgba(255, 255, 255, 0.3); }
  .social-body .social-number {
    font-weight: 600;
    font-size: 24px; }

.hospital-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .hospital-info .hospital-info-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding: 16px 24px;
    border-right: 1px inset #edf1f5; }
    .hospital-info .hospital-info-item.card-primary {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border: none; }
  .hospital-info .card-flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

#doctor-list .msg-list-item {
  border: none; }
  #doctor-list .msg-list-item .desc {
    padding-left: 16px; }

.jq-toast-single,
.jq-toast-single h2 {
  font-family: "Lato", sans-serif; }

.tooltip {
  font-size: 14px; }

#map {
  height: 283px;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 24px; }

#map.google-map {
  height: 400px; }

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .social li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 22px;
    border: 2px solid #dee2e6; }
    .social li a:hover {
      color: #fff;
      background-color: #4b7bec;
      border-color: #4b7bec; }
  .social li + li {
    margin-left: 8px; }

#payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 960px; }
  #payment .card-payment {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    padding-right: 40px;
    border-right: 1px solid #dee2e6; }
  #payment .paypal {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    padding-left: 40px; }

.dropify-wrapper {
  border-width: 1px;
  border-radius: 4px; }

.dropify-wrapper .dropify-preview .dropify-render img {
  -webkit-transform: none;
  transform: none; }

.bootstrap-tagsinput {
  min-height: 40px;
  padding: .375rem .75rem;
  border-color: #ced4da;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .bootstrap-tagsinput input {
    height: 26px; }
  .bootstrap-tagsinput .tag {
    display: inline-block;
    background-color: #bed0f8;
    padding: 2px 8px;
    border-radius: 2px; }
    .bootstrap-tagsinput .tag [data-role="remove"] {
      -webkit-box-shadow: none !important;
      box-shadow: none !important; }

.product .product-img {
  height: 280px;
  overflow: hidden;
  margin-bottom: 24px;
  position: relative;
  border-radius: 4px; }
  .product .product-img .product-option {
    position: absolute;
    top: 32px;
    right: 0px; }
    .product .product-img .product-option li {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
      background-color: rgba(0, 0, 0, 0.6); }
      .product .product-img .product-option li + li {
        margin-top: 4px; }
      .product .product-img .product-option li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        color: #fff; }
        .product .product-img .product-option li a i {
          font-size: 16px; }
      .product .product-img .product-option li:hover {
        background-color: #000; }

.mb-30 {
  margin-bottom: 30px; }

.w-10 {
  width: 10%; }

.w-15 {
  width: 15%; }

.w-20 {
  width: 20%; }

.w-40 {
  width: 40%; }

.w-60 {
  width: 60%; }

.icon-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -4px;
  margin-right: -4px; }
  .icon-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 4px;
    border: 1px solid #ced4da;
    margin: 4px; }

@media (max-width: 992px) {
  .brb-md {
    border-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  .hospital-info {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .hospital-info .hospital-info-item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
      .hospital-info .hospital-info-item.card-primary {
        border-radius: 0; } }

@media (max-width: 767px) {
  #page-wrapper {
    padding: 0 32px; }
  .page-header.d-flex {
    display: block !important; }
    .page-header.d-flex .page-header-item + .page-header-item {
      margin-top: 24px; }
  .hospital-info .hospital-info-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  #payment {
    margin-bottom: 24px; }
    #payment .card-payment, #payment .paypal {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
    #payment .card-payment {
      padding-right: 0;
      padding-bottom: 40px;
      margin-bottom: 40px;
      border-right: none;
      border-bottom: 1px solid #dee2e6; }
    #payment .paypal {
      padding-left: 0; } }

@media (max-width: 479px) {
  #page-wrapper {
    padding: 0 16px; }
  .hospital-info .hospital-info-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    border: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .hospital-info .hospital-info-item .card-flex {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .hospital-info .hospital-info-item.card-primary {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
  #map {
    height: 220px; } }

/*!
 * -- 05. Animation --
 * -------------------------------------------------- */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  25% {
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    opacity: 0.5; }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }
@keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  25% {
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    opacity: 0.5; }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

@keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

/*!
 * -- 06. Typography --
 * -------------------------------------------------- */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-weight: 600; }

.font-12 {
  font-size: 12px; }

.font-16 {
  font-size: 16px; }

.font-24 {
  font-size: 24px; }

.font-32 {
  font-size: 32px; }

.font-64 {
  font-size: 64px; }

.title-small {
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 8px; }

.title-midd {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px; }

.title-big {
  display: block;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 8px; }

.table th {
  font-weight: 600; }

/*!
 * -- 07. Color --
 * -------------------------------------------------- */
.bg-blue {
  background-color: #4b7bec;
  color: #fff; }
  .bg-blue.btn:hover {
    background-color: #346aea;
    color: #fff; }
  .bg-blue.btn:disabled, .bg-blue.btn:disabled:hover {
    background-color: #799df1;
    cursor: not-allowed; }

.bg-indigo {
  background-color: #6900ff;
  color: #fff; }
  .bg-indigo.btn:hover {
    background-color: #5f00e6;
    color: #fff; }
  .bg-indigo.btn:disabled, .bg-indigo.btn:disabled:hover {
    background-color: #8733ff;
    cursor: not-allowed; }

.bg-purple {
  background-color: #8854d0;
  color: #fff; }
  .bg-purple.btn:hover {
    background-color: #7a40cb;
    color: #fff; }
  .bg-purple.btn:disabled, .bg-purple.btn:disabled:hover {
    background-color: #a47cdb;
    cursor: not-allowed; }

.bg-pink {
  background-color: #f368e0;
  color: #fff; }
  .bg-pink.btn:hover {
    background-color: #f150db;
    color: #fff; }
  .bg-pink.btn:disabled, .bg-pink.btn:disabled:hover {
    background-color: #f797ea;
    cursor: not-allowed; }

.bg-red {
  background-color: #eb3b5a;
  color: #fff; }
  .bg-red.btn:hover {
    background-color: #e92447;
    color: #fff; }
  .bg-red.btn:disabled, .bg-red.btn:disabled:hover {
    background-color: #f06981;
    cursor: not-allowed; }

.bg-orange {
  background-color: #ff8840;
  color: #fff; }
  .bg-orange.btn:hover {
    background-color: #ff7827;
    color: #fff; }
  .bg-orange.btn:disabled, .bg-orange.btn:disabled:hover {
    background-color: #ffa873;
    cursor: not-allowed; }

.bg-yellow {
  background-color: #fed330;
  color: #fff; }
  .bg-yellow.btn:hover {
    background-color: #fece17;
    color: #fff; }
  .bg-yellow.btn:disabled, .bg-yellow.btn:disabled:hover {
    background-color: #fede63;
    cursor: not-allowed; }

.bg-green {
  background-color: #20bf6b;
  color: #fff; }
  .bg-green.btn:hover {
    background-color: #1ca95f;
    color: #fff; }
  .bg-green.btn:disabled, .bg-green.btn:disabled:hover {
    background-color: #35dd84;
    cursor: not-allowed; }

.bg-cyan {
  background-color: #17a2b8;
  color: #fff; }
  .bg-cyan.btn:hover {
    background-color: #148ea1;
    color: #fff; }
  .bg-cyan.btn:disabled, .bg-cyan.btn:disabled:hover {
    background-color: #1fc8e3;
    cursor: not-allowed; }

.bg-gray {
  background-color: #4b6584;
  color: #fff; }
  .bg-gray.btn:hover {
    background-color: #425974;
    color: #fff; }
  .bg-gray.btn:disabled, .bg-gray.btn:disabled:hover {
    background-color: #5e7ea4;
    cursor: not-allowed; }

.c-blue {
  color: #4b7bec; }

.c-indigo {
  color: #6900ff; }

.c-purple {
  color: #8854d0; }

.c-pink {
  color: #f368e0; }

.c-red {
  color: #eb3b5a; }

.c-orange {
  color: #ff8840; }

.c-yellow {
  color: #fed330; }

.c-green {
  color: #20bf6b; }

.c-cyan {
  color: #17a2b8; }

.c-gray {
  color: #4b6584; }

.switch-blue:checked ~ label {
  background-color: rgba(75, 123, 236, 0.4); }
  .switch-blue:checked ~ label:after {
    left: 20px;
    background-color: #4b7bec; }

.switch-indigo:checked ~ label {
  background-color: rgba(105, 0, 255, 0.4); }
  .switch-indigo:checked ~ label:after {
    left: 20px;
    background-color: #6900ff; }

.switch-purple:checked ~ label {
  background-color: rgba(136, 84, 208, 0.4); }
  .switch-purple:checked ~ label:after {
    left: 20px;
    background-color: #8854d0; }

.switch-pink:checked ~ label {
  background-color: rgba(243, 104, 224, 0.4); }
  .switch-pink:checked ~ label:after {
    left: 20px;
    background-color: #f368e0; }

.switch-red:checked ~ label {
  background-color: rgba(235, 59, 90, 0.4); }
  .switch-red:checked ~ label:after {
    left: 20px;
    background-color: #eb3b5a; }

.switch-orange:checked ~ label {
  background-color: rgba(255, 136, 64, 0.4); }
  .switch-orange:checked ~ label:after {
    left: 20px;
    background-color: #ff8840; }

.switch-yellow:checked ~ label {
  background-color: rgba(254, 211, 48, 0.4); }
  .switch-yellow:checked ~ label:after {
    left: 20px;
    background-color: #fed330; }

.switch-green:checked ~ label {
  background-color: rgba(32, 191, 107, 0.4); }
  .switch-green:checked ~ label:after {
    left: 20px;
    background-color: #20bf6b; }

.switch-cyan:checked ~ label {
  background-color: rgba(23, 162, 184, 0.4); }
  .switch-cyan:checked ~ label:after {
    left: 20px;
    background-color: #17a2b8; }

.switch-gray:checked ~ label {
  background-color: rgba(75, 101, 132, 0.4); }
  .switch-gray:checked ~ label:after {
    left: 20px;
    background-color: #4b6584; }

.label-blue:after {
  background-color: #4b7bec; }

.label-indigo:after {
  background-color: #6900ff; }

.label-purple:after {
  background-color: #8854d0; }

.label-pink:after {
  background-color: #f368e0; }

.label-red:after {
  background-color: #eb3b5a; }

.label-orange:after {
  background-color: #ff8840; }

.label-yellow:after {
  background-color: #fed330; }

.label-green:after {
  background-color: #20bf6b; }

.label-cyan:after {
  background-color: #17a2b8; }

.label-gray:after {
  background-color: #4b6584; }

.card-social-facebook {
  background-color: #3b5998;
  color: #fff; }

.card-social-twitter {
  background-color: #1DA1F2;
  color: #fff; }

.card-social-google {
  background-color: #DB4437;
  color: #fff; }

.card-social-linkedin {
  background-color: #0077B5;
  color: #fff; }

.c-primary {
  color: #4b7bec; }

/*!
 * -- 08. Loader --
 * -------------------------------------------------- */
#loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  z-index: 1026; }
  #loader #loader-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #4b7bec;
    font-size: 16px; }
    #loader #loader-content #loader-circle {
      width: 40px;
      height: 40px;
      background-color: #4b7bec;
      margin-left: auto;
      margin-right: auto;
      border-radius: 100%;
      -webkit-animation: scaleout 1s infinite ease-in-out;
      animation: scaleout 1s infinite ease-in-out; }
    #loader #loader-content span {
      display: block;
      margin-top: 16px;
      letter-spacing: 2px; }

/*!
 * -- 09. Header --
 * -------------------------------------------------- */
#header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: #edf1f5;
  -webkit-transition: all .5s;
  transition: all .5s;
  height: 60px;
  padding: 10px 40px;
  margin-left: 240px;
  z-index: 1024; }
  #header #hamburger {
    font-size: 32px;
    color: #6c757d;
    margin-right: 24px; }
  #header .navbar {
    padding-left: 0;
    padding-right: 0; }
    #header .navbar > li > a {
      position: relative;
      display: block;
      color: #6c757d; }
      #header .navbar > li > a > i {
        font-size: 24px;
        text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.25); }
    #header .navbar > li + li {
      margin-left: 24px; }
  #header .language {
    line-height: 30px;
    display: inline-block;
    font-weight: 600;
    text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.25); }
  #header .dropdown-menu {
    display: block;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s; }
    #header .dropdown-menu .slimScrollDiv {
      height: auto !important; }
    #header .dropdown-menu .dropdown-body {
      max-height: 228px;
      height: auto !important;
      position: relative; }
    #header .dropdown-menu.dropdown-menu-right {
      -webkit-transform-origin: top right;
      transform-origin: top right; }
    #header .dropdown-menu.show {
      -webkit-transform: scale(1);
      transform: scale(1); }

@media (max-width: 767px) {
  #header {
    padding: 10px 32px; } }

@media (max-width: 479px) {
  #header {
    padding: 0 16px; }
    #header .dropdown.dropdown-lg {
      position: static; }
      #header .dropdown.dropdown-lg .dropdown-menu {
        width: 280px;
        min-width: auto; } }

/*!
 * -- 10. Search --
 * -------------------------------------------------- */
.search-form {
  border-bottom: 1px solid #6c757d;
  width: 260px; }
  .search-form .btn, .search-form .form-control {
    background-color: transparent;
    border: none;
    color: #6c757d; }
  .search-form .btn:focus, .search-form .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .search-form .btn {
    font-size: 18px;
    padding-left: 0; }
  .search-form .form-control {
    padding-right: 0;
    padding-left: 0; }
  .search-form #search-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .search-form #search-input a {
      display: none; }

@media (max-width: 576px) {
  #header .search-form {
    width: auto;
    border: none; }
    #header .search-form .input-group {
      position: static; }
    #header .search-form #search-input {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: absolute;
      top: -100%;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #fff;
      z-index: 100;
      -webkit-transition: all .5s;
      transition: all .5s; }
      #header .search-form #search-input .form-control {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 32px;
        padding-right: 16px; }
      #header .search-form #search-input a {
        display: block;
        margin-right: 32px; }
      #header .search-form #search-input.show {
        top: 0; } }

@media (max-width: 767px) {
  #header .search-form {
    width: 240px; } }

@media (max-width: 576px) {
  #header .search-form {
    width: auto; } }

@media (max-width: 479px) {
  #header .search-form #search-input .form-control {
    padding-left: 16px; }
  #header .search-form #search-input a {
    margin-right: 16px; } }

/*!
 * -- 11. Navbar --
 * -------------------------------------------------- */
#sidebar-nav {
  font-family: "Lato", sans-serif;
  height: calc(100vh - 184px) !important;
  position: relative; }
  #sidebar-nav .nav-head {
    color: #343a40;
    padding-top: 32px;
    padding-bottom: 16px;
    margin-bottom: 0; }
    #sidebar-nav .nav-head .head {
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 600;
      padding-left: 16px;
      padding-right: 16px;
      position: relative; }
      #sidebar-nav .nav-head .head:before {
        position: absolute;
        top: 6px;
        left: 0;
        height: 2px;
        width: 12px;
        background-color: #343a40; }
  #sidebar-nav a {
    font-weight: 500;
    display: block; }
  #sidebar-nav ul > li .badge {
    position: absolute;
    top: 14px;
    right: 40px; }
  #sidebar-nav ul > li.active > a {
    font-weight: 500; }
  #sidebar-nav ul > li > a {
    position: relative;
    padding: 12px 24px 12px 13px;
    border-left: 3px solid transparent; }
    #sidebar-nav ul > li > a > i {
      min-width: 24px;
      display: inline-block;
      font-size: 16px; }
    #sidebar-nav ul > li > a.active {
      color: #343a40; }
      #sidebar-nav ul > li > a.active i {
        color: #4b7bec; }
  #sidebar-nav ul ul {
    padding-left: 32px;
    background: #f8f9fa;
    display: none; }
    #sidebar-nav ul ul li > a {
      padding: 10px 24px 10px 13px; }
  #sidebar-nav .sub-nav {
    position: relative; }
    #sidebar-nav .sub-nav:after {
      position: absolute;
      top: 50%;
      right: 16px;
      margin-top: -7px;
      padding: 4px;
      border-width: 1px 0 0 1px;
      border-style: solid;
      border-color: #adb5bd;
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg);
      -webkit-transition: all .5s;
      transition: all .5s; }
    #sidebar-nav .sub-nav.active:after {
      margin-top: -2px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }

.navbar .notify {
  position: absolute;
  top: 2px;
  right: -2px;
  display: block;
  background-color: #4b7bec;
  border-radius: 4px;
  border: 1px solid #f8f9fa;
  width: 8px;
  height: 8px;
  z-index: 2; }
  .navbar .notify + span {
    position: absolute;
    top: -2px;
    right: -6px;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #4b7bec;
    z-index: 1;
    -webkit-animation: pulse 2s ease-out infinite;
    animation: pulse 2s ease-out infinite; }

.navbar-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 16px;
  margin-right: 0;
  -webkit-transition: all .5s;
  transition: all .5s; }
  .navbar-brand:hover {
    color: #6c757d; }
  .navbar-brand img {
    width: 40px; }
  .navbar-brand span {
    margin-left: 8px;
    font-size: 20px; }

/*!
 * -- 12. Sidebar --
 * -------------------------------------------------- */
#sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 240px;
  background-color: #fff;
  -webkit-box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.1);
  -webkit-transition: all .5s;
  transition: all .5s;
  z-index: 1025; }
  #sidebar .user-thumb {
    padding: 30px 16px; }
  #sidebar #white-logo {
    display: none; }

/* Sidebar styling */
/* Mixin for mini sidebar */
.js-mini-sidebar #sidebar {
  width: 80px; }
  .js-mini-sidebar #sidebar #sidebar-nav .nav-head {
    display: none; }
  .js-mini-sidebar #sidebar #sidebar-nav ul > li {
    height: 54px;
    overflow: hidden; }
    .js-mini-sidebar #sidebar #sidebar-nav ul > li > a {
      text-align: center; }
      .js-mini-sidebar #sidebar #sidebar-nav ul > li > a i {
        font-size: 24px; }
      .js-mini-sidebar #sidebar #sidebar-nav ul > li > a span {
        display: none; }
      .js-mini-sidebar #sidebar #sidebar-nav ul > li > a.sub-nav:after {
        display: none; }
  .js-mini-sidebar #sidebar:hover {
    width: 240px; }
    .js-mini-sidebar #sidebar:hover #sidebar-nav .nav-head {
      display: block; }
    .js-mini-sidebar #sidebar:hover #sidebar-nav ul > li {
      height: auto;
      overflow: visible; }
      .js-mini-sidebar #sidebar:hover #sidebar-nav ul > li > a {
        text-align: left; }
        .js-mini-sidebar #sidebar:hover #sidebar-nav ul > li > a i {
          font-size: 16px; }
        .js-mini-sidebar #sidebar:hover #sidebar-nav ul > li > a span {
          display: inline-block; }
        .js-mini-sidebar #sidebar:hover #sidebar-nav ul > li > a.sub-nav:after {
          display: block; }
    .js-mini-sidebar #sidebar:hover .user-thumb {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: left;
      padding: 30px 16px; }
      .js-mini-sidebar #sidebar:hover .user-thumb img {
        margin: 0; }
      .js-mini-sidebar #sidebar:hover .user-thumb .user-desc {
        display: block; }
    .js-mini-sidebar #sidebar:hover .navbar-brand {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      width: 240px; }
      .js-mini-sidebar #sidebar:hover .navbar-brand span {
        display: block; }
  .js-mini-sidebar #sidebar .user-thumb {
    display: block;
    text-align: center;
    padding-left: 0;
    padding-right: 0; }
    .js-mini-sidebar #sidebar .user-thumb img {
      margin-left: auto;
      margin-right: auto; }
    .js-mini-sidebar #sidebar .user-thumb .user-desc {
      display: none; }

.js-mini-sidebar #page-wrapper, .js-mini-sidebar #header {
  margin-left: 80px; }

.js-mini-sidebar .navbar-brand {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 80px; }
  .js-mini-sidebar .navbar-brand span {
    display: none; }

@media (max-width: 1520px) {
  #sidebar {
    width: 80px; }
    #sidebar #sidebar-nav .nav-head {
      display: none; }
    #sidebar #sidebar-nav ul > li {
      height: 54px;
      overflow: hidden; }
      #sidebar #sidebar-nav ul > li > a {
        text-align: center; }
        #sidebar #sidebar-nav ul > li > a i {
          font-size: 24px; }
        #sidebar #sidebar-nav ul > li > a span {
          display: none; }
        #sidebar #sidebar-nav ul > li > a.sub-nav:after {
          display: none; }
    #sidebar:hover {
      width: 240px; }
      #sidebar:hover #sidebar-nav .nav-head {
        display: block; }
      #sidebar:hover #sidebar-nav ul > li {
        height: auto;
        overflow: visible; }
        #sidebar:hover #sidebar-nav ul > li > a {
          text-align: left; }
          #sidebar:hover #sidebar-nav ul > li > a i {
            font-size: 16px; }
          #sidebar:hover #sidebar-nav ul > li > a span {
            display: inline-block; }
          #sidebar:hover #sidebar-nav ul > li > a.sub-nav:after {
            display: block; }
      #sidebar:hover .user-thumb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
        padding: 30px 16px; }
        #sidebar:hover .user-thumb img {
          margin: 0; }
        #sidebar:hover .user-thumb .user-desc {
          display: block; }
      #sidebar:hover .navbar-brand {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 240px; }
        #sidebar:hover .navbar-brand span {
          display: block; }
    #sidebar .user-thumb {
      display: block;
      text-align: center;
      padding-left: 0;
      padding-right: 0; }
      #sidebar .user-thumb img {
        margin-left: auto;
        margin-right: auto; }
      #sidebar .user-thumb .user-desc {
        display: none; }
  #page-wrapper, #header {
    margin-left: 80px; }
  .navbar-brand {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px; }
    .navbar-brand span {
      display: none; }
  .js-mini-sidebar #sidebar {
    width: 240px; }
    .js-mini-sidebar #sidebar #sidebar-nav .nav-head {
      display: block; }
    .js-mini-sidebar #sidebar #sidebar-nav ul > li {
      height: auto;
      overflow: visible; }
      .js-mini-sidebar #sidebar #sidebar-nav ul > li > a {
        text-align: left; }
        .js-mini-sidebar #sidebar #sidebar-nav ul > li > a i {
          font-size: 16px; }
        .js-mini-sidebar #sidebar #sidebar-nav ul > li > a span {
          display: inline-block; }
        .js-mini-sidebar #sidebar #sidebar-nav ul > li > a.sub-nav:after {
          display: block; }
    .js-mini-sidebar #sidebar .user-thumb {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: left;
      padding: 30px 16px; }
      .js-mini-sidebar #sidebar .user-thumb img {
        margin: 0; }
      .js-mini-sidebar #sidebar .user-thumb .user-desc {
        display: block; }
    .js-mini-sidebar #sidebar .navbar-brand {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      width: 240px; }
      .js-mini-sidebar #sidebar .navbar-brand span {
        display: block; }
  .js-mini-sidebar #page-wrapper, .js-mini-sidebar #header {
    margin-left: 240px;
    margin-right: -160px; } }

@media (max-width: 1200px) {
  #sidebar {
    width: 240px;
    left: -250px; }
    #sidebar #sidebar-nav .nav-head {
      display: block; }
    #sidebar #sidebar-nav ul > li {
      height: auto;
      overflow: visible; }
      #sidebar #sidebar-nav ul > li > a {
        text-align: left; }
        #sidebar #sidebar-nav ul > li > a i {
          font-size: 16px; }
        #sidebar #sidebar-nav ul > li > a span {
          display: inline-block; }
        #sidebar #sidebar-nav ul > li > a.sub-nav:after {
          display: block; }
    #sidebar .user-thumb {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: left;
      padding: 30px 16px; }
      #sidebar .user-thumb img {
        margin: 0; }
      #sidebar .user-thumb .user-desc {
        display: block; }
    #sidebar .navbar-brand {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      width: 240px; }
      #sidebar .navbar-brand span {
        display: block; }
  #page-wrapper, #header {
    margin-left: 0; }
  .js-mini-sidebar #sidebar {
    left: 0; }
  .js-mini-sidebar #page-wrapper, .js-mini-sidebar #header {
    margin-right: -240px; } }

/*!
 * -- 13. Dropdown --
 * -------------------------------------------------- */
.dropdown-menu {
  font-size: 14px;
  border: none;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); }
  .dropdown-menu .dropdown-header {
    border-bottom: 1px solid #edf1f5; }
  .dropdown-menu .dropdown-footer {
    padding: 8px 24px;
    text-align: center; }

.dropdown-lg .dropdown-menu {
  min-width: 280px; }

/*!
 * -- 14. Thumbnail --
 * -------------------------------------------------- */
.user-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .user-thumb img {
    width: 48px;
    height: 48px;
    border-radius: 50%; }
  .user-thumb .user-desc {
    margin-left: 8px; }
    .user-thumb .user-desc .user-name {
      display: block;
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 8px; }

.thumb-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.thumb-32 {
  width: 32px;
  height: 32px; }

.thumb-64 {
  width: 64px;
  height: 64px; }

.thumb-128 {
  width: 128px;
  height: 128px; }

/*!
 * -- 15. Button --
 * -------------------------------------------------- */
[class^="btn bg-"]:hover, [class^="btn bg-"]:focus {
  color: #fff; }

.btn {
  font-size: 14px; }

.btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .btns .btn + .btn {
    margin-left: 8px; }

.btn-tran {
  background-color: transparent;
  border: none; }
  .btn-tran:focus {
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn-border {
  border: 1px solid #6c757d; }

.btn-sm {
  font-size: 12px;
  line-height: 1;
  min-height: auto; }

.btn-lg {
  font-size: 1.25rem; }

.btn-secondary-border {
  background-color: #fff;
  border-color: #6c757d;
  color: #6c757d; }
  .btn-secondary-border:hover {
    background-color: #6c757d;
    color: #fff; }

.btn-border-blue {
  color: #4b7bec;
  border-color: #4b7bec;
  background-color: #fff; }
  .btn-border-blue:hover {
    color: #fff;
    background-color: #4b7bec; }
  .btn-border-blue:disabled, .btn-border-blue:disabled:hover {
    color: #799df1;
    border-color: #799df1;
    background-color: transparent;
    cursor: not-allowed; }

.btn-border-indigo {
  color: #6900ff;
  border-color: #6900ff;
  background-color: #fff; }
  .btn-border-indigo:hover {
    color: #fff;
    background-color: #6900ff; }
  .btn-border-indigo:disabled, .btn-border-indigo:disabled:hover {
    color: #8733ff;
    border-color: #8733ff;
    background-color: transparent;
    cursor: not-allowed; }

.btn-border-purple {
  color: #8854d0;
  border-color: #8854d0;
  background-color: #fff; }
  .btn-border-purple:hover {
    color: #fff;
    background-color: #8854d0; }
  .btn-border-purple:disabled, .btn-border-purple:disabled:hover {
    color: #a47cdb;
    border-color: #a47cdb;
    background-color: transparent;
    cursor: not-allowed; }

.btn-border-pink {
  color: #f368e0;
  border-color: #f368e0;
  background-color: #fff; }
  .btn-border-pink:hover {
    color: #fff;
    background-color: #f368e0; }
  .btn-border-pink:disabled, .btn-border-pink:disabled:hover {
    color: #f797ea;
    border-color: #f797ea;
    background-color: transparent;
    cursor: not-allowed; }

.btn-border-red {
  color: #eb3b5a;
  border-color: #eb3b5a;
  background-color: #fff; }
  .btn-border-red:hover {
    color: #fff;
    background-color: #eb3b5a; }
  .btn-border-red:disabled, .btn-border-red:disabled:hover {
    color: #f06981;
    border-color: #f06981;
    background-color: transparent;
    cursor: not-allowed; }

.btn-border-orange {
  color: #ff8840;
  border-color: #ff8840;
  background-color: #fff; }
  .btn-border-orange:hover {
    color: #fff;
    background-color: #ff8840; }
  .btn-border-orange:disabled, .btn-border-orange:disabled:hover {
    color: #ffa873;
    border-color: #ffa873;
    background-color: transparent;
    cursor: not-allowed; }

.btn-border-yellow {
  color: #fed330;
  border-color: #fed330;
  background-color: #fff; }
  .btn-border-yellow:hover {
    color: #fff;
    background-color: #fed330; }
  .btn-border-yellow:disabled, .btn-border-yellow:disabled:hover {
    color: #fede63;
    border-color: #fede63;
    background-color: transparent;
    cursor: not-allowed; }

.btn-border-green {
  color: #20bf6b;
  border-color: #20bf6b;
  background-color: #fff; }
  .btn-border-green:hover {
    color: #fff;
    background-color: #20bf6b; }
  .btn-border-green:disabled, .btn-border-green:disabled:hover {
    color: #35dd84;
    border-color: #35dd84;
    background-color: transparent;
    cursor: not-allowed; }

.btn-border-cyan {
  color: #17a2b8;
  border-color: #17a2b8;
  background-color: #fff; }
  .btn-border-cyan:hover {
    color: #fff;
    background-color: #17a2b8; }
  .btn-border-cyan:disabled, .btn-border-cyan:disabled:hover {
    color: #1fc8e3;
    border-color: #1fc8e3;
    background-color: transparent;
    cursor: not-allowed; }

.btn-border-gray {
  color: #4b6584;
  border-color: #4b6584;
  background-color: #fff; }
  .btn-border-gray:hover {
    color: #fff;
    background-color: #4b6584; }
  .btn-border-gray:disabled, .btn-border-gray:disabled:hover {
    color: #5e7ea4;
    border-color: #5e7ea4;
    background-color: transparent;
    cursor: not-allowed; }

/*!
 * -- 16. Message --
 * -------------------------------------------------- */
.msg-list .msg-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 16px;
  border-bottom: 1px solid #edf1f5; }
  .msg-list .msg-list-item:hover {
    color: #6c757d;
    background-color: #f8f9fa; }
  .msg-list .msg-list-item .thumb-circle {
    color: #fff;
    position: relative; }
  .msg-list .msg-list-item .desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 8px; }
    .msg-list .msg-list-item .desc .msg-title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 4px;
      font-weight: 600;
      width: 100%; }
      .msg-list .msg-list-item .desc .msg-title .text-truncate {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 8px;
        font-weight: 600; }
      .msg-list .msg-list-item .desc .msg-title .time {
        font-size: 12px;
        margin-left: auto; }
    .msg-list .msg-list-item .desc .msg-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      max-width: 100%; }
      .msg-list .msg-list-item .desc .msg-content .msg-number {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #4b7bec;
        color: #fff;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 20px;
        min-height: 20px;
        border-radius: 50%;
        font-size: 10px; }

#header .msg-list .msg-list-item .desc {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 40px);
  flex: 0 0 calc(100% - 40px);
  max-width: calc(100% - 40px); }

/*!
 * -- 17. Card --
 * -------------------------------------------------- */
.card {
  border: none;
  margin-bottom: 30px;
  -webkit-transition: all .5s, display 1s;
  transition: all .5s, display 1s; }
  .card .card-title {
    position: relative; }
    .card .card-title:after {
      top: 0;
      left: -16px;
      height: 100%;
      width: 2px; }
  .card .d-flex .cf-select {
    height: 19px; }
  .card.js-card-hide {
    visibility: hidden;
    opacity: 0;
    display: none; }

.card-title {
  margin-bottom: 32px; }

.card-shadow {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); }

.card-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.card-h-100 {
  height: calc(100% - 30px); }

.card-profile {
  text-align: center; }
  .card-profile .card-img {
    position: relative;
    background-image: url(../img/banner.jpeg);
    background-size: cover;
    height: 120px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.card-option > li + li {
  margin-left: 8px; }

.js-card-fullscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 24px; }

/*!
 * -- 18. Table --
 * -------------------------------------------------- */
.table th,
.table td {
  vertical-align: middle; }

.table thead th {
  border-bottom: none; }

.table-border-none thead th,
.table-border-none tbody td {
  border: none; }

.table-border-none {
  margin-left: -8px;
  margin-right: -8px; }

@media (max-width: 576px) {
  .table-cart {
    width: 640px; } }

/*!
 * -- 19. Form --
 * -------------------------------------------------- */
.form-control {
  font-size: 14px;
  height: 40px; }
  .form-control.qua {
    width: 80px; }

textarea {
  resize: none; }

.form-field {
  margin-bottom: 24px; }

.form-label {
  display: block;
  margin-bottom: 8px; }

.form-inline.editableform label {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

/*!
 * -- 20. Custom Form --
 * -------------------------------------------------- */
.cf-switch input {
  position: absolute;
  left: -1000000px; }
  .cf-switch input:disabled ~ label {
    background-color: rgba(173, 181, 189, 0.4);
    pointer-events: none; }
    .cf-switch input:disabled ~ label:after {
      background-color: #adb5bd; }
  .cf-switch input:checked ~ label:after {
    left: 14px; }

.cf-switch label {
  display: block;
  position: relative;
  height: 12px;
  width: 28px;
  background-color: #ced4da;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all .5s;
  transition: all .5s; }
  .cf-switch label:after {
    left: -2px;
    top: -2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084); }
  .cf-switch label:active:after {
    -webkit-transform: scale(1.15, 0.85);
    transform: scale(1.15, 0.85); }

.cf-checkbox, .cf-radio {
  position: relative;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .cf-checkbox input, .cf-radio input {
    visibility: hidden;
    opacity: 0; }
  .cf-checkbox label, .cf-radio label {
    cursor: pointer;
    display: inline-block;
    padding-left: 12px; }
    .cf-checkbox label:before, .cf-radio label:before {
      width: 16px;
      height: 16px;
      border: 1px solid #6c757d;
      background-color: #fff; }

.cf-checkbox input[type="checkbox"]:checked + label:before {
  border-color: #4b7bec;
  background-color: #4b7bec; }

.cf-checkbox label:after, .cf-checkbox label:before {
  top: 1px;
  left: 0; }

.cf-checkbox label:before {
  border-radius: 2px;
  -webkit-transition: background .3s;
  transition: background .3s; }

.cf-checkbox label:after {
  width: 10.66667px;
  height: 6.4px;
  border: 2px solid #fff;
  border-top-style: none;
  border-right-style: none;
  -webkit-transform: translate(3px, 4px) rotate(-45deg);
  transform: translate(3px, 4px) rotate(-45deg); }

.cf-checkbox.cf-blue input[type="checkbox"]:checked + label:before {
  border-color: #4b7bec;
  background-color: #4b7bec; }

.cf-checkbox.cf-indigo input[type="checkbox"]:checked + label:before {
  border-color: #6900ff;
  background-color: #6900ff; }

.cf-checkbox.cf-purple input[type="checkbox"]:checked + label:before {
  border-color: #8854d0;
  background-color: #8854d0; }

.cf-checkbox.cf-pink input[type="checkbox"]:checked + label:before {
  border-color: #f368e0;
  background-color: #f368e0; }

.cf-checkbox.cf-red input[type="checkbox"]:checked + label:before {
  border-color: #eb3b5a;
  background-color: #eb3b5a; }

.cf-checkbox.cf-orange input[type="checkbox"]:checked + label:before {
  border-color: #ff8840;
  background-color: #ff8840; }

.cf-checkbox.cf-yellow input[type="checkbox"]:checked + label:before {
  border-color: #fed330;
  background-color: #fed330; }

.cf-checkbox.cf-green input[type="checkbox"]:checked + label:before {
  border-color: #20bf6b;
  background-color: #20bf6b; }

.cf-checkbox.cf-cyan input[type="checkbox"]:checked + label:before {
  border-color: #17a2b8;
  background-color: #17a2b8; }

.cf-checkbox.cf-gray input[type="checkbox"]:checked + label:before {
  border-color: #4b6584;
  background-color: #4b6584; }

.cf-radio label:before, .cf-radio label:after {
  border-radius: 50%; }

.cf-radio label:before {
  left: 0; }

.cf-radio label:after {
  width: 8px;
  height: 8px;
  left: 4px;
  top: 4px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .3s;
  transition: all .3s; }

.cf-radio input[type="radio"]:checked + label:after {
  -webkit-transform: scale(1);
  transform: scale(1); }

.cf-radio.cf-blue input[type="radio"]:checked + label:before {
  border-color: #4b7bec; }

.cf-radio.cf-blue input[type="radio"]:checked + label:after {
  background-color: #4b7bec; }

.cf-radio.cf-indigo input[type="radio"]:checked + label:before {
  border-color: #6900ff; }

.cf-radio.cf-indigo input[type="radio"]:checked + label:after {
  background-color: #6900ff; }

.cf-radio.cf-purple input[type="radio"]:checked + label:before {
  border-color: #8854d0; }

.cf-radio.cf-purple input[type="radio"]:checked + label:after {
  background-color: #8854d0; }

.cf-radio.cf-pink input[type="radio"]:checked + label:before {
  border-color: #f368e0; }

.cf-radio.cf-pink input[type="radio"]:checked + label:after {
  background-color: #f368e0; }

.cf-radio.cf-red input[type="radio"]:checked + label:before {
  border-color: #eb3b5a; }

.cf-radio.cf-red input[type="radio"]:checked + label:after {
  background-color: #eb3b5a; }

.cf-radio.cf-orange input[type="radio"]:checked + label:before {
  border-color: #ff8840; }

.cf-radio.cf-orange input[type="radio"]:checked + label:after {
  background-color: #ff8840; }

.cf-radio.cf-yellow input[type="radio"]:checked + label:before {
  border-color: #fed330; }

.cf-radio.cf-yellow input[type="radio"]:checked + label:after {
  background-color: #fed330; }

.cf-radio.cf-green input[type="radio"]:checked + label:before {
  border-color: #20bf6b; }

.cf-radio.cf-green input[type="radio"]:checked + label:after {
  background-color: #20bf6b; }

.cf-radio.cf-cyan input[type="radio"]:checked + label:before {
  border-color: #17a2b8; }

.cf-radio.cf-cyan input[type="radio"]:checked + label:after {
  background-color: #17a2b8; }

.cf-radio.cf-gray input[type="radio"]:checked + label:before {
  border-color: #4b6584; }

.cf-radio.cf-gray input[type="radio"]:checked + label:after {
  background-color: #4b6584; }

.cf-select {
  border: none;
  background-image: url("../img/arrow.png");
  background-position: right 0 center;
  background-repeat: no-repeat;
  color: #6c757d;
  padding-right: 16px;
  padding-left: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none; }
  .cf-select.form-control {
    border: 1px solid #ced4da;
    background-position: right 16px center; }

.custom-select {
  background: url("../img/arrow.png") right 16px center no-repeat; }

.upload-paper-clip {
  position: relative;
  width: 16px;
  height: 16px; }
  .upload-paper-clip * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .upload-paper-clip input[type="file"] {
    opacity: 0;
    z-index: 2;
    cursor: pointer; }
  .upload-paper-clip button {
    border: none;
    background-color: transparent;
    color: #adb5bd;
    z-index: 1; }

/*!
 * -- 21. Carousel --
 * -------------------------------------------------- */
.owl-theme .owl-dots {
  margin-top: 32px !important;
  position: absolute;
  width: 100%; }
  .owl-theme .owl-dots .owl-dot.active span {
    opacity: 1; }
  .owl-theme .owl-dots .owl-dot span {
    opacity: .2; }

.owl-dot-white.owl-theme .owl-dots .owl-dot span {
  background: #fff; }

#owl-carousel-dots.owl-theme .owl-dots {
  position: relative; }
  #owl-carousel-dots.owl-theme .owl-dots .owl-dot span {
    background-color: #4b7bec; }

#owl-carousel-nav.owl-theme .owl-nav [class*=owl-] {
  background-color: #4b7bec;
  opacity: .6; }
  #owl-carousel-nav.owl-theme .owl-nav [class*=owl-]:hover {
    opacity: 1; }

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

.vertical .carousel-item-next,
.vertical .active.carousel-item-right {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

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

.vertical .carousel-control-next,
.vertical .carousel-control-prev {
  width: auto;
  height: 15%;
  left: 0;
  right: 0; }

.vertical .carousel-control-next {
  top: auto;
  bottom: 0; }

#testimonials {
  text-align: center; }
  #testimonials .testimonials-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 16px; }
  #testimonials .item {
    padding-left: 24px;
    padding-right: 24px; }

@media (max-width: 992px) {
  .owl-theme .owl-dots {
    position: relative; } }

/*!
 * -- 22. Pagination --
 * -------------------------------------------------- */
.pagination-space .page-item + .page-item {
  margin-left: 8px; }

.pagination-rounded .page-item .page-link {
  border-radius: 4px; }

.pagination-round .page-item .page-link {
  border-radius: 60px; }

/*!
 * -- 23. Collapse --
 * -------------------------------------------------- */
.collapse-card {
  border-radius: 8px;
  overflow: hidden; }
  .collapse-card + .collapse-card {
    margin-top: 16px; }
  .collapse-card .collapse-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
  .collapse-card .collapse-body {
    padding: 16px 24px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }
  .collapse-card .collapse-arrow {
    -webkit-transition: all .2s;
    transition: all .2s; }
  .collapse-card .collapse-remove {
    display: none; }
  .collapse-card.active .collapse-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .collapse-card.active .collapse-add {
    display: none; }
  .collapse-card.active .collapse-remove {
    display: block; }

.collapse-border .collapse-card {
  border: 1px solid #ced4da; }
  .collapse-border .collapse-card .collapse-header:hover {
    background-color: #edf1f5; }
  .collapse-border .collapse-card .collapse-body {
    border-top: 1px solid #ced4da; }

.collapse-blue .collapse-body {
  border: 1px solid #4b7bec; }

.collapse-blue .collapse-header {
  background-color: #4b7bec;
  color: #fff; }
  .collapse-blue .collapse-header .btn {
    color: #fff; }

.collapse-indigo .collapse-body {
  border: 1px solid #6900ff; }

.collapse-indigo .collapse-header {
  background-color: #6900ff;
  color: #fff; }
  .collapse-indigo .collapse-header .btn {
    color: #fff; }

.collapse-purple .collapse-body {
  border: 1px solid #8854d0; }

.collapse-purple .collapse-header {
  background-color: #8854d0;
  color: #fff; }
  .collapse-purple .collapse-header .btn {
    color: #fff; }

.collapse-pink .collapse-body {
  border: 1px solid #f368e0; }

.collapse-pink .collapse-header {
  background-color: #f368e0;
  color: #fff; }
  .collapse-pink .collapse-header .btn {
    color: #fff; }

.collapse-red .collapse-body {
  border: 1px solid #eb3b5a; }

.collapse-red .collapse-header {
  background-color: #eb3b5a;
  color: #fff; }
  .collapse-red .collapse-header .btn {
    color: #fff; }

.collapse-orange .collapse-body {
  border: 1px solid #ff8840; }

.collapse-orange .collapse-header {
  background-color: #ff8840;
  color: #fff; }
  .collapse-orange .collapse-header .btn {
    color: #fff; }

.collapse-yellow .collapse-body {
  border: 1px solid #fed330; }

.collapse-yellow .collapse-header {
  background-color: #fed330;
  color: #fff; }
  .collapse-yellow .collapse-header .btn {
    color: #fff; }

.collapse-green .collapse-body {
  border: 1px solid #20bf6b; }

.collapse-green .collapse-header {
  background-color: #20bf6b;
  color: #fff; }
  .collapse-green .collapse-header .btn {
    color: #fff; }

.collapse-cyan .collapse-body {
  border: 1px solid #17a2b8; }

.collapse-cyan .collapse-header {
  background-color: #17a2b8;
  color: #fff; }
  .collapse-cyan .collapse-header .btn {
    color: #fff; }

.collapse-gray .collapse-body {
  border: 1px solid #4b6584; }

.collapse-gray .collapse-header {
  background-color: #4b6584;
  color: #fff; }
  .collapse-gray .collapse-header .btn {
    color: #fff; }

/*!
 * -- 24. Right Sidebar --
 * -------------------------------------------------- */
#right-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1025;
  width: 240px;
  right: -272px;
  -webkit-transition: all .5s;
  transition: all .5s;
  -webkit-box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.2);
  box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.2); }
  #right-sidebar.show {
    right: 0; }
  #right-sidebar .sidebar-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    padding: 16px;
    background-color: #4b7bec;
    color: #fff; }
    #right-sidebar .sidebar-header #close-sidebar {
      margin-left: auto;
      color: #fff; }
  #right-sidebar .sidebar-body {
    padding: 24px 16px;
    height: 100%;
    background-color: #fff; }
    #right-sidebar .sidebar-body .sidebar-theme-color {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 16px;
      margin-left: -12px;
      margin-right: -12px; }
      #right-sidebar .sidebar-body .sidebar-theme-color a {
        width: 32px;
        height: 32px;
        margin: 8px 12px;
        border-radius: 16px; }
    #right-sidebar .sidebar-body .sidebar-check-list {
      margin-bottom: 32px; }

/*!
 * -- 25. Charts --
 * -------------------------------------------------- */
.header-chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .header-chart .header-chart-title {
    font-weight: 600;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .header-chart + .header-chart {
    margin-left: 24px; }

#genderSplit, #userStatistics, #chartjs-horbar {
  width: 100%;
  height: 260px !important; }

#vector-map {
  height: 440px; }

#top-country, #conversion-chart {
  -webkit-filter: drop-shadow(4px 8px 4px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(4px 8px 4px rgba(0, 0, 0, 0.1));
  position: relative; }
  #top-country .ct-slice-donut-solid, #conversion-chart .ct-slice-donut-solid {
    fill: #fff; }
  #top-country .ct-line .ct-slice-donut-solid, #conversion-chart .ct-line .ct-slice-donut-solid {
    fill: rgba(255, 255, 255, 0.2); }
  #top-country .chart-data, #conversion-chart .chart-data {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

#live-flot {
  width: 100% !important;
  height: 228px; }
  #live-flot canvas {
    width: 100% !important; }

#rating-chart {
  height: 220px; }
  #rating-chart .ct-label {
    color: #fff;
    font-size: 14px; }
  #rating-chart .ct-series .ct-bar {
    stroke: #fff; }

#revenue-chart {
  position: absolute;
  bottom: 0;
  height: 220px; }
  #revenue-chart .ct-series-a .ct-line {
    stroke: #4b7bec;
    stroke-width: 2px; }
  #revenue-chart .ct-series-a .ct-area {
    fill: #4b7bec;
    fill-opacity: .6; }

#total-revenue-chart {
  margin-top: 24px;
  height: 320px; }
  #total-revenue-chart .ct-label {
    font-size: 14px;
    font-weight: 400;
    color: #6c757d; }
  #total-revenue-chart .ct-series .ct-line {
    stroke-width: 2px; }
  #total-revenue-chart .ct-series .ct-point {
    stroke-width: 6px; }
  #total-revenue-chart .ct-series-a .ct-line, #total-revenue-chart .ct-series-a .ct-point {
    stroke: #8854d0; }
  #total-revenue-chart .ct-series-b .ct-line, #total-revenue-chart .ct-series-b .ct-point {
    stroke: #20bf6b; }
  #total-revenue-chart .ct-series-c .ct-line, #total-revenue-chart .ct-series-c .ct-point {
    stroke: #eb3b5a; }

#weekly-chart {
  position: absolute;
  bottom: -30px;
  left: 0;
  height: 280px;
  width: 100%; }
  #weekly-chart .ct-series-a .ct-line {
    stroke: #fff;
    stroke-width: 2px; }
  #weekly-chart .ct-series-a .ct-area {
    fill: #fff;
    fill-opacity: .3; }
  #weekly-chart .ct-labels {
    position: absolute;
    right: 0;
    left: 0; }
  #weekly-chart .ct-label.ct-horizontal {
    display: block;
    text-align: center;
    font-weight: 600;
    color: #fff; }

.chart-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px; }
  .chart-label .color-box {
    margin-right: 8px; }
  .chart-label .label {
    font-weight: 600; }

.flot-chart, [id^='chartist-'] {
  height: 300px; }

@media (max-width: 992px) {
  #weekly-chart {
    position: relative; }
  #sale-chart {
    margin-top: 32px; } }

@media (max-width: 767px) {
  #vector-map {
    height: 320px; } }

@media (max-width: 576px) {
  #chartjs-line, #chartjs-horbar {
    height: 200px !important; }
  #revenue-chart {
    position: relative;
    bottom: auto; } }

@media (max-width: 479px) {
  #chartjs-line, #chartjs-horbar {
    height: 160px !important; }
  #live-flot {
    height: 180px; }
  #vector-map {
    height: 200px; }
  #total-revenue-chart .ct-label.ct-horizontal {
    display: none; } }

/*!
 * -- 26. Authentication --
 * -------------------------------------------------- */
.auth-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.auth-panel {
  padding: 32px;
  width: 380px;
  text-align: center; }
  .auth-panel .user-profile {
    margin-top: -66px; }

@media (max-width: 576px) {
  .auth-panel {
    position: relative;
    left: auto;
    top: auto;
    -webkit-transform: none;
    transform: none;
    margin: 64px auto; } }

@media (max-width: 479px) {
  .auth-panel {
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
    margin-left: 15px;
    margin-right: 15px; } }

/*!
 * -- 27. Invoice --
 * -------------------------------------------------- */
#invoice {
  max-width: 960px;
  width: 100%; }

.invoice-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 48px 24px 16px; }
  .invoice-header .invoice-info {
    margin-left: auto;
    text-align: right; }
    .invoice-header .invoice-info .invoice-number {
      margin-bottom: 16px;
      font-weight: 600; }
    .invoice-header .invoice-info .invoice-date {
      margin-top: 8px; }
      .invoice-header .invoice-info .invoice-date span {
        font-weight: 600;
        margin-right: 4px; }

.invoice-body {
  padding: 32px 24px; }
  .invoice-body .invoice-address {
    line-height: 1.8; }
  .invoice-body .table {
    margin-top: 32px; }
    .invoice-body .table tbody + tbody {
      border-width: 1px; }
    .invoice-body .table tr th, .invoice-body .table tr td {
      border: none; }
    .invoice-body .table tr th {
      background-color: #90aef3;
      color: #fff; }

.invoice-footer {
  padding: 16px 24px 48px; }
  .invoice-footer .btns {
    margin-top: 32px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }

@media (max-width: 992px) {
  .invoice-body .invoice-address + .invoice-address {
    margin-top: 24px; } }

/*!
 * -- 28. Data Table --
 * -------------------------------------------------- */
.dataTables_length, .dataTables_filter {
  margin-bottom: 16px; }

.dataTables_length select {
  margin-left: 4px;
  margin-right: 4px; }

.dataTables_info, .dataTables_paginate {
  margin-top: 16px !important; }

.dataTables_paginate .page-item.active .page-link {
  background-color: #4b7bec !important;
  border-color: #4b7bec !important; }

.dt-bg-trans:before, .dt-bg-trans:after {
  display: none !important; }

/*!
 * -- 29. HTML Editor --
 * -------------------------------------------------- */
#editor {
  border: none;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
  height: 240px; }

.small, .wysihtml-editor .wysiwyg-font-size-small {
  font-size: 12.6px; }

.medium, .wysihtml-editor .wysiwyg-font-size-medium {
  font-size: 19.6px; }

.large, .wysihtml-editor .wysiwyg-font-size-larger {
  font-size: 26.6px; }

.huge, .wysihtml-editor .wysiwyg-font-size-xx-large {
  font-size: 35px; }

.wysihtml-editor {
  color: #6c757d; }
  .wysihtml-editor ul {
    margin-left: 16px; }
    .wysihtml-editor ul li {
      list-style: outside; }
  .wysihtml-editor ol {
    margin-left: 16px; }
    .wysihtml-editor ol li {
      list-style: decimal; }

#toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }
  #toolbar .item-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    border-radius: 2px; }
    #toolbar .item-toolbar:hover, #toolbar .item-toolbar:focus, #toolbar .item-toolbar.wysihtml-command-dialog-opened, #toolbar .item-toolbar.wysihtml-command-active {
      background-color: #edf1f5;
      color: #495057; }
  #toolbar .line {
    width: 1px;
    height: 24px;
    background-color: #edf1f5;
    margin-left: 4px;
    margin-right: 4px; }

.toolbar-dropdown {
  position: relative; }
  .toolbar-dropdown .toolbar-dropdown-menu {
    position: absolute;
    top: 100%;
    background-color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px; }
    .toolbar-dropdown .toolbar-dropdown-menu.more-dropdown-menu {
      top: 130%; }

.color-dropdown {
  padding: 16px !important;
  min-width: 176px; }
  .color-dropdown .color-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .color-dropdown .color-options a {
      padding: 1px;
      border: 1px solid transparent; }
      .color-dropdown .color-options a.wysihtml-command-active {
        border-color: #000; }
    .color-dropdown .color-options span {
      display: block;
      width: 14px;
      height: 14px; }
    .color-dropdown .color-options .black {
      background-color: #000; }
    .color-dropdown .color-options .gray6 {
      background-color: #606060; }
    .color-dropdown .color-options .gray5 {
      background-color: #818181; }
    .color-dropdown .color-options .gray4 {
      background-color: #979797; }
    .color-dropdown .color-options .gray3 {
      background-color: #c2c2c2; }
    .color-dropdown .color-options .gray2 {
      background-color: #dedede; }
    .color-dropdown .color-options .gray1 {
      background-color: #f0f0f0; }
    .color-dropdown .color-options .white {
      background-color: #fff; }
    .color-dropdown .color-options .red {
      background-color: #F44336; }
    .color-dropdown .color-options .pink {
      background-color: #E91E63; }
    .color-dropdown .color-options .purple {
      background-color: #9C27B0; }
    .color-dropdown .color-options .deep-purple {
      background-color: #311B92; }
    .color-dropdown .color-options .indigo {
      background-color: #3F51B5; }
    .color-dropdown .color-options .blue {
      background-color: #2196F3; }
    .color-dropdown .color-options .cyan {
      background-color: #00BCD4; }
    .color-dropdown .color-options .teal {
      background-color: #009688; }
    .color-dropdown .color-options .green {
      background-color: #4CAF50; }
    .color-dropdown .color-options .light-green {
      background-color: #8BC34A; }
    .color-dropdown .color-options .lime {
      background-color: #CDDC39; }
    .color-dropdown .color-options .yellow {
      background-color: #FFEB3B; }
    .color-dropdown .color-options .amber {
      background-color: #FFE082; }
    .color-dropdown .color-options .orange {
      background-color: #FF9800; }
    .color-dropdown .color-options .deep-orange {
      background-color: #FF7043; }
    .color-dropdown .color-options .brown {
      background-color: #795548; }

.more-dropdown {
  position: static; }
  .more-dropdown .more-dropdown-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
    min-width: 220px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

.wysiwyg-color-black {
  color: #000; }

.wysiwyg-color-gray6 {
  color: #606060; }

.wysiwyg-color-gray5 {
  color: #818181; }

.wysiwyg-color-gray4 {
  color: #979797; }

.wysiwyg-color-gray3 {
  color: #c2c2c2; }

.wysiwyg-color-gray2 {
  color: #dedede; }

.wysiwyg-color-gray1 {
  color: #f0f0f0; }

.wysiwyg-color-white {
  color: #fff; }

.wysiwyg-color-red {
  color: #F44336; }

.wysiwyg-color-pink {
  color: #E91E63; }

.wysiwyg-color-purple {
  color: #9C27B0; }

.wysiwyg-color-deep-purple {
  color: #311B92; }

.wysiwyg-color-indigo {
  color: #3F51B5; }

.wysiwyg-color-blue {
  color: #2196F3; }

.wysiwyg-color-cyan {
  color: #00BCD4; }

.wysiwyg-color-teal {
  color: #009688; }

.wysiwyg-color-green {
  color: #4CAF50; }

.wysiwyg-color-light-green {
  color: #8BC34A; }

.wysiwyg-color-lime {
  color: #CDDC39; }

.wysiwyg-color-yellow {
  color: #FFEB3B; }

.wysiwyg-color-amber {
  color: #FFE082; }

.wysiwyg-color-orange {
  color: #FF9800; }

.wysiwyg-color-deep-orange {
  color: #FF7043; }

.wysiwyg-color-brown {
  color: #795548; }

.wysiwyg-text-align-justify {
  text-align: justify; }

.wysiwyg-text-align-left {
  text-align: left; }

.wysiwyg-text-align-center {
  text-align: center; }

.wysiwyg-text-align-right {
  text-align: right; }

/*!
 * -- 30. 404 --
 * -------------------------------------------------- */
.error-block {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center; }
  .error-block .error-header {
    display: inline-block;
    margin-bottom: 32px;
    text-align: right; }
    .error-block .error-header span {
      display: block; }
    .error-block .error-header .error-title {
      font-size: 120px;
      color: #eb3b5a;
      font-weight: 700; }
    .error-block .error-header .error-type {
      font-size: 64px;
      color: #000;
      font-weight: 900;
      margin-top: -32px;
      text-shadow: 2px 3px #eb3b5a, -3px 2px #20bf6b; }

/*!
 * -- 31. Todo --
 * -------------------------------------------------- */
#todo-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 0; }
  #todo-list li input[type="checkbox"]:checked + label {
    text-decoration: line-through; }
  #todo-list li .cf-checkbox {
    padding-right: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  #todo-list li .tl-close {
    margin-left: auto; }
    #todo-list li .tl-close .mi {
      font-size: 16px; }

#adv-todo-list .todo-item {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #edf1f5; }
  #adv-todo-list .todo-item input[type="checkbox"]:checked + label {
    text-decoration: line-through; }

#adv-todo-list .todo-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  #adv-todo-list .todo-header .cf-checkbox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 16px; }
  #adv-todo-list .todo-header .tl-close {
    margin-left: auto; }
    #adv-todo-list .todo-header .tl-close .mi-close {
      font-size: 16px; }

#adv-todo-list .todo-body {
  padding: 2px 24px 0 25px; }
  #adv-todo-list .todo-body .todo-info {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
    display: block; }
  #adv-todo-list .todo-body .user-list {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #adv-todo-list .todo-body .user-list li .thumb-circle {
      -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
      border: 2px solid #fff;
      position: relative;
      top: 0;
      -webkit-transition: all .5s;
      transition: all .5s; }
      #adv-todo-list .todo-body .user-list li .thumb-circle:hover {
        top: -3px;
        -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);
        z-index: 10; }
      #adv-todo-list .todo-body .user-list li .thumb-circle.plus-list {
        border: none;
        background-color: #edf1f5; }
    #adv-todo-list .todo-body .user-list li + li {
      margin-left: -8px; }

#activity-scroll {
  padding-left: 8px; }

.activity-list {
  position: relative;
  padding-left: 16px; }
  .activity-list:before {
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #edf1f5; }
  .activity-list .activity-item {
    padding-top: 8px;
    padding-right: 8px;
    margin-bottom: 24px; }
    .activity-list .activity-item .title-small {
      position: relative; }
      .activity-list .activity-item .title-small:before {
        left: -20px;
        top: 2px;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #fff;
        border: 2px solid transparent; }
      .activity-list .activity-item .title-small.c-green:before {
        border-color: #20bf6b; }
      .activity-list .activity-item .title-small.c-red:before {
        border-color: #eb3b5a; }
      .activity-list .activity-item .title-small.c-yellow:before {
        border-color: #fed330; }

.tl-label {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  background-color: #dee2e6; }

/*!
 * -- 32. Weather --
 * -------------------------------------------------- */
.js-weather {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #edf1f5; }

.js-weather-left {
  display: inline-block; }
  .js-weather-left img, .js-weather-left .js-temp {
    display: inline-block; }
  .js-weather-left .js-temp {
    font-size: 32px;
    margin-left: 8px; }
    .js-weather-left .js-temp .js-unit {
      font-size: 14px;
      font-weight: 600;
      top: -16px;
      letter-spacing: 1px;
      position: relative; }
  .js-weather-left .js-currently {
    text-align: center;
    font-weight: 600; }

.js-weather-right {
  margin-left: 64px; }
  .js-weather-right .js-date {
    margin-top: 2px; }
  .js-weather-right .js-city {
    margin-top: 8px;
    font-weight: 600; }

.js-weather-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #edf1f5;
  padding: 24px 16px 0; }
  .js-weather-details li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 24px; }
    .js-weather-details li span {
      display: inline-block;
      margin-right: 16px; }
    .js-weather-details li b {
      font-weight: 600; }

.js-forcast-week {
  padding-top: 16px; }
  .js-forcast-week ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center; }
    .js-forcast-week ul .js-deg {
      font-size: 12px;
      font-weight: 600;
      position: relative;
      top: -6px;
      letter-spacing: 1px; }

#weather-deck .js-weather {
  border: none; }
  #weather-deck .js-weather .js-currently {
    margin-left: 8px; }

#weather-deck .js-weather-left {
  text-align: left; }
  #weather-deck .js-weather-left .wi {
    font-size: 24px; }
  #weather-deck .js-weather-left .js-temp {
    margin-left: 0;
    margin-top: 16px; }

#weather-deck .js-weather-right {
  margin-left: auto;
  text-align: right; }

#weather-card .js-weather {
  border: none; }

#weather-card .js-weather, #weather-card .js-weather-left {
  display: block; }

#weather-card .js-weather-left .d-flex {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

@media (max-width: 1200px) {
  .js-forcast-week li {
    margin-bottom: 16px; } }

@media (max-width: 576px) {
  .js-weather-details li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

@media (max-width: 479px) {
  .js-weather-right {
    margin-left: 32px; } }

/*!
 * -- 33. Calendar --
 * -------------------------------------------------- */
#inline-calendar .datepicker-inline, #inline-calendar .table-condensed {
  width: 100%; }

#inline-calendar th, #inline-calendar td {
  padding: 8px 4px;
  vertical-align: middle; }

#inline-calendar th {
  font-weight: 600; }

.datepicker table tr td.active.active {
  background: #4b7bec; }
  .datepicker table tr td.active.active:hover {
    background: #1d59e7; }

.datepicker table tr td span.active.active {
  background: #4b7bec; }
  .datepicker table tr td span.active.active:hover {
    background: #1d59e7; }

.datepicker table tr td.day {
  width: 40px; }

.datepicker table tr td.today,
.datepicker table tr td.today:hover:hover {
  background: #4b7bec;
  color: #fff; }

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
  background: #f8f9fa; }

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
  background: #f8f9fa; }

.fc-unthemed td.fc-today {
  background-color: #f8f9fa; }

.fc-padding {
  padding: 32px 24px; }

.fc-row .fc-content-skeleton td {
  padding: 4px; }

.fc-draggable-event-list {
  background-color: #f8f9fa; }

.fc-day-header {
  padding: 8px !important; }

.fc-event {
  border: none;
  font-size: 14px;
  background-color: transparent;
  color: #6c757d;
  cursor: -webkit-grab;
  cursor: grab; }
  .fc-event:hover {
    color: #6c757d; }
  .fc-event .fc-content {
    background-color: transparent; }

.fc-event-list li + li {
  margin-top: 16px; }

.fc-event-list .fc-event-title {
  padding-left: 16px;
  position: relative; }
  .fc-event-list .fc-event-title:after {
    top: 6px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 3px; }

.fc-button {
  background: none;
  background-color: #dee2e6 !important;
  border: none;
  text-transform: capitalize;
  text-shadow: none;
  padding: 8px 16px !important;
  font-size: 14px !important;
  height: auto !important; }
  .fc-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #4b6584 !important;
    color: #fff; }

.fc-state-active {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #4b6584 !important;
  color: #fff; }

.fc-toolbar .fc-center {
  margin-top: 8px; }

.fc-event-blue {
  padding: 4px;
  border-radius: 0;
  border-bottom: 2px solid #90aef3; }
  .fc-event-blue:hover {
    color: #fff !important;
    background-color: #4b7bec; }

.fc-event-indigo {
  padding: 4px;
  border-radius: 0;
  border-bottom: 2px solid #964dff; }
  .fc-event-indigo:hover {
    color: #fff !important;
    background-color: #6900ff; }

.fc-event-purple {
  padding: 4px;
  border-radius: 0;
  border-bottom: 2px solid #b290e0; }
  .fc-event-purple:hover {
    color: #fff !important;
    background-color: #8854d0; }

.fc-event-pink {
  padding: 4px;
  border-radius: 0;
  border-bottom: 2px solid #f9afef; }
  .fc-event-pink:hover {
    color: #fff !important;
    background-color: #f368e0; }

.fc-event-red {
  padding: 4px;
  border-radius: 0;
  border-bottom: 2px solid #f28094; }
  .fc-event-red:hover {
    color: #fff !important;
    background-color: #eb3b5a; }

.fc-event-orange {
  padding: 4px;
  border-radius: 0;
  border-bottom: 2px solid #ffb88d; }
  .fc-event-orange:hover {
    color: #fff !important;
    background-color: #ff8840; }

.fc-event-yellow {
  padding: 4px;
  border-radius: 0;
  border-bottom: 2px solid #fee37c; }
  .fc-event-yellow:hover {
    color: #fff !important;
    background-color: #fed330; }

.fc-event-green {
  padding: 4px;
  border-radius: 0;
  border-bottom: 2px solid #4be192; }
  .fc-event-green:hover {
    color: #fff !important;
    background-color: #20bf6b; }

.fc-event-cyan {
  padding: 4px;
  border-radius: 0;
  border-bottom: 2px solid #36cee6; }
  .fc-event-cyan:hover {
    color: #fff !important;
    background-color: #17a2b8; }

.fc-event-gray {
  padding: 4px;
  border-radius: 0;
  border-bottom: 2px solid #6f8bad; }
  .fc-event-gray:hover {
    color: #fff !important;
    background-color: #4b6584; }

@media (max-width: 767px) {
  .fc-toolbar .fc-center {
    display: block; }
  .fc-toolbar .fc-left, .fc-toolbar .fc-right {
    float: none;
    margin-bottom: 16px; }
    .fc-toolbar .fc-left:after, .fc-toolbar .fc-right:after {
      display: block;
      clear: both;
      content: ''; } }

/*!
 * -- 34. Chat --
 * -------------------------------------------------- */
.chat-widget {
  padding-right: 8px; }

.chat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 960px; }
  .chat .chat-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
    padding-bottom: 32px;
    -webkit-box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .5s;
    transition: all .5s; }
    .chat .chat-left .chat-search-header {
      padding: 8px 16px 32px; }
      .chat .chat-left .chat-search-header .search-form {
        width: 100%; }
    .chat .chat-left .msg-list .msg-list-item .desc {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 40px);
      flex: 0 0 calc(100% - 40px);
      max-width: calc(100% - 40px); }
    .chat .chat-left .thumb-circle {
      overflow: visible; }
      .chat .chat-left .thumb-circle img {
        border-radius: 50%; }
      .chat .chat-left .thumb-circle .dot {
        position: absolute;
        right: -2px;
        bottom: 4px;
        width: 8px;
        height: 8px;
        border-radius: 4px; }
  .chat .chat-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
    -webkit-transition: all .5s;
    transition: all .5s; }
  .chat .chat-header {
    padding: 8px 16px;
    background-color: #4b7bec; }
    .chat .chat-header .chat-header-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #fff; }
      .chat .chat-header .chat-header-info #chat-back {
        margin-top: 2px;
        margin-right: 16px;
        display: none; }
      .chat .chat-header .chat-header-info .user-thumb img {
        width: 40px;
        height: 40px; }
      .chat .chat-header .chat-header-info .dropdown {
        margin-left: auto; }
  .chat .chat-body {
    padding: 16px 16px 32px; }

.chat-item {
  max-width: 95%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 16px; }
  .chat-item.chat-item-left .chat-desc {
    margin-left: 16px;
    border-top-left-radius: 0;
    background-color: #f8f9fa; }
    .chat-item.chat-item-left .chat-desc .chat-text:before {
      left: -8px;
      border-top: 12px solid #f8f9fa;
      border-left: 8px solid transparent; }
  .chat-item.chat-item-right {
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .chat-item.chat-item-right .chat-desc {
      background-color: rgba(75, 123, 236, 0.6);
      color: #fff;
      margin-right: 16px;
      border-top-right-radius: 0; }
      .chat-item.chat-item-right .chat-desc .chat-text {
        padding-right: 8px; }
        .chat-item.chat-item-right .chat-desc .chat-text:before {
          right: -8px;
          border-top: 12px solid rgba(75, 123, 236, 0.6);
          border-right: 8px solid transparent; }
  .chat-item .chat-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 8px;
    border-radius: 6px;
    position: relative; }
    .chat-item .chat-desc span {
      display: block; }
    .chat-item .chat-desc .chat-text:before {
      top: 0; }
    .chat-item .chat-desc .chat-time {
      font-size: 12px;
      margin-top: 8px;
      text-align: right; }

.chat-input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 8px; }
  .chat-input-group .chat-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #f8f9fa;
    height: 40px;
    border-radius: 20px;
    padding-right: 16px; }
    .chat-input-group .chat-input .chat-textarea {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      border: none;
      background-color: transparent;
      padding-left: 16px;
      padding-right: 8px;
      color: #6c757d; }
    .chat-input-group .chat-input .icon-btn {
      background-color: transparent;
      border: none;
      color: #adb5bd; }
      .chat-input-group .chat-input .icon-btn + .icon-btn {
        margin-left: 10px; }
  .chat-input-group .thumb-circle {
    border: none;
    background-color: #4b7bec;
    color: #fff;
    cursor: pointer; }
    .chat-input-group .thumb-circle:hover {
      background-color: #346aea; }

@media (max-width: 992px) {
  .chat {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    .chat .chat-left {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
      flex: 0 0 40%;
      max-width: 40%; }
    .chat .chat-right {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
      flex: 0 0 60%;
      max-width: 60%; }
    .chat .chat-header .chat-header-info #chat-back {
      display: block; } }

@media (max-width: 576px) {
  .chat .chat-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .chat .chat-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .chat.js-show-msg .chat-left {
    margin-left: -100%; } }

@media (max-width: 479px) {
  .chat-input-group .chat-input .chat-textarea {
    max-width: 80%; } }

/*!
 * -- 35. Inbox --
 * -------------------------------------------------- */
.inbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .inbox .inbox-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 18%;
    padding: 40px 16px;
    -webkit-box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.1); }
  .inbox .inbox-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 82%;
    flex: 0 0 82%;
    max-width: 82%;
    padding-top: 16px;
    padding-bottom: 24px; }
  .inbox .inbox-nav {
    padding-top: 24px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #edf1f5; }
    .inbox .inbox-nav li {
      position: relative; }
      .inbox .inbox-nav li + li {
        margin-top: 4px; }
      .inbox .inbox-nav li a {
        display: block;
        padding: 8px 16px;
        border-radius: 32px; }
      .inbox .inbox-nav li.active a {
        background-color: rgba(75, 123, 236, 0.1);
        color: #4b7bec;
        font-weight: 600; }
      .inbox .inbox-nav li .badge {
        position: absolute;
        top: 9px;
        right: 16px; }
  .inbox .inbox-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 8px 16px; }
    .inbox .inbox-header .inbox-header-option {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-left: auto; }
  .inbox .inbox-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 16px 12px;
    border-bottom: 1px solid #dee2e6; }
    .inbox .inbox-option #inbox-back {
      display: none; }
    .inbox .inbox-option #mail-check {
      top: -4px;
      position: relative; }
    .inbox .inbox-option > li {
      margin-right: 16px; }
  .inbox .inbox-footer {
    padding: 16px;
    padding-bottom: 0; }

.inbox-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .inbox-pagination .page-arrow {
    margin-right: 16px;
    margin-left: 8px;
    height: 24px; }
    .inbox-pagination .page-arrow a {
      float: left;
      display: inline-block; }

.mail-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 16px;
  background-color: #edf1f5;
  border-bottom: 1px solid #dee2e6;
  cursor: pointer; }
  .mail-item.unread {
    background-color: transparent;
    font-weight: 600; }
  .mail-item .mail-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
    max-width: 28%; }
    .mail-item .mail-tag li .cf-checkbox {
      top: -4px; }
    .mail-item .mail-tag li + li {
      margin-left: 16px; }
  .mail-item .mail-name {
    width: 50%; }
  .mail-item .mail-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 57%;
    flex: 0 0 57%;
    max-width: 57%;
    padding-left: 24px;
    padding-right: 24px; }
  .mail-item .mail-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto; }
    .mail-item .mail-info > li + li {
      margin-left: 8px; }

.app-labels li {
  position: relative;
  padding-left: 20px; }
  .app-labels li:after {
    left: 4px;
    top: 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%; }
  .app-labels li + li {
    margin-top: 8px; }

.mail-subject {
  padding: 16px 16px 16px 54px;
  font-size: 18px;
  font-weight: 600; }

.mail-from {
  border-bottom: 1px solid #dee2e6; }
  .mail-from .user-thumb img {
    width: 32px;
    height: 32px; }

.mail-desc {
  border-bottom: 1px solid #dee2e6; }
  .mail-desc .mail-attachment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .mail-desc .mail-attachment li {
      padding: 8px; }
      .mail-desc .mail-attachment li .attachment-file {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid;
        border-radius: 4px;
        padding: 8px 16px; }
        .mail-desc .mail-attachment li .attachment-file .file-info {
          padding-left: 8px; }
      .mail-desc .mail-attachment li .attach-img {
        display: block; }
        .mail-desc .mail-attachment li .attach-img img {
          border-radius: 4px;
          max-height: 54px; }

.compose-mail {
  position: fixed;
  right: 16px;
  bottom: 0;
  display: none;
  max-width: 480px;
  width: 100%;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); }
  .compose-mail .compose-mail-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 32px;
    background-color: #4b6584;
    color: #fff;
    padding: 8px 16px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    .compose-mail .compose-mail-header .compose-mail-option {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-left: auto; }
      .compose-mail .compose-mail-header .compose-mail-option li + li {
        margin-left: 8px; }
      .compose-mail .compose-mail-header .compose-mail-option a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        color: #fff; }
        .compose-mail .compose-mail-header .compose-mail-option a:hover {
          background-color: rgba(255, 255, 255, 0.3); }
  .compose-mail .compose-mail-body {
    background-color: #fff;
    padding: 16px; }
    .compose-mail .compose-mail-body .form-control {
      border: none; }
      .compose-mail .compose-mail-body .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none; }
    .compose-mail .compose-mail-body .input-line {
      border-radius: 0;
      padding-left: 0;
      padding-right: 0;
      border-bottom: 1px solid #adb5bd; }
    .compose-mail .compose-mail-body .input-group {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .compose-mail .compose-mail-body .toolbar-dropdown .toolbar-dropdown-menu {
      bottom: 100%;
      top: auto; }
      .compose-mail .compose-mail-body .toolbar-dropdown .toolbar-dropdown-menu.more-dropdown-menu {
        bottom: 130%; }

#mailbox-details {
  display: none; }

.js-show-mail #mailbox, .js-show-mail #mail-check {
  display: none; }

.js-show-mail #mailbox-details, .js-show-mail #inbox-back {
  display: block !important; }

.minimize .compose-mail-body {
  display: none; }

@media (max-width: 1200px) {
  .mail-item .mail-tag {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%; }
  .mail-item .mail-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; } }

@media (max-width: 992px) {
  .inbox .inbox-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%; }
  .inbox .inbox-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%; }
  .mail-item .mail-tag {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .mail-item .mail-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    padding-left: 0; }
  .compose-mail {
    max-width: 400px; }
    .compose-mail #editor {
      height: 180px; }
    .compose-mail .color-dropdown {
      left: -50px; } }

@media (max-width: 767px) {
  .inbox .inbox-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%; }
  .inbox .inbox-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%; }
  .inbox .inbox-header .inbox-header-option {
    margin-left: 0;
    margin-top: 16px; }
  .mail-item .mail-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 63%;
    flex: 0 0 63%;
    max-width: 63%; } }

@media (max-width: 576px) {
  .inbox .inbox-left, .inbox .inbox-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .inbox .inbox-left {
    border-bottom: 1px solid #dee2e6; }
  .mail-item .mail-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 56%;
    flex: 0 0 56%;
    max-width: 56%;
    padding-right: 16px; } }

@media (max-width: 479px) {
  .compose-mail {
    left: 16px;
    width: auto; }
    .compose-mail #editor {
      height: 130px; } }

/*!
 * -- 36. Contact --
 * -------------------------------------------------- */
.contact-card {
  position: relative; }
  .contact-card .contact-header {
    position: relative;
    z-index: 3;
    color: #fff; }
    .contact-card .contact-header .card-option > li > a {
      color: #fff; }
    .contact-card .contact-header .contact-label-dot {
      display: block;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      position: relative;
      margin-left: 6px;
      margin-top: 6px; }
      .contact-card .contact-header .contact-label-dot:after {
        top: -6px;
        left: -6px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.3);
        z-index: -1; }
  .contact-card .contact-content {
    height: 300px;
    position: relative;
    overflow: hidden; }
    .contact-card .contact-content .contact-img {
      position: absolute;
      top: 0;
      z-index: 1; }
    .contact-card .contact-content:after {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      z-index: 2; }
    .contact-card .contact-content .contact-desc {
      position: absolute;
      bottom: 0;
      width: 100%;
      z-index: 3;
      color: #fff; }
      .contact-card .contact-content .contact-desc .contact-info {
        margin-top: 16px; }
        .contact-card .contact-content .contact-desc .contact-info li {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .contact-card .contact-content .contact-desc .contact-info li + li {
            margin-top: 8px; }
          .contact-card .contact-content .contact-desc .contact-info li i {
            min-width: 16px;
            margin-right: 8px; }

@media (max-width: 1200px) {
  .contact-card .contact-content {
    height: 250px; } }

/*!
 * -- 37. Skins --
 * -------------------------------------------------- */
.theme-blue #sidebar-nav ul > li.active > a {
  color: #4b7bec !important;
  border-color: #4b7bec;
  background: -webkit-gradient(linear, left top, right top, from(rgba(75, 123, 236, 0.15)), to(rgba(75, 123, 236, 0)));
  background: linear-gradient(to right, rgba(75, 123, 236, 0.15) 0%, rgba(75, 123, 236, 0) 100%); }

.theme-blue #sidebar-nav ul > li > a.active i {
  color: #4b7bec; }

.theme-blue .bg-primary {
  background-color: #4b7bec;
  color: #fff; }

.theme-blue .card-primary {
  background-color: #4b7bec;
  color: #fff; }
  .theme-blue .card-primary.card .card-title {
    color: #fff; }
    .theme-blue .card-primary.card .card-title:after {
      background-color: #fff; }
  .theme-blue .card-primary a {
    color: #fff; }

.theme-blue .card .card-title {
  color: #4b7bec; }
  .theme-blue .card .card-title:after {
    background-color: #4b7bec; }

.theme-blue .btn-primary {
  background-color: #4b7bec;
  border-color: #4b7bec; }
  .theme-blue .btn-primary:hover {
    background-color: #1d59e7;
    border-color: #1d59e7; }
  .theme-blue .btn-primary.focus, .theme-blue .btn-primary:focus {
    color: #fff;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(75, 123, 236, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(75, 123, 236, 0.5); }

.theme-blue .btn-primary:not(:disabled):not(.disabled).active,
.theme-blue .btn-primary:not(:disabled):not(.disabled):active,
.theme-blue .show > .btn-primary.dropdown-toggle {
  background-color: #4b7bec;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(75, 123, 236, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(75, 123, 236, 0.5); }

.theme-blue #revenue-chart .ct-series-a .ct-area {
  fill: #4b7bec; }

.theme-blue #revenue-chart .ct-series-a .ct-line {
  stroke: #4b7bec; }

.theme-blue .table-primary, .theme-blue .table-primary > td, .theme-blue .table-primary > th {
  background-color: transparent; }

.theme-blue .table-primary th, .theme-blue .table-primary td {
  border: none; }

.theme-blue .table-primary th {
  background-color: #4b7bec;
  color: #fff; }

.theme-blue .table-primary tbody tr:nth-child(even) {
  background-color: #f6f8fe; }

.theme-blue .owl-dot-primary.owl-theme .owl-dots .owl-dot span {
  background: #4b7bec; }

.theme-orange #sidebar-nav ul > li.active > a {
  color: #ff8840 !important;
  border-color: #ff8840;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 136, 64, 0.15)), to(rgba(255, 136, 64, 0)));
  background: linear-gradient(to right, rgba(255, 136, 64, 0.15) 0%, rgba(255, 136, 64, 0) 100%); }

.theme-orange #sidebar-nav ul > li > a.active i {
  color: #ff8840; }

.theme-orange .bg-primary {
  background-color: #ff8840;
  color: #fff; }

.theme-orange .card-primary {
  background-color: #ff8840;
  color: #fff; }
  .theme-orange .card-primary.card .card-title {
    color: #fff; }
    .theme-orange .card-primary.card .card-title:after {
      background-color: #fff; }
  .theme-orange .card-primary a {
    color: #fff; }

.theme-orange .card .card-title {
  color: #ff8840; }
  .theme-orange .card .card-title:after {
    background-color: #ff8840; }

.theme-orange .btn-primary {
  background-color: #ff8840;
  border-color: #ff8840; }
  .theme-orange .btn-primary:hover {
    background-color: #ff680d;
    border-color: #ff680d; }
  .theme-orange .btn-primary.focus, .theme-orange .btn-primary:focus {
    color: #fff;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 136, 64, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(255, 136, 64, 0.5); }

.theme-orange .btn-primary:not(:disabled):not(.disabled).active,
.theme-orange .btn-primary:not(:disabled):not(.disabled):active,
.theme-orange .show > .btn-primary.dropdown-toggle {
  background-color: #ff8840;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 136, 64, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 136, 64, 0.5); }

.theme-orange #revenue-chart .ct-series-a .ct-area {
  fill: #ff8840; }

.theme-orange #revenue-chart .ct-series-a .ct-line {
  stroke: #ff8840; }

.theme-orange .table-primary, .theme-orange .table-primary > td, .theme-orange .table-primary > th {
  background-color: transparent; }

.theme-orange .table-primary th, .theme-orange .table-primary td {
  border: none; }

.theme-orange .table-primary th {
  background-color: #ff8840;
  color: #fff; }

.theme-orange .table-primary tbody tr:nth-child(even) {
  background-color: #fffefd; }

.theme-orange .owl-dot-primary.owl-theme .owl-dots .owl-dot span {
  background: #ff8840; }

.theme-indigo #sidebar-nav ul > li.active > a {
  color: #6900ff !important;
  border-color: #6900ff;
  background: -webkit-gradient(linear, left top, right top, from(rgba(105, 0, 255, 0.15)), to(rgba(105, 0, 255, 0)));
  background: linear-gradient(to right, rgba(105, 0, 255, 0.15) 0%, rgba(105, 0, 255, 0) 100%); }

.theme-indigo #sidebar-nav ul > li > a.active i {
  color: #6900ff; }

.theme-indigo .bg-primary {
  background-color: #6900ff;
  color: #fff; }

.theme-indigo .card-primary {
  background-color: #6900ff;
  color: #fff; }
  .theme-indigo .card-primary.card .card-title {
    color: #fff; }
    .theme-indigo .card-primary.card .card-title:after {
      background-color: #fff; }
  .theme-indigo .card-primary a {
    color: #fff; }

.theme-indigo .card .card-title {
  color: #6900ff; }
  .theme-indigo .card .card-title:after {
    background-color: #6900ff; }

.theme-indigo .btn-primary {
  background-color: #6900ff;
  border-color: #6900ff; }
  .theme-indigo .btn-primary:hover {
    background-color: #5400cc;
    border-color: #5400cc; }
  .theme-indigo .btn-primary.focus, .theme-indigo .btn-primary:focus {
    color: #fff;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(105, 0, 255, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(105, 0, 255, 0.5); }

.theme-indigo .btn-primary:not(:disabled):not(.disabled).active,
.theme-indigo .btn-primary:not(:disabled):not(.disabled):active,
.theme-indigo .show > .btn-primary.dropdown-toggle {
  background-color: #6900ff;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(105, 0, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(105, 0, 255, 0.5); }

.theme-indigo #revenue-chart .ct-series-a .ct-area {
  fill: #6900ff; }

.theme-indigo #revenue-chart .ct-series-a .ct-line {
  stroke: #6900ff; }

.theme-indigo .table-primary, .theme-indigo .table-primary > td, .theme-indigo .table-primary > th {
  background-color: transparent; }

.theme-indigo .table-primary th, .theme-indigo .table-primary td {
  border: none; }

.theme-indigo .table-primary th {
  background-color: #6900ff;
  color: #fff; }

.theme-indigo .table-primary tbody tr:nth-child(even) {
  background-color: #d8bdff; }

.theme-indigo .owl-dot-primary.owl-theme .owl-dots .owl-dot span {
  background: #6900ff; }

.theme-green #sidebar-nav ul > li.active > a {
  color: #20bf6b !important;
  border-color: #20bf6b;
  background: -webkit-gradient(linear, left top, right top, from(rgba(32, 191, 107, 0.15)), to(rgba(32, 191, 107, 0)));
  background: linear-gradient(to right, rgba(32, 191, 107, 0.15) 0%, rgba(32, 191, 107, 0) 100%); }

.theme-green #sidebar-nav ul > li > a.active i {
  color: #20bf6b; }

.theme-green .bg-primary {
  background-color: #20bf6b;
  color: #fff; }

.theme-green .card-primary {
  background-color: #20bf6b;
  color: #fff; }
  .theme-green .card-primary.card .card-title {
    color: #fff; }
    .theme-green .card-primary.card .card-title:after {
      background-color: #fff; }
  .theme-green .card-primary a {
    color: #fff; }

.theme-green .card .card-title {
  color: #20bf6b; }
  .theme-green .card .card-title:after {
    background-color: #20bf6b; }

.theme-green .btn-primary {
  background-color: #20bf6b;
  border-color: #20bf6b; }
  .theme-green .btn-primary:hover {
    background-color: #199353;
    border-color: #199353; }
  .theme-green .btn-primary.focus, .theme-green .btn-primary:focus {
    color: #fff;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(32, 191, 107, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(32, 191, 107, 0.5); }

.theme-green .btn-primary:not(:disabled):not(.disabled).active,
.theme-green .btn-primary:not(:disabled):not(.disabled):active,
.theme-green .show > .btn-primary.dropdown-toggle {
  background-color: #20bf6b;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(32, 191, 107, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(32, 191, 107, 0.5); }

.theme-green #revenue-chart .ct-series-a .ct-area {
  fill: #20bf6b; }

.theme-green #revenue-chart .ct-series-a .ct-line {
  stroke: #20bf6b; }

.theme-green .table-primary, .theme-green .table-primary > td, .theme-green .table-primary > th {
  background-color: transparent; }

.theme-green .table-primary th, .theme-green .table-primary td {
  border: none; }

.theme-green .table-primary th {
  background-color: #20bf6b;
  color: #fff; }

.theme-green .table-primary tbody tr:nth-child(even) {
  background-color: #abf1cc; }

.theme-green .owl-dot-primary.owl-theme .owl-dots .owl-dot span {
  background: #20bf6b; }

.theme-purple #sidebar-nav ul > li.active > a {
  color: #8854d0 !important;
  border-color: #8854d0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(136, 84, 208, 0.15)), to(rgba(136, 84, 208, 0)));
  background: linear-gradient(to right, rgba(136, 84, 208, 0.15) 0%, rgba(136, 84, 208, 0) 100%); }

.theme-purple #sidebar-nav ul > li > a.active i {
  color: #8854d0; }

.theme-purple .bg-primary {
  background-color: #8854d0;
  color: #fff; }

.theme-purple .card-primary {
  background-color: #8854d0;
  color: #fff; }
  .theme-purple .card-primary.card .card-title {
    color: #fff; }
    .theme-purple .card-primary.card .card-title:after {
      background-color: #fff; }
  .theme-purple .card-primary a {
    color: #fff; }

.theme-purple .card .card-title {
  color: #8854d0; }
  .theme-purple .card .card-title:after {
    background-color: #8854d0; }

.theme-purple .btn-primary {
  background-color: #8854d0;
  border-color: #8854d0; }
  .theme-purple .btn-primary:hover {
    background-color: #6d34bd;
    border-color: #6d34bd; }
  .theme-purple .btn-primary.focus, .theme-purple .btn-primary:focus {
    color: #fff;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 84, 208, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(136, 84, 208, 0.5); }

.theme-purple .btn-primary:not(:disabled):not(.disabled).active,
.theme-purple .btn-primary:not(:disabled):not(.disabled):active,
.theme-purple .show > .btn-primary.dropdown-toggle {
  background-color: #8854d0;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 84, 208, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(136, 84, 208, 0.5); }

.theme-purple #revenue-chart .ct-series-a .ct-area {
  fill: #8854d0; }

.theme-purple #revenue-chart .ct-series-a .ct-line {
  stroke: #8854d0; }

.theme-purple .table-primary, .theme-purple .table-primary > td, .theme-purple .table-primary > th {
  background-color: transparent; }

.theme-purple .table-primary th, .theme-purple .table-primary td {
  border: none; }

.theme-purple .table-primary th {
  background-color: #8854d0;
  color: #fff; }

.theme-purple .table-primary tbody tr:nth-child(even) {
  background-color: #efe8f9; }

.theme-purple .owl-dot-primary.owl-theme .owl-dots .owl-dot span {
  background: #8854d0; }

.theme-pink #sidebar-nav ul > li.active > a {
  color: #f368e0 !important;
  border-color: #f368e0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(243, 104, 224, 0.15)), to(rgba(243, 104, 224, 0)));
  background: linear-gradient(to right, rgba(243, 104, 224, 0.15) 0%, rgba(243, 104, 224, 0) 100%); }

.theme-pink #sidebar-nav ul > li > a.active i {
  color: #f368e0; }

.theme-pink .bg-primary {
  background-color: #f368e0;
  color: #fff; }

.theme-pink .card-primary {
  background-color: #f368e0;
  color: #fff; }
  .theme-pink .card-primary.card .card-title {
    color: #fff; }
    .theme-pink .card-primary.card .card-title:after {
      background-color: #fff; }
  .theme-pink .card-primary a {
    color: #fff; }

.theme-pink .card .card-title {
  color: #f368e0; }
  .theme-pink .card .card-title:after {
    background-color: #f368e0; }

.theme-pink .btn-primary {
  background-color: #f368e0;
  border-color: #f368e0; }
  .theme-pink .btn-primary:hover {
    background-color: #ef39d6;
    border-color: #ef39d6; }
  .theme-pink .btn-primary.focus, .theme-pink .btn-primary:focus {
    color: #fff;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(243, 104, 224, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(243, 104, 224, 0.5); }

.theme-pink .btn-primary:not(:disabled):not(.disabled).active,
.theme-pink .btn-primary:not(:disabled):not(.disabled):active,
.theme-pink .show > .btn-primary.dropdown-toggle {
  background-color: #f368e0;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(243, 104, 224, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(243, 104, 224, 0.5); }

.theme-pink #revenue-chart .ct-series-a .ct-area {
  fill: #f368e0; }

.theme-pink #revenue-chart .ct-series-a .ct-line {
  stroke: #f368e0; }

.theme-pink .table-primary, .theme-pink .table-primary > td, .theme-pink .table-primary > th {
  background-color: transparent; }

.theme-pink .table-primary th, .theme-pink .table-primary td {
  border: none; }

.theme-pink .table-primary th {
  background-color: #f368e0;
  color: #fff; }

.theme-pink .table-primary tbody tr:nth-child(even) {
  background-color: white; }

.theme-pink .owl-dot-primary.owl-theme .owl-dots .owl-dot span {
  background: #f368e0; }

.theme-yellow #sidebar-nav ul > li.active > a {
  color: #fed330 !important;
  border-color: #fed330;
  background: -webkit-gradient(linear, left top, right top, from(rgba(254, 211, 48, 0.15)), to(rgba(254, 211, 48, 0)));
  background: linear-gradient(to right, rgba(254, 211, 48, 0.15) 0%, rgba(254, 211, 48, 0) 100%); }

.theme-yellow #sidebar-nav ul > li > a.active i {
  color: #fed330; }

.theme-yellow .bg-primary {
  background-color: #fed330;
  color: #fff; }

.theme-yellow .card-primary {
  background-color: #fed330;
  color: #fff; }
  .theme-yellow .card-primary.card .card-title {
    color: #fff; }
    .theme-yellow .card-primary.card .card-title:after {
      background-color: #fff; }
  .theme-yellow .card-primary a {
    color: #fff; }

.theme-yellow .card .card-title {
  color: #fed330; }
  .theme-yellow .card .card-title:after {
    background-color: #fed330; }

.theme-yellow .btn-primary {
  background-color: #fed330;
  border-color: #fed330; }
  .theme-yellow .btn-primary:hover {
    background-color: #fac601;
    border-color: #fac601; }
  .theme-yellow .btn-primary.focus, .theme-yellow .btn-primary:focus {
    color: #fff;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(254, 211, 48, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(254, 211, 48, 0.5); }

.theme-yellow .btn-primary:not(:disabled):not(.disabled).active,
.theme-yellow .btn-primary:not(:disabled):not(.disabled):active,
.theme-yellow .show > .btn-primary.dropdown-toggle {
  background-color: #fed330;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(254, 211, 48, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(254, 211, 48, 0.5); }

.theme-yellow #revenue-chart .ct-series-a .ct-area {
  fill: #fed330; }

.theme-yellow #revenue-chart .ct-series-a .ct-line {
  stroke: #fed330; }

.theme-yellow .table-primary, .theme-yellow .table-primary > td, .theme-yellow .table-primary > th {
  background-color: transparent; }

.theme-yellow .table-primary th, .theme-yellow .table-primary td {
  border: none; }

.theme-yellow .table-primary th {
  background-color: #fed330;
  color: #fff; }

.theme-yellow .table-primary tbody tr:nth-child(even) {
  background-color: #fffbec; }

.theme-yellow .owl-dot-primary.owl-theme .owl-dots .owl-dot span {
  background: #fed330; }

.theme-red #sidebar-nav ul > li.active > a {
  color: #eb3b5a !important;
  border-color: #eb3b5a;
  background: -webkit-gradient(linear, left top, right top, from(rgba(235, 59, 90, 0.15)), to(rgba(235, 59, 90, 0)));
  background: linear-gradient(to right, rgba(235, 59, 90, 0.15) 0%, rgba(235, 59, 90, 0) 100%); }

.theme-red #sidebar-nav ul > li > a.active i {
  color: #eb3b5a; }

.theme-red .bg-primary {
  background-color: #eb3b5a;
  color: #fff; }

.theme-red .card-primary {
  background-color: #eb3b5a;
  color: #fff; }
  .theme-red .card-primary.card .card-title {
    color: #fff; }
    .theme-red .card-primary.card .card-title:after {
      background-color: #fff; }
  .theme-red .card-primary a {
    color: #fff; }

.theme-red .card .card-title {
  color: #eb3b5a; }
  .theme-red .card .card-title:after {
    background-color: #eb3b5a; }

.theme-red .btn-primary {
  background-color: #eb3b5a;
  border-color: #eb3b5a; }
  .theme-red .btn-primary:hover {
    background-color: #dd1739;
    border-color: #dd1739; }
  .theme-red .btn-primary.focus, .theme-red .btn-primary:focus {
    color: #fff;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 59, 90, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(235, 59, 90, 0.5); }

.theme-red .btn-primary:not(:disabled):not(.disabled).active,
.theme-red .btn-primary:not(:disabled):not(.disabled):active,
.theme-red .show > .btn-primary.dropdown-toggle {
  background-color: #eb3b5a;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 59, 90, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(235, 59, 90, 0.5); }

.theme-red #revenue-chart .ct-series-a .ct-area {
  fill: #eb3b5a; }

.theme-red #revenue-chart .ct-series-a .ct-line {
  stroke: #eb3b5a; }

.theme-red .table-primary, .theme-red .table-primary > td, .theme-red .table-primary > th {
  background-color: transparent; }

.theme-red .table-primary th, .theme-red .table-primary td {
  border: none; }

.theme-red .table-primary th {
  background-color: #eb3b5a;
  color: #fff; }

.theme-red .table-primary tbody tr:nth-child(even) {
  background-color: #fce6ea; }

.theme-red .owl-dot-primary.owl-theme .owl-dots .owl-dot span {
  background: #eb3b5a; }

.theme-cyan #sidebar-nav ul > li.active > a {
  color: #17a2b8 !important;
  border-color: #17a2b8;
  background: -webkit-gradient(linear, left top, right top, from(rgba(23, 162, 184, 0.15)), to(rgba(23, 162, 184, 0)));
  background: linear-gradient(to right, rgba(23, 162, 184, 0.15) 0%, rgba(23, 162, 184, 0) 100%); }

.theme-cyan #sidebar-nav ul > li > a.active i {
  color: #17a2b8; }

.theme-cyan .bg-primary {
  background-color: #17a2b8;
  color: #fff; }

.theme-cyan .card-primary {
  background-color: #17a2b8;
  color: #fff; }
  .theme-cyan .card-primary.card .card-title {
    color: #fff; }
    .theme-cyan .card-primary.card .card-title:after {
      background-color: #fff; }
  .theme-cyan .card-primary a {
    color: #fff; }

.theme-cyan .card .card-title {
  color: #17a2b8; }
  .theme-cyan .card .card-title:after {
    background-color: #17a2b8; }

.theme-cyan .btn-primary {
  background-color: #17a2b8;
  border-color: #17a2b8; }
  .theme-cyan .btn-primary:hover {
    background-color: #117a8b;
    border-color: #117a8b; }
  .theme-cyan .btn-primary.focus, .theme-cyan .btn-primary:focus {
    color: #fff;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.theme-cyan .btn-primary:not(:disabled):not(.disabled).active,
.theme-cyan .btn-primary:not(:disabled):not(.disabled):active,
.theme-cyan .show > .btn-primary.dropdown-toggle {
  background-color: #17a2b8;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.theme-cyan #revenue-chart .ct-series-a .ct-area {
  fill: #17a2b8; }

.theme-cyan #revenue-chart .ct-series-a .ct-line {
  stroke: #17a2b8; }

.theme-cyan .table-primary, .theme-cyan .table-primary > td, .theme-cyan .table-primary > th {
  background-color: transparent; }

.theme-cyan .table-primary th, .theme-cyan .table-primary td {
  border: none; }

.theme-cyan .table-primary th {
  background-color: #17a2b8;
  color: #fff; }

.theme-cyan .table-primary tbody tr:nth-child(even) {
  background-color: #99e6f2; }

.theme-cyan .owl-dot-primary.owl-theme .owl-dots .owl-dot span {
  background: #17a2b8; }

/*!
 * -- 38. Dark Sidebar --
 * -------------------------------------------------- */
.theme-dark #sidebar {
  background-color: #212529;
  color: #fff; }
  .theme-dark #sidebar a {
    color: #fff; }

.theme-dark #sidebar-nav ul ul {
  background-color: rgba(255, 255, 255, 0.05); }

.theme-dark #sidebar-nav .nav-head {
  color: #fff; }
  .theme-dark #sidebar-nav .nav-head .head:before {
    background-color: #fff; }

.theme-dark #sidebar-nav ul > li > a.active {
  color: #dee2e6; }

.theme-dark .btn-border-blue {
  background-color: #212529; }
  .theme-dark .btn-border-blue:hover {
    background-color: #4b7bec; }

.theme-dark #sidebar #dark-logo {
  display: none; }

.theme-dark #sidebar #white-logo {
  display: block; }

header.position-absolute {
  z-index: 1000; }

.navbar .navbar-nav.home-navbar {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .navbar .navbar-nav.home-navbar .nav-link {
    padding-left: 16px;
    padding-right: 16px;
    font-weight: 600;
    text-transform: uppercase; }

#intro {
  padding-top: 128px;
  padding-bottom: 96px;
  background-color: #f6f8fe;
  text-align: center; }
  #intro .wrap {
    margin-bottom: 32px;
    font-size: 36px;
    color: #4b7bec; }

.mb-24 {
  margin-bottom: 24px; }

.mb-48 {
  margin-bottom: 48px; }

.home-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  align-items: center;
  font-size: 20px; }
  .home-logo:hover {
    color: #6c757d; }
  .home-logo img {
    max-width: 40px; }
  .home-logo span {
    margin-left: 8px; }

.btn-round {
  padding: 10px 32px;
  border-radius: 30px;
  font-weight: 600; }
  .btn-round.bg-white, .btn-round.bg-white:hover {
    color: #4b7bec; }

.tech, .tech li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .tech li + li, .tech li span li + li {
    margin-left: 16px; }
  .tech li span {
    width: 72px;
    height: 72px;
    border-radius: 50px;
    background-color: #d5e0fb;
    margin-top: 40px; }
    .tech li span img {
      max-width: 32px; }

.page-heading {
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 16px;
  margin-bottom: 64px;
  position: relative; }
  .page-heading:after {
    bottom: 0;
    left: 50%;
    margin-left: -16px;
    width: 32px;
    height: 2px;
    background-color: #4b7bec; }

.dashboard-block {
  padding-top: 96px;
  padding-bottom: 64px; }

.app-block {
  padding-top: 32px;
  padding-bottom: 16px; }

.dashboard-image {
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
  -webkit-transition: all .3s;
  transition: all .3s;
  margin-left: auto;
  margin-right: auto; }
  .dashboard-image:hover {
    -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.3); }

.app-image {
  -webkit-transition: all .3s;
  transition: all .3s;
  position: relative;
  top: 0;
  margin-left: auto;
  margin-right: auto; }
  .app-image:hover {
    top: -8px; }

#featured {
  padding-top: 32px;
  padding-bottom: 72px; }

.featured-card {
  background-color: #f6f8fe;
  border-radius: 4px;
  color: #4b7bec;
  padding: 40px 16px;
  text-align: center;
  height: 100%; }

.download-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  align-items: center;
  border-radius: 16px;
  padding: 48px 96px;
  background-color: #4b7bec; }
  .download-card .btn {
    -webkit-box-shadow: 0 2px 8px rgba(255, 255, 255, 0.3);
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.3);
    padding-top: 12px;
    padding-bottom: 12px; }
    .download-card .btn:hover {
      -webkit-box-shadow: 0 2px 8px rgba(255, 255, 255, 0.5);
      box-shadow: 0 2px 8px rgba(255, 255, 255, 0.5); }

.footer {
  padding-top: 96px;
  padding-bottom: 32px; }
  .footer .home-logo {
    margin-bottom: 24px; }

.company-info {
  margin-bottom: 24px; }
  .company-info li + li {
    margin-top: 8px; }

.footer-header {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.3);
  display: block;
  margin-bottom: 16px; }

.footer-link li + li {
  margin-top: 8px; }

.navbar-toggler-icon {
  position: relative; }

.navbar-toggler-icon:before,
.navbar-toggler-icon:after {
  height: 2px;
  background-color: #6c757d; }

.navbar-toggler-icon:before {
  top: 0;
  width: 100%; }

.navbar-toggler-icon:after {
  top: 10px;
  right: 0;
  width: 75%; }

@media (max-width: 992px) {
  .download-card {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .download-card .btn {
      margin-top: 32px; } }

@media (max-width: 767px) {
  #intro .wrap {
    font-size: 32px; }
  .download-card {
    padding-left: 32px;
    padding-right: 32px;
    text-align: center; }
  .footer-header {
    margin-top: 48px; } }

@media (max-width: 576px) {
  #intro .wrap {
    font-size: 24px; }
  .navbar-nav {
    margin-top: 8px;
    padding-top: 24px;
    padding-bottom: 32px;
    background-color: #fff; }
  .page-heading {
    font-size: 20px; } }

/*# sourceMappingURL=styles.css.map */