/*
 @Author: Mobythemes (mobythemes.com)
 This file contains the styling for the actual theme, this
 is the file you need to edit to change the look of the
 theme.
 However we used scss to make things easy to maintain, this is the compressed output, we recommend to edit the scss files and then recombile the files and add the result here.
 All files below are required to import in your app
*/
/*-----------------------------------------------------------------------------------*/
/*	01.	Theme Reset Style
/*-----------------------------------------------------------------------------------*/
/*************** 
Moby Theme Variables 
****************/
/***********************
  Global variables
***********************/
/***********************
  Media Queries
***********************/
/*************** 
Moby Theme Variables 
****************/
/***********************
  Global variables
***********************/
/***********************
  Media Queries
***********************/
/* @include transition(all,2s,ease-out); */
/**
*
* Typography
* Author: Mobythemes
* Email: info@mobythemes.com
* Website: mobythemes.com
* Version: 1.0
* Date: Tue Jan 14 2020
* Category: Pages
* Title: Typography styles
*
*/
/*************** 
Moby Theme Variables 
****************/
/***********************
  Global variables
***********************/
/***********************
  Media Queries
***********************/
@import url(./moby.css);
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.hero-heading {
  color: #202124; }
  @media (min-width: 320px) {
    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6,
    .hero-heading {
      font-size: 15px; } }

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  line-height: 20px;
  font-weight: 600; }

.hd-1,
.hd-2,
.hd-3,
.hd-4,
.hd-5,
.hd-6,
.hd-7,
.hd-8 {
  color: #202124; }

.hero-heading {
  font-size: 24px;
  font-weight: 600; }
  @media screen and (max-width: 480px) {
    .hero-heading {
      font-size: 18px; } }
  @media screen and (max-width: 768px) {
    .hero-heading {
      font-size: 18px; } }
  @media screen and (max-width: 1440px) {
    .hero-heading {
      font-size: 18px; } }

h1,
.h1,
.hd-1 {
  font-size: 22px;
  font-weight: 600; }

h2,
.h2,
.hd-2 {
  font-size: 18px;
  font-weight: 600;
  margin: 0; }
  @media screen and (max-width: 1023px) {
    h2,
    .h2,
    .hd-2 {
      font-size: 16px; } }
  @media screen and (max-width: 320px) {
    h2,
    .h2,
    .hd-2 {
      font-size: 12px; } }

@media screen and (max-width: 320px) {
  .sub-header-title {
    font-size: 15px; } }

@media screen and (max-width: 480px) {
  .sub-header-title {
    font-size: 15px; } }

@media screen and (max-width: 768px) {
  .sub-header-title {
    font-size: 15px; } }

h3,
.h3,
.hd-3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0; }
  @media screen and (max-width: 1440px) {
    h3,
    .h3,
    .hd-3 {
      font-size: 14px; } }
  @media screen and (max-width: 320px) {
    h3,
    .h3,
    .hd-3 {
      font-size: 13px; } }

h4,
.h4,
.hd-4 {
  color: #202124;
  font-size: 15px;
  font-weight: 600;
  margin: 0; }
  @media screen and (max-width: 1440px) {
    h4,
    .h4,
    .hd-4 {
      font-size: 13px; } }
  @media screen and (max-width: 320px) {
    h4,
    .h4,
    .hd-4 {
      font-size: 12px; } }

.hd-5,
.hd-6 {
  font-size: 14px; }

p,
.paragraph {
  font-size: 15px; }

p {
  font-size: 14px;
  margin-bottom: 0; }

a {
  color: #202124; }
  a:hover {
    color: #96a5ab; }

.paragraph {
  font-size: 14px; }

/*************** 
Moby Theme Variables 
****************/
/***********************
  Global variables
***********************/
/***********************
  Media Queries
***********************/
/*************** 
Moby Theme Variables 
****************/
/***********************
  Global variables
***********************/
/***********************
  Media Queries
***********************/
/* @include transition(all,2s,ease-out); */
/**
*
* Typography
* Author: Mobythemes
* Email: info@mobythemes.com
* Website: mobythemes.com
* Version: 1.0
* Date: Tue Jan 14 2020
* Category: Pages
* Title: Typography styles
*
*/
/*************** 
Moby Theme Variables 
****************/
/***********************
  Global variables
***********************/
/***********************
  Media Queries
***********************/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.hero-heading {
  color: #202124; }
  @media (min-width: 320px) {
    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6,
    .hero-heading {
      font-size: 15px; } }

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  line-height: 20px;
  font-weight: 600; }

.hd-1,
.hd-2,
.hd-3,
.hd-4,
.hd-5,
.hd-6,
.hd-7,
.hd-8 {
  color: #202124; }

.hero-heading {
  font-size: 24px;
  font-weight: 600; }
  @media screen and (max-width: 480px) {
    .hero-heading {
      font-size: 18px; } }
  @media screen and (max-width: 768px) {
    .hero-heading {
      font-size: 18px; } }
  @media screen and (max-width: 1440px) {
    .hero-heading {
      font-size: 18px; } }

h1,
.h1,
.hd-1 {
  font-size: 22px;
  font-weight: 600; }

h2,
.h2,
.hd-2 {
  font-size: 18px;
  font-weight: 600;
  margin: 0; }
  @media screen and (max-width: 1023px) {
    h2,
    .h2,
    .hd-2 {
      font-size: 16px; } }
  @media screen and (max-width: 320px) {
    h2,
    .h2,
    .hd-2 {
      font-size: 12px; } }

@media screen and (max-width: 320px) {
  .sub-header-title {
    font-size: 15px; } }

@media screen and (max-width: 480px) {
  .sub-header-title {
    font-size: 15px; } }

@media screen and (max-width: 768px) {
  .sub-header-title {
    font-size: 15px; } }

h3,
.h3,
.hd-3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0; }
  @media screen and (max-width: 1440px) {
    h3,
    .h3,
    .hd-3 {
      font-size: 14px; } }
  @media screen and (max-width: 320px) {
    h3,
    .h3,
    .hd-3 {
      font-size: 13px; } }

h4,
.h4,
.hd-4 {
  color: #202124;
  font-size: 15px;
  font-weight: 600;
  margin: 0; }
  @media screen and (max-width: 1440px) {
    h4,
    .h4,
    .hd-4 {
      font-size: 13px; } }
  @media screen and (max-width: 320px) {
    h4,
    .h4,
    .hd-4 {
      font-size: 12px; } }

.hd-5,
.hd-6 {
  font-size: 14px; }

p,
.paragraph {
  font-size: 15px; }

p {
  font-size: 14px;
  margin-bottom: 0; }

a {
  color: #202124; }
  a:hover {
    color: #96a5ab; }

.paragraph {
  font-size: 14px; }

.crypto {
  /** Crypto Page **/
  /** Crypto Page **/ }
  .crypto .crypto-multi-card {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05), 0 1px 20px 0 rgba(0, 0, 0, 0.05), 0px 1px 11px 0px rgba(0, 0, 0, 0.05); }
  .crypto .crypto-stock {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: none !important; }
    @media screen and (max-width: 991px) {
      .crypto .crypto-stock {
        border-radius: 4px 4px 0 0 !important; } }
    .crypto .crypto-stock .btn-group .btn-secondary {
      border: none;
      color: rgba(32, 33, 36, 0.7); }
    .crypto .crypto-stock .d-block {
      color: rgba(32, 33, 36, 0.7); }
      @media screen and (max-width: 480px) {
        .crypto .crypto-stock .d-block {
          margin-top: 10px; } }
    .crypto .crypto-stock .icon.icon-refresh_outlined icon {
      font-size: 16px; }
    .crypto .crypto-stock .stock-detail-holder {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 767px) {
        .crypto .crypto-stock .stock-detail-holder {
          margin-left: 0;
          margin-bottom: 10px;
          width: 45%; } }
      .crypto .crypto-stock .stock-detail-holder .stock-detail {
        line-height: 1;
        position: relative;
        padding-left: 20px;
        margin-left: 20px;
        border-left: 4px solid #e3e8ea;
        padding-left: 20px; }
        .crypto .crypto-stock .stock-detail-holder .stock-detail:first-child {
          margin-left: 0; }
        .crypto .crypto-stock .stock-detail-holder .stock-detail.danger {
          border-color: #ea4335; }
        .crypto .crypto-stock .stock-detail-holder .stock-detail.success {
          border-color: #34a853; }
        .crypto .crypto-stock .stock-detail-holder .stock-detail.warning {
          border-color: #fbbc05; }
        .crypto .crypto-stock .stock-detail-holder .stock-detail.primary {
          border-color: #206ef2; }
          .crypto .crypto-stock .stock-detail-holder .stock-detail.primary .stock-detail-title {
            color: #689df6; }
        @media screen and (max-width: 1440px) {
          .crypto .crypto-stock .stock-detail-holder .stock-detail {
            padding-left: 5px; } }
        .crypto .crypto-stock .stock-detail-holder .stock-detail .stock-detail-title {
          margin-bottom: 15px; }
        .crypto .crypto-stock .stock-detail-holder .stock-detail .stock-detail-ratio {
          font-size: 16px;
          font-weight: 600;
          color: #202124;
          display: block;
          font-family: "Nunito Sans", sans-serif; }
          @media screen and (max-width: 400px) {
            .crypto .crypto-stock .stock-detail-holder .stock-detail .stock-detail-ratio {
              font-size: 12px; } }
  .crypto .favorite-currencies {
    margin-left: -1px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    box-shadow: none !important; }
    @media screen and (max-width: 991px) {
      .crypto .favorite-currencies {
        border-radius: 0 0 4px 4px !important;
        margin-top: -1px !important;
        margin-left: 0; } }
    .crypto .favorite-currencies .card-body {
      overflow: hidden;
      max-height: 460px;
      min-height: 460px;
      height: 100%; }
      .crypto .favorite-currencies .card-body .moby__page-view .list-item {
        transition: all ease-in-out .4s; }
        .crypto .favorite-currencies .card-body .moby__page-view .list-item:hover {
          transform: scale(1.02); }
      .crypto .favorite-currencies .card-body .moby__page-view .list-item-meta-description {
        line-height: 1.2; }
        @media (max-width: 991px) {
          .crypto .favorite-currencies .card-body .moby__page-view .list-item-meta-description {
            font-size: 14px; } }
      .crypto .favorite-currencies .card-body .moby__page-view .list-item-meta-content {
        flex: 1 1 0; }
        .crypto .favorite-currencies .card-body .moby__page-view .list-item-meta-content h4 {
          margin-bottom: 5px;
          line-height: 1.2; }
          @media (max-width: 991px) {
            .crypto .favorite-currencies .card-body .moby__page-view .list-item-meta-content h4 {
              font-size: 15px; } }
      .crypto .favorite-currencies .card-body .moby__page-view .list-item-meta-avatar {
        margin-right: 15px; }
        .crypto .favorite-currencies .card-body .moby__page-view .list-item-meta-avatar .icon {
          font-size: 25px; }
      .crypto .favorite-currencies .card-body .moby__page-view .moby__page-view-list .moby__page-view-num {
        margin-bottom: 5px; }
        @media (max-width: 991px) {
          .crypto .favorite-currencies .card-body .moby__page-view .moby__page-view-list .moby__page-view-num {
            font-size: 15px; } }
      @media (max-width: 991px) {
        .crypto .favorite-currencies .card-body .moby__page-view .moby__page-view-list .moby__page-view-rating {
          font-size: 14px; } }
  @media screen and (max-width: 1290px) {
    .crypto .bitcoin .view-list li {
      margin: 0 10px 15px; }
      .crypto .bitcoin .view-list li:after {
        left: -15px; } }
  .crypto .bitcoin .bitcoin-info .radio-btns.radio-btns-alternative .radio-btn label {
    margin: 0 0 5px; }
  @media (max-width: 1440px) {
    .crypto .bitcoin .graph-h > * {
      min-height: 340px !important; }
    .crypto .bitcoin .graph-h .apexcharts-canvas,
    .crypto .bitcoin .graph-h .apexcharts-svg {
      height: 325px !important; } }
  .crypto .percoin .percoin-info {
    padding: 0 20px 20px; }
    .crypto .percoin .percoin-info .percoin-title {
      font-size: 18px;
      display: block;
      margin-bottom: 10px; }
      @media screen and (max-width: 1440px) {
        .crypto .percoin .percoin-info .percoin-title {
          font-size: 16px; } }
    .crypto .percoin .percoin-info .percoin-subtitle {
      font-size: 18px;
      font-weight: 600; }
      @media screen and (max-width: 1440px) {
        .crypto .percoin .percoin-info .percoin-subtitle {
          font-size: 16px; } }
      .crypto .percoin .percoin-info .percoin-subtitle .icon {
        color: #202124;
        margin-right: 5px; }
        @media (max-width: 1440px) {
          .crypto .percoin .percoin-info .percoin-subtitle .icon {
            font-size: 13px; } }
  .crypto .percoin .view-list {
    margin: 0;
    justify-content: center !important; }
    .crypto .percoin .view-list li:after {
      background: #fbbc05; }
    .crypto .percoin .view-list li:first-child {
      padding-left: 0;
      margin-left: 0; }
    .crypto .percoin .view-list li:last-child {
      padding-right: 0;
      margin-right: 0; }
    @media screen and (max-width: 1440px) {
      .crypto .percoin .view-list li {
        padding: 0 10px;
        margin: 0 10px; }
        .crypto .percoin .view-list li:after {
          left: -10px; } }
    @media screen and (max-width: 1300px) {
      .crypto .percoin .view-list li {
        padding: 0 8px; }
        .crypto .percoin .view-list li:after {
          top: 0;
          left: -9px;
          transform: rotate(0deg);
          height: 100%; } }
    @media screen and (max-width: 1024px) {
      .crypto .percoin .view-list li {
        padding: 0 4px; } }
    @media screen and (max-width: 991px) {
      .crypto .percoin .view-list li {
        padding: 0 30px; }
        .crypto .percoin .view-list li:after {
          top: -8px;
          left: -4px;
          transform: rotate(30deg);
          height: 140%; } }
    @media screen and (max-width: 560px) {
      .crypto .percoin .view-list li {
        padding: 0 8px; }
        .crypto .percoin .view-list li:after {
          top: 0;
          left: -9px;
          transform: rotate(0deg);
          height: 100%; } }
    @media screen and (max-width: 480px) {
      .crypto .percoin .view-list li:after {
        left: -32px; } }
    @media screen and (max-width: 380px) {
      .crypto .percoin .view-list li:after {
        left: -22px; } }
    @media screen and (max-width: 320px) {
      .crypto .percoin .view-list li:after {
        left: -10px; } }
    @media screen and (max-width: 991px) {
      .crypto .percoin .view-list {
        justify-content: center !important; } }
    @media screen and (max-width: 560px) {
      .crypto .percoin .view-list {
        justify-content: space-between !important; } }
  .crypto .percoin .percoin-graph-detail {
    padding: 0 20px; }
    .crypto .percoin .percoin-graph-detail .title {
      font-size: 16px;
      color: #202124;
      display: inline-block;
      margin-bottom: 15px; }
      @media (max-width: 1370px) {
        .crypto .percoin .percoin-graph-detail .title {
          font-size: 14px; } }
    .crypto .percoin .percoin-graph-detail .subtitle {
      color: #96a5ab;
      display: inline-block;
      margin-bottom: 15px; }
      @media (max-width: 1370px) {
        .crypto .percoin .percoin-graph-detail .subtitle {
          font-size: 12px; } }
  .crypto .percoin .radio-btns.border-radios {
    border-top: 1px solid #e3e8ea;
    padding: 0 20px;
    margin-top: 10px; }
  .crypto .ether .ether-title {
    font-size: 18px;
    margin-bottom: .5em; }
    @media screen and (max-width: 1440px) {
      .crypto .ether .ether-title {
        font-size: 16px; } }
  .crypto .ether .ether-subtitle {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px; }
    @media screen and (max-width: 1440px) {
      .crypto .ether .ether-subtitle {
        margin-right: 10px;
        font-size: 14px; } }
  .crypto .ether .view-list {
    margin: 0;
    justify-content: center !important; }
    .crypto .ether .view-list li:after {
      background: #34a853; }
    .crypto .ether .view-list li:first-child {
      padding-left: 0;
      margin-left: 0; }
    .crypto .ether .view-list li:last-child {
      padding-right: 0;
      margin-right: 0; }
    @media screen and (max-width: 1440px) {
      .crypto .ether .view-list li {
        padding: 0 10px;
        margin: 0 10px; }
        .crypto .ether .view-list li:after {
          left: -10px; } }
    @media screen and (max-width: 1300px) {
      .crypto .ether .view-list li {
        padding: 0 8px; }
        .crypto .ether .view-list li:after {
          top: 0;
          left: -9px;
          transform: rotate(0deg);
          height: 100%; } }
    @media screen and (max-width: 1024px) {
      .crypto .ether .view-list li {
        padding: 0 4px; } }
    @media screen and (max-width: 991px) {
      .crypto .ether .view-list li {
        padding: 0 30px; }
        .crypto .ether .view-list li:after {
          top: -8px;
          left: -4px;
          transform: rotate(30deg);
          height: 140%; } }
    @media screen and (max-width: 560px) {
      .crypto .ether .view-list li {
        padding: 0 8px; }
        .crypto .ether .view-list li:after {
          top: 0;
          left: -9px;
          transform: rotate(0deg);
          height: 100%; } }
    @media screen and (max-width: 480px) {
      .crypto .ether .view-list li:after {
        left: -32px; } }
    @media screen and (max-width: 380px) {
      .crypto .ether .view-list li:after {
        left: -22px; } }
    @media screen and (max-width: 320px) {
      .crypto .ether .view-list li:after {
        left: -10px; } }
    @media screen and (max-width: 991px) {
      .crypto .ether .view-list {
        justify-content: center !important; } }
    @media screen and (max-width: 560px) {
      .crypto .ether .view-list {
        justify-content: space-between !important; } }
  .crypto .ether .radio-btns.border-radios {
    border-top: 1px solid #e3e8ea;
    padding: 0 20px;
    margin-top: 10px; }
  @media (max-width: 1550px) {
    .crypto .ether .graph-h > div {
      min-height: 220px !important; }
      .crypto .ether .graph-h > div .apexcharts-canvas {
        height: 258px !important; }
        .crypto .ether .graph-h > div .apexcharts-canvas .apexcharts-svg {
          height: 258px !important; } }
  @media (max-width: 1370px) {
    .crypto .ether .graph-h > div {
      min-height: 250px !important; }
      .crypto .ether .graph-h > div .apexcharts-canvas {
        height: 276px !important; }
        .crypto .ether .graph-h > div .apexcharts-canvas .apexcharts-svg {
          height: 276px !important; } }
  .crypto .mob__revenue-stats {
    margin-bottom: 30px;
    background-color: #76a6f7;
    border-radius: 4px; }
    @media (max-width: 991px) {
      .crypto .mob__revenue-stats .stats-revenue.pd-r-20, .crypto .mob__revenue-stats .stats-revenue.pd-l-20 {
        padding: 0 20px !important; } }
    @media screen and (max-width: 991px) {
      .crypto .mob__revenue-stats .stats-revenue.pd-r-20, .crypto .mob__revenue-stats .stats-revenue.pd-l-20 {
        flex-flow: row wrap; } }
    @media (max-width: 991px) {
      .crypto .mob__revenue-stats .stats-revenue.pd-l-20 {
        padding: 20px 15px !important; } }
    @media (max-width: 991px) {
      .crypto .mob__revenue-stats .stats-revenue.pd-r-20 {
        padding: 0 15px 20px !important; } }
    .crypto .mob__revenue-stats .stats-revenue .stats {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 991px) {
        .crypto .mob__revenue-stats .stats-revenue .stats {
          flex-flow: wrap; } }
      .crypto .mob__revenue-stats .stats-revenue .stats .iconstyle .icon-circle-holder {
        width: 70px;
        height: 70px;
        line-height: 80px;
        background: #689df6;
        margin-right: 30px;
        border-radius: 50%;
        text-align: center; }
        @media screen and (max-width: 480px) {
          .crypto .mob__revenue-stats .stats-revenue .stats .iconstyle .icon-circle-holder {
            margin-right: 15px; } }
        .crypto .mob__revenue-stats .stats-revenue .stats .iconstyle .icon-circle-holder .icon {
          color: #fff;
          font-size: 26px; }
      .crypto .mob__revenue-stats .stats-revenue .stats .graph-h {
        width: 400px; }
        @media (max-width: 991px) {
          .crypto .mob__revenue-stats .stats-revenue .stats .graph-h {
            width: 100%;
            margin-top: 20px; } }
        .crypto .mob__revenue-stats .stats-revenue .stats .graph-h .apexcharts-xaxis-label {
          fill: #fff !important;
          font-family: "Nunito Sans", sans-serif !important; }
      .crypto .mob__revenue-stats .stats-revenue .stats .product-detail {
        flex: 1 1 100%; }
        @media (max-width: 991px) {
          .crypto .mob__revenue-stats .stats-revenue .stats .product-detail {
            flex: 1 1 50%; } }
        .crypto .mob__revenue-stats .stats-revenue .stats .product-detail .subtitle {
          display: block;
          font-size: 14px;
          margin-right: 30px; }
        .crypto .mob__revenue-stats .stats-revenue .stats .product-detail .product-detail2 {
          display: flex;
          justify-content: space-between; }
          .crypto .mob__revenue-stats .stats-revenue .stats .product-detail .product-detail2 .title {
            display: inline-block; }
          .crypto .mob__revenue-stats .stats-revenue .stats .product-detail .product-detail2 .subtitle {
            opacity: 0.7; }
            @media screen and (max-width: 400px) {
              .crypto .mob__revenue-stats .stats-revenue .stats .product-detail .product-detail2 .subtitle {
                margin-right: 30px; } }
  .crypto .customer-statistics .stat-info h3 {
    margin-bottom: 10px;
    font-size: 16px; }
  .crypto .bitcoin-market .market-info h3 {
    font-size: 16px;
    margin-bottom: 5px; }
  .crypto .crypto-pie .graph-h .apexcharts-inner {
    transform: translate(0px, 30px) !important; }
  .crypto .wallet .legend-list-holder .legend-list-item {
    width: 33%; }
    @media (max-width: 1023px) {
      .crypto .wallet .legend-list-holder .legend-list-item {
        width: 15%; } }
    @media (max-width: 550px) {
      .crypto .wallet .legend-list-holder .legend-list-item {
        width: 100%; } }
  .crypto .wallet .detail-list {
    display: flex;
    width: 100%;
    text-align: center; }
    .crypto .wallet .detail-list li {
      width: 33.33%;
      padding: 15px 20px;
      border-top: 1px solid #e3e8ea;
      border-right: 1px solid #e3e8ea; }
      .crypto .wallet .detail-list li:nth-child(3) {
        border-right: none; }
      @media (max-width: 400px) {
        .crypto .wallet .detail-list li {
          padding: 15px; } }
    .crypto .wallet .detail-list .sales-number {
      font-size: 18px;
      font-weight: 600;
      color: #202124;
      display: block; }
      @media screen and (max-width: 1440px) {
        .crypto .wallet .detail-list .sales-number {
          font-size: 16px; } }
    .crypto .wallet .detail-list .sales-title {
      color: #96a5ab;
      font-size: 13px; }

body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  background: #fff;
  line-height: 20px; }
  body a {
    text-decoration: none;
    transition: all ease-in-out 0.4s;
    color: #99a8ae; }
    body a:hover {
      color: #202124;
      text-decoration: none; }
  body img {
    max-width: 100%; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }

code {
  color: #ea4335;
  font-size: 14px;
  font-family: "Nunito Sans", sans-serif; }

strong {
  font-weight: 600; }

.cursor-pointer {
  cursor: pointer; }

.flex {
  display: flex;
  justify-content: center; }

.flex-row {
  flex-direction: row; }

.overflow-h {
  overflow: hidden; }

/** Loader **/
.loading-container {
  height: 100vh;
  width: 100vw;
  background: #f9fafa;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999; }

/** Loader **/
/** Perfact Scrollbar **/
.ps__thumb-x,
.ps__thumb-y {
  background-color: transparent !important; }

/** Perfact Scrollbar **/
.d-block {
  display: block; }

.d-inline-block {
  display: inline-block; }

.box-shadow {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05), 0 1px 20px 0 rgba(0, 0, 0, 0.05), 0px 1px 11px 0px rgba(0, 0, 0, 0.05); }

.z-index-1 {
  z-index: 1 !important; }

.transition {
  transition: all ease-in-out 0.4s; }

.p-relative {
  position: relative; }

.p-absolute {
  position: absolute; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.modal-backdrop {
  z-index: 999999 !important; }

/** Animation **/
.heartbeat {
  animation: heartbeat 1s infinite alternate; }

@keyframes heartbeat {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }

@-webkit-keyframes heartbeat {
  to {
    -webkit-transform: scale(1.1); } }

.rotate {
  -webkit-animation-name: rotateme;
  animation-name: rotateme;
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

/** Animation Ends **/
/***********************
    Moby Theme CSS
***********************/
.moby__theme_ui {
  /* Icons */
  /* /.Icons */
  /** Overlay **/
  /** Overlay Ends **/
  /** Font Weight **/
  /** Font Weight **/
  /** Theme Padding **/
  /** /.Theme Padding **/
  /** Theme Margin **/
  /** /.Theme Margin **/
  /** Theme Text Color **/
  /** Theme Text Color **/
  /** Theme Background Color **/
  /** /.Theme Background Color **/
  /** Circle Progress Bar **/
  /** /.Circle Progress Bar **/
  /** line Progress Bar **/
  /** line Progress Bar Ends **/
  /** Progress Bar **/
  /** Progress Bar Ends **/
  /** Theme Buttons **/
  /** Theme Buttons Ends **/
  /** Theme Buttons Group Ends **/
  /** Theme Buttons Groups Ends **/
  /** Theme Modal **/
  /** Theme Modal Ends **/
  /** Theme Avatar **/
  /** Theme Avatar **/
  /** Theme Tabs **/
  /** Theme Tabs Ends **/
  /** Accordion **/
  /** Accordion **/
  /** Theme Form Control **/
  /** Theme Form Control Ends **/
  /** Range **/
  /** Range **/
  /** Theme Tags List **/
  /** Theme Tags List Ends **/
  /** Theme Typography **/
  /** Theme Typography Ends **/
  /** Theme Alerts **/
  /** Theme Alerts Ends **/
  /** Theme Swithces **/
  /** Theme Swithces **/
  /** Theme Input group Ends **/
  /** Theme Input group Ends **/
  /** Theme Spinner **/
  /** Theme Spinner Ends **/
  /** Theme Navbar **/
  /** Theme Navbar Ends **/
  /** Theme DateTime Picker **/
  /** Theme DateTime Picker Ends **/
  /** Theme Breadcrumb **/
  /** Theme Breadcrumb Ends **/
  /** Theme Badge **/
  /** Ends Theme Badge **/
  /** Theme Jumbotron **/
  /** Theme Jumbotron Ends **/
  /** Empty **/
  /** Empty **/
  /** Theme List **/
  /** Theme List Ends **/
  /** Theme Navbar **/
  /** Theme Navbar Ends **/
  /** Pagination **/
  /** Pagination Ends **/
  /** Cards **/
  /** Cards Ends **/
  /** Tabs Ends **/
  /** Timeline **/
  /** Timeline Ends **/
  /** Timeline Alternative **/
  /** Timeline Alternative Ends **/ }
  .moby__theme_ui .icon {
    font-size: 16px;
    color: #96a5ab;
    transition: all ease-in-out 0.4s; }
    .moby__theme_ui .icon.success {
      color: #34a853; }
    .moby__theme_ui .icon.warning {
      color: #fbbc05; }
    .moby__theme_ui .icon.danger {
      color: #ea4335; }
    .moby__theme_ui .icon.primary {
      color: #689df6; }
    .moby__theme_ui .icon.black {
      color: #202124; }
  .moby__theme_ui .menu-list {
    display: inline-flex;
    vertical-align: middle;
    margin-left: 5px; }
  .moby__theme_ui .overlay {
    position: relative; }
    .moby__theme_ui .overlay:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3); }
  .moby__theme_ui .f-w-600 {
    font-weight: 600; }
  .moby__theme_ui .pd-5 {
    padding: 5px; }
  .moby__theme_ui .pd-t-5 {
    padding-top: 5px; }
  .moby__theme_ui .pd-b-5 {
    padding-bottom: 5px; }
  .moby__theme_ui .pd-l-5 {
    padding-left: 5px; }
  .moby__theme_ui .pd-r-5 {
    padding-right: 5px; }
  .moby__theme_ui .pd-t-b-5 {
    padding: 5px 0; }
  .moby__theme_ui .pd-l-r-5 {
    padding: 0 5px; }
  .moby__theme_ui .pd-10 {
    padding: 10px; }
  .moby__theme_ui .pd-t-10 {
    padding-top: 10px; }
  .moby__theme_ui .pd-b-10 {
    padding-bottom: 10px; }
  .moby__theme_ui .pd-l-10 {
    padding-left: 10px; }
  .moby__theme_ui .pd-r-10 {
    padding-right: 10px; }
  .moby__theme_ui .pd-t-b-10 {
    padding: 10px 0; }
  .moby__theme_ui .pd-l-r-10 {
    padding: 0 10px; }
  .moby__theme_ui .pd-15 {
    padding: 15px; }
  .moby__theme_ui .pd-t-15 {
    padding-top: 15px; }
  .moby__theme_ui .pd-b-15 {
    padding-bottom: 15px; }
  .moby__theme_ui .pd-l-15 {
    padding-left: 15px; }
  .moby__theme_ui .pd-r-15 {
    padding-right: 15px; }
  .moby__theme_ui .pd-t-b-15 {
    padding: 15px 0; }
  .moby__theme_ui .pd-l-r-15 {
    padding: 0 15px; }
  .moby__theme_ui .pd-20 {
    padding: 20px; }
  .moby__theme_ui .pd-t-20 {
    padding-top: 20px; }
  .moby__theme_ui .pd-b-20 {
    padding-bottom: 20px; }
  .moby__theme_ui .pd-l-20 {
    padding-left: 20px; }
  .moby__theme_ui .pd-r-20 {
    padding-right: 20px; }
  .moby__theme_ui .pd-t-b-20 {
    padding: 20px 0; }
  .moby__theme_ui .pd-l-r-20 {
    padding: 0 20px; }
  .moby__theme_ui .pd-30 {
    padding: 30px; }
  .moby__theme_ui .pd-t-30 {
    padding-top: 30px; }
  .moby__theme_ui .pd-b-30 {
    padding-bottom: 30px; }
  .moby__theme_ui .pd-l-30 {
    padding-left: 30px; }
  .moby__theme_ui .pd-r-30 {
    padding-right: 30px; }
  .moby__theme_ui .pd-t-b-30 {
    padding: 30px 0; }
  .moby__theme_ui .pd-l-r-30 {
    padding: 0 30px; }
  .moby__theme_ui .pd-40 {
    padding: 40px; }
  .moby__theme_ui .pd-t-40 {
    padding-top: 40px; }
  .moby__theme_ui .pd-b-40 {
    padding-bottom: 40px; }
  .moby__theme_ui .pd-l-40 {
    padding-left: 40px; }
  .moby__theme_ui .pd-r-40 {
    padding-right: 40px; }
  .moby__theme_ui .pd-t-b-40 {
    padding: 40px 0; }
  .moby__theme_ui .pd-l-r-40 {
    padding: 0 40px; }
  .moby__theme_ui .pd-0 {
    padding: 0 !important; }
  .moby__theme_ui .pd-b-0 {
    padding-bottom: 0 !important; }
  .moby__theme_ui .pd-t-0 {
    padding-top: 0 !important; }
  .moby__theme_ui .pd-l-0 {
    padding-left: 0 !important; }
  .moby__theme_ui .pd-r-0 {
    padding-right: 0 !important; }
  .moby__theme_ui .mr-5 {
    margin: 5px; }
  .moby__theme_ui .mr-t-5 {
    margin-top: 5px; }
  .moby__theme_ui .mr-b-5 {
    margin-bottom: 5px; }
  .moby__theme_ui .mr-l-5 {
    margin-left: 5px; }
  .moby__theme_ui .mr-r-5 {
    margin-right: 5px; }
  .moby__theme_ui .mr-t-b-5 {
    margin: 5px 0; }
  .moby__theme_ui .mr-l-r-5 {
    margin: 0 5px; }
  .moby__theme_ui .mr-10 {
    margin: 10px; }
  .moby__theme_ui .mr-t-10 {
    margin-top: 10px; }
  .moby__theme_ui .mr-b-10 {
    margin-bottom: 10px; }
  .moby__theme_ui .mr-l-10 {
    margin-left: 10px; }
  .moby__theme_ui .mr-r-10 {
    margin-right: 10px; }
  .moby__theme_ui .mr-t-b-10 {
    margin: 10px 0; }
  .moby__theme_ui .mr-l-r-10 {
    margin: 0 10px; }
  .moby__theme_ui .mr-15 {
    margin: 15px; }
  .moby__theme_ui .mr-t-15 {
    margin-top: 15px; }
  .moby__theme_ui .mr-b-15 {
    margin-bottom: 15px; }
  .moby__theme_ui .mr-l-15 {
    margin-left: 15px; }
  .moby__theme_ui .mr-r-15 {
    margin-right: 15px; }
  .moby__theme_ui .mr-t-b-15 {
    margin: 15px 0; }
  .moby__theme_ui .mr-l-r-15 {
    margin: 0 15px; }
  .moby__theme_ui .mr-20 {
    margin: 20px; }
  .moby__theme_ui .mr-t-20 {
    margin-top: 20px; }
  .moby__theme_ui .mr-b-20 {
    margin-bottom: 20px; }
  .moby__theme_ui .mr-l-20 {
    margin-left: 20px; }
  .moby__theme_ui .mr-r-20 {
    margin-right: 20px; }
  .moby__theme_ui .mr-t-b-20 {
    margin: 20px 0; }
  .moby__theme_ui .mr-l-r-20 {
    margin: 0 20px; }
  .moby__theme_ui .mr-30 {
    margin: 30px; }
  .moby__theme_ui .mr-t-30 {
    margin-top: 30px; }
  .moby__theme_ui .mr-b-30 {
    margin-bottom: 30px; }
  .moby__theme_ui .mr-l-30 {
    margin-left: 30px; }
  .moby__theme_ui .mr-r-30 {
    margin-right: 30px; }
  .moby__theme_ui .mr-t-b-30 {
    margin: 30px 0; }
  .moby__theme_ui .mr-l-r-30 {
    margin: 0 30px; }
  .moby__theme_ui .mr-40 {
    margin: 40px; }
  .moby__theme_ui .mr-t-40 {
    margin-top: 40px; }
  .moby__theme_ui .mr-b-40 {
    margin-bottom: 40px; }
  .moby__theme_ui .mr-l-40 {
    margin-left: 40px; }
  .moby__theme_ui .mr-r-40 {
    margin-right: 40px; }
  .moby__theme_ui .mr-t-b-40 {
    margin: 40px 0; }
  .moby__theme_ui .mr-l-r-40 {
    margin: 0 40px; }
  .moby__theme_ui .mr-0 {
    margin: 0 !important; }
  .moby__theme_ui .mr-b-0 {
    margin-bottom: 0 !important; }
  .moby__theme_ui .mr-t-0 {
    margin-top: 0 !important; }
  .moby__theme_ui .mr-l-0 {
    margin-left: 0 !important; }
  .moby__theme_ui .mr-r-0 {
    margin-right: 0 !important; }
  .moby__theme_ui .h-100 {
    height: 100% !important; }
  .moby__theme_ui .h-30-px {
    height: 30px; }
  .moby__theme_ui .h-50-px {
    height: 50px; }
  .moby__theme_ui .h-100-px {
    height: 100px; }
  .moby__theme_ui .h-200-px {
    height: 200px; }
  .moby__theme_ui .h-210-px {
    height: 210px; }
  .moby__theme_ui .h-300-px {
    height: 300px; }
  .moby__theme_ui .h-400-px {
    height: 400px; }
  .moby__theme_ui .w-100 {
    width: 100% !important; }
  .moby__theme_ui .w-30-px {
    width: 30px; }
  .moby__theme_ui .w-50-px {
    width: 50px; }
  .moby__theme_ui .w-100-px {
    width: 100px; }
  .moby__theme_ui .w-200-px {
    width: 200px; }
  .moby__theme_ui .w-210-px {
    width: 210px; }
  .moby__theme_ui .w-300-px {
    width: 300px; }
  .moby__theme_ui .w-400-px {
    width: 400px; }
    @media (max-width: 480px) {
      .moby__theme_ui .w-400-px {
        width: 100%; } }
  .moby__theme_ui .border-0 {
    border: 0 !important; }
  .moby__theme_ui .border {
    border: 1px solid #e3e8ea !important; }
  .moby__theme_ui .border-top {
    border-top: 1px solid #e3e8ea !important; }
  .moby__theme_ui .border-bottom {
    border-bottom: 1px solid #e3e8ea !important; }
  .moby__theme_ui .border-left {
    border-left: 1px solid #e3e8ea !important; }
  .moby__theme_ui .border-right {
    border-right: 1px solid #e3e8ea !important; }
  .moby__theme_ui .border-white {
    border: 1px solid #fff !important; }
  .moby__theme_ui .border-top-white {
    border-top: 1px solid #fff !important; }
  .moby__theme_ui .border-bottom-white {
    border-bottom: 1px solid #fff !important; }
  .moby__theme_ui .border-left-white {
    border-left: 1px solid #fff !important; }
  .moby__theme_ui .border-right-white {
    border-right: 1px solid #fff !important; }
  .moby__theme_ui .border-black {
    border: 1px solid #202124 !important; }
  .moby__theme_ui .border-top-black {
    border-top: 1px solid #202124 !important; }
  .moby__theme_ui .border-bottom-black {
    border-bottom: 1px solid #202124 !important; }
  .moby__theme_ui .border-left-black {
    border-left: 1px solid #202124 !important; }
  .moby__theme_ui .border-right-black {
    border-right: 1px solid #202124 !important; }
  .moby__theme_ui .border-danger {
    border: 1px solid #ea4335 !important; }
  .moby__theme_ui .border-top-danger {
    border-top: 1px solid #ea4335 !important; }
  .moby__theme_ui .border-bottom-danger {
    border-bottom: 1px solid #ea4335 !important; }
  .moby__theme_ui .border-left-danger {
    border-left: 1px solid #ea4335 !important; }
  .moby__theme_ui .border-right-danger {
    border-right: 1px solid #ea4335 !important; }
  .moby__theme_ui .border-primary {
    border: 1px solid #689df6 !important; }
  .moby__theme_ui .border-top-primary {
    border-top: 1px solid #689df6 !important; }
  .moby__theme_ui .border-bottom-primary {
    border-bottom: 1px solid #689df6 !important; }
  .moby__theme_ui .border-left-primary {
    border-left: 1px solid #689df6 !important; }
  .moby__theme_ui .border-right-primary {
    border-right: 1px solid #689df6 !important; }
  .moby__theme_ui .border-success {
    border: 1px solid #34a853 !important; }
  .moby__theme_ui .border-top-success {
    border-top: 1px solid #34a853 !important; }
  .moby__theme_ui .border-bottom-success {
    border-bottom: 1px solid #34a853 !important; }
  .moby__theme_ui .border-left-success {
    border-left: 1px solid #34a853 !important; }
  .moby__theme_ui .border-right-success {
    border-right: 1px solid #34a853 !important; }
  .moby__theme_ui .border-warning {
    border: 1px solid #fbbc05 !important; }
  .moby__theme_ui .border-top-warning {
    border-top: 1px solid #fbbc05 !important; }
  .moby__theme_ui .border-bottom-warning {
    border-bottom: 1px solid #fbbc05 !important; }
  .moby__theme_ui .border-left-warning {
    border-left: 1px solid #fbbc05 !important; }
  .moby__theme_ui .border-right-warning {
    border-right: 1px solid #fbbc05 !important; }
  .moby__theme_ui .border-white-2 {
    border: 2px solid #fff !important; }
  .moby__theme_ui .border-top-white-2 {
    border-top: 2px solid #fff !important; }
  .moby__theme_ui .border-bottom-white-2 {
    border-bottom: 2px solid #fff !important; }
  .moby__theme_ui .border-left-white-2 {
    border-left: 2px solid #fff !important; }
  .moby__theme_ui .border-right-white-2 {
    border-right: 2px solid #fff !important; }
  .moby__theme_ui .border-black-2 {
    border: 2px solid #202124 !important; }
  .moby__theme_ui .border-top-black-2 {
    border-top: 2px solid #202124 !important; }
  .moby__theme_ui .border-bottom-black-2 {
    border-bottom: 2px solid #202124 !important; }
  .moby__theme_ui .border-left-black-2 {
    border-left: 2px solid #202124 !important; }
  .moby__theme_ui .border-right-black-2 {
    border-right: 2px solid #202124 !important; }
  .moby__theme_ui .border-danger-2 {
    border: 2px solid #ea4335 !important; }
  .moby__theme_ui .border-top-danger-2 {
    border-top: 2px solid #ea4335 !important; }
  .moby__theme_ui .border-bottom-danger-2 {
    border-bottom: 2px solid #ea4335 !important; }
  .moby__theme_ui .border-left-danger-2 {
    border-left: 2px solid #ea4335 !important; }
  .moby__theme_ui .border-right-danger-2 {
    border-right: 2px solid #ea4335 !important; }
  .moby__theme_ui .border-primary-2 {
    border: 2px solid #689df6 !important; }
  .moby__theme_ui .border-top-primary-2 {
    border-top: 2px solid #689df6 !important; }
  .moby__theme_ui .border-bottom-primary-2 {
    border-bottom: 2px solid #689df6 !important; }
  .moby__theme_ui .border-left-primary-2 {
    border-left: 2px solid #689df6 !important; }
  .moby__theme_ui .border-right-primary-2 {
    border-right: 2px solid #689df6 !important; }
  .moby__theme_ui .border-success-2 {
    border: 2px solid #34a853 !important; }
  .moby__theme_ui .border-top-success-2 {
    border-top: 2px solid #34a853 !important; }
  .moby__theme_ui .border-bottom-success-2 {
    border-bottom: 2px solid #34a853 !important; }
  .moby__theme_ui .border-left-success-2 {
    border-left: 2px solid #34a853 !important; }
  .moby__theme_ui .border-right-success-2 {
    border-right: 2px solid #34a853 !important; }
  .moby__theme_ui .border-warning-2 {
    border: 2px solid #fbbc05 !important; }
  .moby__theme_ui .border-top-warning-2 {
    border-top: 2px solid #fbbc05 !important; }
  .moby__theme_ui .border-bottom-warning-2 {
    border-bottom: 2px solid #fbbc05 !important; }
  .moby__theme_ui .border-left-warning-2 {
    border-left: 2px solid #fbbc05 !important; }
  .moby__theme_ui .border-right-warning-2 {
    border-right: 2px solid #fbbc05 !important; }
  .moby__theme_ui .border-radius {
    border-radius: 4px; }
  .moby__theme_ui .border-left-top-bottom {
    border-radius: 0px 4px 4px 0px !important; }
  .moby__theme_ui .border-right-top-bottom {
    border-radius: 4px 0px 0px 4px !important; }
  .moby__theme_ui .border-r-0 {
    border-radius: 0 !important; }
  .moby__theme_ui .text-white {
    color: #fff !important; }
  .moby__theme_ui .text-black {
    color: #202124 !important; }
  .moby__theme_ui .text-normal {
    color: #96a5ab !important; }
  .moby__theme_ui .text-danger {
    color: #ea4335 !important; }
  .moby__theme_ui .text-primary {
    color: #689df6 !important; }
  .moby__theme_ui .text-success {
    color: #34a853 !important; }
  .moby__theme_ui .text-warning {
    color: #fbbc05 !important; }
  .moby__theme_ui .bg-black {
    background: #202124; }
  .moby__theme_ui .bg-white {
    background: #fff; }
  .moby__theme_ui .bg-base-light {
    background: #f9fafa; }
  .moby__theme_ui .bg-base {
    background: #f5f7f7; }
  .moby__theme_ui .bg-danger {
    background: #ea4335; }
  .moby__theme_ui .bg-primary {
    background: #689df6 !important; }
  .moby__theme_ui .bg-success {
    background: #34a853; }
  .moby__theme_ui .bg-warning {
    background: #fbbc05; }
  .moby__theme_ui .bg-info {
    background: #00cccc !important; }
  .moby__theme_ui .circle-progress-bar {
    margin-bottom: 30px; }
    .moby__theme_ui .circle-progress-bar .progress {
      width: 100px;
      height: 100px;
      line-height: 130px;
      background: none;
      margin: 0 auto;
      box-shadow: none;
      position: relative; }
      .moby__theme_ui .circle-progress-bar .progress:after {
        transition: all ease-in-out 0.5s;
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 5px solid #f5f7f7;
        position: absolute;
        top: 0;
        left: 0; }
      .moby__theme_ui .circle-progress-bar .progress > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1; }
      .moby__theme_ui .circle-progress-bar .progress .progress-bar {
        width: 100%;
        height: 100%;
        background: none;
        border-width: 4px;
        border-style: solid;
        position: absolute;
        top: 0; }
      .moby__theme_ui .circle-progress-bar .progress .progress-left {
        left: 0; }
        .moby__theme_ui .circle-progress-bar .progress .progress-left .progress-bar {
          left: 100%;
          border-top-right-radius: 75px;
          border-bottom-right-radius: 75px;
          border-left: 0;
          -webkit-transform-origin: center left;
          transform-origin: center left; }
      .moby__theme_ui .circle-progress-bar .progress .progress-right {
        right: 0; }
        .moby__theme_ui .circle-progress-bar .progress .progress-right .progress-bar {
          left: -100%;
          border-top-left-radius: 75px;
          border-bottom-left-radius: 75px;
          border-right: 0;
          -webkit-transform-origin: center right;
          transform-origin: center right; }
      .moby__theme_ui .circle-progress-bar .progress .progress-value {
        display: flex;
        border-radius: 50%;
        font-size: 36px;
        text-align: center;
        line-height: 20px;
        align-items: center;
        justify-content: center;
        height: 100%;
        font-weight: 300;
        width: 100%; }
        .moby__theme_ui .circle-progress-bar .progress .progress-value .icon {
          color: #E5E1E1;
          font-size: 30.8px;
          transition: all ease-in-out 0.5s; }
    .moby__theme_ui .circle-progress-bar .progress[data-percentage="10"] .progress-right .progress-bar {
      animation: loading-1 1.5s linear forwards; }
    .moby__theme_ui .circle-progress-bar .progress[data-percentage="10"] .progress-left .progress-bar {
      animation: 0; }
    .moby__theme_ui .circle-progress-bar .progress[data-percentage="20"] .progress-right .progress-bar {
      animation: loading-2 1.5s linear forwards; }
    .moby__theme_ui .circle-progress-bar .progress[data-percentage="20"] .progress-left .progress-bar {
      animation: 0; }
    .moby__theme_ui .circle-progress-bar .progress[data-percentage="30"] .progress-right .progress-bar {
      animation: loading-3 1.5s linear forwards; }
    .moby__theme_ui .circle-progress-bar .progress[data-percentage="30"] .progress-left .progress-bar {
      animation: 0; }
    .moby__theme_ui .circle-progress-bar .progress[data-percentage="40"] .progress-right .progress-bar {
      animation: loading-4 1.5s linear forwards; }
    .moby__theme_ui .circle-progress-bar .progress[data-percentage="40"] .progress-left .progress-bar {
      animation: 0; }
    .moby__theme_ui .circle-progress-bar .progress[data-percentage="50"] .progress-right .progress-bar {
      animation: loading-5 1.5s linear forwards; }
    .moby__theme_ui .circle-progress-bar .progress[data-percentage="50"] .progress-left .progress-bar {
      animation: 0; }
    .moby__theme_ui .circle-progress-bar .progress[data-percentage="60"] .progress-right .progress-bar {
      animation: loading-5 1.5s linear forwards; }
    .moby__theme_ui .circle-progress-bar .progress[data-percentage="60"] .progress-left .progress-bar {
      animation: loading-1 1.5s linear forwards 1.5s; }
    .moby__theme_ui .circle-progress-bar .progress[data-percentage="70"] .progress-right .progress-bar {
      animation: loading-5 1.5s linear forwards; }
    .moby__theme_ui .circle-progress-bar .progress[data-percentage="70"] .progress-left .progress-bar {
      animation: loading-2 1.5s linear forwards 1.5s; }
    .moby__theme_ui .circle-progress-bar .progress[data-percentage="80"] .progress-right .progress-bar {
      animation: loading-5 1.5s linear forwards; }
    .moby__theme_ui .circle-progress-bar .progress[data-percentage="80"] .progress-left .progress-bar {
      animation: loading-3 1.5s linear forwards 1.5s; }
    .moby__theme_ui .circle-progress-bar .progress[data-percentage="90"] .progress-right .progress-bar {
      animation: loading-5 1.5s linear forwards; }
    .moby__theme_ui .circle-progress-bar .progress[data-percentage="90"] .progress-left .progress-bar {
      animation: loading-4 1.5s linear forwards 1.5s; }
    .moby__theme_ui .circle-progress-bar .progress[data-percentage="100"] .progress-right .progress-bar {
      animation: loading-5 1.5s linear forwards; }
    .moby__theme_ui .circle-progress-bar .progress[data-percentage="100"] .progress-left .progress-bar {
      animation: loading-5 1.5s linear forwards 1.5s; }

@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(36);
    transform: rotate(36deg); } }

@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(72);
    transform: rotate(72deg); } }

@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(108);
    transform: rotate(108deg); } }

@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(144);
    transform: rotate(144deg); } }

@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(180);
    transform: rotate(180deg); } }
  .moby__theme_ui .inline-progress {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .moby__theme_ui .inline-progress .progress-value {
      font-size: 14px;
      display: block;
      text-align: right;
      margin-left: 10px; }
    .moby__theme_ui .inline-progress .progress {
      flex: 1 1; }
  .moby__theme_ui .progress {
    height: 15px;
    border-radius: 100px; }
    .moby__theme_ui .progress .progress-bar {
      background-color: #689df6; }
    .moby__theme_ui .progress.danger .progress-bar {
      background-color: #ea4335; }
    .moby__theme_ui .progress.warning .progress-bar {
      background-color: #fbbc05; }
    .moby__theme_ui .progress.success .progress-bar {
      background-color: #34a853; }
    .moby__theme_ui .progress.info .progress-bar {
      background-color: #00cccc; }
  .moby__theme_ui .btn {
    line-height: 30px;
    padding: 0 12px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #e3e8ea;
    background: #f5f7f7;
    color: #202124;
    font-weight: 600;
    box-shadow: none;
    outline: none; }
    .moby__theme_ui .btn:hover {
      background: #e3e8ea;
      color: #202124; }
    .moby__theme_ui .btn:focus {
      box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0) !important; }
    .moby__theme_ui .btn .icon {
      color: #202124;
      margin-right: 5px;
      font-size: 14px; }
    .moby__theme_ui .btn.btn-danger {
      background: #ea4335;
      border-color: #bf2114;
      color: #fff; }
      .moby__theme_ui .btn.btn-danger:hover {
        background-color: #d62516;
        border-color: #a81d11; }
      .moby__theme_ui .btn.btn-danger .icon {
        color: #fff; }
    .moby__theme_ui .btn.btn-primary {
      background: #689df6;
      border-color: #206ef2;
      color: #fff; }
      .moby__theme_ui .btn.btn-primary:hover {
        background-color: #387ef3;
        border-color: #0e60ea; }
      .moby__theme_ui .btn.btn-primary .icon {
        color: #fff; }
    .moby__theme_ui .btn.btn-warning {
      background: #fbbc05;
      border-color: #b18403;
      color: #fff; }
      .moby__theme_ui .btn.btn-warning:hover {
        color: #fff;
        background-color: #ca9703;
        border-color: #987102; }
      .moby__theme_ui .btn.btn-warning .icon {
        color: #fff; }
    .moby__theme_ui .btn.btn-success {
      background: #34a853;
      border-color: #226e36;
      color: #fff; }
      .moby__theme_ui .btn.btn-success:hover {
        background-color: #288140;
        border-color: #1c5a2d; }
      .moby__theme_ui .btn.btn-success .icon {
        color: #fff; }
    .moby__theme_ui .btn.btn-boxshadow {
      box-shadow: 0 7px 17px -6px rgba(0, 0, 0, 0.3);
      transition: all ease-in-out .6s; }
      .moby__theme_ui .btn.btn-boxshadow:hover, .moby__theme_ui .btn.btn-boxshadow:focus {
        box-shadow: none; }
    .moby__theme_ui .btn.btn-boxshadow-danger {
      box-shadow: 0 7px 17px -6px rgba(234, 67, 53, 0.7);
      transition: all ease-in-out .6s; }
      .moby__theme_ui .btn.btn-boxshadow-danger:hover, .moby__theme_ui .btn.btn-boxshadow-danger:focus {
        box-shadow: none; }
    .moby__theme_ui .btn.btn-boxshadow-primary {
      box-shadow: 0 7px 17px -6px rgba(104, 157, 246, 0.7);
      transition: all ease-in-out .6s; }
      .moby__theme_ui .btn.btn-boxshadow-primary:hover, .moby__theme_ui .btn.btn-boxshadow-primary:focus {
        box-shadow: none; }
    .moby__theme_ui .btn.btn-boxshadow-warning {
      box-shadow: 0 7px 17px -6px rgba(251, 188, 5, 0.7);
      transition: all ease-in-out .6s; }
      .moby__theme_ui .btn.btn-boxshadow-warning:hover, .moby__theme_ui .btn.btn-boxshadow-warning:focus {
        box-shadow: none; }
    .moby__theme_ui .btn.btn-boxshadow-success {
      box-shadow: 0 7px 17px -6px rgba(52, 168, 83, 0.7);
      transition: all ease-in-out .6s; }
      .moby__theme_ui .btn.btn-boxshadow-success:hover, .moby__theme_ui .btn.btn-boxshadow-success:focus {
        box-shadow: none; }
    .moby__theme_ui .btn.plus-btn {
      font-size: 20px; }
    .moby__theme_ui .btn.btn-link {
      background: transparent;
      border-color: transparent;
      color: #689df6; }
    .moby__theme_ui .btn.btn-secondary {
      background: transparent; }
      .moby__theme_ui .btn.btn-secondary:hover {
        color: #fff;
        background-color: #7a8d94;
        border-color: #61737a; }
        .moby__theme_ui .btn.btn-secondary:hover .icon {
          color: #fff; }
    .moby__theme_ui .btn.btn-outline {
      color: #202124;
      background-color: transparent;
      background-image: none;
      border-color: #202124; }
      .moby__theme_ui .btn.btn-outline .icon {
        color: #202124; }
    .moby__theme_ui .btn.btn-outline-primary {
      color: #689df6;
      background-color: transparent;
      background-image: none;
      border-color: #689df6; }
      .moby__theme_ui .btn.btn-outline-primary .icon {
        color: #689df6; }
      .moby__theme_ui .btn.btn-outline-primary:hover {
        background-color: #689df6;
        color: #fff;
        border-color: #206ef2; }
        .moby__theme_ui .btn.btn-outline-primary:hover .icon {
          color: #fff; }
    .moby__theme_ui .btn.btn-outline-secondary {
      color: #96a5ab;
      background-color: transparent;
      background-image: none;
      border-color: #96a5ab; }
      .moby__theme_ui .btn.btn-outline-secondary .icon {
        color: #96a5ab; }
      .moby__theme_ui .btn.btn-outline-secondary:hover {
        background-color: #96a5ab;
        color: #fff;
        border-color: #6d8088; }
        .moby__theme_ui .btn.btn-outline-secondary:hover .icon {
          color: #fff; }
    .moby__theme_ui .btn.btn-outline-success {
      color: #34a853;
      background-color: transparent;
      background-image: none;
      border-color: #34a853; }
      .moby__theme_ui .btn.btn-outline-success .icon {
        color: #34a853; }
      .moby__theme_ui .btn.btn-outline-success:hover {
        background-color: #34a853;
        color: #fff;
        border-color: #226e36; }
        .moby__theme_ui .btn.btn-outline-success:hover .icon {
          color: #fff; }
    .moby__theme_ui .btn.btn-outline-danger {
      color: #ea4335;
      background-color: transparent;
      background-image: none;
      border-color: #ea4335; }
      .moby__theme_ui .btn.btn-outline-danger .icon {
        color: #ea4335; }
      .moby__theme_ui .btn.btn-outline-danger:hover {
        background-color: #ea4335;
        color: #fff;
        border-color: #bf2114; }
        .moby__theme_ui .btn.btn-outline-danger:hover .icon {
          color: #fff; }
    .moby__theme_ui .btn.btn-outline-warning {
      color: #fbbc05;
      background-color: transparent;
      background-image: none;
      border-color: #fbbc05; }
      .moby__theme_ui .btn.btn-outline-warning .icon {
        color: #fbbc05; }
      .moby__theme_ui .btn.btn-outline-warning:hover {
        color: #fff;
        background-color: #fbbc05;
        color: #fff;
        border-color: #b18403; }
        .moby__theme_ui .btn.btn-outline-warning:hover .icon {
          color: #fff; }
    .moby__theme_ui .btn.btn-outline-info {
      color: #00cccc;
      background-color: transparent;
      background-image: none;
      border-color: #00cccc; }
      .moby__theme_ui .btn.btn-outline-info .icon {
        color: #00cccc; }
      .moby__theme_ui .btn.btn-outline-info:hover {
        background-color: #00cccc;
        color: #fff;
        border-color: teal; }
        .moby__theme_ui .btn.btn-outline-info:hover .icon {
          color: #fff; }
    .moby__theme_ui .btn.btn-filled {
      background: #202124 !important;
      color: #fff !important; }
      .moby__theme_ui .btn.btn-filled .icon,
      .moby__theme_ui .btn.btn-filled .anticon {
        color: #fff !important; }
      .moby__theme_ui .btn.btn-filled:hover {
        opacity: .7; }
      .moby__theme_ui .btn.btn-filled.btn-primary {
        background: #689df6 !important;
        color: #fff !important; }
        .moby__theme_ui .btn.btn-filled.btn-primary .icon,
        .moby__theme_ui .btn.btn-filled.btn-primary .anticon {
          color: #fff !important; }
        .moby__theme_ui .btn.btn-filled.btn-primary:hover {
          opacity: .7; }
      .moby__theme_ui .btn.btn-filled.btn-danger {
        background: #ea4335 !important;
        color: #fff !important; }
        .moby__theme_ui .btn.btn-filled.btn-danger .icon,
        .moby__theme_ui .btn.btn-filled.btn-danger .anticon {
          color: #fff !important; }
        .moby__theme_ui .btn.btn-filled.btn-danger:hover {
          opacity: .7; }
      .moby__theme_ui .btn.btn-filled.btn-success {
        background: #34a853 !important;
        color: #fff !important; }
        .moby__theme_ui .btn.btn-filled.btn-success .icon,
        .moby__theme_ui .btn.btn-filled.btn-success .anticon {
          color: #fff !important; }
        .moby__theme_ui .btn.btn-filled.btn-success:hover {
          opacity: .7; }
      .moby__theme_ui .btn.btn-filled.btn-warning {
        background: #fbbc05 !important;
        color: #fff !important; }
        .moby__theme_ui .btn.btn-filled.btn-warning .icon,
        .moby__theme_ui .btn.btn-filled.btn-warning .anticon {
          color: #fff !important; }
        .moby__theme_ui .btn.btn-filled.btn-warning:hover {
          opacity: .7; }
    .moby__theme_ui .btn.btn-outline-dark {
      color: #202124;
      background-color: transparent;
      background-image: none;
      border-color: #202124; }
      .moby__theme_ui .btn.btn-outline-dark .icon {
        color: #202124; }
      .moby__theme_ui .btn.btn-outline-dark:hover {
        background-color: #030304;
        border-color: black; }
    .moby__theme_ui .btn.btn-sm {
      line-height: 26px;
      font-size: 12px; }
      .moby__theme_ui .btn.btn-sm .icon {
        font-size: 12px;
        margin-left: 10px;
        vertical-align: middle; }
    .moby__theme_ui .btn.btn-lg {
      padding: 0 12px;
      line-height: 38px;
      height: 40px;
      font-size: 16px;
      border-radius: 4px; }
    .moby__theme_ui .btn.btn-circle {
      min-width: 32px;
      line-height: 32px;
      height: 32px;
      border-radius: 50%;
      text-align: center;
      padding: 0; }
      .moby__theme_ui .btn.btn-circle .icon {
        margin: 0; }
    .moby__theme_ui .btn.btn-round {
      border-radius: 30px; }
  .moby__theme_ui .btn-group.btn-group-flex-flow {
    flex-flow: row wrap; }
    .moby__theme_ui .btn-group.btn-group-flex-flow > .btn {
      flex: 1 1 100%; }
  .moby__theme_ui .modal {
    z-index: 9999999 !important; }
  .moby__theme_ui .modal-dialog .modal-body 
  {
    /* padding: 20px;  */
  }

    .moby__theme_ui .modal-dialog .modal-body .form-control {
      height: 40px; }
  .moby__theme_ui .modal-dialog .moby__filter-btn-holder {
    width: 100%;
    text-align: left;
    padding: 10px;
    background: transparent; }
  .moby__theme_ui .modal-dialog .btn,
  .moby__theme_ui .modal-dialog .input-number {
    height: 40px; }
  .moby__theme_ui .modal-dialog .btn-number i {
    color: #202124; }
  .moby__theme_ui .modal-dialog .minus-txt {
    font-size: 35px;
    font-weight: 300; }
  .moby__theme_ui .modal-dialog .upload-links-row li {
    float: left;
    margin-left: 15px; }
    .moby__theme_ui .modal-dialog .upload-links-row li:first-child {
      margin: 0; }
    .moby__theme_ui .modal-dialog .upload-links-row li a {
      margin: 0 10px; }
  .moby__theme_ui .modal-dialog .upload-links-row:after {
    content: "";
    display: table;
    clear: both; }
  .moby__theme_ui .modal-dialog .form-group {
    margin-bottom: 25px; }
    .moby__theme_ui .modal-dialog .form-group:after {
      content: "";
      display: table;
      clear: both; }
    .moby__theme_ui .modal-dialog .form-group .form-group {
      margin: 0; }
  .moby__theme_ui .modal-dialog .invite-guests {
    position: relative; }
    .moby__theme_ui .modal-dialog .invite-guests .send-btn {
      position: absolute;
      top: 40px;
      right: 5px;
      height: 25px;
      width: 25px; }
  .moby__theme_ui .user-avatar,
  .moby__theme_ui .avatar {
    width: 35px;
    height: 35px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    font-size: 15px;
    vertical-align: top;
    margin-right: 13px;
    background: #f9fafa;
    border: 1px solid #e3e8ea;
    position: relative;
    color: #96a5ab; }
    .moby__theme_ui .user-avatar .icon,
    .moby__theme_ui .avatar .icon {
      color: #96a5ab; }
    .moby__theme_ui .user-avatar.danger,
    .moby__theme_ui .avatar.danger {
      background: #ea4335;
      color: #fff;
      border-color: #bf2114; }
      .moby__theme_ui .user-avatar.danger .icon,
      .moby__theme_ui .avatar.danger .icon {
        color: #fff; }
    .moby__theme_ui .user-avatar.warning,
    .moby__theme_ui .avatar.warning {
      background: #fbbc05;
      color: #fff;
      border-color: #b18403; }
      .moby__theme_ui .user-avatar.warning .icon,
      .moby__theme_ui .avatar.warning .icon {
        color: #fff; }
    .moby__theme_ui .user-avatar.primary,
    .moby__theme_ui .avatar.primary {
      background: #689df6;
      color: #fff;
      border-color: #206ef2; }
      .moby__theme_ui .user-avatar.primary .icon,
      .moby__theme_ui .avatar.primary .icon {
        color: #fff; }
    .moby__theme_ui .user-avatar.success,
    .moby__theme_ui .avatar.success {
      background: #34a853;
      color: #fff;
      border-color: #226e36; }
      .moby__theme_ui .user-avatar.success .icon,
      .moby__theme_ui .avatar.success .icon {
        color: #fff; }
    .moby__theme_ui .user-avatar.oval-blue,
    .moby__theme_ui .avatar.oval-blue {
      background: #00cccc;
      color: #fff;
      border-color: teal; }
      .moby__theme_ui .user-avatar.oval-blue .icon,
      .moby__theme_ui .avatar.oval-blue .icon {
        color: #fff; }
    .moby__theme_ui .user-avatar.avatar-sm,
    .moby__theme_ui .avatar.avatar-sm {
      width: 28px;
      height: 28px;
      line-height: 28px; }
    .moby__theme_ui .user-avatar.avatar-lg,
    .moby__theme_ui .avatar.avatar-lg {
      width: 55px;
      height: 55px;
      line-height: 55px; }
    .moby__theme_ui .user-avatar.avatar-xl,
    .moby__theme_ui .avatar.avatar-xl {
      width: 85px;
      height: 85px;
      line-height: 85px;
      font-size: 35px; }
      .moby__theme_ui .user-avatar.avatar-xl .show-dot,
      .moby__theme_ui .avatar.avatar-xl .show-dot {
        width: 20px;
        height: 20px;
        bottom: -7px; }
    .moby__theme_ui .user-avatar.square,
    .moby__theme_ui .avatar.square {
      border-radius: 0; }
    .moby__theme_ui .user-avatar .show-dot,
    .moby__theme_ui .avatar .show-dot {
      width: 10px;
      height: 10px;
      line-height: 10px;
      background: #f5f7f7;
      border-radius: 50%;
      position: absolute;
      bottom: -2px;
      border: 1px solid #fff;
      transform: translate(20%, -40%);
      right: 0; }
      .moby__theme_ui .user-avatar .show-dot.success,
      .moby__theme_ui .avatar .show-dot.success {
        background: #34a853; }
      .moby__theme_ui .user-avatar .show-dot.danger,
      .moby__theme_ui .avatar .show-dot.danger {
        background: #ea4335; }
      .moby__theme_ui .user-avatar .show-dot.warning,
      .moby__theme_ui .avatar .show-dot.warning {
        background: #fbbc05; }
      .moby__theme_ui .user-avatar .show-dot.primary,
      .moby__theme_ui .avatar .show-dot.primary {
        background: #689df6; }
    .moby__theme_ui .user-avatar.avatar-img,
    .moby__theme_ui .avatar.avatar-img {
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: 50% 50%; }
  .moby__theme_ui .nav-pills,
  .moby__theme_ui .nav-tabs {
    border-bottom: 1px solid #e3e8ea;
    margin-bottom: 30px; }
    .moby__theme_ui .nav-pills .tag,
    .moby__theme_ui .nav-tabs .tag {
      display: inline-block;
      font-size: 14px;
      line-height: 22px;
      padding: 0 7px;
      margin-left: 8px;
      border-radius: 3px;
      color: #689df6;
      background: #f5f7f7;
      border: 1px solid #e3e8ea; }
      @media screen and (max-width: 768px) {
        .moby__theme_ui .nav-pills .tag,
        .moby__theme_ui .nav-tabs .tag {
          margin-left: 5px;
          font-size: 12px; } }
    .moby__theme_ui .nav-pills .dropdown .dropdown-toggle[aria-expanded="true"],
    .moby__theme_ui .nav-tabs .dropdown .dropdown-toggle[aria-expanded="true"] {
      color: #689df6 !important; }
    .moby__theme_ui .nav-pills .dropdown .dropdown-toggle:after,
    .moby__theme_ui .nav-tabs .dropdown .dropdown-toggle:after {
      top: 23px; }
    .moby__theme_ui .nav-pills .dropdown.show .dropdown-toggle,
    .moby__theme_ui .nav-tabs .dropdown.show .dropdown-toggle {
      border: 0 !important; }
    .moby__theme_ui .nav-pills .nav-link,
    .moby__theme_ui .nav-tabs .nav-link {
      background: transparent;
      border-color: transparent;
      padding: 15px 0;
      margin-right: 20px;
      color: #202124; }
      @media screen and (max-width: 768px) {
        .moby__theme_ui .nav-pills .nav-link,
        .moby__theme_ui .nav-tabs .nav-link {
          margin-right: 10px; } }
      @media screen and (max-width: 320px) {
        .moby__theme_ui .nav-pills .nav-link,
        .moby__theme_ui .nav-tabs .nav-link {
          margin-right: 5px; } }
      .moby__theme_ui .nav-pills .nav-link.active, .moby__theme_ui .nav-pills .nav-link:hover,
      .moby__theme_ui .nav-tabs .nav-link.active,
      .moby__theme_ui .nav-tabs .nav-link:hover {
        background: transparent;
        color: #689df6;
        border-bottom: 2px solid #689df6;
        margin-bottom: -1px;
        border-radius: 4px 4px 0 0; }
        .moby__theme_ui .nav-pills .nav-link.active .tag, .moby__theme_ui .nav-pills .nav-link:hover .tag,
        .moby__theme_ui .nav-tabs .nav-link.active .tag,
        .moby__theme_ui .nav-tabs .nav-link:hover .tag {
          background: #689df6;
          color: #fff;
          border-color: #387ef3; }
      @media (max-width: 567px) {
        .moby__theme_ui .nav-pills .nav-link,
        .moby__theme_ui .nav-tabs .nav-link {
          padding: 15px 1px;
          font-size: 12px; } }
      .moby__theme_ui .nav-pills .nav-link .icon,
      .moby__theme_ui .nav-tabs .nav-link .icon {
        margin-right: 10px;
        font-size: 16px; }
    .moby__theme_ui .nav-pills.nav-danger .tag,
    .moby__theme_ui .nav-tabs.nav-danger .tag {
      color: #ea4335; }
    .moby__theme_ui .nav-pills.nav-danger .dropdown .dropdown-toggle[aria-expanded="true"],
    .moby__theme_ui .nav-tabs.nav-danger .dropdown .dropdown-toggle[aria-expanded="true"] {
      color: #ea4335 !important; }
    .moby__theme_ui .nav-pills.nav-danger .dropdown.show .dropdown-toggle,
    .moby__theme_ui .nav-tabs.nav-danger .dropdown.show .dropdown-toggle {
      border: 0 !important; }
    .moby__theme_ui .nav-pills.nav-danger .nav-link.active, .moby__theme_ui .nav-pills.nav-danger .nav-link:hover,
    .moby__theme_ui .nav-tabs.nav-danger .nav-link.active,
    .moby__theme_ui .nav-tabs.nav-danger .nav-link:hover {
      color: #ea4335;
      border-bottom-color: #ea4335; }
      .moby__theme_ui .nav-pills.nav-danger .nav-link.active .tag, .moby__theme_ui .nav-pills.nav-danger .nav-link:hover .tag,
      .moby__theme_ui .nav-tabs.nav-danger .nav-link.active .tag,
      .moby__theme_ui .nav-tabs.nav-danger .nav-link:hover .tag {
        background: #ea4335;
        color: #fff;
        border-color: #d62516; }
    .moby__theme_ui .nav-pills.nav-success .tag,
    .moby__theme_ui .nav-tabs.nav-success .tag {
      color: #34a853; }
    .moby__theme_ui .nav-pills.nav-success .dropdown .dropdown-toggle[aria-expanded="true"],
    .moby__theme_ui .nav-tabs.nav-success .dropdown .dropdown-toggle[aria-expanded="true"] {
      color: #34a853 !important; }
    .moby__theme_ui .nav-pills.nav-success .dropdown.show .dropdown-toggle,
    .moby__theme_ui .nav-tabs.nav-success .dropdown.show .dropdown-toggle {
      border: 0 !important; }
    .moby__theme_ui .nav-pills.nav-success .nav-link.active, .moby__theme_ui .nav-pills.nav-success .nav-link:hover,
    .moby__theme_ui .nav-tabs.nav-success .nav-link.active,
    .moby__theme_ui .nav-tabs.nav-success .nav-link:hover {
      color: #34a853;
      border-bottom-color: #34a853; }
      .moby__theme_ui .nav-pills.nav-success .nav-link.active .tag, .moby__theme_ui .nav-pills.nav-success .nav-link:hover .tag,
      .moby__theme_ui .nav-tabs.nav-success .nav-link.active .tag,
      .moby__theme_ui .nav-tabs.nav-success .nav-link:hover .tag {
        background: #34a853;
        color: #fff;
        border-color: #288140; }
    .moby__theme_ui .nav-pills.nav-warning .tag,
    .moby__theme_ui .nav-tabs.nav-warning .tag {
      color: #fbbc05; }
    .moby__theme_ui .nav-pills.nav-warning .dropdown .dropdown-toggle[aria-expanded="true"],
    .moby__theme_ui .nav-tabs.nav-warning .dropdown .dropdown-toggle[aria-expanded="true"] {
      color: #fbbc05 !important; }
    .moby__theme_ui .nav-pills.nav-warning .dropdown.show .dropdown-toggle,
    .moby__theme_ui .nav-tabs.nav-warning .dropdown.show .dropdown-toggle {
      border: 0 !important; }
    .moby__theme_ui .nav-pills.nav-warning .nav-link.active, .moby__theme_ui .nav-pills.nav-warning .nav-link:hover,
    .moby__theme_ui .nav-tabs.nav-warning .nav-link.active,
    .moby__theme_ui .nav-tabs.nav-warning .nav-link:hover {
      color: #fbbc05;
      border-bottom-color: #fbbc05; }
      .moby__theme_ui .nav-pills.nav-warning .nav-link.active .tag, .moby__theme_ui .nav-pills.nav-warning .nav-link:hover .tag,
      .moby__theme_ui .nav-tabs.nav-warning .nav-link.active .tag,
      .moby__theme_ui .nav-tabs.nav-warning .nav-link:hover .tag {
        background: #fbbc05;
        color: #fff;
        border-color: #ca9703; }
    .moby__theme_ui .nav-pills.nav-pills-alternative,
    .moby__theme_ui .nav-tabs.nav-pills-alternative {
      padding: 20px 20px 0; }
      @media screen and (max-width: 768px) {
        .moby__theme_ui .nav-pills.nav-pills-alternative,
        .moby__theme_ui .nav-tabs.nav-pills-alternative {
          padding: 10px 20px 0;
          margin-bottom: 20px;
          justify-content: flex-start; } }
      @media screen and (max-width: 480px) {
        .moby__theme_ui .nav-pills.nav-pills-alternative,
        .moby__theme_ui .nav-tabs.nav-pills-alternative {
          justify-content: space-between; } }
      .moby__theme_ui .nav-pills.nav-pills-alternative .nav-link,
      .moby__theme_ui .nav-tabs.nav-pills-alternative .nav-link {
        color: #96a5ab;
        font-size: 16px;
        font-weight: 600;
        padding: 5px 0 20px;
        margin-right: 15px; }
        .moby__theme_ui .nav-pills.nav-pills-alternative .nav-link.active, .moby__theme_ui .nav-pills.nav-pills-alternative .nav-link:hover,
        .moby__theme_ui .nav-tabs.nav-pills-alternative .nav-link.active,
        .moby__theme_ui .nav-tabs.nav-pills-alternative .nav-link:hover {
          color: #689df6; }
    .moby__theme_ui .nav-pills.nav-tabs-filled .dropdown .dropdown-toggle[aria-expanded="true"],
    .moby__theme_ui .nav-tabs.nav-tabs-filled .dropdown .dropdown-toggle[aria-expanded="true"] {
      color: #fff !important; }
    .moby__theme_ui .nav-pills.nav-tabs-filled .dropdown .dropdown-toggle:after,
    .moby__theme_ui .nav-tabs.nav-tabs-filled .dropdown .dropdown-toggle:after {
      top: 18px; }
    .moby__theme_ui .nav-pills.nav-tabs-filled .dropdown.show .dropdown-toggle,
    .moby__theme_ui .nav-tabs.nav-tabs-filled .dropdown.show .dropdown-toggle {
      background: #689df6 !important;
      color: #fff !important;
      border-color: #387ef3 !important; }
    .moby__theme_ui .nav-pills.nav-tabs-filled .nav-link,
    .moby__theme_ui .nav-tabs.nav-tabs-filled .nav-link {
      height: 40px;
      line-height: 40px;
      padding: 0 16px;
      border-radius: 4px 4px 0 0;
      border: 1px solid #e3e8ea;
      border-bottom-width: 0 !important;
      margin-right: 5px;
      background: #f9fafa;
      color: #202124; }
      .moby__theme_ui .nav-pills.nav-tabs-filled .nav-link.active, .moby__theme_ui .nav-pills.nav-tabs-filled .nav-link:hover,
      .moby__theme_ui .nav-tabs.nav-tabs-filled .nav-link.active,
      .moby__theme_ui .nav-tabs.nav-tabs-filled .nav-link:hover {
        background: #689df6;
        color: #fff;
        border-color: #387ef3;
        margin-bottom: 0; }
        .moby__theme_ui .nav-pills.nav-tabs-filled .nav-link.active .icon, .moby__theme_ui .nav-pills.nav-tabs-filled .nav-link:hover .icon,
        .moby__theme_ui .nav-tabs.nav-tabs-filled .nav-link.active .icon,
        .moby__theme_ui .nav-tabs.nav-tabs-filled .nav-link:hover .icon {
          color: #fff; }
      @media (max-width: 1200px) {
        .moby__theme_ui .nav-pills.nav-tabs-filled .nav-link,
        .moby__theme_ui .nav-tabs.nav-tabs-filled .nav-link {
          padding: 0 12px; } }
    .moby__theme_ui .nav-pills.nav-tabs-filled.nav-danger .dropdown .dropdown-toggle[aria-expanded="true"],
    .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-danger .dropdown .dropdown-toggle[aria-expanded="true"] {
      color: #fff !important; }
    .moby__theme_ui .nav-pills.nav-tabs-filled.nav-danger .dropdown .dropdown-toggle:after,
    .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-danger .dropdown .dropdown-toggle:after {
      top: 18px; }
    .moby__theme_ui .nav-pills.nav-tabs-filled.nav-danger .dropdown.show .dropdown-toggle,
    .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-danger .dropdown.show .dropdown-toggle {
      background: #ea4335 !important;
      color: #fff !important;
      border-color: #d62516 !important; }
    .moby__theme_ui .nav-pills.nav-tabs-filled.nav-danger .nav-link,
    .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-danger .nav-link {
      height: 40px;
      line-height: 40px;
      padding: 0 16px;
      border-radius: 4px 4px 0 0;
      border: 1px solid #e3e8ea;
      border-bottom-width: 0 !important;
      margin-right: 5px;
      background: #f9fafa;
      color: #202124; }
      .moby__theme_ui .nav-pills.nav-tabs-filled.nav-danger .nav-link.active, .moby__theme_ui .nav-pills.nav-tabs-filled.nav-danger .nav-link:hover,
      .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-danger .nav-link.active,
      .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-danger .nav-link:hover {
        background: #ea4335;
        color: #fff;
        border-color: #d62516;
        margin-bottom: 0; }
        .moby__theme_ui .nav-pills.nav-tabs-filled.nav-danger .nav-link.active .icon, .moby__theme_ui .nav-pills.nav-tabs-filled.nav-danger .nav-link:hover .icon,
        .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-danger .nav-link.active .icon,
        .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-danger .nav-link:hover .icon {
          color: #fff; }
      @media (max-width: 1200px) {
        .moby__theme_ui .nav-pills.nav-tabs-filled.nav-danger .nav-link,
        .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-danger .nav-link {
          padding: 0 12px; } }
    .moby__theme_ui .nav-pills.nav-tabs-filled.nav-success .dropdown .dropdown-toggle[aria-expanded="true"],
    .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-success .dropdown .dropdown-toggle[aria-expanded="true"] {
      color: #fff !important; }
    .moby__theme_ui .nav-pills.nav-tabs-filled.nav-success .dropdown .dropdown-toggle:after,
    .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-success .dropdown .dropdown-toggle:after {
      top: 18px; }
    .moby__theme_ui .nav-pills.nav-tabs-filled.nav-success .dropdown.show .dropdown-toggle,
    .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-success .dropdown.show .dropdown-toggle {
      background: #34a853 !important;
      color: #fff !important;
      border-color: #288140 !important; }
    .moby__theme_ui .nav-pills.nav-tabs-filled.nav-success .nav-link,
    .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-success .nav-link {
      height: 40px;
      line-height: 40px;
      padding: 0 16px;
      border-radius: 4px 4px 0 0;
      border: 1px solid #e3e8ea;
      border-bottom-width: 0 !important;
      margin-right: 5px;
      background: #f9fafa;
      color: #202124; }
      .moby__theme_ui .nav-pills.nav-tabs-filled.nav-success .nav-link.active, .moby__theme_ui .nav-pills.nav-tabs-filled.nav-success .nav-link:hover,
      .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-success .nav-link.active,
      .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-success .nav-link:hover {
        background: #34a853;
        color: #fff;
        border-color: #288140;
        margin-bottom: 0; }
        .moby__theme_ui .nav-pills.nav-tabs-filled.nav-success .nav-link.active .icon, .moby__theme_ui .nav-pills.nav-tabs-filled.nav-success .nav-link:hover .icon,
        .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-success .nav-link.active .icon,
        .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-success .nav-link:hover .icon {
          color: #fff; }
      @media (max-width: 1200px) {
        .moby__theme_ui .nav-pills.nav-tabs-filled.nav-success .nav-link,
        .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-success .nav-link {
          padding: 0 12px; } }
    .moby__theme_ui .nav-pills.nav-tabs-filled.nav-warning .dropdown .dropdown-toggle[aria-expanded="true"],
    .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-warning .dropdown .dropdown-toggle[aria-expanded="true"] {
      color: #fff !important; }
    .moby__theme_ui .nav-pills.nav-tabs-filled.nav-warning .dropdown .dropdown-toggle:after,
    .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-warning .dropdown .dropdown-toggle:after {
      top: 18px; }
    .moby__theme_ui .nav-pills.nav-tabs-filled.nav-warning .dropdown.show .dropdown-toggle,
    .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-warning .dropdown.show .dropdown-toggle {
      background: #fbbc05 !important;
      color: #fff !important;
      border-color: #ca9703 !important; }
    .moby__theme_ui .nav-pills.nav-tabs-filled.nav-warning .nav-link,
    .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-warning .nav-link {
      height: 40px;
      line-height: 40px;
      padding: 0 16px;
      border-radius: 4px 4px 0 0;
      border: 1px solid #e3e8ea;
      border-bottom-width: 0 !important;
      margin-right: 5px;
      background: #f9fafa;
      color: #202124; }
      .moby__theme_ui .nav-pills.nav-tabs-filled.nav-warning .nav-link.active, .moby__theme_ui .nav-pills.nav-tabs-filled.nav-warning .nav-link:hover,
      .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-warning .nav-link.active,
      .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-warning .nav-link:hover {
        background: #fbbc05;
        color: #fff;
        border-color: #ca9703;
        margin-bottom: 0; }
        .moby__theme_ui .nav-pills.nav-tabs-filled.nav-warning .nav-link.active .icon, .moby__theme_ui .nav-pills.nav-tabs-filled.nav-warning .nav-link:hover .icon,
        .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-warning .nav-link.active .icon,
        .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-warning .nav-link:hover .icon {
          color: #fff; }
      @media (max-width: 1200px) {
        .moby__theme_ui .nav-pills.nav-tabs-filled.nav-warning .nav-link,
        .moby__theme_ui .nav-tabs.nav-tabs-filled.nav-warning .nav-link {
          padding: 0 12px; } }
    .moby__theme_ui .nav-pills.flex-column,
    .moby__theme_ui .nav-tabs.flex-column {
      margin-bottom: 0;
      border-bottom: 0; }
      .moby__theme_ui .nav-pills.flex-column .nav-link,
      .moby__theme_ui .nav-tabs.flex-column .nav-link {
        margin-right: 0;
        max-height: 52px;
        min-height: 52px; }
        .moby__theme_ui .nav-pills.flex-column .nav-link:hover,
        .moby__theme_ui .nav-tabs.flex-column .nav-link:hover {
          margin-bottom: 0; }
      .moby__theme_ui .nav-pills.flex-column.nav-tabs-filled .nav-link,
      .moby__theme_ui .nav-tabs.flex-column.nav-tabs-filled .nav-link {
        line-height: 52px;
        border-radius: 4px;
        margin-bottom: 10px;
        border: 1px solid #e3e8ea !important; }
        .moby__theme_ui .nav-pills.flex-column.nav-tabs-filled .nav-link:last-child,
        .moby__theme_ui .nav-tabs.flex-column.nav-tabs-filled .nav-link:last-child {
          margin-bottom: 0; }
  .moby__theme_ui .tabs-nav {
    border-bottom: 1px solid #e3e8ea; }
  .moby__theme_ui .accordion .card {
    box-shadow: none;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #e3e8ea;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
    .moby__theme_ui .accordion .card:not(:first-of-type):not(:last-of-type) {
      border-bottom: 1px solid #e3e8ea;
      border-radius: 4px; }
    .moby__theme_ui .accordion .card:last-of-type {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
    .moby__theme_ui .accordion .card .card-header {
      border-bottom: 1px solid #e3e8ea; }
      .moby__theme_ui .accordion .card .card-header > * {
        flex: 1 1 0; }
      .moby__theme_ui .accordion .card .card-header .head-title {
        transition: all ease-in-out .4s;
        position: relative;
        cursor: pointer;
        padding-right: 20px; }
        .moby__theme_ui .accordion .card .card-header .head-title[aria-expanded="true"] {
          color: #689df6; }
          .moby__theme_ui .accordion .card .card-header .head-title[aria-expanded="true"] .icon {
            color: #689df6; }
        .moby__theme_ui .accordion .card .card-header .head-title[aria-expanded="false"] .icon.arrow-icon {
          transform: rotate(180deg); }
        .moby__theme_ui .accordion .card .card-header .head-title:hover {
          color: #689df6; }
          .moby__theme_ui .accordion .card .card-header .head-title:hover .icon {
            color: #689df6; }
        .moby__theme_ui .accordion .card .card-header .head-title .icon {
          color: #202124; }
          .moby__theme_ui .accordion .card .card-header .head-title .icon.arrow-icon {
            position: absolute;
            top: 0;
            right: 0;
            height: 60px;
            line-height: 55px; }
  .moby__theme_ui .accordion.outer-spacing-0 .card {
    margin-bottom: 0 !important;
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
    .moby__theme_ui .accordion.outer-spacing-0 .card:not(:first-of-type):not(:last-of-type) {
      border-bottom: 0;
      border-radius: 0; }
    .moby__theme_ui .accordion.outer-spacing-0 .card:last-of-type {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-bottom: 1px solid #e3e8ea;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
  .moby__theme_ui .accordion.boxshadow-accordion .card {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05), 0 1px 20px 0 rgba(0, 0, 0, 0.05), 0px 1px 11px 0px rgba(0, 0, 0, 0.05); }
  .moby__theme_ui .form-control {
    border-color: #e3e8ea; }
  .moby__theme_ui .custom-range::-webkit-slider-thumb {
    background-color: #689df6; }
  .moby__theme_ui .custom-range::-moz-range-thumb {
    background-color: #689df6; }
  .moby__theme_ui .custom-range::-moz-range-thumb:active {
    background-color: #f9fafa; }
  .moby__theme_ui .tags-list {
    display: inline-block;
    margin-bottom: 20px; }
    .moby__theme_ui .tags-list li {
      float: left;
      margin-left: 15px; }
      .moby__theme_ui .tags-list li:first-child {
        margin-left: 0; }
  .moby__theme_ui .bd-content .h1 {
    font-size: 2.5rem; }
  .moby__theme_ui .bd-content .h2 {
    font-size: 2rem; }
  .moby__theme_ui .bd-content .h3 {
    font-size: 1.75rem; }
  .moby__theme_ui .bd-content .h4 {
    font-size: 1.5rem; }
  .moby__theme_ui .bd-content .h5 {
    font-size: 1.25rem; }
  .moby__theme_ui .bd-content .h6 {
    font-size: 1rem; }
  .moby__theme_ui .bd-content p {
    padding: 20px; }
  .moby__theme_ui .pd-content p {
    padding: 10px 0; }
  .moby__theme_ui .alert {
    margin-bottom: 20px;
    padding: 15px 20px;
    color: #202124;
    background-color: #f9fafa;
    border-color: #202124; }
    .moby__theme_ui .alert hr {
      border-top-color: #202124; }
    .moby__theme_ui .alert .alert-link {
      color: #202124; }
    .moby__theme_ui .alert.alert-primary {
      color: #202124;
      background-color: #e0ebfd;
      border-color: #80adf7; }
      .moby__theme_ui .alert.alert-primary hr {
        border-top-color: #80adf7; }
      .moby__theme_ui .alert.alert-primary .alert-link {
        color: #202124; }
    .moby__theme_ui .alert.alert-secondary {
      color: #202124;
      background-color: #dde2e4;
      border-color: #a4b1b6; }
      .moby__theme_ui .alert.alert-secondary hr {
        border-top-color: #a4b1b6; }
      .moby__theme_ui .alert.alert-secondary .alert-link {
        color: #202124; }
    .moby__theme_ui .alert.alert-success {
      color: #202124;
      background-color: #83d99a;
      border-color: #3abb5d; }
      .moby__theme_ui .alert.alert-success hr {
        border-top-color: #3abb5d; }
      .moby__theme_ui .alert.alert-success .alert-link {
        color: #202124; }
    .moby__theme_ui .alert.alert-danger {
      color: #202124;
      background-color: #f6aea8;
      border-color: #ec584c; }
      .moby__theme_ui .alert.alert-danger hr {
        border-top-color: #ec584c; }
      .moby__theme_ui .alert.alert-danger .alert-link {
        color: #202124; }
    .moby__theme_ui .alert.alert-warning {
      color: #202124;
      background-color: #fdde82;
      border-color: #fbc31e; }
      .moby__theme_ui .alert.alert-warning hr {
        border-top-color: #fbc31e; }
      .moby__theme_ui .alert.alert-warning .alert-link {
        color: #202124; }
    .moby__theme_ui .alert.alert-primary-filled {
      color: #fff;
      background-color: #689df6;
      border-color: #387ef3; }
      .moby__theme_ui .alert.alert-primary-filled hr {
        border-top-color: #387ef3; }
      .moby__theme_ui .alert.alert-primary-filled .alert-link {
        color: #fff; }
    .moby__theme_ui .alert.alert-secondary-filled {
      color: #fff;
      background-color: #96a5ab;
      border-color: #7a8d94; }
      .moby__theme_ui .alert.alert-secondary-filled hr {
        border-top-color: #7a8d94; }
      .moby__theme_ui .alert.alert-secondary-filled .alert-link {
        color: #fff; }
    .moby__theme_ui .alert.alert-success-filled {
      color: #fff;
      background-color: #34a853;
      border-color: #288140; }
      .moby__theme_ui .alert.alert-success-filled hr {
        border-top-color: #288140; }
      .moby__theme_ui .alert.alert-success-filled .alert-link {
        color: #fff; }
    .moby__theme_ui .alert.alert-danger-filled {
      color: #fff;
      background-color: #ea4335;
      border-color: #d62516; }
      .moby__theme_ui .alert.alert-danger-filled hr {
        border-top-color: #d62516; }
      .moby__theme_ui .alert.alert-danger-filled .alert-link {
        color: #fff; }
    .moby__theme_ui .alert.alert-warning-filled {
      color: #fff;
      background-color: #fbbc05;
      border-color: #ca9703; }
      .moby__theme_ui .alert.alert-warning-filled hr {
        border-top-color: #ca9703; }
      .moby__theme_ui .alert.alert-warning-filled .alert-link {
        color: #fff; }
    .moby__theme_ui .alert.alert-primary-outline {
      color: #96a5ab;
      background-color: transparent;
      border-color: #689df6; }
      .moby__theme_ui .alert.alert-primary-outline hr {
        border-top-color: #689df6; }
      .moby__theme_ui .alert.alert-primary-outline .alert-link {
        color: #96a5ab; }
    .moby__theme_ui .alert.alert-secondary-outline {
      color: #96a5ab;
      background-color: transparent;
      border-color: #96a5ab; }
      .moby__theme_ui .alert.alert-secondary-outline hr {
        border-top-color: #96a5ab; }
      .moby__theme_ui .alert.alert-secondary-outline .alert-link {
        color: #96a5ab; }
    .moby__theme_ui .alert.alert-success-outline {
      color: #96a5ab;
      background-color: transparent;
      border-color: #34a853; }
      .moby__theme_ui .alert.alert-success-outline hr {
        border-top-color: #34a853; }
      .moby__theme_ui .alert.alert-success-outline .alert-link {
        color: #96a5ab; }
    .moby__theme_ui .alert.alert-danger-outline {
      color: #96a5ab;
      background-color: transparent;
      border-color: #ea4335; }
      .moby__theme_ui .alert.alert-danger-outline hr {
        border-top-color: #ea4335; }
      .moby__theme_ui .alert.alert-danger-outline .alert-link {
        color: #96a5ab; }
    .moby__theme_ui .alert.alert-warning-outline {
      color: #96a5ab;
      background-color: transparent;
      border-color: #fbbc05; }
      .moby__theme_ui .alert.alert-warning-outline hr {
        border-top-color: #fbbc05; }
      .moby__theme_ui .alert.alert-warning-outline .alert-link {
        color: #96a5ab; }
  .moby__theme_ui .switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 22px;
    /* The slider */
    /* Rounded sliders */ }
    .moby__theme_ui .switch input {
      display: none; }
    .moby__theme_ui .switch .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s; }
      .moby__theme_ui .switch .slider:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s; }
    .moby__theme_ui .switch input:checked + .slider {
      background-color: #689df6; }
    .moby__theme_ui .switch input.success:checked + .slider {
      background-color: #34a853; }
    .moby__theme_ui .switch input.warning:checked + .slider {
      background-color: #fbbc05; }
    .moby__theme_ui .switch input.danger:checked + .slider {
      background-color: #ea4335; }
    .moby__theme_ui .switch input:focus + .slider {
      box-shadow: 0 0 1px #689df6; }
    .moby__theme_ui .switch input:checked + .slider:before {
      -webkit-transform: translateX(22px);
      -ms-transform: translateX(22px);
      transform: translateX(22px); }
    .moby__theme_ui .switch .slider.round {
      border-radius: 34px; }
      .moby__theme_ui .switch .slider.round:before {
        border-radius: 50%; }
  .moby__theme_ui .input-group .input-group-prepend .input-group-text {
    height: 32px;
    border-radius: 4px 0 0 4px; }
  .moby__theme_ui .input-group .input-group-prepend .btn {
    line-height: 30px; }
  .moby__theme_ui .input-group .input-group-append .input-group-text {
    height: 32px;
    border-radius: 0 4px 4px 0; }
  .moby__theme_ui .input-group .input-group-append .btn {
    line-height: 30px; }
  .moby__theme_ui .input-group .custom-select {
    height: 32px; }
  .moby__theme_ui .input-group .custom-file .custom-file-label {
    color: #96a5ab;
    background-color: #fff;
    border: 1px solid #e3e8ea;
    height: 32px; }
    .moby__theme_ui .input-group .custom-file .custom-file-label:after {
      height: 30px;
      color: #202124;
      background-color: #fcfcfc;
      line-height: 1.5;
      border-left: inherit;
      border-radius: 0 4px 4px 0; }
  .moby__theme_ui .input-group .input-group-text {
    padding: 0 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #96a5ab;
    text-align: center;
    background-color: #f5f7f7;
    border: 1px solid #e3e8ea;
    border-radius: 4px 0 0 4px; }
    .moby__theme_ui .input-group .input-group-text .checkbox .checkbox-input + label:before {
      margin-right: 0; }
    .moby__theme_ui .input-group .input-group-text .radio-btns {
      height: 100%; }
    .moby__theme_ui .input-group .input-group-text .radio-btn {
      height: 100%; }
      .moby__theme_ui .input-group .input-group-text .radio-btn label {
        margin: 0;
        height: 100%;
        padding: 8px !important;
        background-color: transparent; }
        .moby__theme_ui .input-group .input-group-text .radio-btn label:after {
          top: 9px; }
  .moby__theme_ui .input-group.input-group-lg .form-control {
    height: 40px; }
  .moby__theme_ui .input-group.input-group-lg .input-group-prepend .input-group-text {
    height: 40px; }
  .moby__theme_ui .input-group.input-group-lg .input-group-append .input-group-text {
    height: 40px; }
  .moby__theme_ui .input-group.input-group-sm .form-control {
    height: 27px; }
  .moby__theme_ui .input-group.input-group-sm .input-group-prepend .input-group-text {
    height: 27px; }
  .moby__theme_ui .input-group.input-group-sm .input-group-append .input-group-text {
    height: 27px; }
  .moby__theme_ui .form-control {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    height: 32px;
    color: #202124;
    background-color: #fff;
    border: 1px solid #e3e8ea;
    border-radius: 4px; }
  .moby__theme_ui .custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0;
    height: calc(1.5em + .75rem + 2px);
    opacity: 0; }
  .moby__theme_ui .spinner-grow {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0; }
    .moby__theme_ui .spinner-grow.spinner-grow-lg {
      width: 50px;
      height: 50px; }
    .moby__theme_ui .spinner-grow.spinner-grow-sm {
      width: 16px;
      height: 16px; }
  .moby__theme_ui .spinner-border {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: text-bottom;
    border: 4px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%; }
    .moby__theme_ui .spinner-border.spinner-border-lg {
      width: 50px;
      height: 50px;
      border-width: 3px; }
    .moby__theme_ui .spinner-border.spinner-border-sm {
      width: 16px;
      height: 16px;
      border-width: 2px; }
  .moby__theme_ui .navbar-light .navbar-brand {
    color: #202124;
    line-height: initial; }
  .moby__theme_ui .form-group {
    margin-bottom: 16px; }
    .moby__theme_ui .form-group .form-control {
      padding: 6px 12px;
      font-size: 14px;
      font-weight: 400;
      line-height: 35px;
      height: 35px;
      color: #202124;
      background-color: #fff;
      border: 1px solid #e3e8ea;
      border-radius: 4px; }
    .moby__theme_ui .form-group .input-group-append .input-group-text {
      height: 35px; }
    .moby__theme_ui .form-group textarea.form-control {
      height: auto;
      resize: none; }
    .moby__theme_ui .form-group.form-group-lg .form-control {
      line-height: 40px;
      height: 40px;
      font-size: 16px; }
  .moby__theme_ui .breadcrumb {
    padding: 0;
    margin-bottom: 15px;
    background-color: transparent;
    border-radius: 0; }
    .moby__theme_ui .breadcrumb .breadcrumb-item {
      font-weight: 600; }
      .moby__theme_ui .breadcrumb .breadcrumb-item + .breadcrumb-item {
        padding-left: 0; }
        .moby__theme_ui .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
          font-weight: 400;
          display: inline-block;
          padding: 0 10px;
          color: rgba(32, 33, 36, 0.5);
          content: "/"; }
        .moby__theme_ui .breadcrumb .breadcrumb-item + .breadcrumb-item:hover::before {
          text-decoration: underline;
          text-decoration: none; }
      .moby__theme_ui .breadcrumb .breadcrumb-item a {
        color: #202124; }
        .moby__theme_ui .breadcrumb .breadcrumb-item a .icon {
          color: #202124; }
        .moby__theme_ui .breadcrumb .breadcrumb-item a:hover {
          color: #689df6; }
          .moby__theme_ui .breadcrumb .breadcrumb-item a:hover .icon {
            color: #689df6; }
      .moby__theme_ui .breadcrumb .breadcrumb-item.active {
        color: #689df6; }
        .moby__theme_ui .breadcrumb .breadcrumb-item.active .icon {
          color: #689df6; }
    .moby__theme_ui .breadcrumb.breadcrumb-black {
      padding: 0;
      margin-bottom: 15px;
      background-color: transparent;
      border-radius: 0; }
      .moby__theme_ui .breadcrumb.breadcrumb-black .breadcrumb-item {
        font-weight: 600; }
        .moby__theme_ui .breadcrumb.breadcrumb-black .breadcrumb-item + .breadcrumb-item {
          padding-left: 0; }
          .moby__theme_ui .breadcrumb.breadcrumb-black .breadcrumb-item + .breadcrumb-item::before {
            font-weight: 400;
            display: inline-block;
            padding: 0 10px;
            color: rgba(32, 33, 36, 0.5);
            content: "/"; }
          .moby__theme_ui .breadcrumb.breadcrumb-black .breadcrumb-item + .breadcrumb-item:hover::before {
            text-decoration: underline;
            text-decoration: none; }
        .moby__theme_ui .breadcrumb.breadcrumb-black .breadcrumb-item a {
          color: #96a5ab; }
          .moby__theme_ui .breadcrumb.breadcrumb-black .breadcrumb-item a .icon {
            color: #96a5ab; }
          .moby__theme_ui .breadcrumb.breadcrumb-black .breadcrumb-item a:hover {
            color: #202124; }
            .moby__theme_ui .breadcrumb.breadcrumb-black .breadcrumb-item a:hover .icon {
              color: #202124; }
        .moby__theme_ui .breadcrumb.breadcrumb-black .breadcrumb-item.active {
          color: #202124; }
          .moby__theme_ui .breadcrumb.breadcrumb-black .breadcrumb-item.active .icon {
            color: #202124; }
    .moby__theme_ui .breadcrumb.breadcrumb-danger {
      padding: 0;
      margin-bottom: 15px;
      background-color: transparent;
      border-radius: 0; }
      .moby__theme_ui .breadcrumb.breadcrumb-danger .breadcrumb-item {
        font-weight: 600; }
        .moby__theme_ui .breadcrumb.breadcrumb-danger .breadcrumb-item + .breadcrumb-item {
          padding-left: 0; }
          .moby__theme_ui .breadcrumb.breadcrumb-danger .breadcrumb-item + .breadcrumb-item::before {
            font-weight: 400;
            display: inline-block;
            padding: 0 10px;
            color: rgba(32, 33, 36, 0.5);
            content: "/"; }
          .moby__theme_ui .breadcrumb.breadcrumb-danger .breadcrumb-item + .breadcrumb-item:hover::before {
            text-decoration: underline;
            text-decoration: none; }
        .moby__theme_ui .breadcrumb.breadcrumb-danger .breadcrumb-item a {
          color: #202124; }
          .moby__theme_ui .breadcrumb.breadcrumb-danger .breadcrumb-item a .icon {
            color: #202124; }
          .moby__theme_ui .breadcrumb.breadcrumb-danger .breadcrumb-item a:hover {
            color: #ea4335; }
            .moby__theme_ui .breadcrumb.breadcrumb-danger .breadcrumb-item a:hover .icon {
              color: #ea4335; }
        .moby__theme_ui .breadcrumb.breadcrumb-danger .breadcrumb-item.active {
          color: #ea4335; }
          .moby__theme_ui .breadcrumb.breadcrumb-danger .breadcrumb-item.active .icon {
            color: #ea4335; }
    .moby__theme_ui .breadcrumb.breadcrumb-warning {
      padding: 0;
      margin-bottom: 15px;
      background-color: transparent;
      border-radius: 0; }
      .moby__theme_ui .breadcrumb.breadcrumb-warning .breadcrumb-item {
        font-weight: 600; }
        .moby__theme_ui .breadcrumb.breadcrumb-warning .breadcrumb-item + .breadcrumb-item {
          padding-left: 0; }
          .moby__theme_ui .breadcrumb.breadcrumb-warning .breadcrumb-item + .breadcrumb-item::before {
            font-weight: 400;
            display: inline-block;
            padding: 0 10px;
            color: rgba(32, 33, 36, 0.5);
            content: "/"; }
          .moby__theme_ui .breadcrumb.breadcrumb-warning .breadcrumb-item + .breadcrumb-item:hover::before {
            text-decoration: underline;
            text-decoration: none; }
        .moby__theme_ui .breadcrumb.breadcrumb-warning .breadcrumb-item a {
          color: #202124; }
          .moby__theme_ui .breadcrumb.breadcrumb-warning .breadcrumb-item a .icon {
            color: #202124; }
          .moby__theme_ui .breadcrumb.breadcrumb-warning .breadcrumb-item a:hover {
            color: #fbbc05; }
            .moby__theme_ui .breadcrumb.breadcrumb-warning .breadcrumb-item a:hover .icon {
              color: #fbbc05; }
        .moby__theme_ui .breadcrumb.breadcrumb-warning .breadcrumb-item.active {
          color: #fbbc05; }
          .moby__theme_ui .breadcrumb.breadcrumb-warning .breadcrumb-item.active .icon {
            color: #fbbc05; }
    .moby__theme_ui .breadcrumb.breadcrumb-success {
      padding: 0;
      margin-bottom: 15px;
      background-color: transparent;
      border-radius: 0; }
      .moby__theme_ui .breadcrumb.breadcrumb-success .breadcrumb-item {
        font-weight: 600; }
        .moby__theme_ui .breadcrumb.breadcrumb-success .breadcrumb-item + .breadcrumb-item {
          padding-left: 0; }
          .moby__theme_ui .breadcrumb.breadcrumb-success .breadcrumb-item + .breadcrumb-item::before {
            font-weight: 400;
            display: inline-block;
            padding: 0 10px;
            color: rgba(32, 33, 36, 0.5);
            content: "/"; }
          .moby__theme_ui .breadcrumb.breadcrumb-success .breadcrumb-item + .breadcrumb-item:hover::before {
            text-decoration: underline;
            text-decoration: none; }
        .moby__theme_ui .breadcrumb.breadcrumb-success .breadcrumb-item a {
          color: #202124; }
          .moby__theme_ui .breadcrumb.breadcrumb-success .breadcrumb-item a .icon {
            color: #202124; }
          .moby__theme_ui .breadcrumb.breadcrumb-success .breadcrumb-item a:hover {
            color: #34a853; }
            .moby__theme_ui .breadcrumb.breadcrumb-success .breadcrumb-item a:hover .icon {
              color: #34a853; }
        .moby__theme_ui .breadcrumb.breadcrumb-success .breadcrumb-item.active {
          color: #34a853; }
          .moby__theme_ui .breadcrumb.breadcrumb-success .breadcrumb-item.active .icon {
            color: #34a853; }
    .moby__theme_ui .breadcrumb.breadcrumb-separator .breadcrumb-item + .breadcrumb-item:before {
      content: ">"; }
  .moby__theme_ui .badge {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    padding: 0 7px;
    border-radius: 4px;
    line-height: 20px;
    color: rgba(32, 33, 36, 0.7);
    background: white;
    border: 1px solid #b7c4c9;
    transition: all ease-in-out .3s; }
    .moby__theme_ui .badge.badge-primary {
      display: inline-block;
      font-size: 12px;
      font-weight: 400;
      padding: 0 7px;
      border-radius: 4px;
      line-height: 20px;
      color: #fff;
      background: #a2c2f9;
      border: 1px solid #206ef2;
      transition: all ease-in-out .3s; }
    .moby__theme_ui .badge.badge-danger {
      display: inline-block;
      font-size: 12px;
      font-weight: 400;
      padding: 0 7px;
      border-radius: 4px;
      line-height: 20px;
      color: #fff;
      background: #f0776c;
      border: 1px solid #bf2114;
      transition: all ease-in-out .3s; }
    .moby__theme_ui .badge.badge-success {
      display: inline-block;
      font-size: 12px;
      font-weight: 400;
      padding: 0 7px;
      border-radius: 4px;
      line-height: 20px;
      color: #fff;
      background: #50c971;
      border: 1px solid #226e36;
      transition: all ease-in-out .3s; }
    .moby__theme_ui .badge.badge-warning {
      display: inline-block;
      font-size: 12px;
      font-weight: 400;
      padding: 0 7px;
      border-radius: 4px;
      line-height: 20px;
      color: #fff;
      background: #fccc41;
      border: 1px solid #b18403;
      transition: all ease-in-out .3s; }
    .moby__theme_ui .badge.badge-outline {
      border-color: #202124;
      color: #202124; }
      .moby__theme_ui .badge.badge-outline:hover {
        background-color: rgba(32, 33, 36, 0.1); }
    .moby__theme_ui .badge.badge-outline-danger {
      border-color: #ea4335;
      color: #ea4335; }
      .moby__theme_ui .badge.badge-outline-danger:hover {
        background-color: rgba(234, 67, 53, 0.1); }
    .moby__theme_ui .badge.badge-outline-primary {
      border-color: #689df6;
      color: #689df6; }
      .moby__theme_ui .badge.badge-outline-primary:hover {
        background-color: rgba(104, 157, 246, 0.1); }
    .moby__theme_ui .badge.badge-outline-success {
      border-color: #34a853;
      color: #34a853; }
      .moby__theme_ui .badge.badge-outline-success:hover {
        background-color: rgba(52, 168, 83, 0.1); }
    .moby__theme_ui .badge.badge-outline-warning {
      border-color: #fbbc05;
      color: #fbbc05; }
      .moby__theme_ui .badge.badge-outline-warning:hover {
        background-color: rgba(251, 188, 5, 0.1); }
    .moby__theme_ui .badge.round {
      border-radius: 10px; }
  .moby__theme_ui .jumbotron {
    padding: 32px 16px;
    margin-bottom: 32px;
    background-color: #f5f7f7;
    border-radius: 4px; }
  .moby__theme_ui .empty {
    /* margin: 0 10px; */
}
    .moby__theme_ui .empty .empty-image {
      width: 100px;
      height: 100px;
      margin-bottom: 10px; }
    .moby__theme_ui .empty .empty-description {
      margin-bottom: 0;
      color: #202124; }
    .moby__theme_ui .empty .btn {
      margin-top: 20px; }
  .moby__theme_ui .list-group-item.active {
    color: #fff !important;
    background-color: #80adf7;
    border-color: #508df5; }
  .moby__theme_ui .list-group-item.list-group-item-primary {
    color: #202124;
    background-color: #e0ebfd; }
  .moby__theme_ui .list-group-item.list-group-item-success {
    color: #202124;
    background-color: #e4f7e9; }
  .moby__theme_ui .list-group-item.list-group-item-danger {
    color: #202124;
    background-color: #fbd9d7; }
  .moby__theme_ui .list-group-item.list-group-item-warning {
    color: #202124;
    background-color: #fff9e7; }
  .moby__theme_ui .list-group-item.list-group-item-secondary {
    color: #202124;
    background-color: #cfd6d8; }
  .moby__theme_ui .list-group-item.list-group-item-action.active {
    color: #fff;
    background-color: #80adf7;
    border-color: #508df5; }
  .moby__theme_ui .navbar.bg-primary {
    background-color: #80adf7 !important; }
    .moby__theme_ui .navbar.bg-primary .form-inline .btn {
      color: #fff;
      border-color: #fff; }
      .moby__theme_ui .navbar.bg-primary .form-inline .btn:focus {
        background-color: #80adf7; }
  .moby__theme_ui .navbar.navbar-secondary {
    background-color: #a4b1b6 !important; }
    .moby__theme_ui .navbar.navbar-secondary .form-inline .btn {
      color: #fff;
      border-color: #fff; }
      .moby__theme_ui .navbar.navbar-secondary .form-inline .btn:focus {
        background-color: #a4b1b6; }
    .moby__theme_ui .navbar.navbar-secondary .navbar-brand {
      color: #fff; }
    .moby__theme_ui .navbar.navbar-secondary .nav-link {
      color: #fff; }
  .moby__theme_ui .pagination .page-item .page-link {
    font-size: 14px;
    padding: 0 10px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    color: #202124;
    border-color: #e3e8ea; }
    .moby__theme_ui .pagination .page-item .page-link .icon {
      color: #202124; }
    .moby__theme_ui .pagination .page-item .page-link:hover {
      background-color: #689df6;
      border-color: #689df6;
      color: #fff; }
      .moby__theme_ui .pagination .page-item .page-link:hover .icon {
        color: #fff; }
  .moby__theme_ui .pagination .page-item.active .page-link {
    background-color: #689df6;
    border-color: #689df6;
    color: #fff; }
    .moby__theme_ui .pagination .page-item.active .page-link .icon {
      color: #fff; }
  .moby__theme_ui .pagination.pagination-danger .page-item .page-link {
    font-size: 14px;
    padding: 0 10px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    color: #202124;
    border-color: #e3e8ea; }
    .moby__theme_ui .pagination.pagination-danger .page-item .page-link .icon {
      color: #202124; }
    .moby__theme_ui .pagination.pagination-danger .page-item .page-link:hover {
      background-color: #ea4335;
      border-color: #ea4335;
      color: #fff; }
      .moby__theme_ui .pagination.pagination-danger .page-item .page-link:hover .icon {
        color: #fff; }
  .moby__theme_ui .pagination.pagination-danger .page-item.active .page-link {
    background-color: #ea4335;
    border-color: #ea4335;
    color: #fff; }
    .moby__theme_ui .pagination.pagination-danger .page-item.active .page-link .icon {
      color: #fff; }
  .moby__theme_ui .pagination.pagination-success .page-item .page-link {
    font-size: 14px;
    padding: 0 10px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    color: #202124;
    border-color: #e3e8ea; }
    .moby__theme_ui .pagination.pagination-success .page-item .page-link .icon {
      color: #202124; }
    .moby__theme_ui .pagination.pagination-success .page-item .page-link:hover {
      background-color: #34a853;
      border-color: #34a853;
      color: #fff; }
      .moby__theme_ui .pagination.pagination-success .page-item .page-link:hover .icon {
        color: #fff; }
  .moby__theme_ui .pagination.pagination-success .page-item.active .page-link {
    background-color: #34a853;
    border-color: #34a853;
    color: #fff; }
    .moby__theme_ui .pagination.pagination-success .page-item.active .page-link .icon {
      color: #fff; }
  .moby__theme_ui .pagination.pagination-warning .page-item .page-link {
    font-size: 14px;
    padding: 0 10px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    color: #202124;
    border-color: #e3e8ea; }
    .moby__theme_ui .pagination.pagination-warning .page-item .page-link .icon {
      color: #202124; }
    .moby__theme_ui .pagination.pagination-warning .page-item .page-link:hover {
      background-color: #fbbc05;
      border-color: #fbbc05;
      color: #fff; }
      .moby__theme_ui .pagination.pagination-warning .page-item .page-link:hover .icon {
        color: #fff; }
  .moby__theme_ui .pagination.pagination-warning .page-item.active .page-link {
    background-color: #fbbc05;
    border-color: #fbbc05;
    color: #fff; }
    .moby__theme_ui .pagination.pagination-warning .page-item.active .page-link .icon {
      color: #fff; }
  .moby__theme_ui .pagination.pagination-lg .page-link {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px; }
  .moby__theme_ui .pagination.pagination-sm .page-link {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 12px; }
  .moby__theme_ui .pagination.pagination-solid .page-item .page-link {
    background-color: #f9fafa; }
    .moby__theme_ui .pagination.pagination-solid .page-item .page-link:hover {
      background-color: #689df6; }
  .moby__theme_ui .pagination.pagination-solid .page-item.active .page-link {
    background-color: #689df6; }
  .moby__theme_ui .pagination.pagination-solid.pagination-danger .page-item .page-link {
    background-color: #f9fafa; }
    .moby__theme_ui .pagination.pagination-solid.pagination-danger .page-item .page-link:hover {
      background-color: #ea4335; }
  .moby__theme_ui .pagination.pagination-solid.pagination-danger .page-item.active .page-link {
    background-color: #ea4335; }
  .moby__theme_ui .pagination.pagination-solid.pagination-success .page-item .page-link {
    background-color: #f9fafa; }
    .moby__theme_ui .pagination.pagination-solid.pagination-success .page-item .page-link:hover {
      background-color: #34a853; }
  .moby__theme_ui .pagination.pagination-solid.pagination-success .page-item.active .page-link {
    background-color: #34a853; }
  .moby__theme_ui .pagination.pagination-solid.pagination-warning .page-item .page-link {
    background-color: #f9fafa; }
    .moby__theme_ui .pagination.pagination-solid.pagination-warning .page-item .page-link:hover {
      background-color: #fbbc05; }
  .moby__theme_ui .pagination.pagination-solid.pagination-warning .page-item.active .page-link {
    background-color: #fbbc05; }
  .moby__theme_ui .pagination.pagination-separated .page-item {
    margin: 0 5px; }
    .moby__theme_ui .pagination.pagination-separated .page-item .page-link {
      border-radius: 4px; }
  .moby__theme_ui .pagination.pagination-w-icon .page-item .page-link {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center; }
    .moby__theme_ui .pagination.pagination-w-icon .page-item .page-link[aria-label="Previous"], .moby__theme_ui .pagination.pagination-w-icon .page-item .page-link[aria-label="Next"] {
      line-height: 43px; }
    .moby__theme_ui .pagination.pagination-w-icon .page-item .page-link[aria-label="Previous"] {
      border-radius: 20px 0 0 20px; }
    .moby__theme_ui .pagination.pagination-w-icon .page-item .page-link[aria-label="Next"] {
      border-radius: 0 20px 20px 0; }
  .moby__theme_ui .card.bg-primary {
    background-color: #98bcf9 !important;
    border-color: #206ef2;
    color: #fff; }
    .moby__theme_ui .card.bg-primary .card-header {
      background: #80adf7;
      border-color: #206ef2; }
    .moby__theme_ui .card.bg-primary .head-title,
    .moby__theme_ui .card.bg-primary .card-title {
      color: #fff; }
  .moby__theme_ui .card.bg-success {
    background-color: #48c76a !important;
    border-color: #226e36;
    color: #fff; }
    .moby__theme_ui .card.bg-success .card-header {
      background: #3abb5d;
      border-color: #226e36; }
    .moby__theme_ui .card.bg-success .head-title,
    .moby__theme_ui .card.bg-success .card-title {
      color: #fff; }
  .moby__theme_ui .card.bg-warning {
    background-color: #fcc937 !important;
    border-color: #b18403;
    color: #fff; }
    .moby__theme_ui .card.bg-warning .card-header {
      background: #fbc31e;
      border-color: #b18403; }
    .moby__theme_ui .card.bg-warning .head-title,
    .moby__theme_ui .card.bg-warning .card-title {
      color: #fff; }
  .moby__theme_ui .card.bg-danger {
    background-color: #ef6e63 !important;
    border-color: #bf2114;
    color: #fff; }
    .moby__theme_ui .card.bg-danger .card-header {
      background: #ec584c;
      border-color: #bf2114; }
    .moby__theme_ui .card.bg-danger .head-title,
    .moby__theme_ui .card.bg-danger .card-title {
      color: #fff; }
  .moby__theme_ui .card.border-primary {
    border-color: #206ef2 !important;
    color: #689df6; }
    .moby__theme_ui .card.border-primary .card-header {
      background-color: #fff;
      border-bottom: #206ef2 !important; }
    .moby__theme_ui .card.border-primary .head-title,
    .moby__theme_ui .card.border-primary .card-title {
      color: #689df6; }
  .moby__theme_ui .card.border-success {
    border-color: #226e36 !important;
    color: #34a853; }
    .moby__theme_ui .card.border-success .card-header {
      background-color: #fff;
      border-bottom: #226e36 !important; }
    .moby__theme_ui .card.border-success .head-title,
    .moby__theme_ui .card.border-success .card-title {
      color: #34a853; }
  .moby__theme_ui .card.border-warning {
    border-color: #b18403 !important;
    color: #fbbc05; }
    .moby__theme_ui .card.border-warning .card-header {
      background-color: #fff;
      border-bottom: #b18403 !important; }
    .moby__theme_ui .card.border-warning .head-title,
    .moby__theme_ui .card.border-warning .card-title {
      color: #fbbc05; }
  .moby__theme_ui .card.border-danger {
    border-color: #bf2114 !important;
    color: #ea4335; }
    .moby__theme_ui .card.border-danger .card-header {
      background-color: #fff;
      border-bottom: #bf2114 !important; }
    .moby__theme_ui .card.border-danger .head-title,
    .moby__theme_ui .card.border-danger .card-title {
      color: #ea4335; }
  .moby__theme_ui .card-columns-row .card-columns {
    max-width: 100% !important;
    flex: 0 0 100% !important; }
  .moby__theme_ui .moby__timeline {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 20px;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum", "tnum";
    margin: 0;
    padding: 0 0 0 22px;
    list-style: none; }
    .moby__theme_ui .moby__timeline .timeline-item {
      position: relative;
      list-style: none;
      margin: 0;
      font-size: 14px;
      color: #96a5ab; }
      .moby__theme_ui .moby__timeline .timeline-item:last-child .timeline-item-tail {
        display: none; }
      .moby__theme_ui .moby__timeline .timeline-item .timeline-item-tail {
        border-color: #e3e8ea;
        top: 40px;
        left: -1px;
        border-width: 1px;
        position: absolute;
        height: calc(100% - 10px);
        border-left: 1px solid #e8e8e8; }
        @media (max-width: 1366px) {
          .moby__theme_ui .moby__timeline .timeline-item .timeline-item-tail {
            left: -3px; } }
      .moby__theme_ui .moby__timeline .timeline-item .timeline-item-head {
        position: absolute;
        background-color: #fff;
        border: 2px solid transparent;
        border-radius: 100px;
        margin: 30px 13px;
        width: 13px;
        height: 13px;
        border-width: 3px;
        left: -20px;
        color: #202124;
        border-color: #f5f7f7; }
        @media (max-width: 1366px) {
          .moby__theme_ui .moby__timeline .timeline-item .timeline-item-head {
            left: -22px; } }
      .moby__theme_ui .moby__timeline .timeline-item .moby__timeline-content {
        position: relative;
        margin-left: 40px;
        top: 0;
        margin: 0 0 0 18px;
        word-break: break-word;
        padding: 20px 15px;
        border-left: 1px solid #e3e8ea;
        border-bottom: 1px solid #e3e8ea;
        display: flex;
        transition: all ease-in-out 0.4s; }
        .moby__theme_ui .moby__timeline .timeline-item .moby__timeline-content .moby__user-title {
          cursor: pointer;
          background: #f5f7f7;
          color: #202124;
          border-color: #e3e8ea;
          display: block;
          min-width: 28px;
          width: 28px;
          height: 28px;
          line-height: 28px;
          border: 1px solid #e3e8ea;
          border-radius: 50%;
          text-align: center;
          font-size: 14px;
          font-family: "Roboto", sans-serif;
          font-weight: 600;
          margin-right: 15px; }
          @media (max-width: 1440px) {
            .moby__theme_ui .moby__timeline .timeline-item .moby__timeline-content .moby__user-title {
              margin-right: 15px;
              line-height: 22px;
              min-width: 25px;
              height: 25px;
              width: 25px;
              font-size: 12px; } }
          @media (max-width: 320px) {
            .moby__theme_ui .moby__timeline .timeline-item .moby__timeline-content .moby__user-title {
              margin-right: 3px; } }
        @media (min-width: 991px) {
          .moby__theme_ui .moby__timeline .timeline-item .moby__timeline-content .moby__user-detail {
            width: 100%; } }
        @media (min-width: 767px) {
          .moby__theme_ui .moby__timeline .timeline-item .moby__timeline-content .moby__user-detail {
            width: 100%; } }
        .moby__theme_ui .moby__timeline .timeline-item .moby__timeline-content .moby__user-detail .moby__user-detail-header {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 5px; }
          .moby__theme_ui .moby__timeline .timeline-item .moby__timeline-content .moby__user-detail .moby__user-detail-header h4 {
            font-size: 15px;
            cursor: pointer; }
          .moby__theme_ui .moby__timeline .timeline-item .moby__timeline-content .moby__user-detail .moby__user-detail-header .moby__user-active-list {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .moby__theme_ui .moby__timeline .timeline-item .moby__timeline-content .moby__user-detail .moby__user-detail-header .moby__user-active-list li {
              cursor: pointer;
              margin: 0 10px;
              font-size: 13px; }
              .moby__theme_ui .moby__timeline .timeline-item .moby__timeline-content .moby__user-detail .moby__user-detail-header .moby__user-active-list li:last-child {
                margin-right: 0; }
              @media screen and (max-width: 1440px) {
                .moby__theme_ui .moby__timeline .timeline-item .moby__timeline-content .moby__user-detail .moby__user-detail-header .moby__user-active-list li {
                  margin: 0 5px;
                  font-size: 12px; } }
        .moby__theme_ui .moby__timeline .timeline-item .moby__timeline-content .moby__user-detail .moby__user-description {
          margin-bottom: 0; }
        .moby__theme_ui .moby__timeline .timeline-item .moby__timeline-content .moby__user-detail p {
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          line-height: 20px;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          color: #202124; }
        .moby__theme_ui .moby__timeline .timeline-item .moby__timeline-content.moby__timeline-content-alternative {
          padding: 25px 20px; }
          @media (max-width: 1440px) {
            .moby__theme_ui .moby__timeline .timeline-item .moby__timeline-content.moby__timeline-content-alternative {
              padding: 20px 15px; } }
      .moby__theme_ui .moby__timeline .timeline-item .upcoming-event-date {
        color: #202124;
        margin-bottom: 10px; }
      .moby__theme_ui .moby__timeline .timeline-item .upcoming-event-day {
        padding-left: 5px;
        color: #c5c8d1; }
      .moby__theme_ui .moby__timeline .timeline-item .upcoming-event-description {
        color: #202124;
        margin-bottom: 10px;
        font-size: 14px; }
      .moby__theme_ui .moby__timeline .timeline-item .upcoming-event-detail {
        display: block;
        margin-bottom: 10px;
        font-weight: 600;
        font-size: 15px; }
        .moby__theme_ui .moby__timeline .timeline-item .upcoming-event-detail span {
          color: #202124; }
      .moby__theme_ui .moby__timeline .timeline-item.danger .timeline-item-head {
        color: #fff;
        border-color: #ea4335; }
      .moby__theme_ui .moby__timeline .timeline-item.danger .moby__timeline-content .moby__user-title {
        cursor: pointer;
        background: #ea4335;
        border-color: #ea4335;
        border-color: #ea4335;
        color: #fff; }
      .moby__theme_ui .moby__timeline .timeline-item.danger .upcoming-event-detail {
        color: #ea4335; }
      .moby__theme_ui .moby__timeline .timeline-item.primary .timeline-item-head {
        color: #689df6;
        border-color: #689df6; }
      .moby__theme_ui .moby__timeline .timeline-item.primary .moby__timeline-content .moby__user-title {
        cursor: pointer;
        background: #689df6;
        border-color: #689df6;
        border-color: #689df6;
        color: #fff; }
      .moby__theme_ui .moby__timeline .timeline-item.primary .upcoming-event-detail {
        color: #689df6; }
      .moby__theme_ui .moby__timeline .timeline-item.success .timeline-item-head {
        color: #34a853;
        border-color: #34a853; }
      .moby__theme_ui .moby__timeline .timeline-item.success .moby__timeline-content .moby__user-title {
        cursor: pointer;
        background: #34a853;
        border-color: #34a853;
        border-color: #34a853;
        color: #fff; }
      .moby__theme_ui .moby__timeline .timeline-item.success .upcoming-event-detail {
        color: #34a853; }
      .moby__theme_ui .moby__timeline .timeline-item.warning .timeline-item-head {
        color: #fbbc05;
        border-color: #fbbc05; }
      .moby__theme_ui .moby__timeline .timeline-item.warning .moby__timeline-content .moby__user-title {
        cursor: pointer;
        background: #fbbc05;
        border-color: #fbbc05;
        border-color: #fbbc05;
        color: #fff; }
      .moby__theme_ui .moby__timeline .timeline-item.warning .upcoming-event-detail {
        color: #fbbc05; }
      .moby__theme_ui .moby__timeline .timeline-item.black .timeline-item-head {
        color: #202124;
        border-color: #202124; }
      .moby__theme_ui .moby__timeline .timeline-item.black .moby__timeline-content .moby__user-title {
        cursor: pointer;
        background: #202124;
        border-color: #202124;
        border-color: #202124;
        color: #fff; }
      .moby__theme_ui .moby__timeline .timeline-item.black .upcoming-event-detail {
        color: #202124; }
      .moby__theme_ui .moby__timeline .timeline-item.filled-bg .timeline-item-head {
        background: #202124; }
      .moby__theme_ui .moby__timeline .timeline-item.filled-bg.filled-bg-primary .timeline-item-head {
        background: #689df6; }
      .moby__theme_ui .moby__timeline .timeline-item.filled-bg.filled-bg-danger .timeline-item-head {
        background: #ea4335; }
      .moby__theme_ui .moby__timeline .timeline-item.filled-bg.filled-bg-warning .timeline-item-head {
        background: #fbbc05; }
      .moby__theme_ui .moby__timeline .timeline-item.filled-bg.filled-bg-success .timeline-item-head {
        background: #34a853; }
    .moby__theme_ui .moby__timeline.newsfeed-holder {
      margin-bottom: 30px; }
      .moby__theme_ui .moby__timeline.newsfeed-holder .timeline-item {
        padding-bottom: 10px; }
        .moby__theme_ui .moby__timeline.newsfeed-holder .timeline-item:last-child {
          padding-bottom: 0; }
        .moby__theme_ui .moby__timeline.newsfeed-holder .timeline-item .timeline-item-head {
          margin: 0 13px; }
        .moby__theme_ui .moby__timeline.newsfeed-holder .timeline-item .timeline-item-tail {
          top: 10px; }
        .moby__theme_ui .moby__timeline.newsfeed-holder .timeline-item .moby__timeline-content {
          border: 0;
          padding: 0; }
      .moby__theme_ui .moby__timeline.newsfeed-holder .moby__user-name {
        font-size: 18px;
        font-weight: 700 !important;
        color: #202124;
        margin-bottom: 3px; }
        @media (max-width: 1380px) {
          .moby__theme_ui .moby__timeline.newsfeed-holder .moby__user-name {
            font-size: 16px; } }
      .moby__theme_ui .moby__timeline.newsfeed-holder .timeline-title {
        font-size: 16px;
        margin-bottom: 5px;
        display: inline-block; }
        @media (max-width: 1380px) {
          .moby__theme_ui .moby__timeline.newsfeed-holder .timeline-title {
            font-size: 14px; } }
      .moby__theme_ui .moby__timeline.newsfeed-holder p {
        font-size: 14px;
        color: #202124;
        margin-bottom: 10px; }
      .moby__theme_ui .moby__timeline.newsfeed-holder .comment-list li {
        float: left;
        margin-left: 10px; }
        @media screen and (max-width: 480px) {
          .moby__theme_ui .moby__timeline.newsfeed-holder .comment-list li {
            margin-left: 8px; } }
        .moby__theme_ui .moby__timeline.newsfeed-holder .comment-list li a {
          font-size: 13px;
          color: #96a5ab; }
        .moby__theme_ui .moby__timeline.newsfeed-holder .comment-list li i {
          margin-right: 10px; }
        .moby__theme_ui .moby__timeline.newsfeed-holder .comment-list li:first-child {
          margin-left: 0; }
      .moby__theme_ui .moby__timeline.newsfeed-holder .timelines-img img {
        width: 100%;
        margin-bottom: 15px; }
      .moby__theme_ui .moby__timeline.newsfeed-holder .timelines-img video {
        width: 100%;
        margin-bottom: 15px; }
      .moby__theme_ui .moby__timeline.newsfeed-holder .time {
        position: absolute;
        left: -70px;
        top: 27px;
        color: #202124; }
      .moby__theme_ui .moby__timeline.newsfeed-holder button {
        border: 0;
        background: none; }
        .moby__theme_ui .moby__timeline.newsfeed-holder button:focus {
          outline: none; }
  .moby__theme_ui .moby__timeline-alternative {
    position: relative;
    height: 100%; }
    .moby__theme_ui .moby__timeline-alternative:before {
      content: "";
      position: absolute;
      top: 0px;
      left: 0;
      bottom: 0px;
      width: 1px;
      background-color: #e3e8ea;
      right: 0;
      margin: 0 auto;
      height: 100%; }
    .moby__theme_ui .moby__timeline-alternative .entries {
      position: relative; }
      .moby__theme_ui .moby__timeline-alternative .entries .entry {
        width: calc(50% - 25px);
        clear: both;
        text-align: right;
        margin: 0 auto 20px 0; }
        @media (max-width: 1440px) {
          .moby__theme_ui .moby__timeline-alternative .entries .entry {
            margin: 0 auto 10px 0; } }
        .moby__theme_ui .moby__timeline-alternative .entries .entry .title {
          font-size: 32px;
          margin-bottom: 12px;
          position: relative;
          color: #202124; }
          .moby__theme_ui .moby__timeline-alternative .entries .entry .title:before {
            content: "";
            position: absolute;
            width: 13px;
            height: 13px;
            border: 3px solid #202124;
            background-color: #fff;
            border-radius: 100%;
            top: 7px;
            transform: translateY(-50%);
            z-index: 1000;
            right: -31px;
            margin: 0 auto; }
          .moby__theme_ui .moby__timeline-alternative .entries .entry .title.big:before {
            width: 24px;
            height: 24px;
            transform: translate(8px, -50%); }
        .moby__theme_ui .moby__timeline-alternative .entries .entry .timeline-body {
          padding-bottom: 10px; }
          .moby__theme_ui .moby__timeline-alternative .entries .entry .timeline-body p {
            line-height: 1.4em;
            color: #96a5ab; }
            @media (min-width: 1440px) {
              .moby__theme_ui .moby__timeline-alternative .entries .entry .timeline-body p {
                font-size: 13px; } }
        .moby__theme_ui .moby__timeline-alternative .entries .entry:nth-child(2n) {
          text-align: left;
          margin: 0 0 10px auto; }
          @media (max-width: 1440px) {
            .moby__theme_ui .moby__timeline-alternative .entries .entry:nth-child(2n) {
              margin: 0 0 10px auto; } }
          .moby__theme_ui .moby__timeline-alternative .entries .entry:nth-child(2n) .title:before {
            left: -31px;
            right: auto; }
          .moby__theme_ui .moby__timeline-alternative .entries .entry:nth-child(2n) .title.big:before {
            transform: translate(-8px, -50%); }
          .moby__theme_ui .moby__timeline-alternative .entries .entry:nth-child(2n) .moby__timeline-header {
            justify-content: flex-start !important; }
        .moby__theme_ui .moby__timeline-alternative .entries .entry.danger .timeline-avtar {
          background: #ea4335;
          border-color: #bf2114;
          color: #fff; }
        .moby__theme_ui .moby__timeline-alternative .entries .entry.danger .title:before {
          content: "";
          border: 3px solid #ea4335; }
        .moby__theme_ui .moby__timeline-alternative .entries .entry.success .timeline-avtar {
          background: #ea4335;
          border-color: #fff; }
        .moby__theme_ui .moby__timeline-alternative .entries .entry.success .title:before {
          content: "";
          border: 3px solid #34a853; }
        .moby__theme_ui .moby__timeline-alternative .entries .entry.warning .timeline-avtar {
          background: #fbbc05;
          border-color: #bf2114;
          color: #fff; }
        .moby__theme_ui .moby__timeline-alternative .entries .entry.warning .title:before {
          content: "";
          border: 3px solid #fbbc05; }
        .moby__theme_ui .moby__timeline-alternative .entries .entry.primary .timeline-avtar {
          background: #689df6;
          border-color: #206ef2;
          color: #fff; }
        .moby__theme_ui .moby__timeline-alternative .entries .entry.primary .title {
          color: #202124; }
          .moby__theme_ui .moby__timeline-alternative .entries .entry.primary .title:before {
            content: "";
            border: 3px solid #689df6; }
    .moby__theme_ui .moby__timeline-alternative .moby__timeline-header {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 10px !important; }
      @media (max-width: 1440px) {
        .moby__theme_ui .moby__timeline-alternative .moby__timeline-header {
          margin-bottom: 5px !important; } }
      .moby__theme_ui .moby__timeline-alternative .moby__timeline-header .timeline-avtar {
        display: block;
        min-width: 30px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border: 1px solid #e3e8ea;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        margin-left: 15px;
        margin-top: -5px;
        background: #fff;
        color: #fff;
        font-family: "Roboto", sans-serif; }
        @media (max-width: 1440px) {
          .moby__theme_ui .moby__timeline-alternative .moby__timeline-header .timeline-avtar {
            min-width: 25px;
            width: 25px;
            height: 25px;
            line-height: 22px;
            font-size: 12px;
            margin-left: 5px; } }
      .moby__theme_ui .moby__timeline-alternative .moby__timeline-header .timeline-comment-time {
        color: #adadbe;
        font-size: 13px;
        line-height: 1;
        display: block; }
      .moby__theme_ui .moby__timeline-alternative .moby__timeline-header .moby__timeline-comment-text {
        color: #ea4335;
        font-size: 14px;
        display: block; }
        @media (max-width: 1440px) {
          .moby__theme_ui .moby__timeline-alternative .moby__timeline-header .moby__timeline-comment-text {
            font-size: 12px; } }
    .moby__theme_ui .moby__timeline-alternative .location {
      color: #202124;
      font-size: 14px;
      font-weight: 600;
      display: block; }
      @media screen and (max-width: 1440px) {
        .moby__theme_ui .moby__timeline-alternative .location {
          font-size: 13px; } }
    .moby__theme_ui .moby__timeline-alternative .timeline-footer .moby__timeline-comment-list {
      text-align: center;
      background: #fafafa;
      padding: 10px 3px;
      border-bottom: 1px solid #fbbc05; }
      @media (max-width: 1490px) {
        .moby__theme_ui .moby__timeline-alternative .timeline-footer .moby__timeline-comment-list {
          padding: 5px 3px; } }
    .moby__theme_ui .moby__timeline-alternative .timeline-footer li {
      width: 45%;
      padding: 0 8px;
      display: inline-block;
      position: relative;
      font-size: 12px;
      color: #96a5ab;
      line-height: 1.1; }
      .moby__theme_ui .moby__timeline-alternative .timeline-footer li::before {
        content: "";
        position: absolute;
        top: 5px;
        left: 0;
        right: 0;
        height: 20px;
        width: 1px;
        margin: 0 auto 0 0;
        background: #202124; }
        @media (max-width: 1440px) {
          .moby__theme_ui .moby__timeline-alternative .timeline-footer li::before {
            margin: 0 auto;
            height: 1px;
            width: 100%;
            top: -6px; } }
        @media (max-width: 991px) {
          .moby__theme_ui .moby__timeline-alternative .timeline-footer li::before {
            margin: 0 auto 0 0;
            height: 20px;
            width: 1px;
            top: 5px; } }
        @media (max-width: 567px) {
          .moby__theme_ui .moby__timeline-alternative .timeline-footer li::before {
            margin: 0 auto;
            height: 1px;
            width: 100%;
            top: -6px; } }
      .moby__theme_ui .moby__timeline-alternative .timeline-footer li:first-child::before {
        display: none; }
      @media (max-width: 1440px) {
        .moby__theme_ui .moby__timeline-alternative .timeline-footer li:first-child {
          padding: 0 8px 5px;
          margin-bottom: 5px; } }
      @media (max-width: 991px) {
        .moby__theme_ui .moby__timeline-alternative .timeline-footer li:first-child {
          padding: 0 8px;
          margin-bottom: 0; } }
      @media (max-width: 567px) {
        .moby__theme_ui .moby__timeline-alternative .timeline-footer li:first-child {
          padding: 0 8px 5px;
          margin-bottom: 5px; } }
      @media (max-width: 1440px) {
        .moby__theme_ui .moby__timeline-alternative .timeline-footer li {
          width: 90%; } }
      @media (max-width: 991px) {
        .moby__theme_ui .moby__timeline-alternative .timeline-footer li {
          width: 45%; } }
      @media (max-width: 567px) {
        .moby__theme_ui .moby__timeline-alternative .timeline-footer li {
          width: 90%; } }
    .moby__theme_ui .moby__timeline-alternative .moby__timeline-group .timeline-avtar {
      margin-left: -10px !important;
      float: left !important;
      cursor: pointer; }

/*-----------------------------------------------------------------------------------*/
/*	02.	Global Elements
/*-----------------------------------------------------------------------------------*/
.moby__title {
  color: #202124; }

input::-webkit-input-placeholder {
  color: #96a5ab; }

input:-moz-placeholder {
  color: #96a5ab; }

input::-moz-placeholder {
  color: #96a5ab; }

input:-ms-input-placeholder {
  color: #96a5ab; }

.form-control {
  font-size: 14px;
  font-family: "Nunito Sans", sans-serif !important; 
}

  .form-control:focus {
    border-color: #689df6; 
    border-color: rgb(54, 187, 63);
  }

.form-control[disabled="disabled"]{
  background-color: #e6e6e6;
}

  
.date-filter-holder {
  padding: 20px; }
  @media screen and (min-width: 768px) {
    .date-filter-holder .report-btn {
      float: right; } }

label {
  font-size: 15px;
  display: block;
  font-weight: 600;
  margin-bottom: 15px; }

.form-control-file {
  padding: 20px;
  border: 1px solid #e3e8ea; }

/*-----------------------------------------------------------------------------------*/
/* Multi 
/*-----------------------------------------------------------------------------------*/
/** Moby Main Content Holder **/
.moby__content-body {
  padding: 35px 30px 0;
  min-height: calc(90vh - 65px); 
}

  @media screen and (max-width: 991px)
  {
    .moby__content-body {
      padding: 35px 20px 0;
      padding-bottom: 0; }
  }

  .moby__content-body .container-fluid {
    padding: 0; }

.main-content-inner {
  padding: 30px 30px 0;
  min-height: calc(90vh - 65px); }
  @media screen and (max-width: 991px) {
    .main-content-inner {
      padding: 30px 20px 0;
      padding-bottom: 0; } }

/** Moby Main Content Holder **/
/** Moby Main Content Inner Holder **/
.main-content-inner-with-aside-right {
  display: flex; }
  .main-content-inner-with-aside-right .heading-w-divider.title {
    font-size: 21px;
    border-bottom: 1px solid #e3e8ea;
    padding-bottom: 15px;
    margin-bottom: 40px; }
  .main-content-inner-with-aside-right .heading-w-divider.heading-w-divider-alternative.title {
    margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .main-content-inner-with-aside-right .heading-w-divider.title {
      font-size: 18px; } }
  .main-content-inner-with-aside-right .moby__content-body {
    width: 100%; }
  .main-content-inner-with-aside-right .right-aside.file-right-side {
    width: 300px;
    height: auto; }
    @media (max-width: 1023px) {
      .main-content-inner-with-aside-right .right-aside.file-right-side {
        display: none; } }

/** Moby Main Content Inner Holder Ends **/
/** Theme Group Avatars **/
.group-avatars .user-avatar {
  margin-right: -15px;
  transition: all ease-in-out 0.4s;
  z-index: 10; }
  .group-avatars .user-avatar:hover {
    z-index: 30;
    transform: scale(1.2); }

.group-avatars .more-text {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #96a5ab;
  padding-left: 20px;
  line-height: 35px; }

/** Theme Group Avatars Ends **/
/** Graph Holder **/
.graph-h {
  width: 100%; }
  .graph-h .apexcharts-canvas {
    width: 100% !important; }
    .graph-h .apexcharts-canvas svg {
      width: 100% !important; }

/** Graph Holder Ends **/
/** Graph Detail Holder **/
.graph-detail-h {
  display: flex;
  align-items: center;
  line-height: 1;
  padding: 3px 0 25px;
  position: relative; }
  @media (max-width: 570px) {
    .graph-detail-h {
      flex-flow: row wrap; } }
  .graph-detail-h .refresh-icon {
    position: absolute;
    top: 5px;
    right: 0px;
    cursor: pointer; }
  .graph-detail-h .inner-title {
    display: block;
    font-weight: 600;
    margin-bottom: 10px; }
    @media (max-width: 1440px) {
      .graph-detail-h .inner-title {
        font-size: 13px; } }
  .graph-detail-h .sub-title {
    font-size: 16px;
    font-weight: 700;
    color: #202124;
    display: block; }
    @media (max-width: 1440px) {
      .graph-detail-h .sub-title {
        font-size: 15px; } }
    @media (max-width: 480px) {
      .graph-detail-h .sub-title {
        font-size: 14px;
        font-weight: 600; } }
  .graph-detail-h .inner-col {
    margin-right: 20px;
    border-left-width: 3px !important;
    padding-left: 20px;
    position: relative; }
    .graph-detail-h .inner-col:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      border: 2px solid #202124; }
    .graph-detail-h .inner-col:last-child {
      margin-right: 0; }
    .graph-detail-h .inner-col.primary:after {
      border-color: #689df6; }
    .graph-detail-h .inner-col.primary .inner-title {
      color: #689df6; }
    .graph-detail-h .inner-col.danger:after {
      border-color: #ea4335; }
    .graph-detail-h .inner-col.danger .inner-title {
      color: #ea4335; }
    .graph-detail-h .inner-col.warning:after {
      border-color: #fbbc05; }
    .graph-detail-h .inner-col.warning .inner-title {
      color: #fbbc05; }
    .graph-detail-h .inner-col.success:after {
      border-color: #34a853; }
    .graph-detail-h .inner-col.success .inner-title {
      color: #34a853; }
    @media (max-width: 1440px) {
      .graph-detail-h .inner-col {
        padding-left: 10px; } }
    @media (max-width: 570px) {
      .graph-detail-h .inner-col {
        margin-bottom: 20px; } }
  .graph-detail-h .graph-description {
    flex: 1 1;
    line-height: 1; }
    @media (max-width: 570px) {
      .graph-detail-h .graph-description {
        flex: 1 1 100%; } }
    .graph-detail-h .graph-description span.d-block {
      position: relative;
      padding-left: 80px; }
      .graph-detail-h .graph-description span.d-block:before {
        content: "";
        position: absolute;
        top: 7px;
        left: 0;
        height: 1px;
        width: 70px;
        background: #96a5ab; }
    .graph-detail-h .graph-description .btn-group .btn {
      line-height: 24px; }

/** Graph Detail Holder Ends **/
/** Custom Radio Buttons **/
.radio-btn {
  display: inline-block; }
  .radio-btn input[type="radio"] {
    display: none;
    height: 0;
    width: 0; }
  .radio-btn label {
    text-align: center;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #e3e8ea;
    color: white;
    padding: 0 19px;
    line-height: 32px;
    border-radius: 4px;
    font-size: 14px;
    color: #96a5ab;
    margin-right: 10px;
    margin-bottom: 10px; }
    @media screen and (max-width: 1440px) {
      .radio-btn label {
        padding: 0 10px;
        line-height: 30px;
        font-size: 12px; } }
  .radio-btn input[type="radio"]:checked {
    float: left; }
    .radio-btn input[type="radio"]:checked:first-child {
      border-radius: 2px; }
    .radio-btn input[type="radio"]:checked + label {
      background-color: #689df6;
      border-color: #387ef3;
      color: #fff;
      transition: color 0.3s, background-color 0.3s; }

.radio-btns {
  border: none;
  overflow: hidden;
  display: flex;
  align-items: center; }
  @media (max-width: 567px) {
    .radio-btns {
      flex-flow: row wrap; }
      .radio-btns .radio-btn label {
        border-radius: 0; } }
  .radio-btns.grey .radio-btn input[type="radio"]:checked + label {
    border-color: #dde3e3;
    background-color: #f9fafa;
    color: #202124; }
  .radio-btns.danger .radio-btn input[type="radio"]:checked + label {
    border-color: #d62516;
    background-color: #ea4335;
    color: #fff; }
  .radio-btns.success .radio-btn input[type="radio"]:checked + label {
    border-color: #288140;
    background-color: #34a853;
    color: #fff; }
  .radio-btns.warning .radio-btn input[type="radio"]:checked + label {
    border-color: #ca9703;
    background-color: #fbbc05;
    color: #fff; }
  .radio-btns.radio-btns-alternative {
    justify-content: space-between;
    overflow: visible; }
    .radio-btns.radio-btns-alternative .radio-btn {
      height: 32px; }
      .radio-btns.radio-btns-alternative .radio-btn label {
        border: 0;
        font-size: 14px; }
      .radio-btns.radio-btns-alternative .radio-btn input[type="radio"]:checked + label {
        background-color: transparent;
        color: #202124;
        position: relative; }
        .radio-btns.radio-btns-alternative .radio-btn input[type="radio"]:checked + label:after {
          content: "";
          position: absolute;
          bottom: -5px;
          left: 0;
          right: 0;
          width: 6px;
          height: 6px;
          margin: 0 auto;
          border-radius: 44px;
          background-color: #689df6 !important; }
    .radio-btns.radio-btns-alternative.danger .radio-btn input[type="radio"]:checked + label:after {
      background-color: #ea4335 !important; }
    .radio-btns.radio-btns-alternative.success .radio-btn input[type="radio"]:checked + label:after {
      background-color: #34a853 !important; }
    .radio-btns.radio-btns-alternative.warning .radio-btn input[type="radio"]:checked + label:after {
      background-color: #fbbc05 !important; }
  .radio-btns.radio-btn-circle .radio-btn label {
    padding-left: 20px;
    border: 0;
    color: #202124;
    margin-bottom: 0;
    position: relative; }
    .radio-btns.radio-btn-circle .radio-btn label:after {
      content: "";
      position: absolute;
      top: 9px;
      left: 0;
      right: 0;
      width: 14px;
      height: 14px;
      background-color: #fff;
      border-radius: 25px;
      border: 1px solid #e3e8ea; }
  .radio-btns.radio-btn-circle .radio-btn input[type="radio"]:checked + label {
    background-color: transparent;
    color: #202124; }
    .radio-btns.radio-btn-circle .radio-btn input[type="radio"]:checked + label:after {
      border: 4px solid #202124; }
  .radio-btns.radio-btn-circle .radio-btn.warning input[type="radio"]:checked + label:after {
    border: 4px solid #fbbc05; }
  .radio-btns.radio-btn-circle .radio-btn.primary input[type="radio"]:checked + label:after {
    border: 4px solid #689df6; }
  .radio-btns.radio-btn-circle .radio-btn.danger input[type="radio"]:checked + label:after {
    border: 4px solid #ea4335; }
  .radio-btns.radio-btn-circle .radio-btn.success input[type="radio"]:checked + label:after {
    border: 4px solid #34a853; }
  .radio-btns.border-radios {
    justify-content: space-between; }
    .radio-btns.border-radios .radio-btn {
      position: relative; }
      .radio-btns.border-radios .radio-btn label {
        height: 50px;
        border: 0;
        line-height: 50px;
        padding: 0;
        margin: 0; }
      .radio-btns.border-radios .radio-btn input[type="radio"]:checked + label {
        background: none;
        color: #202124; }
        .radio-btns.border-radios .radio-btn input[type="radio"]:checked + label::after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          width: 100%;
          height: 1px;
          background-color: #e3e8ea; }
    .radio-btns.border-radios.danger .radio-btn input[type="radio"]:checked + label {
      color: #ea4335; }
      .radio-btns.border-radios.danger .radio-btn input[type="radio"]:checked + label::after {
        background-color: #ea4335; }
    .radio-btns.border-radios.primary .radio-btn input[type="radio"]:checked + label {
      color: #689df6; }
      .radio-btns.border-radios.primary .radio-btn input[type="radio"]:checked + label::after {
        background-color: #689df6; }
    .radio-btns.border-radios.warning .radio-btn input[type="radio"]:checked + label {
      color: #fbbc05; }
      .radio-btns.border-radios.warning .radio-btn input[type="radio"]:checked + label::after {
        background-color: #fbbc05; }
    .radio-btns.border-radios.success .radio-btn input[type="radio"]:checked + label {
      color: #34a853; }
      .radio-btns.border-radios.success .radio-btn input[type="radio"]:checked + label::after {
        background-color: #34a853; }
  .radio-btns.radio-circle .radio-btn label {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid #e3e8ea; }
  .radio-btns.radio-circle .radio-btn input[type="radio"]:checked + label {
    border-color: #387ef3; }

/** Custom Radio Buttons Ends **/
/** Checkbox **/
.checkbox-group {
  display: flex;
  align-items: center; }
  .checkbox-group .checkbox {
    margin-left: 10px; }
    .checkbox-group .checkbox:first-child {
      margin-left: 0; }

.checkbox {
  line-height: 20px; }
  .checkbox input {
    margin: 0;
    opacity: 0;
    visibility: hidden;
    display: none; }
  .checkbox label {
    display: inline-block;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin-bottom: 0; }
  .checkbox .checkbox-input + label {
    position: relative;
    cursor: pointer;
    padding: 0; }
    .checkbox .checkbox-input + label:before {
      content: "";
      display: inline-block;
      vertical-align: text-top;
      width: 18px;
      height: 18px;
      border: 1px solid #e3e8ea;
      background: #fff;
      border-radius: 4px;
      margin-right: 10px; }
  .checkbox .checkbox-input:checked + label:after {
    content: "";
    position: absolute;
    left: 3.5px;
    top: 8.6px;
    background: #fff;
    width: 2.5px;
    height: 2.5px;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
    @media (max-width: 1370px) {
      .checkbox .checkbox-input:checked + label:after {
        top: 7.6px; } }
  .checkbox .checkbox-input:checked + label:before {
    content: "";
    border-color: transparent;
    background: #689df6; }
  .checkbox.danger .checkbox-input + label:before {
    content: "";
    border-color: #ea4335; }
  .checkbox.danger .checkbox-input:checked + label:after {
    background: #fff;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff; }
  .checkbox.danger .checkbox-input:checked + label:before {
    content: "";
    border-color: transparent;
    background: #ea4335; }
  .checkbox.warning .checkbox-input + label:before {
    content: "";
    border-color: #fbbc05; }
  .checkbox.warning .checkbox-input:checked + label:after {
    background: #fff;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff; }
  .checkbox.warning .checkbox-input:checked + label:before {
    content: "";
    border-color: transparent;
    background: #fbbc05; }
  .checkbox.success .checkbox-input + label:before {
    content: "";
    border-color: #34a853; }
  .checkbox.success .checkbox-input:checked + label:after {
    background: #fff;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff; }
  .checkbox.success .checkbox-input:checked + label:before {
    content: "";
    border-color: transparent;
    background: #34a853; }

/** Checkbox Ends **/
/** Custom Divider **/
.sub-border {
  width: 100%;
  height: 2px;
  background: #e3e8ea;
  position: relative; }
  .sub-border .text-or {
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #fff;
    color: #96a5ab; }
  .sub-border.sub-border-text-left .text-or {
    margin: 0 auto 0 30px; }
  .sub-border.sub-border-text-right .text-or {
    margin: 0 30px 0 auto; }

/** Custom Divider **/
/** Themes Lists **/
.legend-list-holder .legend-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  overflow: hidden;
  border-bottom: 1px solid #e3e8ea;
  line-height: 21px; }
  .legend-list-holder .legend-list-item .title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: #202124; }
    @media (max-width: 1440px) {
      .legend-list-holder .legend-list-item .title {
        font-size: 14px; } }
  .legend-list-holder .legend-list-item .client-text {
    font-size: 15px;
    color: #202124;
    margin-bottom: 5px; }
    @media (max-width: 1440px) {
      .legend-list-holder .legend-list-item .client-text {
        font-size: 13px; } }
    @media (max-width: 1024px) {
      .legend-list-holder .legend-list-item .client-text {
        font-size: 14px; } }
    @media (max-width: 400px) {
      .legend-list-holder .legend-list-item .client-text {
        font-size: 13px; } }
  .legend-list-holder .legend-list-item .amount-text {
    font-size: 13px;
    color: #97a6ac; }
  .legend-list-holder .legend-list-item .conversion-text {
    overflow: hidden;
    margin-bottom: 15px; }
  .legend-list-holder .legend-list-item .online-amount {
    overflow: hidden; }
  .legend-list-holder .legend-list-item .sub-title {
    line-height: 20px;
    font-size: 16px; }
    @media (max-width: 1440px) {
      .legend-list-holder .legend-list-item .sub-title {
        font-size: 15px; } }
  .legend-list-holder .legend-list-item .radio-balance {
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    top: 3px;
    border: 1px solid #202124;
    margin-right: 5px; }
    .legend-list-holder .legend-list-item .radio-balance:after {
      content: "";
      position: absolute;
      top: 3px;
      left: 3px;
      width: 8px;
      height: 8px;
      background: #202124;
      border-radius: 50%; }
    .legend-list-holder .legend-list-item .radio-balance.primary {
      border-color: #689df6; }
      .legend-list-holder .legend-list-item .radio-balance.primary:after {
        background: #689df6; }
    .legend-list-holder .legend-list-item .radio-balance.warning {
      border-color: #fbbc05; }
      .legend-list-holder .legend-list-item .radio-balance.warning:after {
        background: #fbbc05; }
    .legend-list-holder .legend-list-item .radio-balance.danger {
      border-color: #ea4335; }
      .legend-list-holder .legend-list-item .radio-balance.danger:after {
        background: #ea4335; }
    .legend-list-holder .legend-list-item .radio-balance.success {
      border-color: #34a853; }
      .legend-list-holder .legend-list-item .radio-balance.success:after {
        background: #34a853; }
    .legend-list-holder .legend-list-item .radio-balance.radio-balance-alternative {
      border: 0;
      background: #202124;
      width: 10px;
      height: 10px;
      margin-right: 8px; }
      .legend-list-holder .legend-list-item .radio-balance.radio-balance-alternative:after {
        display: none; }
      .legend-list-holder .legend-list-item .radio-balance.radio-balance-alternative.primary {
        background: #689df6; }
      .legend-list-holder .legend-list-item .radio-balance.radio-balance-alternative.warning {
        background: #fbbc05; }
      .legend-list-holder .legend-list-item .radio-balance.radio-balance-alternative.danger {
        background: #ea4335; }
      .legend-list-holder .legend-list-item .radio-balance.radio-balance-alternative.success {
        background: #34a853; }

.legend-list-holder.legend-list-holder-alternative {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%; }
  .legend-list-holder.legend-list-holder-alternative li {
    width: 48%;
    align-items: flex-start;
    flex-direction: column;
    padding: 0;
    border-bottom: 0;
    margin-bottom: 20px; }
    @media screen and (max-width: 480px) {
      .legend-list-holder.legend-list-holder-alternative li {
        margin-bottom: 15px; } }
    .legend-list-holder.legend-list-holder-alternative li > * {
      width: 100%; }
  .legend-list-holder.legend-list-holder-alternative.alternative {
    flex-flow: row wrap; }
    .legend-list-holder.legend-list-holder-alternative.alternative li {
      width: 100%; }
    @media (max-width: 767px) {
      .legend-list-holder.legend-list-holder-alternative.alternative {
        margin-left: 0 !important; }
        .legend-list-holder.legend-list-holder-alternative.alternative li {
          width: 50%; }
          .legend-list-holder.legend-list-holder-alternative.alternative li:nth-child(3) {
            margin-bottom: 0; } }
    @media (max-width: 567px) {
      .legend-list-holder.legend-list-holder-alternative.alternative li {
        width: 100%; }
        .legend-list-holder.legend-list-holder-alternative.alternative li:nth-child(3) {
          margin-bottom: 20px; } }

.legend-list-holder.legend-list-holder-two-col {
  flex-flow: row wrap; }

.view-list {
  text-align: center; }
  .view-list li {
    display: inline-block;
    padding: 0 14px;
    position: relative;
    margin: 0 20px 15px; }
    .view-list li:after {
      content: "";
      position: absolute;
      top: -10px;
      left: -20px;
      height: 140%;
      width: 1px;
      background-color: #689df6;
      transform: rotate(30deg); }
      @media (max-width: 1440px) {
        .view-list li:after {
          top: -5px;
          height: 120%; } }
    .view-list li:first-child:after {
      display: none; }
  .view-list .title {
    font-size: 16px;
    color: #96a5ab;
    margin-bottom: 5px; }
    @media screen and (max-width: 1440px) {
      .view-list .title {
        font-size: 14px; } }
    @media screen and (max-width: 1300px) {
      .view-list .title {
        font-size: 13px; } }
    @media screen and (max-width: 480px) {
      .view-list .title {
        font-size: 12px; } }
  .view-list .number {
    font-size: 18px; }
    @media screen and (max-width: 1440px) {
      .view-list .number {
        font-size: 16px; } }
    @media screen and (max-width: 480px) {
      .view-list .number {
        font-size: 14px; } }

/** Themes Lists Ends **/
/** Drawar **/
.moby__drawar.left .modal-dialog,
.moby__drawar.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0); }

.moby__drawar.left .modal-content,
.moby__drawar.right .modal-content {
  height: 100%;
  overflow-y: auto; }

.moby__drawar.left .modal-body,
.moby__drawar.right .modal-body {
  padding: 20px; }

.moby__drawar.left.fade .modal-dialog {
  left: 0;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out; }

.moby__drawar.left.fade.in .modal-dialog {
  left: 0; }

.moby__drawar.right.fade .modal-dialog {
  right: 0;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out; }

.moby__drawar.right.fade.in .modal-dialog {
  right: 0; }

.moby__drawar .drawar-close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 9999; }

.moby__drawar .modal-content {
  border-radius: 0px;
  border: 0;
  background: #f9fafa; }

.moby__drawar .drawar-user-info .avatar-xl {
  width: 55px;
  height: 55px;
  line-height: 55px;
  font-size: 30px;
  display: inline-block;
  margin-bottom: 20px; }

.moby__drawar .drawar-user-info .title {
  font-size: 16px;
  line-height: 1;
  color: #202124;
  margin-bottom: 3px; }
  .moby__drawar .drawar-user-info .title.mr-b-20 {
    margin-bottom: 20px; }

.moby__drawar .drawar-user-info .subtitle {
  color: #96a5ab;
  font-size: 16px;
  margin-bottom: 20px;
  display: block; }

.moby__drawar .drawar-user-info .options-list li {
  color: #96a5ab;
  font-size: 14px;
  padding-bottom: 15px;
  transition: all ease-in-out 0.4s;
  cursor: pointer; }
  .moby__drawar .drawar-user-info .options-list li .icon {
    margin-right: 8px;
    display: inline-block;
    font-size: 17px; }

/** Drawar Ends **/
/** Components Inner Side Menu **/
.inner-page-side-menu {
  position: fixed;
  top: 180px;
  right: 0;
  left: 0;
  width: 250px;
  margin: 0 0px 0 auto; }
  @media (max-width: 991px) {
    .inner-page-side-menu {
      display: none; } }
  .inner-page-side-menu li a {
    display: block;
    color: rgba(32, 33, 36, 0.7);
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    padding-left: 15px;
    transition: all ease-in-out .25s;
    position: relative; }
    .inner-page-side-menu li a:before {
      content: "";
      position: absolute;
      top: -50%;
      left: 0;
      border-left: 4px solid;
      height: 50px;
      bottom: 0;
      visibility: hidden;
      opacity: 0;
      transition: all ease-in-out .25s; }
    .inner-page-side-menu li a:hover {
      color: #689df6; }
      .inner-page-side-menu li a:hover:before {
        visibility: visible;
        opacity: 1;
        top: 5px;
        height: 20px; }
    .inner-page-side-menu li a.active {
      color: #689df6; }
      .inner-page-side-menu li a.active:before {
        visibility: visible;
        opacity: 1;
        top: 5px;
        height: 20px; }

/** Components Inner Side Menu Ends **/
.dropdown.dropright .dropdown-toggle:after {
  top: 11px; }

.dropdown .icon {
  font-size: 22px;
  color: #96a5ab; }

.dropdown .dropdown-toggle {
  text-align: left;
  position: relative;
  padding-right: 25px !important; }
  .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 13px;
    right: 10px; }
  .dropdown .dropdown-toggle.btn-sm:after {
    top: 11px; }
  .dropdown .dropdown-toggle.btn-lg:after {
    top: 16px; }

.dropdown .dropdown-menu {
  z-index: 999;
  margin: 5px 0 0;
  overflow: hidden; }
  .dropdown .dropdown-menu a {
    padding: 10px;
    margin: 0 !important;
    font-size: 14px;
    font-weight: 400;
    transition: all ease-in-out 0.4s;
    color: #96a5ab; }
    .dropdown .dropdown-menu a:hover {
      color: #202124; }
  .dropdown .dropdown-menu.dropdown-menu-right {
    right: 0;
    left: auto; }

.dropdown.custom-icon .dropdown .btn {
  padding: 0;
  background: none;
  border: 0;
  line-height: 31px; }

.dropdown .dropdown-item.active,
.dropdown .dropdown-item:hover {
  background: #f9fafa; }

.dropdown.dropdown-white-bg .dropdown-toggle {
  line-height: 30px;
  padding: 0 8px;
  font-size: 12px;
  background: #fff;
  color: rgba(32, 33, 36, 0.7); }
  @media screen and (min-width: 1440px) {
    .dropdown.dropdown-white-bg .dropdown-toggle {
      padding: 0 10px;
      font-size: 14px; } }
  .dropdown.dropdown-white-bg .dropdown-toggle:after {
    top: 14px; }

.dropdown.light-dropdown .dropdown-toggle {
  line-height: 32px;
  font-size: 14px;
  color: rgba(150, 165, 171, 0.5);
  padding: 0 11px; }

.dropdown.dropdown-bg-t .dropdown-toggle {
  line-height: 30px;
  padding: 0 8px;
  font-size: 12px;
  background: transparent;
  border: 0;
  color: #a0b0b6;
  font-weight: 400;
  letter-spacing: 1px; }
  @media screen and (min-width: 1440px) {
    .dropdown.dropdown-bg-t .dropdown-toggle {
      padding: 0 10px;
      font-size: 14px; } }
  .dropdown.dropdown-bg-t .dropdown-toggle:after {
    top: 14px; }

.dropdown.dropdwon-lg .dropdown-toggle {
  line-height: 38px;
  font-size: 16px; }

.dropdown.dropdown-wo-icon .dropdown-toggle:after {
  display: none; }

.user-profile .user-info {
  text-align: center; }
  .user-profile .user-info .title {
    font-size: 20px;
    color: #202124;
    margin-bottom: 10px; }
  .user-profile .user-info .designation {
    color: #96a5ab;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
    display: block; }
  .user-profile .user-info p {
    color: #96a5ab;
    display: inline-block;
    margin-bottom: 0; }

.user-profile .user-profile-list li {
  margin-bottom: 10px;
  overflow: hidden; }
  .user-profile .user-profile-list li .title {
    font-size: 15px;
    font-weight: 600; }
  .user-profile .user-profile-list li .sub-title {
    color: #96a5ab;
    font-size: 14px; }

.simple-dropdown {
  background: none;
  border: 0;
  padding: 0; }

.grayscale {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

.widget-heading {
  padding: 15px; }
  .widget-heading .title {
    font-size: 20px;
    color: #202124;
    margin: 0; }

/* Card
/*-----------------------------------------------------------------------------------*/
.card,
.event-calender-card {
  border: 1px solid #e3e8ea;
  margin-bottom: 30px;
  border-radius: 4px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05), 0 1px 20px 0 rgba(0, 0, 0, 0.05), 0px 1px 11px 0px rgba(0, 0, 0, 0.05);
  /* Card Header */
  /* Card Header Ends */
  /* Cover Image */
  /* Cover Image Ends */
  /* Card Header Title */
  /* Card Header Title Ends */
  /* Card Extra */
  /* Card Extra Ends */
  /* Card Extra Actions */
  /* Card Extra Actions Ends */
  /* Card Icon Menu */
  /* Card Icon Menu Ends */
  /** Card Body With Not Padding Top **/
  /** Ends Card Body With Not Padding Top **/
  /* Card Body */
  /* Card Body Ends */
  /* Card Footer */
  /* Card Footer Ends */
  /** Card With Head Border 0 **/
  /** /.Card With Head Border 0 **/
  /** Card With Head Bg White **/
  /** /.Card With Head Bg White **/
  /** Card With Head Bg Grey **/
  /** /.Card With Head Bg Grey **/
  /** Card With Head SubTitle Color Grey **/
  /** /.Card With Head SubTitle Color Grey **/
  /** Card With Body Bg Primary **/
  /** /.Card With Body Bg Primary **/
  /** Card With Body Padding **/
  /** /.Card With Body Padding **/
  /** Card With Body Padding None **/
  /** /.Card With Body Padding None **/
  /** Card With Body Max_Height 100% **/
  /** /.Card With Body Max_Height 100% **/
  /** Card Overflow Hidden **/
  /** /.Card Overflow Hidden **/
  /** Card With Body Overflow Hidden **/
  /** /.Card With Body Overflow Hideden **/
  /** Card With Body Overflow Visible **/
  /** /.Card With Body Overflow Visible **/
  /** Card Box Shadow None **/
  /** /.Card Box Shadow None **/
  /** Card Box Shadow None **/
  /** /.Card Box Shadow None **/
  /* Stat Card */
  /* Stat Card Ends */
  /* Real Estate Card */
  /* Real Estate Card Ends */
  /* Topic Card For Help Center */
  /* Topic Card For Help Center Ends */
  /* Social Connections Card */
  /* Social Connections Card Ends */
  /* Connections Profile list Card */
  /* Connections Profile list Card Ends */
  /* File Card */
  /* File Card Ends */
  /* Meetup Card */
  /* Meetup Card Ends */
  /* Add Card */
  /* Add Card Ends */
  /* Conference Card */
  /* Conference Card Ends */
  /* Pricing Plan Card */
  /* Pricing Plan Card Ends */
  /* Profile Overview Card */
  /* Profile Overview Card Ends */
  /* Concert Post Card */
  /* Concert Post Card Ends */
  /* Blog Post card */
  /* Blog Post card Ends */
  /* Project Card */
  /* Project Card Ends */ }
  .card .card-header,
  .event-calender-card .card-header {
    border-radius: 4px 4px 0 0;
    margin-bottom: -1px;
    min-height: 48px;
    padding: 0 20px;
    background: transparent;
    border-color: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .card .cover-image,
  .event-calender-card .cover-image {
    border-radius: 4px 4px 0 0; }
  .card .head-title,
  .event-calender-card .head-title {
    flex: 1 1 0;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 20px 0;
    font-weight: 700;
    margin-bottom: 0;
    font-size: 18px;
    /* Card Header Sub Title */
    /* Card Header Sub Title Ends */
    /* Card Header Title Icon */
    /* Card Header Title Icon */ }
    @media (max-width: 1280px) {
      .card .head-title,
      .event-calender-card .head-title {
        font-size: 16px; } }
    .card .head-title .head-sub-title,
    .event-calender-card .head-title .head-sub-title {
      font-size: 12px;
      color: #a0b0b6;
      margin: 0 0 0 5px; }
    .card .head-title .title-icon,
    .event-calender-card .head-title .title-icon {
      font-size: 30px;
      margin-right: 10px; }
  .card .moby__card-extra,
  .event-calender-card .moby__card-extra {
    display: flex;
    padding: 12px 0; }
    .card .moby__card-extra .dropdown,
    .event-calender-card .moby__card-extra .dropdown {
      margin-left: 10px; }
      .card .moby__card-extra .dropdown:first-child,
      .event-calender-card .moby__card-extra .dropdown:first-child {
        margin-left: 0; }
  .card .extra-actions,
  .event-calender-card .extra-actions {
    display: flex;
    align-items: center;
    margin-right: 10px;
    /* Card Extra Button */
    /* Card Extra Button Ends */ }
    .card .extra-actions .btn-outline,
    .event-calender-card .extra-actions .btn-outline {
      border: transparent;
      padding: 0;
      background: transparent;
      color: #96a5ab;
      font-weight: 400;
      margin: 0 10px;
      line-height: 30px; }
      .card .extra-actions .btn-outline .icon,
      .event-calender-card .extra-actions .btn-outline .icon {
        font-size: 11px; }
    @media (max-width: 600px) {
      .card .extra-actions,
      .event-calender-card .extra-actions {
        display: none; } }
    .card .extra-actions .dropdown.dropdown-white-bg .dropdown-toggle,
    .event-calender-card .extra-actions .dropdown.dropdown-white-bg .dropdown-toggle {
      font-size: 13px !important; }
    .card .extra-actions .dropdown.dropdown-bg-t .dropdown-toggle,
    .event-calender-card .extra-actions .dropdown.dropdown-bg-t .dropdown-toggle {
      font-size: 13px; }
  .card .moby__icon-menu,
  .event-calender-card .moby__icon-menu {
    display: flex;
    align-items: center;
    margin-left: 5px !important; }
    .card .moby__icon-menu li,
    .event-calender-card .moby__icon-menu li {
      padding: 0 8px; }
      .card .moby__icon-menu li:last-child,
      .event-calender-card .moby__icon-menu li:last-child {
        padding-right: 0;
        padding-left: 5px; }
      .card .moby__icon-menu li a,
      .event-calender-card .moby__icon-menu li a {
        color: #96a5ab; }
        .card .moby__icon-menu li a:hover,
        .event-calender-card .moby__icon-menu li a:hover {
          border-color: #202124 !important;
          color: #202124 !important; }
      .card .moby__icon-menu li .icon,
      .card .moby__icon-menu li i,
      .event-calender-card .moby__icon-menu li .icon,
      .event-calender-card .moby__icon-menu li i {
        font-size: 16px;
        vertical-align: middle; }
        @media screen and (max-width: 1024px) {
          .card .moby__icon-menu li .icon,
          .card .moby__icon-menu li i,
          .event-calender-card .moby__icon-menu li .icon,
          .event-calender-card .moby__icon-menu li i {
            font-size: 15px; } }
      .card .moby__icon-menu li .moby__add-icon .icon,
      .event-calender-card .moby__icon-menu li .moby__add-icon .icon {
        text-align: center;
        display: inline-block;
        height: 25px;
        width: 25px;
        line-height: 21px;
        font-size: 14px;
        border: 2px solid #96a5ab;
        border-radius: 50% !important; }
      @media screen and (max-width: 1024px) {
        .card .moby__icon-menu li .moby__add-icon .icon,
        .event-calender-card .moby__icon-menu li .moby__add-icon .icon {
          height: 22px;
          width: 22px;
          line-height: 18px;
          font-size: 12px; } }
      @media screen and (max-width: 1024px) {
        .card .moby__icon-menu li,
        .event-calender-card .moby__icon-menu li {
          padding: 0 6px; } }
      .card .moby__icon-menu li .watch-num,
      .event-calender-card .moby__icon-menu li .watch-num {
        font-size: 16px;
        color: #96a5ab;
        display: inline-block; }
        @media (max-width: 1440px) {
          .card .moby__icon-menu li .watch-num,
          .event-calender-card .moby__icon-menu li .watch-num {
            font-size: 15px; } }
  .card > *:nth-child(2),
  .event-calender-card > *:nth-child(2) {
    padding-top: 0; }
  .card .card-body,
  .event-calender-card .card-body {
    max-height: 520px;
    height: 100%; }
    .card .card-body .google-map,
    .event-calender-card .card-body .google-map {
      height: 520px;
      width: 100%; }
    .card .card-body .leaflet-map,
    .event-calender-card .card-body .leaflet-map {
      height: 520px;
      width: 100%; }
    @media (max-width: 480px) {
      .card .card-body,
      .event-calender-card .card-body {
        max-height: 100%; } }
  .card .card-footer,
  .event-calender-card .card-footer {
    padding: 20px;
    background: #f9fafa;
    border-top-color: #e3e8ea; }
  .card.head-border-0 .card-header,
  .event-calender-card.head-border-0 .card-header {
    border: 0; }
  .card.head-bg-white .card-header,
  .event-calender-card.head-bg-white .card-header {
    background: #fff; }
  .card.head-bg-grey .card-header,
  .event-calender-card.head-bg-grey .card-header {
    background: #f9fafa; }
  .card.head-subtitle-color-grey .card-head-title,
  .event-calender-card.head-subtitle-color-grey .card-head-title {
    /** Card Head SubTitle **/
    /** /.Card Head SubTitle **/ }
    .card.head-subtitle-color-grey .card-head-title .head-sub-title,
    .event-calender-card.head-subtitle-color-grey .card-head-title .head-sub-title {
      color: rgba(32, 33, 36, 0.5) !important; }
  .card.body-bg-grey .card-body,
  .event-calender-card.body-bg-grey .card-body {
    background: #f9fafa; }
  .card.body-padding-top-bottom .card-body,
  .event-calender-card.body-padding-top-bottom .card-body {
    padding: 20px 0px; }
  .card.body-padding-left-right .card-body,
  .event-calender-card.body-padding-left-right .card-body {
    padding: 0 20px; }
  .card.body-padding-top .card-body,
  .event-calender-card.body-padding-top .card-body {
    padding-top: 20px; }
  .card.body-padding-bottom .card-body,
  .event-calender-card.body-padding-bottom .card-body {
    padding-bottom: 20px; }
  .card.body-pd-0 .card-body,
  .event-calender-card.body-pd-0 .card-body {
    padding: 0; }
  .card.body-h-100 .card-body,
  .event-calender-card.body-h-100 .card-body {
    max-height: 100% !important; }
  .card.card-overflow-h,
  .event-calender-card.card-overflow-h {
    overflow: hidden !important; }
  .card.body-overflow-hidden .card-body,
  .event-calender-card.body-overflow-hidden .card-body {
    overflow: hidden !important; }
  .card.body-overflow-hidden-x .card-body,
  .event-calender-card.body-overflow-hidden-x .card-body {
    overflow-x: hidden !important; }
  .card.body-overflow-hidden-y .card-body,
  .event-calender-card.body-overflow-hidden-y .card-body {
    overflow-y: hidden !important; }
  .card.body-overflow-visible .card-body,
  .event-calender-card.body-overflow-visible .card-body {
    overflow: visible !important; }
  .card.card-shadow-none,
  .event-calender-card.card-shadow-none {
    box-shadow: none; }
  .card.card-shadow,
  .event-calender-card.card-shadow {
    box-shadow: 0 4px 6px 0 rgba(32, 33, 36, 0.05), 0 1px 20px 0 rgba(32, 33, 36, 0.05), 0px 1px 11px 0px rgba(32, 33, 36, 0.05) !important; }
  .card.stat-card,
  .event-calender-card.stat-card {
    border: 0;
    border-left: 1px solid #e3e8ea;
    border-radius: 0px;
    transition: all ease-in-out 0.4s;
    overflow: hidden;
    margin-bottom: 0 !important;
    /** Card Head **/
    /** /.Card Head **/
    /** Card Extra **/
    /** Card Extra **/
    /** Card Boday **/
    /** /.Card Body **/
    /** Card Footer **/
    /** /.Card Footer **/
    /** Card Footer List **/
    /** /.Card Footer List **/
    /** Card Footer Text **/
    /** /.Card Footer Text **/ }
    .card.stat-card:hover,
    .event-calender-card.stat-card:hover {
      background: #f5f7f7; }
      .card.stat-card:hover .progress::after,
      .event-calender-card.stat-card:hover .progress::after {
        border-color: #fff !important; }
    .card.stat-card .card-header,
    .event-calender-card.stat-card .card-header {
      border: 0;
      background: transparent;
      overflow: hidden; }
      @media screen and (max-width: 1024px) {
        .card.stat-card .card-header,
        .event-calender-card.stat-card .card-header {
          padding: 0 10px; } }
    .card.stat-card .moby__card-extra,
    .event-calender-card.stat-card .moby__card-extra {
      padding: 20px 0;
      width: 100%;
      justify-content: space-between; }
      .card.stat-card .moby__card-extra .icon,
      .event-calender-card.stat-card .moby__card-extra .icon {
        font-size: 18px;
        cursor: pointer; }
    .card.stat-card .card-body,
    .event-calender-card.stat-card .card-body {
      position: relative;
      text-align: center;
      padding: 0;
      /** Card Animate Icon **/
      /** /.Card Animate Icon **/
      /** Card Body Title **/
      /** /.Card Body Title **/
      /** Card Body SubTitle **/
      /** Card Body SubTitle **/ }
      .card.stat-card .card-body .animate-icon,
      .event-calender-card.stat-card .card-body .animate-icon {
        font-size: 28px;
        color: rgba(150, 165, 171, 0.5);
        transition: all ease-in-out 0.4s; }
        @media screen and (max-width: 1440px) {
          .card.stat-card .card-body .animate-icon,
          .event-calender-card.stat-card .card-body .animate-icon {
            font-size: 24px; } }
        .card.stat-card .card-body .animate-icon.animate-icon-left,
        .event-calender-card.stat-card .card-body .animate-icon.animate-icon-left {
          position: absolute;
          top: 20px;
          left: -5px; }
        .card.stat-card .card-body .animate-icon.animate-icon-right,
        .event-calender-card.stat-card .card-body .animate-icon.animate-icon-right {
          position: absolute;
          bottom: 25px;
          right: -5px;
          font-size: 30px; }
      .card.stat-card .card-body .card-title,
      .event-calender-card.stat-card .card-body .card-title {
        font-size: 15px;
        line-height: 20px;
        color: #202124;
        font-weight: 600;
        margin-bottom: 10px; }
        @media screen and (max-width: 1440px) {
          .card.stat-card .card-body .card-title,
          .event-calender-card.stat-card .card-body .card-title {
            font-size: 14px; } }
      .card.stat-card .card-body .card-sub-title,
      .event-calender-card.stat-card .card-body .card-sub-title {
        font-size: 25px;
        color: #202124;
        font-weight: 600;
        display: block;
        margin-bottom: 30px; }
        @media screen and (max-width: 1440px) {
          .card.stat-card .card-body .card-sub-title,
          .event-calender-card.stat-card .card-body .card-sub-title {
            font-size: 20px; } }
    .card.stat-card .card-footer,
    .event-calender-card.stat-card .card-footer {
      background: transparent;
      border-top: 0;
      padding: 0 10px 20px; }
      @media screen and (max-width: 1024px) {
        .card.stat-card .card-footer,
        .event-calender-card.stat-card .card-footer {
          padding: 0 10px 20px; } }
    .card.stat-card .card-footer-list,
    .event-calender-card.stat-card .card-footer-list {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .card.stat-card .card-footer-list li,
      .event-calender-card.stat-card .card-footer-list li {
        width: 50%;
        position: relative;
        line-height: 20px; }
        .card.stat-card .card-footer-list li::before,
        .event-calender-card.stat-card .card-footer-list li::before {
          content: "";
          position: absolute;
          top: 4px;
          left: 0;
          height: 85%;
          border-right: 1px solid #e3e8ea; }
          @media screen and (max-width: 1440px) {
            .card.stat-card .card-footer-list li::before,
            .event-calender-card.stat-card .card-footer-list li::before {
              left: 6px;
              height: 80%; } }
          @media screen and (max-width: 1300px) {
            .card.stat-card .card-footer-list li::before,
            .event-calender-card.stat-card .card-footer-list li::before {
              left: 0px; } }
        .card.stat-card .card-footer-list li:first-child,
        .event-calender-card.stat-card .card-footer-list li:first-child {
          padding-left: 0 !important; }
          .card.stat-card .card-footer-list li:first-child::before,
          .event-calender-card.stat-card .card-footer-list li:first-child::before {
            display: none; }
        .card.stat-card .card-footer-list li:last-child,
        .event-calender-card.stat-card .card-footer-list li:last-child {
          padding-left: 15px; }
          @media screen and (max-width: 1300px) {
            .card.stat-card .card-footer-list li:last-child,
            .event-calender-card.stat-card .card-footer-list li:last-child {
              padding-left: 10px; } }
      .card.stat-card .card-footer-list .card-footer-icon,
      .event-calender-card.stat-card .card-footer-list .card-footer-icon {
        margin-right: 4px;
        font-size: 16px;
        vertical-align: top; }
        @media screen and (max-width: 1440px) {
          .card.stat-card .card-footer-list .card-footer-icon,
          .event-calender-card.stat-card .card-footer-list .card-footer-icon {
            margin-right: 3px;
            font-size: 14px;
            vertical-align: 16px; } }
    .card.stat-card .card-footer-num,
    .event-calender-card.stat-card .card-footer-num {
      font-size: 18px;
      font-weight: 600;
      color: #202124;
      display: inline-block; }
      @media screen and (max-width: 1440px) {
        .card.stat-card .card-footer-num,
        .event-calender-card.stat-card .card-footer-num {
          font-size: 15px; } }
    .card.stat-card .card-footer-text,
    .event-calender-card.stat-card .card-footer-text {
      display: block;
      font-size: 13px;
      font-weight: 400;
      color: #202124; }
      @media screen and (max-width: 1440px) {
        .card.stat-card .card-footer-text,
        .event-calender-card.stat-card .card-footer-text {
          font-size: 12px; } }
    .card.stat-card .card-footer-month,
    .event-calender-card.stat-card .card-footer-month {
      display: inline-block;
      font-size: 13px;
      font-weight: 400;
      color: #202124;
      padding-left: 10px; }
      @media screen and (max-width: 1440px) {
        .card.stat-card .card-footer-month,
        .event-calender-card.stat-card .card-footer-month {
          font-size: 12px; } }
    .card.stat-card.danger .card-body .animate-icon,
    .event-calender-card.stat-card.danger .card-body .animate-icon {
      color: #ea4335;
      opacity: .2; }
    .card.stat-card.danger .card-body .card-title,
    .event-calender-card.stat-card.danger .card-body .card-title {
      color: #ea4335; }
    .card.stat-card.danger .card-body .progress-bar,
    .event-calender-card.stat-card.danger .card-body .progress-bar {
      border-color: #ea4335; }
    .card.stat-card.danger .card-footer-list .card-footer-icon,
    .event-calender-card.stat-card.danger .card-footer-list .card-footer-icon {
      color: #ea4335; }
    .card.stat-card.danger:hover .moby__card-extra .icon,
    .event-calender-card.stat-card.danger:hover .moby__card-extra .icon {
      color: #ea4335; }
    .card.stat-card.danger:hover .card-body .animate-icon,
    .event-calender-card.stat-card.danger:hover .card-body .animate-icon {
      opacity: 1; }
    .card.stat-card.danger:hover .card-body .circle-progress-bar .progress-value .icon,
    .event-calender-card.stat-card.danger:hover .card-body .circle-progress-bar .progress-value .icon {
      color: #ea4335; }
    .card.stat-card.primary .card-body .animate-icon,
    .event-calender-card.stat-card.primary .card-body .animate-icon {
      color: #689df6;
      opacity: .2; }
    .card.stat-card.primary .card-body .card-title,
    .event-calender-card.stat-card.primary .card-body .card-title {
      color: #689df6; }
    .card.stat-card.primary .card-body .progress-bar,
    .event-calender-card.stat-card.primary .card-body .progress-bar {
      border-color: #689df6; }
    .card.stat-card.primary .card-footer-list .card-footer-icon,
    .event-calender-card.stat-card.primary .card-footer-list .card-footer-icon {
      color: #689df6; }
    .card.stat-card.primary:hover .moby__card-extra .icon,
    .event-calender-card.stat-card.primary:hover .moby__card-extra .icon {
      color: #689df6; }
    .card.stat-card.primary:hover .card-body .animate-icon,
    .event-calender-card.stat-card.primary:hover .card-body .animate-icon {
      opacity: 1; }
    .card.stat-card.primary:hover .card-body .circle-progress-bar .progress-value .icon,
    .event-calender-card.stat-card.primary:hover .card-body .circle-progress-bar .progress-value .icon {
      color: #689df6; }
    .card.stat-card.warning .card-body .animate-icon,
    .event-calender-card.stat-card.warning .card-body .animate-icon {
      color: #fbbc05;
      opacity: .2; }
    .card.stat-card.warning .card-body .card-title,
    .event-calender-card.stat-card.warning .card-body .card-title {
      color: #fbbc05; }
    .card.stat-card.warning .card-body .progress-bar,
    .event-calender-card.stat-card.warning .card-body .progress-bar {
      border-color: #fbbc05; }
    .card.stat-card.warning .card-footer-list .card-footer-icon,
    .event-calender-card.stat-card.warning .card-footer-list .card-footer-icon {
      color: #fbbc05; }
    .card.stat-card.warning:hover .moby__card-extra .icon,
    .event-calender-card.stat-card.warning:hover .moby__card-extra .icon {
      color: #fbbc05; }
    .card.stat-card.warning:hover .card-body .animate-icon,
    .event-calender-card.stat-card.warning:hover .card-body .animate-icon {
      opacity: 1; }
    .card.stat-card.warning:hover .card-body .circle-progress-bar .progress-value .icon,
    .event-calender-card.stat-card.warning:hover .card-body .circle-progress-bar .progress-value .icon {
      color: #fbbc05; }
    .card.stat-card.success .card-body .animate-icon,
    .event-calender-card.stat-card.success .card-body .animate-icon {
      color: #34a853;
      opacity: .2; }
    .card.stat-card.success .card-body .card-title,
    .event-calender-card.stat-card.success .card-body .card-title {
      color: #34a853; }
    .card.stat-card.success .card-body .progress-bar,
    .event-calender-card.stat-card.success .card-body .progress-bar {
      border-color: #34a853; }
    .card.stat-card.success .card-footer-list .card-footer-icon,
    .event-calender-card.stat-card.success .card-footer-list .card-footer-icon {
      color: #34a853; }
    .card.stat-card.success:hover .moby__card-extra .icon,
    .event-calender-card.stat-card.success:hover .moby__card-extra .icon {
      color: #34a853; }
    .card.stat-card.success:hover .card-body .animate-icon,
    .event-calender-card.stat-card.success:hover .card-body .animate-icon {
      opacity: 1; }
    .card.stat-card.success:hover .card-body .circle-progress-bar .progress-value .icon,
    .event-calender-card.stat-card.success:hover .card-body .circle-progress-bar .progress-value .icon {
      color: #34a853; }
  .card.re-card,
  .event-calender-card.re-card {
    /** Card Head **/
    /** /.Card Head **/
    /** Card Head Title **/
    /** /.Card Head Title **/
    /** Card Extra **/
    /** Card Extra **/
    /** Card Body **/
    /** Card Body Ends **/
    /** Card Footer **/
    /** /.Card Footer **/ }
    .card.re-card .card-header,
    .event-calender-card.re-card .card-header {
      border-bottom: 0;
      background: transparent;
      min-height: auto; }
    .card.re-card .head-title,
    .event-calender-card.re-card .head-title {
      line-height: 22px;
      padding: 14px 0;
      font-size: 18px;
      color: #202124; }
      @media screen and (max-width: 1370px) {
        .card.re-card .head-title,
        .event-calender-card.re-card .head-title {
          font-size: 16px; } }
    .card.re-card .moby__card-extra,
    .event-calender-card.re-card .moby__card-extra {
      padding: 0;
      justify-content: flex-end; }
      .card.re-card .moby__card-extra .icon,
      .event-calender-card.re-card .moby__card-extra .icon {
        cursor: pointer;
        font-size: 16px;
        transition: all ease-in-out .4s; }
        @media screen and (max-width: 1440px) {
          .card.re-card .moby__card-extra .icon,
          .event-calender-card.re-card .moby__card-extra .icon {
            font-size: 14px; } }
    .card.re-card .card-body,
    .event-calender-card.re-card .card-body {
      min-height: 100%;
      padding: 0 20px 25px;
      /** Card Body Title **/
      /** Card Body Title **/
      /** Card Progress Bar **/
      /** Card Progress Bar Ends **/ }
      .card.re-card .card-body .card-title,
      .event-calender-card.re-card .card-body .card-title {
        font-size: 18px;
        line-height: 22px;
        color: #202124;
        margin-bottom: 5px; }
        @media screen and (max-width: 1440px) {
          .card.re-card .card-body .card-title,
          .event-calender-card.re-card .card-body .card-title {
            font-size: 16px; } }
      .card.re-card .card-body .subtitle,
      .event-calender-card.re-card .card-body .subtitle {
        font-size: 14px;
        line-height: 22px;
        color: #96a5ab;
        display: block;
        margin-bottom: 25px; }
        @media screen and (max-width: 1440px) {
          .card.re-card .card-body .subtitle,
          .event-calender-card.re-card .card-body .subtitle {
            font-size: 13px; } }
        @media screen and (max-width: 991px) {
          .card.re-card .card-body .subtitle,
          .event-calender-card.re-card .card-body .subtitle {
            font-size: 14px; } }
        .card.re-card .card-body .subtitle .icon,
        .event-calender-card.re-card .card-body .subtitle .icon {
          margin-right: 7px;
          font-size: 11px;
          vertical-align: 1px; }
      .card.re-card .card-body .circle-progress-bar,
      .event-calender-card.re-card .card-body .circle-progress-bar {
        margin-bottom: 0; }
        .card.re-card .card-body .circle-progress-bar .progress-bar,
        .event-calender-card.re-card .card-body .circle-progress-bar .progress-bar {
          border-color: #202124; }
        .card.re-card .card-body .circle-progress-bar .progress-value .icon,
        .event-calender-card.re-card .card-body .circle-progress-bar .progress-value .icon {
          color: #E5E1E1;
          font-size: 25px; }
          .card.re-card .card-body .circle-progress-bar .progress-value .icon.icon-resize,
          .event-calender-card.re-card .card-body .circle-progress-bar .progress-value .icon.icon-resize {
            font-size: 40px; }
    .card.re-card .card-footer,
    .event-calender-card.re-card .card-footer {
      background: transparent;
      border-top: 0;
      padding: 0 20px 15px;
      /** Card Footer List **/
      /** /.Card Footer List **/
      /** Card Footer Text **/
      /** Card Footer Text **/ }
      .card.re-card .card-footer .card-footer-list,
      .event-calender-card.re-card .card-footer .card-footer-list {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .card.re-card .card-footer .card-footer-list > *,
        .event-calender-card.re-card .card-footer .card-footer-list > * {
          flex: 1 1; }
        .card.re-card .card-footer .card-footer-list li,
        .event-calender-card.re-card .card-footer .card-footer-list li {
          position: relative;
          line-height: 20px; }
      .card.re-card .card-footer .card-footer-icon,
      .event-calender-card.re-card .card-footer .card-footer-icon {
        margin-right: 7px;
        font-size: 12px;
        vertical-align: 1px; }
        @media screen and (max-width: 1440px) {
          .card.re-card .card-footer .card-footer-icon,
          .event-calender-card.re-card .card-footer .card-footer-icon {
            margin-right: 5px; } }
      .card.re-card .card-footer .card-footer-text,
      .event-calender-card.re-card .card-footer .card-footer-text {
        font-size: 14px;
        color: #96a5ab;
        display: inline-block; }
        @media screen and (max-width: 1440px) {
          .card.re-card .card-footer .card-footer-text,
          .event-calender-card.re-card .card-footer .card-footer-text {
            font-size: 13px; } }
    .card.re-card.danger,
    .event-calender-card.re-card.danger {
      /** Card Head **/
      /** /.Card Head **/
      /** Card Head Title **/
      /** /.Card Head Title **/
      /** Card Extra **/
      /** Card Extra **/
      /** Card Body **/
      /** Card Body Ends **/
      /** Card Footer **/
      /** /.Card Footer **/ }
      .card.re-card.danger .card-header,
      .event-calender-card.re-card.danger .card-header {
        border-bottom: 0;
        background: transparent;
        min-height: auto; }
      .card.re-card.danger .head-title,
      .event-calender-card.re-card.danger .head-title {
        line-height: 22px;
        padding: 14px 0;
        font-size: 18px;
        color: #ea4335; }
        @media screen and (max-width: 1370px) {
          .card.re-card.danger .head-title,
          .event-calender-card.re-card.danger .head-title {
            font-size: 16px; } }
      .card.re-card.danger .moby__card-extra,
      .event-calender-card.re-card.danger .moby__card-extra {
        padding: 0;
        justify-content: flex-end; }
        .card.re-card.danger .moby__card-extra .icon,
        .event-calender-card.re-card.danger .moby__card-extra .icon {
          cursor: pointer;
          font-size: 16px;
          transition: all ease-in-out .4s; }
          @media screen and (max-width: 1440px) {
            .card.re-card.danger .moby__card-extra .icon,
            .event-calender-card.re-card.danger .moby__card-extra .icon {
              font-size: 14px; } }
      .card.re-card.danger .card-body,
      .event-calender-card.re-card.danger .card-body {
        min-height: 100%;
        padding: 0 20px 25px;
        /** Card Body Title **/
        /** Card Body Title **/
        /** Card Progress Bar **/
        /** Card Progress Bar Ends **/ }
        .card.re-card.danger .card-body .card-title,
        .event-calender-card.re-card.danger .card-body .card-title {
          font-size: 18px;
          line-height: 22px;
          color: #202124;
          margin-bottom: 5px; }
          @media screen and (max-width: 1440px) {
            .card.re-card.danger .card-body .card-title,
            .event-calender-card.re-card.danger .card-body .card-title {
              font-size: 16px; } }
        .card.re-card.danger .card-body .subtitle,
        .event-calender-card.re-card.danger .card-body .subtitle {
          font-size: 14px;
          line-height: 22px;
          color: #96a5ab;
          display: block;
          margin-bottom: 25px; }
          @media screen and (max-width: 1440px) {
            .card.re-card.danger .card-body .subtitle,
            .event-calender-card.re-card.danger .card-body .subtitle {
              font-size: 13px; } }
          @media screen and (max-width: 991px) {
            .card.re-card.danger .card-body .subtitle,
            .event-calender-card.re-card.danger .card-body .subtitle {
              font-size: 14px; } }
          .card.re-card.danger .card-body .subtitle .icon,
          .event-calender-card.re-card.danger .card-body .subtitle .icon {
            margin-right: 7px;
            font-size: 11px;
            vertical-align: 1px; }
        .card.re-card.danger .card-body .circle-progress-bar,
        .event-calender-card.re-card.danger .card-body .circle-progress-bar {
          margin-bottom: 0; }
          .card.re-card.danger .card-body .circle-progress-bar .progress-bar,
          .event-calender-card.re-card.danger .card-body .circle-progress-bar .progress-bar {
            border-color: #ea4335; }
          .card.re-card.danger .card-body .circle-progress-bar .progress-value .icon,
          .event-calender-card.re-card.danger .card-body .circle-progress-bar .progress-value .icon {
            color: #E5E1E1;
            font-size: 25px; }
            .card.re-card.danger .card-body .circle-progress-bar .progress-value .icon.icon-resize,
            .event-calender-card.re-card.danger .card-body .circle-progress-bar .progress-value .icon.icon-resize {
              font-size: 40px; }
      .card.re-card.danger .card-footer,
      .event-calender-card.re-card.danger .card-footer {
        background: transparent;
        border-top: 0;
        padding: 0 20px 15px;
        /** Card Footer List **/
        /** /.Card Footer List **/
        /** Card Footer Text **/
        /** Card Footer Text **/ }
        .card.re-card.danger .card-footer .card-footer-list,
        .event-calender-card.re-card.danger .card-footer .card-footer-list {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .card.re-card.danger .card-footer .card-footer-list > *,
          .event-calender-card.re-card.danger .card-footer .card-footer-list > * {
            flex: 1 1; }
          .card.re-card.danger .card-footer .card-footer-list li,
          .event-calender-card.re-card.danger .card-footer .card-footer-list li {
            position: relative;
            line-height: 20px; }
        .card.re-card.danger .card-footer .card-footer-icon,
        .event-calender-card.re-card.danger .card-footer .card-footer-icon {
          margin-right: 7px;
          font-size: 12px;
          vertical-align: 1px; }
          @media screen and (max-width: 1440px) {
            .card.re-card.danger .card-footer .card-footer-icon,
            .event-calender-card.re-card.danger .card-footer .card-footer-icon {
              margin-right: 5px; } }
        .card.re-card.danger .card-footer .card-footer-text,
        .event-calender-card.re-card.danger .card-footer .card-footer-text {
          font-size: 14px;
          color: #96a5ab;
          display: inline-block; }
          @media screen and (max-width: 1440px) {
            .card.re-card.danger .card-footer .card-footer-text,
            .event-calender-card.re-card.danger .card-footer .card-footer-text {
              font-size: 13px; } }
    .card.re-card.primary,
    .event-calender-card.re-card.primary {
      /** Card Head **/
      /** /.Card Head **/
      /** Card Head Title **/
      /** /.Card Head Title **/
      /** Card Extra **/
      /** Card Extra **/
      /** Card Body **/
      /** Card Body Ends **/
      /** Card Footer **/
      /** /.Card Footer **/ }
      .card.re-card.primary .card-header,
      .event-calender-card.re-card.primary .card-header {
        border-bottom: 0;
        background: transparent;
        min-height: auto; }
      .card.re-card.primary .head-title,
      .event-calender-card.re-card.primary .head-title {
        line-height: 22px;
        padding: 14px 0;
        font-size: 18px;
        color: #689df6; }
        @media screen and (max-width: 1370px) {
          .card.re-card.primary .head-title,
          .event-calender-card.re-card.primary .head-title {
            font-size: 16px; } }
      .card.re-card.primary .moby__card-extra,
      .event-calender-card.re-card.primary .moby__card-extra {
        padding: 0;
        justify-content: flex-end; }
        .card.re-card.primary .moby__card-extra .icon,
        .event-calender-card.re-card.primary .moby__card-extra .icon {
          cursor: pointer;
          font-size: 16px;
          transition: all ease-in-out .4s; }
          @media screen and (max-width: 1440px) {
            .card.re-card.primary .moby__card-extra .icon,
            .event-calender-card.re-card.primary .moby__card-extra .icon {
              font-size: 14px; } }
      .card.re-card.primary .card-body,
      .event-calender-card.re-card.primary .card-body {
        min-height: 100%;
        padding: 0 20px 25px;
        /** Card Body Title **/
        /** Card Body Title **/
        /** Card Progress Bar **/
        /** Card Progress Bar Ends **/ }
        .card.re-card.primary .card-body .card-title,
        .event-calender-card.re-card.primary .card-body .card-title {
          font-size: 18px;
          line-height: 22px;
          color: #202124;
          margin-bottom: 5px; }
          @media screen and (max-width: 1440px) {
            .card.re-card.primary .card-body .card-title,
            .event-calender-card.re-card.primary .card-body .card-title {
              font-size: 16px; } }
        .card.re-card.primary .card-body .subtitle,
        .event-calender-card.re-card.primary .card-body .subtitle {
          font-size: 14px;
          line-height: 22px;
          color: #96a5ab;
          display: block;
          margin-bottom: 25px; }
          @media screen and (max-width: 1440px) {
            .card.re-card.primary .card-body .subtitle,
            .event-calender-card.re-card.primary .card-body .subtitle {
              font-size: 13px; } }
          @media screen and (max-width: 991px) {
            .card.re-card.primary .card-body .subtitle,
            .event-calender-card.re-card.primary .card-body .subtitle {
              font-size: 14px; } }
          .card.re-card.primary .card-body .subtitle .icon,
          .event-calender-card.re-card.primary .card-body .subtitle .icon {
            margin-right: 7px;
            font-size: 11px;
            vertical-align: 1px; }
        .card.re-card.primary .card-body .circle-progress-bar,
        .event-calender-card.re-card.primary .card-body .circle-progress-bar {
          margin-bottom: 0; }
          .card.re-card.primary .card-body .circle-progress-bar .progress-bar,
          .event-calender-card.re-card.primary .card-body .circle-progress-bar .progress-bar {
            border-color: #689df6; }
          .card.re-card.primary .card-body .circle-progress-bar .progress-value .icon,
          .event-calender-card.re-card.primary .card-body .circle-progress-bar .progress-value .icon {
            color: #E5E1E1;
            font-size: 25px; }
            .card.re-card.primary .card-body .circle-progress-bar .progress-value .icon.icon-resize,
            .event-calender-card.re-card.primary .card-body .circle-progress-bar .progress-value .icon.icon-resize {
              font-size: 40px; }
      .card.re-card.primary .card-footer,
      .event-calender-card.re-card.primary .card-footer {
        background: transparent;
        border-top: 0;
        padding: 0 20px 15px;
        /** Card Footer List **/
        /** /.Card Footer List **/
        /** Card Footer Text **/
        /** Card Footer Text **/ }
        .card.re-card.primary .card-footer .card-footer-list,
        .event-calender-card.re-card.primary .card-footer .card-footer-list {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .card.re-card.primary .card-footer .card-footer-list > *,
          .event-calender-card.re-card.primary .card-footer .card-footer-list > * {
            flex: 1 1; }
          .card.re-card.primary .card-footer .card-footer-list li,
          .event-calender-card.re-card.primary .card-footer .card-footer-list li {
            position: relative;
            line-height: 20px; }
        .card.re-card.primary .card-footer .card-footer-icon,
        .event-calender-card.re-card.primary .card-footer .card-footer-icon {
          margin-right: 7px;
          font-size: 12px;
          vertical-align: 1px; }
          @media screen and (max-width: 1440px) {
            .card.re-card.primary .card-footer .card-footer-icon,
            .event-calender-card.re-card.primary .card-footer .card-footer-icon {
              margin-right: 5px; } }
        .card.re-card.primary .card-footer .card-footer-text,
        .event-calender-card.re-card.primary .card-footer .card-footer-text {
          font-size: 14px;
          color: #96a5ab;
          display: inline-block; }
          @media screen and (max-width: 1440px) {
            .card.re-card.primary .card-footer .card-footer-text,
            .event-calender-card.re-card.primary .card-footer .card-footer-text {
              font-size: 13px; } }
    .card.re-card.warning,
    .event-calender-card.re-card.warning {
      /** Card Head **/
      /** /.Card Head **/
      /** Card Head Title **/
      /** /.Card Head Title **/
      /** Card Extra **/
      /** Card Extra **/
      /** Card Body **/
      /** Card Body Ends **/
      /** Card Footer **/
      /** /.Card Footer **/ }
      .card.re-card.warning .card-header,
      .event-calender-card.re-card.warning .card-header {
        border-bottom: 0;
        background: transparent;
        min-height: auto; }
      .card.re-card.warning .head-title,
      .event-calender-card.re-card.warning .head-title {
        line-height: 22px;
        padding: 14px 0;
        font-size: 18px;
        color: #fbbc05; }
        @media screen and (max-width: 1370px) {
          .card.re-card.warning .head-title,
          .event-calender-card.re-card.warning .head-title {
            font-size: 16px; } }
      .card.re-card.warning .moby__card-extra,
      .event-calender-card.re-card.warning .moby__card-extra {
        padding: 0;
        justify-content: flex-end; }
        .card.re-card.warning .moby__card-extra .icon,
        .event-calender-card.re-card.warning .moby__card-extra .icon {
          cursor: pointer;
          font-size: 16px;
          transition: all ease-in-out .4s; }
          @media screen and (max-width: 1440px) {
            .card.re-card.warning .moby__card-extra .icon,
            .event-calender-card.re-card.warning .moby__card-extra .icon {
              font-size: 14px; } }
      .card.re-card.warning .card-body,
      .event-calender-card.re-card.warning .card-body {
        min-height: 100%;
        padding: 0 20px 25px;
        /** Card Body Title **/
        /** Card Body Title **/
        /** Card Progress Bar **/
        /** Card Progress Bar Ends **/ }
        .card.re-card.warning .card-body .card-title,
        .event-calender-card.re-card.warning .card-body .card-title {
          font-size: 18px;
          line-height: 22px;
          color: #202124;
          margin-bottom: 5px; }
          @media screen and (max-width: 1440px) {
            .card.re-card.warning .card-body .card-title,
            .event-calender-card.re-card.warning .card-body .card-title {
              font-size: 16px; } }
        .card.re-card.warning .card-body .subtitle,
        .event-calender-card.re-card.warning .card-body .subtitle {
          font-size: 14px;
          line-height: 22px;
          color: #96a5ab;
          display: block;
          margin-bottom: 25px; }
          @media screen and (max-width: 1440px) {
            .card.re-card.warning .card-body .subtitle,
            .event-calender-card.re-card.warning .card-body .subtitle {
              font-size: 13px; } }
          @media screen and (max-width: 991px) {
            .card.re-card.warning .card-body .subtitle,
            .event-calender-card.re-card.warning .card-body .subtitle {
              font-size: 14px; } }
          .card.re-card.warning .card-body .subtitle .icon,
          .event-calender-card.re-card.warning .card-body .subtitle .icon {
            margin-right: 7px;
            font-size: 11px;
            vertical-align: 1px; }
        .card.re-card.warning .card-body .circle-progress-bar,
        .event-calender-card.re-card.warning .card-body .circle-progress-bar {
          margin-bottom: 0; }
          .card.re-card.warning .card-body .circle-progress-bar .progress-bar,
          .event-calender-card.re-card.warning .card-body .circle-progress-bar .progress-bar {
            border-color: #fbbc05; }
          .card.re-card.warning .card-body .circle-progress-bar .progress-value .icon,
          .event-calender-card.re-card.warning .card-body .circle-progress-bar .progress-value .icon {
            color: #E5E1E1;
            font-size: 25px; }
            .card.re-card.warning .card-body .circle-progress-bar .progress-value .icon.icon-resize,
            .event-calender-card.re-card.warning .card-body .circle-progress-bar .progress-value .icon.icon-resize {
              font-size: 40px; }
      .card.re-card.warning .card-footer,
      .event-calender-card.re-card.warning .card-footer {
        background: transparent;
        border-top: 0;
        padding: 0 20px 15px;
        /** Card Footer List **/
        /** /.Card Footer List **/
        /** Card Footer Text **/
        /** Card Footer Text **/ }
        .card.re-card.warning .card-footer .card-footer-list,
        .event-calender-card.re-card.warning .card-footer .card-footer-list {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .card.re-card.warning .card-footer .card-footer-list > *,
          .event-calender-card.re-card.warning .card-footer .card-footer-list > * {
            flex: 1 1; }
          .card.re-card.warning .card-footer .card-footer-list li,
          .event-calender-card.re-card.warning .card-footer .card-footer-list li {
            position: relative;
            line-height: 20px; }
        .card.re-card.warning .card-footer .card-footer-icon,
        .event-calender-card.re-card.warning .card-footer .card-footer-icon {
          margin-right: 7px;
          font-size: 12px;
          vertical-align: 1px; }
          @media screen and (max-width: 1440px) {
            .card.re-card.warning .card-footer .card-footer-icon,
            .event-calender-card.re-card.warning .card-footer .card-footer-icon {
              margin-right: 5px; } }
        .card.re-card.warning .card-footer .card-footer-text,
        .event-calender-card.re-card.warning .card-footer .card-footer-text {
          font-size: 14px;
          color: #96a5ab;
          display: inline-block; }
          @media screen and (max-width: 1440px) {
            .card.re-card.warning .card-footer .card-footer-text,
            .event-calender-card.re-card.warning .card-footer .card-footer-text {
              font-size: 13px; } }
    .card.re-card.success,
    .event-calender-card.re-card.success {
      /** Card Head **/
      /** /.Card Head **/
      /** Card Head Title **/
      /** /.Card Head Title **/
      /** Card Extra **/
      /** Card Extra **/
      /** Card Body **/
      /** Card Body Ends **/
      /** Card Footer **/
      /** /.Card Footer **/ }
      .card.re-card.success .card-header,
      .event-calender-card.re-card.success .card-header {
        border-bottom: 0;
        background: transparent;
        min-height: auto; }
      .card.re-card.success .head-title,
      .event-calender-card.re-card.success .head-title {
        line-height: 22px;
        padding: 14px 0;
        font-size: 18px;
        color: #34a853; }
        @media screen and (max-width: 1370px) {
          .card.re-card.success .head-title,
          .event-calender-card.re-card.success .head-title {
            font-size: 16px; } }
      .card.re-card.success .moby__card-extra,
      .event-calender-card.re-card.success .moby__card-extra {
        padding: 0;
        justify-content: flex-end; }
        .card.re-card.success .moby__card-extra .icon,
        .event-calender-card.re-card.success .moby__card-extra .icon {
          cursor: pointer;
          font-size: 16px;
          transition: all ease-in-out .4s; }
          @media screen and (max-width: 1440px) {
            .card.re-card.success .moby__card-extra .icon,
            .event-calender-card.re-card.success .moby__card-extra .icon {
              font-size: 14px; } }
      .card.re-card.success .card-body,
      .event-calender-card.re-card.success .card-body {
        min-height: 100%;
        padding: 0 20px 25px;
        /** Card Body Title **/
        /** Card Body Title **/
        /** Card Progress Bar **/
        /** Card Progress Bar Ends **/ }
        .card.re-card.success .card-body .card-title,
        .event-calender-card.re-card.success .card-body .card-title {
          font-size: 18px;
          line-height: 22px;
          color: #202124;
          margin-bottom: 5px; }
          @media screen and (max-width: 1440px) {
            .card.re-card.success .card-body .card-title,
            .event-calender-card.re-card.success .card-body .card-title {
              font-size: 16px; } }
        .card.re-card.success .card-body .subtitle,
        .event-calender-card.re-card.success .card-body .subtitle {
          font-size: 14px;
          line-height: 22px;
          color: #96a5ab;
          display: block;
          margin-bottom: 25px; }
          @media screen and (max-width: 1440px) {
            .card.re-card.success .card-body .subtitle,
            .event-calender-card.re-card.success .card-body .subtitle {
              font-size: 13px; } }
          @media screen and (max-width: 991px) {
            .card.re-card.success .card-body .subtitle,
            .event-calender-card.re-card.success .card-body .subtitle {
              font-size: 14px; } }
          .card.re-card.success .card-body .subtitle .icon,
          .event-calender-card.re-card.success .card-body .subtitle .icon {
            margin-right: 7px;
            font-size: 11px;
            vertical-align: 1px; }
        .card.re-card.success .card-body .circle-progress-bar,
        .event-calender-card.re-card.success .card-body .circle-progress-bar {
          margin-bottom: 0; }
          .card.re-card.success .card-body .circle-progress-bar .progress-bar,
          .event-calender-card.re-card.success .card-body .circle-progress-bar .progress-bar {
            border-color: #34a853; }
          .card.re-card.success .card-body .circle-progress-bar .progress-value .icon,
          .event-calender-card.re-card.success .card-body .circle-progress-bar .progress-value .icon {
            color: #E5E1E1;
            font-size: 25px; }
            .card.re-card.success .card-body .circle-progress-bar .progress-value .icon.icon-resize,
            .event-calender-card.re-card.success .card-body .circle-progress-bar .progress-value .icon.icon-resize {
              font-size: 40px; }
      .card.re-card.success .card-footer,
      .event-calender-card.re-card.success .card-footer {
        background: transparent;
        border-top: 0;
        padding: 0 20px 15px;
        /** Card Footer List **/
        /** /.Card Footer List **/
        /** Card Footer Text **/
        /** Card Footer Text **/ }
        .card.re-card.success .card-footer .card-footer-list,
        .event-calender-card.re-card.success .card-footer .card-footer-list {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .card.re-card.success .card-footer .card-footer-list > *,
          .event-calender-card.re-card.success .card-footer .card-footer-list > * {
            flex: 1 1; }
          .card.re-card.success .card-footer .card-footer-list li,
          .event-calender-card.re-card.success .card-footer .card-footer-list li {
            position: relative;
            line-height: 20px; }
        .card.re-card.success .card-footer .card-footer-icon,
        .event-calender-card.re-card.success .card-footer .card-footer-icon {
          margin-right: 7px;
          font-size: 12px;
          vertical-align: 1px; }
          @media screen and (max-width: 1440px) {
            .card.re-card.success .card-footer .card-footer-icon,
            .event-calender-card.re-card.success .card-footer .card-footer-icon {
              margin-right: 5px; } }
        .card.re-card.success .card-footer .card-footer-text,
        .event-calender-card.re-card.success .card-footer .card-footer-text {
          font-size: 14px;
          color: #96a5ab;
          display: inline-block; }
          @media screen and (max-width: 1440px) {
            .card.re-card.success .card-footer .card-footer-text,
            .event-calender-card.re-card.success .card-footer .card-footer-text {
              font-size: 13px; } }
    .card.re-card.re-widget-alternative .ant-card-head,
    .event-calender-card.re-card.re-widget-alternative .ant-card-head {
      padding: 0 20px; }
      @media (max-width: 1440px) {
        .card.re-card.re-widget-alternative .ant-card-head,
        .event-calender-card.re-card.re-widget-alternative .ant-card-head {
          padding: 0 15px; } }
    .card.re-card.re-widget-alternative .head-title,
    .event-calender-card.re-card.re-widget-alternative .head-title {
      padding: 15px 0 10px;
      color: #202124; }
    .card.re-card.re-widget-alternative .moby__card-extra .icon:hover,
    .event-calender-card.re-card.re-widget-alternative .moby__card-extra .icon:hover {
      color: #202124; }
    .card.re-card.re-widget-alternative .card-body,
    .event-calender-card.re-card.re-widget-alternative .card-body {
      padding: 0 20px 15px; }
      @media (max-width: 1440px) {
        .card.re-card.re-widget-alternative .card-body,
        .event-calender-card.re-card.re-widget-alternative .card-body {
          padding: 0 15px 15px; } }
      .card.re-card.re-widget-alternative .card-body .card-title,
      .event-calender-card.re-card.re-widget-alternative .card-body .card-title {
        font-size: 16px;
        margin-bottom: 5px;
        color: #202124; }
        @media screen and (max-width: 1370px) {
          .card.re-card.re-widget-alternative .card-body .card-title,
          .event-calender-card.re-card.re-widget-alternative .card-body .card-title {
            font-size: 14px; } }
      .card.re-card.re-widget-alternative .card-body .subtitle,
      .event-calender-card.re-card.re-widget-alternative .card-body .subtitle {
        font-size: 14px;
        margin-bottom: 0; }
        .card.re-card.re-widget-alternative .card-body .subtitle .icon,
        .event-calender-card.re-card.re-widget-alternative .card-body .subtitle .icon {
          color: #96a5ab;
          font-size: 9px;
          margin-right: 7px; }
    .card.re-card.re-widget-alternative.danger .ant-card-head,
    .event-calender-card.re-card.re-widget-alternative.danger .ant-card-head {
      padding: 0 20px; }
      @media (max-width: 1440px) {
        .card.re-card.re-widget-alternative.danger .ant-card-head,
        .event-calender-card.re-card.re-widget-alternative.danger .ant-card-head {
          padding: 0 15px; } }
    .card.re-card.re-widget-alternative.danger .head-title,
    .event-calender-card.re-card.re-widget-alternative.danger .head-title {
      padding: 15px 0 10px;
      color: #202124; }
    .card.re-card.re-widget-alternative.danger .moby__card-extra .icon:hover,
    .event-calender-card.re-card.re-widget-alternative.danger .moby__card-extra .icon:hover {
      color: #ea4335; }
    .card.re-card.re-widget-alternative.danger .card-body,
    .event-calender-card.re-card.re-widget-alternative.danger .card-body {
      padding: 0 20px 15px; }
      @media (max-width: 1440px) {
        .card.re-card.re-widget-alternative.danger .card-body,
        .event-calender-card.re-card.re-widget-alternative.danger .card-body {
          padding: 0 15px 15px; } }
      .card.re-card.re-widget-alternative.danger .card-body .card-title,
      .event-calender-card.re-card.re-widget-alternative.danger .card-body .card-title {
        font-size: 16px;
        margin-bottom: 5px;
        color: #ea4335; }
        @media screen and (max-width: 1370px) {
          .card.re-card.re-widget-alternative.danger .card-body .card-title,
          .event-calender-card.re-card.re-widget-alternative.danger .card-body .card-title {
            font-size: 14px; } }
      .card.re-card.re-widget-alternative.danger .card-body .subtitle,
      .event-calender-card.re-card.re-widget-alternative.danger .card-body .subtitle {
        font-size: 14px;
        margin-bottom: 0; }
        .card.re-card.re-widget-alternative.danger .card-body .subtitle .icon,
        .event-calender-card.re-card.re-widget-alternative.danger .card-body .subtitle .icon {
          color: #96a5ab;
          font-size: 9px;
          margin-right: 7px; }
    .card.re-card.re-widget-alternative.primary .ant-card-head,
    .event-calender-card.re-card.re-widget-alternative.primary .ant-card-head {
      padding: 0 20px; }
      @media (max-width: 1440px) {
        .card.re-card.re-widget-alternative.primary .ant-card-head,
        .event-calender-card.re-card.re-widget-alternative.primary .ant-card-head {
          padding: 0 15px; } }
    .card.re-card.re-widget-alternative.primary .head-title,
    .event-calender-card.re-card.re-widget-alternative.primary .head-title {
      padding: 15px 0 10px;
      color: #202124; }
    .card.re-card.re-widget-alternative.primary .moby__card-extra .icon:hover,
    .event-calender-card.re-card.re-widget-alternative.primary .moby__card-extra .icon:hover {
      color: #689df6; }
    .card.re-card.re-widget-alternative.primary .card-body,
    .event-calender-card.re-card.re-widget-alternative.primary .card-body {
      padding: 0 20px 15px; }
      @media (max-width: 1440px) {
        .card.re-card.re-widget-alternative.primary .card-body,
        .event-calender-card.re-card.re-widget-alternative.primary .card-body {
          padding: 0 15px 15px; } }
      .card.re-card.re-widget-alternative.primary .card-body .card-title,
      .event-calender-card.re-card.re-widget-alternative.primary .card-body .card-title {
        font-size: 16px;
        margin-bottom: 5px;
        color: #689df6; }
        @media screen and (max-width: 1370px) {
          .card.re-card.re-widget-alternative.primary .card-body .card-title,
          .event-calender-card.re-card.re-widget-alternative.primary .card-body .card-title {
            font-size: 14px; } }
      .card.re-card.re-widget-alternative.primary .card-body .subtitle,
      .event-calender-card.re-card.re-widget-alternative.primary .card-body .subtitle {
        font-size: 14px;
        margin-bottom: 0; }
        .card.re-card.re-widget-alternative.primary .card-body .subtitle .icon,
        .event-calender-card.re-card.re-widget-alternative.primary .card-body .subtitle .icon {
          color: #96a5ab;
          font-size: 9px;
          margin-right: 7px; }
    .card.re-card.re-widget-alternative.warning .ant-card-head,
    .event-calender-card.re-card.re-widget-alternative.warning .ant-card-head {
      padding: 0 20px; }
      @media (max-width: 1440px) {
        .card.re-card.re-widget-alternative.warning .ant-card-head,
        .event-calender-card.re-card.re-widget-alternative.warning .ant-card-head {
          padding: 0 15px; } }
    .card.re-card.re-widget-alternative.warning .head-title,
    .event-calender-card.re-card.re-widget-alternative.warning .head-title {
      padding: 15px 0 10px;
      color: #202124; }
    .card.re-card.re-widget-alternative.warning .moby__card-extra .icon:hover,
    .event-calender-card.re-card.re-widget-alternative.warning .moby__card-extra .icon:hover {
      color: #fbbc05; }
    .card.re-card.re-widget-alternative.warning .card-body,
    .event-calender-card.re-card.re-widget-alternative.warning .card-body {
      padding: 0 20px 15px; }
      @media (max-width: 1440px) {
        .card.re-card.re-widget-alternative.warning .card-body,
        .event-calender-card.re-card.re-widget-alternative.warning .card-body {
          padding: 0 15px 15px; } }
      .card.re-card.re-widget-alternative.warning .card-body .card-title,
      .event-calender-card.re-card.re-widget-alternative.warning .card-body .card-title {
        font-size: 16px;
        margin-bottom: 5px;
        color: #fbbc05; }
        @media screen and (max-width: 1370px) {
          .card.re-card.re-widget-alternative.warning .card-body .card-title,
          .event-calender-card.re-card.re-widget-alternative.warning .card-body .card-title {
            font-size: 14px; } }
      .card.re-card.re-widget-alternative.warning .card-body .subtitle,
      .event-calender-card.re-card.re-widget-alternative.warning .card-body .subtitle {
        font-size: 14px;
        margin-bottom: 0; }
        .card.re-card.re-widget-alternative.warning .card-body .subtitle .icon,
        .event-calender-card.re-card.re-widget-alternative.warning .card-body .subtitle .icon {
          color: #96a5ab;
          font-size: 9px;
          margin-right: 7px; }
    .card.re-card.re-widget-alternative.success .ant-card-head,
    .event-calender-card.re-card.re-widget-alternative.success .ant-card-head {
      padding: 0 20px; }
      @media (max-width: 1440px) {
        .card.re-card.re-widget-alternative.success .ant-card-head,
        .event-calender-card.re-card.re-widget-alternative.success .ant-card-head {
          padding: 0 15px; } }
    .card.re-card.re-widget-alternative.success .head-title,
    .event-calender-card.re-card.re-widget-alternative.success .head-title {
      padding: 15px 0 10px;
      color: #202124; }
    .card.re-card.re-widget-alternative.success .moby__card-extra .icon:hover,
    .event-calender-card.re-card.re-widget-alternative.success .moby__card-extra .icon:hover {
      color: #34a853; }
    .card.re-card.re-widget-alternative.success .card-body,
    .event-calender-card.re-card.re-widget-alternative.success .card-body {
      padding: 0 20px 15px; }
      @media (max-width: 1440px) {
        .card.re-card.re-widget-alternative.success .card-body,
        .event-calender-card.re-card.re-widget-alternative.success .card-body {
          padding: 0 15px 15px; } }
      .card.re-card.re-widget-alternative.success .card-body .card-title,
      .event-calender-card.re-card.re-widget-alternative.success .card-body .card-title {
        font-size: 16px;
        margin-bottom: 5px;
        color: #34a853; }
        @media screen and (max-width: 1370px) {
          .card.re-card.re-widget-alternative.success .card-body .card-title,
          .event-calender-card.re-card.re-widget-alternative.success .card-body .card-title {
            font-size: 14px; } }
      .card.re-card.re-widget-alternative.success .card-body .subtitle,
      .event-calender-card.re-card.re-widget-alternative.success .card-body .subtitle {
        font-size: 14px;
        margin-bottom: 0; }
        .card.re-card.re-widget-alternative.success .card-body .subtitle .icon,
        .event-calender-card.re-card.re-widget-alternative.success .card-body .subtitle .icon {
          color: #96a5ab;
          font-size: 9px;
          margin-right: 7px; }
  .card.topic-card,
  .event-calender-card.topic-card {
    margin-top: 60px;
    margin-bottom: 50px; }
    .card.topic-card .topic-icon.icon,
    .event-calender-card.topic-card .topic-icon.icon {
      width: 65px;
      height: 65px;
      line-height: 65px;
      background: #f9fafa;
      text-align: center;
      margin: -32px auto 20px;
      font-size: 22px;
      color: #96a5ab;
      border: 1px solid #e3e8ea; }
    .card.topic-card .card-body,
    .event-calender-card.topic-card .card-body {
      text-align: center; }
      .card.topic-card .card-body .card-title,
      .event-calender-card.topic-card .card-body .card-title {
        font-size: 17px;
        color: #202124;
        margin-bottom: 6px; }
      .card.topic-card .card-body p,
      .event-calender-card.topic-card .card-body p {
        color: #8392ad; }
    .card.topic-card .card-footer,
    .event-calender-card.topic-card .card-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-color: #e3e8ea;
      padding: 10px 20px; }
      .card.topic-card .card-footer .title,
      .event-calender-card.topic-card .card-footer .title {
        font-size: 14px;
        color: #202124;
        margin-bottom: 0; }
      .card.topic-card .card-footer .icon,
      .event-calender-card.topic-card .card-footer .icon {
        color: #202124; }
  .card.social-connections,
  .event-calender-card.social-connections {
    border: 0;
    background: #f9fafa; }
    .card.social-connections .card-body,
    .event-calender-card.social-connections .card-body {
      padding: 30px 10px; }
      .card.social-connections .card-body .user-avatar,
      .event-calender-card.social-connections .card-body .user-avatar {
        background: #e1e1e1;
        margin-bottom: 20px;
        width: 55px;
        height: 55px;
        line-height: 55px;
        color: #202124;
        margin-right: 0; }
      .card.social-connections .card-body .card-title,
      .event-calender-card.social-connections .card-body .card-title {
        font-size: 17px;
        color: #202124;
        font-weight: 600;
        margin-bottom: 20px; }
      .card.social-connections .card-body .btn,
      .event-calender-card.social-connections .card-body .btn {
        margin-bottom: 20px; }
  .card.connection-profile-list,
  .event-calender-card.connection-profile-list {
    overflow: hidden;
    border: 0; }
    .card.connection-profile-list .card-body .d-flex .head,
    .event-calender-card.connection-profile-list .card-body .d-flex .head {
      flex: 1 1; }
    .card.connection-profile-list .card-body .user-avatar.avatar-img,
    .event-calender-card.connection-profile-list .card-body .user-avatar.avatar-img {
      margin-right: 30px;
      width: 100px;
      height: 90px;
      border-radius: 4px; }
    .card.connection-profile-list .card-body .head .card-title,
    .event-calender-card.connection-profile-list .card-body .head .card-title {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 700 !important; }
      @media (max-width: 480px) {
        .card.connection-profile-list .card-body .head .card-title,
        .event-calender-card.connection-profile-list .card-body .head .card-title {
          font-size: 16px; } }
    .card.connection-profile-list .card-body .head .sub-title,
    .event-calender-card.connection-profile-list .card-body .head .sub-title {
      font-size: 14px;
      font-weight: 600;
      color: #96a5ab; }
    .card.connection-profile-list .card-body .head .social-list,
    .event-calender-card.connection-profile-list .card-body .head .social-list {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .card.connection-profile-list .card-body .head .social-list li,
      .event-calender-card.connection-profile-list .card-body .head .social-list li {
        padding: 0 10px 10px;
        font-size: 14px;
        color: #96a5ab;
        transition: all ease-in-out 0.4s; }
        .card.connection-profile-list .card-body .head .social-list li:first-child,
        .event-calender-card.connection-profile-list .card-body .head .social-list li:first-child {
          padding-left: 0; }
        .card.connection-profile-list .card-body .head .social-list li .icon,
        .event-calender-card.connection-profile-list .card-body .head .social-list li .icon {
          font-size: 14px;
          color: #96a5ab !important;
          padding-right: 5px;
          transition: all ease-in-out 0.4s; }
          @media (max-width: 400px) {
            .card.connection-profile-list .card-body .head .social-list li .icon,
            .event-calender-card.connection-profile-list .card-body .head .social-list li .icon {
              font-size: 12px; } }
        .card.connection-profile-list .card-body .head .social-list li:hover,
        .event-calender-card.connection-profile-list .card-body .head .social-list li:hover {
          color: #202124; }
          .card.connection-profile-list .card-body .head .social-list li:hover .icon,
          .event-calender-card.connection-profile-list .card-body .head .social-list li:hover .icon {
            color: #202124 !important; }
    .card.connection-profile-list .card-body .detail-list,
    .event-calender-card.connection-profile-list .card-body .detail-list {
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .card.connection-profile-list .card-body .detail-list li,
      .event-calender-card.connection-profile-list .card-body .detail-list li {
        display: flex;
        padding: 0 16px;
        line-height: 16px;
        font-size: 13px;
        color: #96a5ab; }
        .card.connection-profile-list .card-body .detail-list li:first-child,
        .event-calender-card.connection-profile-list .card-body .detail-list li:first-child {
          padding-left: 0; }
        .card.connection-profile-list .card-body .detail-list li .icon,
        .event-calender-card.connection-profile-list .card-body .detail-list li .icon {
          font-size: 26px;
          line-height: 1.2;
          padding-right: 10px; }
          @media (max-width: 400px) {
            .card.connection-profile-list .card-body .detail-list li .icon,
            .event-calender-card.connection-profile-list .card-body .detail-list li .icon {
              font-size: 20px; } }
        @media (max-width: 1200px) {
          .card.connection-profile-list .card-body .detail-list li,
          .event-calender-card.connection-profile-list .card-body .detail-list li {
            padding: 0 10px; } }
        @media (max-width: 400px) {
          .card.connection-profile-list .card-body .detail-list li,
          .event-calender-card.connection-profile-list .card-body .detail-list li {
            font-size: 14px;
            padding: 0 5px; } }
      .card.connection-profile-list .card-body .detail-list.detail-list-alternative,
      .event-calender-card.connection-profile-list .card-body .detail-list.detail-list-alternative {
        justify-content: flex-start;
        flex: 0 0 50%; }
        @media screen and (max-width: 1440px) {
          .card.connection-profile-list .card-body .detail-list.detail-list-alternative,
          .event-calender-card.connection-profile-list .card-body .detail-list.detail-list-alternative {
            flex: 0 0 60%; } }
        @media screen and (max-width: 1200px) {
          .card.connection-profile-list .card-body .detail-list.detail-list-alternative,
          .event-calender-card.connection-profile-list .card-body .detail-list.detail-list-alternative {
            flex: 0 0 70%; } }
        @media (max-width: 991px) {
          .card.connection-profile-list .card-body .detail-list.detail-list-alternative,
          .event-calender-card.connection-profile-list .card-body .detail-list.detail-list-alternative {
            padding-top: 0; } }
        @media (max-width: 480px) {
          .card.connection-profile-list .card-body .detail-list.detail-list-alternative,
          .event-calender-card.connection-profile-list .card-body .detail-list.detail-list-alternative {
            flex: 0 0 100%;
            padding-bottom: 20px; } }
        .card.connection-profile-list .card-body .detail-list.detail-list-alternative li,
        .event-calender-card.connection-profile-list .card-body .detail-list.detail-list-alternative li {
          width: 50%; }
        @media (max-width: 375px) {
          .card.connection-profile-list .card-body .detail-list.detail-list-alternative,
          .event-calender-card.connection-profile-list .card-body .detail-list.detail-list-alternative {
            display: flex; } }
      @media (max-width: 991px) {
        .card.connection-profile-list .card-body .detail-list,
        .event-calender-card.connection-profile-list .card-body .detail-list {
          justify-content: flex-start;
          padding-top: 20px; } }
      @media (max-width: 375px) {
        .card.connection-profile-list .card-body .detail-list,
        .event-calender-card.connection-profile-list .card-body .detail-list {
          display: none; } }
    .card.connection-profile-list .card-body .sub-border,
    .event-calender-card.connection-profile-list .card-body .sub-border {
      height: 1px; }
    .card.connection-profile-list .card-body p,
    .event-calender-card.connection-profile-list .card-body p {
      font-size: 14px;
      color: #96a5ab;
      padding: 20px 0 0;
      margin-bottom: 0; }
      @media screen and (min-width: 1440px) {
        .card.connection-profile-list .card-body p,
        .event-calender-card.connection-profile-list .card-body p {
          font-size: 15px; } }
    .card.connection-profile-list .card-body .address-list li,
    .event-calender-card.connection-profile-list .card-body .address-list li {
      margin-bottom: 10px; }
      .card.connection-profile-list .card-body .address-list li:last-child,
      .event-calender-card.connection-profile-list .card-body .address-list li:last-child {
        margin-bottom: 0; }
      .card.connection-profile-list .card-body .address-list li strong,
      .event-calender-card.connection-profile-list .card-body .address-list li strong {
        display: inline-block;
        min-width: 110px;
        margin-right: 20px;
        font-size: 16px;
        color: #202124; }
        @media (max-width: 393px) {
          .card.connection-profile-list .card-body .address-list li strong,
          .event-calender-card.connection-profile-list .card-body .address-list li strong {
            margin-right: 4px; } }
      .card.connection-profile-list .card-body .address-list li span,
      .event-calender-card.connection-profile-list .card-body .address-list li span {
        display: inline-block;
        font-size: 13px;
        color: #96a5ab; }
    @media (max-width: 767px) {
      .card.connection-profile-list .card-body .text-right .btn,
      .event-calender-card.connection-profile-list .card-body .text-right .btn {
        margin-top: 20px; } }
    @media (max-width: 767px) {
      .card.connection-profile-list .card-body .btn,
      .event-calender-card.connection-profile-list .card-body .btn {
        width: 100%; } }
    .card.connection-profile-list.border p,
    .event-calender-card.connection-profile-list.border p {
      padding-bottom: 20px; }
    @media (max-width: 480px) {
      .card.connection-profile-list.connections-info-list .card-body .d-flex,
      .event-calender-card.connection-profile-list.connections-info-list .card-body .d-flex {
        flex-flow: row wrap; } }
    @media (max-width: 480px) {
      .card.connection-profile-list.connections-info-list .card-body .user-avatar.user,
      .event-calender-card.connection-profile-list.connections-info-list .card-body .user-avatar.user {
        display: block;
        width: 90px;
        height: 80px;
        max-width: 90px;
        margin: 0 auto 15px; } }
    @media (max-width: 480px) {
      .card.connection-profile-list.connections-info-list .card-body .head,
      .event-calender-card.connection-profile-list.connections-info-list .card-body .head {
        flex: 1 1 100%; } }
  .card.file-card,
  .event-calender-card.file-card {
    background: #f9fafa;
    border-color: transparent; }
    .card.file-card .card-header,
    .event-calender-card.file-card .card-header {
      border: 0;
      padding: 10px 15px 0;
      background: #f9fafa;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media (max-width: 991px) {
        .card.file-card .card-header,
        .event-calender-card.file-card .card-header {
          padding: 10px 20px 0; } }
      .card.file-card .card-header .icon,
      .event-calender-card.file-card .card-header .icon {
        color: #202124;
        font-size: 24px; }
      .card.file-card .card-header .user-avatar,
      .event-calender-card.file-card .card-header .user-avatar {
        margin-right: 0; }
    .card.file-card .card-body,
    .event-calender-card.file-card .card-body {
      padding: 10px 15px; }
      @media (max-width: 991px) {
        .card.file-card .card-body,
        .event-calender-card.file-card .card-body {
          padding: 10px 20px; } }
      .card.file-card .card-body .card-title,
      .event-calender-card.file-card .card-body .card-title {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 5px; }
      .card.file-card .card-body .card-subtitle,
      .event-calender-card.file-card .card-body .card-subtitle {
        font-size: 15px;
        font-weight: 400 !important;
        line-height: 25px;
        color: #96a5ab;
        display: block; }
      .card.file-card .card-body .group-avatars,
      .event-calender-card.file-card .card-body .group-avatars {
        padding: 5px 0; }
      .card.file-card .card-body .inline-progress,
      .event-calender-card.file-card .card-body .inline-progress {
        padding-top: 5px; }
    .card.file-card .file-footer-list,
    .event-calender-card.file-card .file-footer-list {
      overflow: hidden;
      border-top: 1px solid #e3e8ea;
      margin-top: 10px; }
      .card.file-card .file-footer-list li,
      .event-calender-card.file-card .file-footer-list li {
        text-align: center;
        width: 33.3%;
        float: left;
        color: #96a5ab;
        border-left: 1px solid #e3e8ea;
        padding: 15px 0; }
        .card.file-card .file-footer-list li:hover,
        .event-calender-card.file-card .file-footer-list li:hover {
          cursor: pointer;
          color: #689df6; }
          .card.file-card .file-footer-list li:hover .icon,
          .event-calender-card.file-card .file-footer-list li:hover .icon {
            color: #689df6; }
        .card.file-card .file-footer-list li .icon,
        .event-calender-card.file-card .file-footer-list li .icon {
          font-size: 20px; }
        .card.file-card .file-footer-list li:first-child,
        .event-calender-card.file-card .file-footer-list li:first-child {
          border-left: 0; }
  .card.meetup-card .card-header,
  .event-calender-card.meetup-card .card-header {
    border: 0; }
  .card.meetup-card .cover-image,
  .event-calender-card.meetup-card .cover-image {
    min-height: 120px;
    border-radius: 4px 4px 0 0; }
  .card.meetup-card .card-body,
  .event-calender-card.meetup-card .card-body {
    text-align: center; }
    .card.meetup-card .card-body .avatar,
    .event-calender-card.meetup-card .card-body .avatar {
      width: 55px;
      height: 55px;
      line-height: 55px;
      font-size: 18px;
      margin: -31px 0 17px; }
    .card.meetup-card .card-body .card-title,
    .event-calender-card.meetup-card .card-body .card-title {
      font-size: 18px;
      font-weight: 700 !important;
      margin-bottom: 15px; }
    .card.meetup-card .card-body .card-subtitle,
    .event-calender-card.meetup-card .card-body .card-subtitle {
      font-size: 15px;
      margin-bottom: 15px;
      color: #96a5ab;
      font-weight: 400;
      display: block; }
    .card.meetup-card .card-body .group-avatars,
    .event-calender-card.meetup-card .card-body .group-avatars {
      margin-bottom: 20px; }
  .card.meetup-card .card-footer,
  .event-calender-card.meetup-card .card-footer {
    background: #fff;
    padding: 0; }
  .card.meetup-card .footer-actions,
  .event-calender-card.meetup-card .footer-actions {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .card.meetup-card .footer-actions li,
    .event-calender-card.meetup-card .footer-actions li {
      flex: 1 1;
      border-right: 1px solid #e3e8ea; }
      .card.meetup-card .footer-actions li:first-child .link,
      .event-calender-card.meetup-card .footer-actions li:first-child .link {
        border-radius: 0 0 0 4px; }
      .card.meetup-card .footer-actions li:last-child,
      .event-calender-card.meetup-card .footer-actions li:last-child {
        border-right: 0; }
        .card.meetup-card .footer-actions li:last-child .link,
        .event-calender-card.meetup-card .footer-actions li:last-child .link {
          border-radius: 0 0 4px 0; }
      .card.meetup-card .footer-actions li .link,
      .event-calender-card.meetup-card .footer-actions li .link {
        text-align: center;
        display: block;
        padding: 12px 0;
        color: #202124;
        font-size: 14px;
        font-weight: 600;
        transition: all ease-in-out .4s; }
  .card.meetup-card.danger .card-body .avatar,
  .event-calender-card.meetup-card.danger .card-body .avatar {
    background: #ea4335;
    color: #fff;
    border-color: #bf2114; }
  .card.meetup-card.danger .card-body .btn-outline,
  .event-calender-card.meetup-card.danger .card-body .btn-outline {
    color: #ea4335;
    border-color: #bf2114; }
    .card.meetup-card.danger .card-body .btn-outline:hover,
    .event-calender-card.meetup-card.danger .card-body .btn-outline:hover {
      background: #ea4335;
      color: #fff; }
  .card.meetup-card.danger .user-profile .user-avatar,
  .event-calender-card.meetup-card.danger .user-profile .user-avatar {
    background: #ea4335;
    color: #fff; }
  .card.meetup-card.danger .footer-actions li .link:hover,
  .event-calender-card.meetup-card.danger .footer-actions li .link:hover {
    background: #ea4335;
    color: #fff; }
  .card.meetup-card.primary .card-body .avatar,
  .event-calender-card.meetup-card.primary .card-body .avatar {
    background: #689df6;
    color: #fff;
    border-color: #206ef2; }
  .card.meetup-card.primary .card-body .btn-outline,
  .event-calender-card.meetup-card.primary .card-body .btn-outline {
    color: #689df6;
    border-color: #206ef2; }
    .card.meetup-card.primary .card-body .btn-outline:hover,
    .event-calender-card.meetup-card.primary .card-body .btn-outline:hover {
      background: #689df6;
      color: #fff; }
  .card.meetup-card.primary .user-profile .user-avatar,
  .event-calender-card.meetup-card.primary .user-profile .user-avatar {
    background: #689df6;
    color: #fff; }
  .card.meetup-card.primary .footer-actions li .link:hover,
  .event-calender-card.meetup-card.primary .footer-actions li .link:hover {
    background: #689df6;
    color: #fff; }
  .card.meetup-card.warning .card-body .avatar,
  .event-calender-card.meetup-card.warning .card-body .avatar {
    background: #fbbc05;
    color: #fff;
    border-color: #b18403; }
  .card.meetup-card.warning .card-body .btn-outline,
  .event-calender-card.meetup-card.warning .card-body .btn-outline {
    color: #fbbc05;
    border-color: #b18403; }
    .card.meetup-card.warning .card-body .btn-outline:hover,
    .event-calender-card.meetup-card.warning .card-body .btn-outline:hover {
      background: #fbbc05;
      color: #fff; }
  .card.meetup-card.warning .user-profile .user-avatar,
  .event-calender-card.meetup-card.warning .user-profile .user-avatar {
    background: #fbbc05;
    color: #fff; }
  .card.meetup-card.warning .footer-actions li .link:hover,
  .event-calender-card.meetup-card.warning .footer-actions li .link:hover {
    background: #fbbc05;
    color: #fff; }
  .card.meetup-card.success .card-body .avatar,
  .event-calender-card.meetup-card.success .card-body .avatar {
    background: #34a853;
    color: #fff;
    border-color: #226e36; }
  .card.meetup-card.success .card-body .btn-outline,
  .event-calender-card.meetup-card.success .card-body .btn-outline {
    color: #34a853;
    border-color: #226e36; }
    .card.meetup-card.success .card-body .btn-outline:hover,
    .event-calender-card.meetup-card.success .card-body .btn-outline:hover {
      background: #34a853;
      color: #fff; }
  .card.meetup-card.success .user-profile .user-avatar,
  .event-calender-card.meetup-card.success .user-profile .user-avatar {
    background: #34a853;
    color: #fff; }
  .card.meetup-card.success .footer-actions li .link:hover,
  .event-calender-card.meetup-card.success .footer-actions li .link:hover {
    background: #34a853;
    color: #fff; }
  .card.meetup-card.meetup-card-alternative .cover-image,
  .event-calender-card.meetup-card.meetup-card-alternative .cover-image {
    min-height: 300px; }
  .card.meetup-card.meetup-card-alternative .card-body,
  .event-calender-card.meetup-card.meetup-card-alternative .card-body {
    text-align: left; }
    .card.meetup-card.meetup-card-alternative .card-body .card-title,
    .event-calender-card.meetup-card.meetup-card-alternative .card-body .card-title {
      font-size: 18px;
      font-weight: 700 !important;
      line-height: 20px;
      margin-bottom: 5px; }
    .card.meetup-card.meetup-card-alternative .card-body .name,
    .event-calender-card.meetup-card.meetup-card-alternative .card-body .name {
      display: block;
      color: #96a5ab; }
  .card.meetup-card.meetup-card-alternative strong,
  .event-calender-card.meetup-card.meetup-card-alternative strong {
    display: block;
    font-size: 15px;
    color: rgba(32, 33, 36, 0.7); }
  .card.meetup-card.meetup-card-alternative .card-footer,
  .event-calender-card.meetup-card.meetup-card-alternative .card-footer {
    padding: 0;
    padding-top: 30px;
    margin: 10px 20px 20px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 567px) {
      .card.meetup-card.meetup-card-alternative .card-footer,
      .event-calender-card.meetup-card.meetup-card-alternative .card-footer {
        flex-flow: row wrap; }
        .card.meetup-card.meetup-card-alternative .card-footer strong,
        .event-calender-card.meetup-card.meetup-card-alternative .card-footer strong {
          width: 100%; }
        .card.meetup-card.meetup-card-alternative .card-footer .btn,
        .event-calender-card.meetup-card.meetup-card-alternative .card-footer .btn {
          width: 100%;
          margin-top: 20px; } }
  .card.meetup-card.cover-img-height .cover-image,
  .event-calender-card.meetup-card.cover-img-height .cover-image {
    min-height: 163px; }
  .card.add-card,
  .event-calender-card.add-card {
    text-align: center;
    min-height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 20px;
    cursor: pointer; }
    .card.add-card:hover .card-body,
    .event-calender-card.add-card:hover .card-body {
      transform: scale(1.2); }
    .card.add-card .card-body,
    .event-calender-card.add-card .card-body {
      max-height: 95px;
      height: 95px;
      transition: all ease-in-out .15s; }
    .card.add-card .icon,
    .event-calender-card.add-card .icon {
      line-height: 1; }
    .card.add-card .card-title,
    .event-calender-card.add-card .card-title {
      font-size: 16px;
      line-height: 20px;
      margin: 15px 0 0; }
  .card.conference .card-header,
  .event-calender-card.conference .card-header {
    background: transparent; }
  .card.conference .cover-image,
  .event-calender-card.conference .cover-image {
    min-height: 270px; }
  .card.conference .card-body,
  .event-calender-card.conference .card-body {
    padding-top: 0; }
    .card.conference .card-body .text,
    .event-calender-card.conference .card-body .text {
      color: #96a5ab;
      margin-bottom: 20px; }
  .card.pricing-plan-card,
  .event-calender-card.pricing-plan-card {
    text-align: center;
    border: 0; }
    .card.pricing-plan-card img,
    .event-calender-card.pricing-plan-card img {
      margin: 0 auto; }
    .card.pricing-plan-card .card-title,
    .event-calender-card.pricing-plan-card .card-title {
      font-size: 20px;
      color: #202124;
      margin-bottom: 30px; }
    .card.pricing-plan-card .card-text,
    .event-calender-card.pricing-plan-card .card-text {
      font-size: 15px;
      color: #96a5ab;
      margin-bottom: 30px; }
    .card.pricing-plan-card .btn,
    .event-calender-card.pricing-plan-card .btn {
      padding: 10px 90px; }
      @media screen and (max-width: 480px) {
        .card.pricing-plan-card .btn,
        .event-calender-card.pricing-plan-card .btn {
          padding: 10px 20px; } }
  .card.profile-overview-card .card-body,
  .event-calender-card.profile-overview-card .card-body {
    background: #f9fafa;
    padding-top: 0; }
  .card.profile-overview-card .user-profile .user-avatar,
  .event-calender-card.profile-overview-card .user-profile .user-avatar {
    width: 55px;
    height: 55px;
    line-height: 55px;
    margin-bottom: 20px; }
  .card.profile-overview-card .user-profile .user-info .title,
  .event-calender-card.profile-overview-card .user-profile .user-info .title {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 2px; }
  .card.profile-overview-card .user-profile .user-info p,
  .event-calender-card.profile-overview-card .user-profile .user-info p {
    font-size: 14px;
    color: #202124;
    margin-bottom: 20px; }
  .card.profile-overview-card .card-footer,
  .event-calender-card.profile-overview-card .card-footer {
    background: #fff;
    padding: 0; }
  .card.profile-overview-card .footer-actions,
  .event-calender-card.profile-overview-card .footer-actions {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .card.profile-overview-card .footer-actions li,
    .event-calender-card.profile-overview-card .footer-actions li {
      flex: 1 1;
      border-right: 1px solid #e3e8ea; }
      .card.profile-overview-card .footer-actions li:first-child .link,
      .event-calender-card.profile-overview-card .footer-actions li:first-child .link {
        border-radius: 0 0 0 4px; }
      .card.profile-overview-card .footer-actions li:last-child,
      .event-calender-card.profile-overview-card .footer-actions li:last-child {
        border-right: 0; }
        .card.profile-overview-card .footer-actions li:last-child .link,
        .event-calender-card.profile-overview-card .footer-actions li:last-child .link {
          border-radius: 0 0 4px 0; }
      .card.profile-overview-card .footer-actions li .link,
      .event-calender-card.profile-overview-card .footer-actions li .link {
        text-align: center;
        display: block;
        padding: 12px 0;
        color: #202124;
        font-size: 16px;
        font-weight: 400;
        transition: all ease-in-out .4s; }
  .card.profile-overview-card.danger .user-profile .user-avatar,
  .event-calender-card.profile-overview-card.danger .user-profile .user-avatar {
    background: #ea4335;
    color: #fff; }
  .card.profile-overview-card.danger .footer-actions li .link:hover,
  .event-calender-card.profile-overview-card.danger .footer-actions li .link:hover {
    background: #ea4335;
    color: #fff; }
  .card.profile-overview-card.primary .user-profile .user-avatar,
  .event-calender-card.profile-overview-card.primary .user-profile .user-avatar {
    background: #689df6;
    color: #fff; }
  .card.profile-overview-card.primary .footer-actions li .link:hover,
  .event-calender-card.profile-overview-card.primary .footer-actions li .link:hover {
    background: #689df6;
    color: #fff; }
  .card.profile-overview-card.success .user-profile .user-avatar,
  .event-calender-card.profile-overview-card.success .user-profile .user-avatar {
    background: #34a853;
    color: #fff; }
  .card.profile-overview-card.success .footer-actions li .link:hover,
  .event-calender-card.profile-overview-card.success .footer-actions li .link:hover {
    background: #34a853;
    color: #fff; }
  .card.profile-overview-card.warning .user-profile .user-avatar,
  .event-calender-card.profile-overview-card.warning .user-profile .user-avatar {
    background: #fbbc05;
    color: #fff; }
  .card.profile-overview-card.warning .footer-actions li .link:hover,
  .event-calender-card.profile-overview-card.warning .footer-actions li .link:hover {
    background: #fbbc05;
    color: #fff; }
  .card.concert-post-card,
  .event-calender-card.concert-post-card {
    flex-direction: row; }
    .card.concert-post-card .card-header,
    .event-calender-card.concert-post-card .card-header {
      padding: 0;
      flex: 0 0 50%;
      border-bottom: 0; }
      .card.concert-post-card .card-header .cover-image,
      .event-calender-card.concert-post-card .card-header .cover-image {
        border-radius: 4px 0 0 4px; }
    .card.concert-post-card .cover-image,
    .event-calender-card.concert-post-card .cover-image {
      min-height: 100%; }
    .card.concert-post-card .card-body,
    .event-calender-card.concert-post-card .card-body {
      flex: 0 0 50%; }
      .card.concert-post-card .card-body .card-title,
      .event-calender-card.concert-post-card .card-body .card-title {
        font-size: 16px;
        margin-bottom: 20px; }
      .card.concert-post-card .card-body .description,
      .event-calender-card.concert-post-card .card-body .description {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 20px;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical; }
      .card.concert-post-card .card-body .user-profile .user-info .title,
      .event-calender-card.concert-post-card .card-body .user-profile .user-info .title {
        font-size: 15px;
        margin-bottom: 0; }
  .card.blog-post-card .card-body .card-title,
  .event-calender-card.blog-post-card .card-body .card-title {
    font-size: 16px;
    margin-bottom: 20px; }
  .card.blog-post-card .card-body .description,
  .event-calender-card.blog-post-card .card-body .description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 20px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; }
  .card.blog-post-card .card-body .user-profile .user-info .title,
  .event-calender-card.blog-post-card .card-body .user-profile .user-info .title {
    font-size: 15px;
    margin-bottom: 0; }
  .card.blog-post-card.blog-post-with-cover .card-body,
  .event-calender-card.blog-post-card.blog-post-with-cover .card-body {
    padding: 0; }
    .card.blog-post-card.blog-post-with-cover .card-body .card-title,
    .event-calender-card.blog-post-card.blog-post-with-cover .card-body .card-title {
      color: #fff; }
  .card.blog-post-card.blog-post-with-cover .blog-post-cover,
  .event-calender-card.blog-post-card.blog-post-with-cover .blog-post-cover {
    padding: 55px 20px 40px;
    min-height: 100%;
    border-radius: 4px;
    background-attachment: fixed; }
  .card.project-card .card-header,
  .event-calender-card.project-card .card-header {
    background: transparent;
    border: 0; }
  .card.project-card .card-body,
  .event-calender-card.project-card .card-body {
    padding-top: 0; }
    .card.project-card .card-body .card-title,
    .event-calender-card.project-card .card-body .card-title {
      font-size: 16px;
      margin-bottom: 5px; }
  .card.project-card .card-footer,
  .event-calender-card.project-card .card-footer {
    background: transparent;
    border: 0;
    padding: 0 20px 20px;
    align-items: center; }
    .card.project-card .card-footer .group-avatars .user-avatar,
    .event-calender-card.project-card .card-footer .group-avatars .user-avatar {
      margin-right: -10px; }
  .card.social-campaigns-card .card-body,
  .event-calender-card.social-campaigns-card .card-body {
    max-height: 392px !important;
    min-height: 392px !important; }

/* Card Ends
/*-----------------------------------------------------------------------------------*/
/** State Cards Holder **/
.moby__stat-card {
  border: 1px solid #e8e8e8;
  margin: 0 0 30px;
  border-radius: 4px;
  overflow: hidden; }
  @media screen and (max-width: 991px) {
    .moby__stat-card {
      border: 0;
      margin-bottom: 0; } }
  .moby__stat-card .stat-card {
    box-shadow: none; }
    @media screen and (max-width: 991px) {
      .moby__stat-card .stat-card {
        border: 1px solid #e3e8ea;
        border-radius: 4px;
        margin-bottom: 30px !important; } }
  .moby__stat-card .row .col-12:first-child .stat-card {
    border-left: 0; }
    @media screen and (max-width: 991px) {
      .moby__stat-card .row .col-12:first-child .stat-card {
        border-left: 1px solid #e3e8ea; } }
  @media screen and (max-width: 991px) {
    .moby__stat-card .row .col-12:nth-child(3) .stat-card {
      border-left: 1px solid #e3e8ea; } }
  @media screen and (max-width: 991px) {
    .moby__stat-card .row .col-12 {
      padding: 0 15px; }
      .moby__stat-card .row .col-12:nth-child(1), .moby__stat-card .row .col-12:nth-child(3) {
        padding-left: 0; }
      .moby__stat-card .row .col-12:nth-child(2), .moby__stat-card .row .col-12:nth-child(4) {
        padding-right: 0; } }
  @media screen and (max-width: 575px) {
    .moby__stat-card .row .col-12 {
      padding: 0 !important; } }
  .moby__stat-card.stat-cards-alternative {
    border: 0; }
    .moby__stat-card.stat-cards-alternative .row .col-12:first-child .stat-card {
      border-left: 0; }
    .moby__stat-card.stat-cards-alternative .row .col-12:nth-child(3) .stat-card {
      border-left: 0; }
    .moby__stat-card.stat-cards-alternative .stat-card {
      border: 0; }
      .moby__stat-card.stat-cards-alternative .stat-card:hover {
        background: #fff; }
        .moby__stat-card.stat-cards-alternative .stat-card:hover .progress::after {
          border-color: #f3f3f3 !important; }
      .moby__stat-card.stat-cards-alternative .stat-card .card-header {
        display: none; }
      .moby__stat-card.stat-cards-alternative .stat-card .card-body {
        padding: 22px 30px 0; }
        @media (max-width: 1440px) {
          .moby__stat-card.stat-cards-alternative .stat-card .card-body {
            padding: 22px 0 0; } }
        .moby__stat-card.stat-cards-alternative .stat-card .card-body .animate-icon {
          display: none; }
      .moby__stat-card.stat-cards-alternative .stat-card .card-footer {
        padding: 0 20px 22px; }
        @media (max-width: 1440px) {
          .moby__stat-card.stat-cards-alternative .stat-card .card-footer {
            padding: 0 0 22px; } }
        @media screen and (max-width: 768px) {
          .moby__stat-card.stat-cards-alternative .stat-card .card-footer {
            text-align: center; } }
        .moby__stat-card.stat-cards-alternative .stat-card .card-footer .card-footer-list li {
          text-align: center;
          width: 100% !important; }
        @media screen and (max-width: 1570px) {
          .moby__stat-card.stat-cards-alternative .stat-card .card-footer .card-footer-icon {
            vertical-align: middle;
            font-size: 12px; } }
        .moby__stat-card.stat-cards-alternative .stat-card .card-footer .card-footer-num {
          font-size: 15px; }
          @media screen and (max-width: 1570px) {
            .moby__stat-card.stat-cards-alternative .stat-card .card-footer .card-footer-num {
              font-size: 12px; } }
          @media (max-width: 767px) {
            .moby__stat-card.stat-cards-alternative .stat-card .card-footer .card-footer-num {
              font-size: 14px; } }
        .moby__stat-card.stat-cards-alternative .stat-card .card-footer .card-footer-text {
          display: inline-block;
          margin-left: 7px;
          color: rgba(150, 165, 171, 0.85); }
          @media screen and (max-width: 1570px) {
            .moby__stat-card.stat-cards-alternative .stat-card .card-footer .card-footer-text {
              font-size: 12px; } }
          @media (max-width: 767px) {
            .moby__stat-card.stat-cards-alternative .stat-card .card-footer .card-footer-text {
              font-size: 14px; } }
      .moby__stat-card.stat-cards-alternative .stat-card.danger:hover .circle-progress-bar .progress::after, .moby__stat-card.stat-cards-alternative .stat-card.primary:hover .circle-progress-bar .progress::after, .moby__stat-card.stat-cards-alternative .stat-card.success:hover .circle-progress-bar .progress::after, .moby__stat-card.stat-cards-alternative .stat-card.warning:hover .circle-progress-bar .progress::after {
        border-color: #f3f3f3 !important; }
  .moby__stat-card.stat-cards-shadow {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05), 0 1px 20px 0 rgba(0, 0, 0, 0.05), 0px 1px 11px 0px rgba(0, 0, 0, 0.05); }
    @media (max-width: 991px) {
      .moby__stat-card.stat-cards-shadow {
        box-shadow: none;
        overflow: visible; }
        .moby__stat-card.stat-cards-shadow .row .col-12 .stat-card {
          box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05), 0 1px 20px 0 rgba(0, 0, 0, 0.05), 0px 1px 11px 0px rgba(0, 0, 0, 0.05) !important; } }

/** Stat Cards Holder Ends **/
/** Card Inner Head **/
.card-inner-haed {
  padding: 15px; }
  .card-inner-haed:after {
    content: "";
    clear: both;
    display: table; }
  .card-inner-haed .input-group {
    width: auto;
    margin-left: 15px; }
    .card-inner-haed .input-group:first-child {
      margin-left: 0; }
    @media screen and (max-width: 480px) {
      .card-inner-haed .input-group {
        margin-bottom: 15px; } }
  @media screen and (min-width: 768px) {
    .card-inner-haed .report-btn {
      float: right; } }
  .card-inner-haed .moby__page-filter {
    margin: 10px 0 0;
    float: right; }
    @media screen and (max-width: 767px) {
      .card-inner-haed .moby__page-filter {
        width: 100%;
        display: flex;
        justify-content: center; } }
    .card-inner-haed .moby__page-filter .filter-list {
      margin-right: 0; }
      .card-inner-haed .moby__page-filter .filter-list li {
        margin: 0 15px; }
      @media screen and (max-width: 1024px) {
        .card-inner-haed .moby__page-filter .filter-list {
          display: inline-flex; } }
  .card-inner-haed .title {
    font-size: 14px;
    display: block;
    margin: 10px 0 20px;
    font-weight: 600; }
  .card-inner-haed .card-dropdown {
    margin-right: 20px; }

/** Card Inner Head Ends **/
/** Alerts **/
.alert {
  z-index: 9999999; }
  .alert[data-notify="container"] {
    z-index: 9999999 !important; }

/** Alerts **/
/** Tooltip **/
/** Tooltip Ends **/
/** Popover **/
.popover {
  z-index: 9999999 !important; }

/** Popover End **/
/** Widets Filter **/
@media screen and (max-width: 767px) {
  .moby__page-filter .filter-list {
    width: 100%; } }

.moby__page-filter .filter-list li {
  margin: 0 15px; }

/** Widets Filter Ends **/
/** Custom Table **/
.table,
.data-table {
  margin: 0;
  border-top: 0 !important;
  /** Theme Table Min Width **/
  /** /.Theme Table Min Width **/
  /** Theme Table Min Width **/
  /** /.Theme Table Min Width **/ }
  .table td,
  .table th,
  .data-table td,
  .data-table th {
    vertical-align: middle !important;
    border-left: 0px !important; }
    .table td:last-child,
    .table th:last-child,
    .data-table td:last-child,
    .data-table th:last-child {
      border-right: 0; }
    .table td .progress,
    .table th .progress,
    .data-table td .progress,
    .data-table th .progress {
      height: 8px;
      border-radius: 4px; }
    @media screen and (max-width: 992px) {
      .table td,
      .table th,
      .data-table td,
      .data-table th {
        padding: 10px; } }
    @media screen and (max-width: 320px) {
      .table td,
      .table th,
      .data-table td,
      .data-table th {
        font-size: 10px; } }
  .table thead th,
  .table tfoot th,
  .data-table thead th,
  .data-table tfoot th {
    border-bottom-width: 1px;
    color: #202124;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    padding: 15px; }
  .table tbody tr,
  .data-table tbody tr {
    transition: all ease-in-out .2s; }
    .table tbody tr:hover,
    .data-table tbody tr:hover {
      transform: scale(1.02); }
  .table .exchange-icon,
  .data-table .exchange-icon {
    font-size: 14px; }
  .table td,
  .data-table td {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    color: #99a8ae;
    line-height: 20px;
    padding: 10px 15px; }
    @media screen and (max-width: 320px) {
      .table td img,
      .data-table td img {
        width: 50%; } }
  .table .product,
  .data-table .product {
    float: left;
    width: 38px;
    height: 38px;
    border: 1px solid #e3e8ea;
    border-radius: 50%;
    background-color: #fff;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-right: 6px; }
  .table .product-title,
  .data-table .product-title {
    float: left;
    font-size: 14px;
    color: #202124;
    vertical-align: middle;
    line-height: 40px; }
  .table .icon.icon-keyboard_arrow_down, .table .icon.icon-keyboard_arrow_up,
  .data-table .icon.icon-keyboard_arrow_down,
  .data-table .icon.icon-keyboard_arrow_up {
    font-size: 10px;
    margin-right: 3px; }
  .table tr > th,
  .data-table tr > th {
    text-transform: capitalize; }
  .table.table-striped tbody tr:nth-of-type(odd),
  .data-table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f9fafa !important; }
  .table.table-color-black td,
  .data-table.table-color-black td {
    color: #202124; }
  .table.connection-table th,
  .data-table.connection-table th {
    font-size: 16px;
    font-weight: 600;
    border: 0 !important; }
    .table.connection-table th .connection-img,
    .data-table.connection-table th .connection-img {
      margin-right: 30px;
      display: inline-block; }
  .table.connection-table td,
  .data-table.connection-table td {
    font-size: 14px;
    color: rgba(150, 165, 171, 0.8);
    border: 0 !important; }
    .table.connection-table td .group-profile .user-avatar,
    .data-table.connection-table td .group-profile .user-avatar {
      width: 45px;
      height: 45px;
      line-height: 45px; }
      @media (max-width: 768px) {
        .table.connection-table td .group-profile .user-avatar,
        .data-table.connection-table td .group-profile .user-avatar {
          display: none; } }
    .table.connection-table td .group-profile .title,
    .data-table.connection-table td .group-profile .title {
      color: #202124;
      font-size: 16px;
      line-height: 30px;
      margin-bottom: 0; }
    .table.connection-table td .group-profile .sub-title,
    .data-table.connection-table td .group-profile .sub-title {
      display: blocK;
      font-size: 12px;
      color: rgba(150, 165, 171, 0.8);
      line-height: 1; }
    .table.connection-table td .connection-img,
    .data-table.connection-table td .connection-img {
      margin-right: 10px; }
      @media (max-width: 768px) {
        .table.connection-table td .connection-img,
        .data-table.connection-table td .connection-img {
          display: none; } }
    .table.connection-table td .company-name,
    .data-table.connection-table td .company-name {
      line-height: 40px; }
    .table.connection-table td .visibilty-status i,
    .data-table.connection-table td .visibilty-status i {
      width: 7px;
      height: 7px;
      line-height: 4px;
      background: #96a5ab;
      display: inline-block;
      border-radius: 50%;
      margin-right: 5px; }
    .table.connection-table td .company-icon,
    .data-table.connection-table td .company-icon {
      font-size: 40px;
      margin-right: 10px; }
      @media screen and (max-width: 768px) {
        .table.connection-table td .company-icon,
        .data-table.connection-table td .company-icon {
          display: none; } }
  .table.table-animate-none tbody tr:hover,
  .data-table.table-animate-none tbody tr:hover {
    transform: none; }
  @media screen and (max-width: 767px) {
    .table.table-m-w,
    .data-table.table-m-w {
      min-width: 820px; } }
  @media screen and (max-width: 480px) {
    .table.table-w-100,
    .data-table.table-w-100 {
      max-width: 100%; } }

.table.dataTable {
  width: 100%; }
  .table.dataTable thead th,
  .table.dataTable thead td {
    border-bottom: 0 !important;
    padding: 15px; }
  .table.dataTable tfoot th {
    border-top: 1px solid #e3e8ea !important;
    border-bottom: 0 !important;
    padding: 15px; }
  .table.dataTable td {
    border-bottom: 0 !important;
    padding: 10px 15px; }
  .table.dataTable.no-footer {
    border-bottom: 1px solid #e3e8ea !important; }

/** Custom Table Ends **/
/** Data Table **/
.dataTables_wrapper select {
  height: 32px;
  line-height: 32px;
  border: 1px solid #e3e8ea;
  border-radius: 4px;
  text-align: center;
  margin: 0 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none; }
  .dataTables_wrapper select:focus {
    border-color: #689df6;
    outline: none; }

.dataTables_wrapper input {
  height: 32px;
  line-height: 32px;
  border: 1px solid #e3e8ea;
  border-radius: 4px;
  padding: 0 12px; }
  .dataTables_wrapper input:focus {
    border-color: #689df6;
    outline: none; }

.dataTables_wrapper .sorting {
  background-size: 25px;
  margin-right: 10px; }
  @media (max-width: 991px) {
    .dataTables_wrapper .sorting {
      background-image: none !important; } }

.dataTables_wrapper .sorting_asc, .dataTables_wrapper .sorting_desc {
  background-size: 13px;
  margin-right: 10px; }
  @media (max-width: 991px) {
    .dataTables_wrapper .sorting_asc, .dataTables_wrapper .sorting_desc {
      background-image: none !important; } }

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 0 !important; }

.dataTables_wrapper .dataTables_scrollHeadInner {
  margin-bottom: -1px; }

.dataTables_wrapper .dataTables_filter {
  margin-left: 20px; }
  .dataTables_wrapper .dataTables_filter input {
    margin-left: 10px; }

.dataTables_wrapper .dataTables_info {
  padding-top: 20px; }

.dataTables_wrapper .top .dataTables_info {
  padding-top: 0;
  padding-bottom: 20px; }

.dataTables_wrapper .bottom .dataTables_filter,
.dataTables_wrapper .bottom .dataTables_length {
  padding-top: 20px; }

.dataTables_wrapper .dataTables_paginate {
  padding-top: 20px; }
  .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #e3e8ea;
    background: #f9fafa;
    color: #202124 !important;
    margin-left: 5px; }
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
      border-color: #387ef3;
      background: #689df6;
      color: #fff !important; }
    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
      border-color: #387ef3;
      background: #689df6;
      color: #fff !important; }

.dataTables_wrapper .dataTables_scrollHeadInner,
.dataTables_wrapper .dataTables_scrollBody {
  width: 100% !important; }
  .dataTables_wrapper .dataTables_scrollHeadInner .table,
  .dataTables_wrapper .dataTables_scrollBody .table {
    width: 100% !important; }

/** Data Table Ends **/
/** Search Header **/
.search-header {
  overflow: hidden;
  padding: 15px;
  border-bottom: 1px solid #e3e8ea; }
  .search-header .btn i {
    font-size: 12px; }
  .search-header .add-task {
    font-size: 13px;
    font-weight: 600;
    color: #202124;
    margin: 7px 0 0 10px;
    display: inline-block;
    vertical-align: middle; }
  @media screen and (max-width: 320px) {
    .search-header {
      text-align: center; } }

/** Search Header Ends **/
/** Task Form **/
.task-form {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 10px; }
  .task-form .form-group {
    float: left;
    margin: 0 0 0 10px; }
    .task-form .form-group .input-group {
      align-items: center; }
    .task-form .form-group .custom-select {
      border: 0;
      width: 125px;
      background-color: transparent;
      height: 22px;
      min-height: inherit;
      padding: 0 10px; }
      @media screen and (max-width: 1440px) {
        .task-form .form-group .custom-select {
          width: 80px; } }
    .task-form .form-group label {
      margin-bottom: 0;
      font-size: 13px;
      line-height: 22px; }
  .task-form .input-group {
    line-height: 22px; }
  .task-form .select-icon {
    position: absolute;
    right: 0;
    font-size: 12px; }
    .task-form .select-icon i {
      margin: 0 10px 0 0px; }
  @media screen and (max-width: 480px) {
    .task-form {
      display: none; } }
  @media screen and (max-width: 320px) {
    .task-form {
      display: none; } }

/** Task Form Ends **/
/** Date Picker **/
.ui-widget {
  border: 0;
  font-family: "Nunito Sans", sans-serif; }
  .ui-widget.ui-widget-content {
    border: 0;
    color: #202124; }

.ui-datepicker {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05), 0 1px 20px 0 rgba(0, 0, 0, 0.05), 0px 1px 11px 0px rgba(0, 0, 0, 0.05);
  padding: 0;
  width: 280px;
  color: #202124; }
  .ui-datepicker .ui-datepicker-header {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #e3e8ea;
    font-weight: 600;
    color: #202124;
    padding: 10px; }
  .ui-datepicker .ui-widget input,
  .ui-datepicker .ui-widget select,
  .ui-datepicker .ui-widget textarea,
  .ui-datepicker .ui-widget button {
    font-family: "Nunito Sans", sans-serif;
    font-size: 14px; }
  .ui-datepicker .ui-datepicker-month,
  .ui-datepicker .ui-datepicker-year {
    font-size: 14px;
    font-family: "Nunito Sans", sans-serif; }
  .ui-datepicker .ui-datepicker-title select {
    border: 1px solid #e3e8ea;
    border-radius: 4px; }
    .ui-datepicker .ui-datepicker-title select:not(:last-child) {
      margin-right: 10px; }
  .ui-datepicker .ui-state-hover {
    background: transparent;
    border: 0;
    color: #202124; }
  .ui-datepicker .ui-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 55% 75%; }
  .ui-datepicker .ui-datepicker-prev {
    left: 6px;
    top: 10px; }
    .ui-datepicker .ui-datepicker-prev .ui-icon {
      background-image: url(../images/datepicker-images/arrow-left.png); }
  .ui-datepicker .ui-datepicker-next {
    right: 6px;
    top: 10px; }
    .ui-datepicker .ui-datepicker-next .ui-icon {
      background-image: url(../images/datepicker-images/arrow-right.png); }
  .ui-datepicker table {
    width: auto;
    font-size: 14px;
    margin: 10px 15px; }
  .ui-datepicker th {
    padding: 0;
    font-weight: 600;
    width: 36px;
    height: 30px;
    line-height: 30px; }
  .ui-datepicker td {
    padding: 2.2px 0;
    height: 30px;
    line-height: 30px; }
    .ui-datepicker td a,
    .ui-datepicker td span {
      padding: 0;
      text-align: center; }
  .ui-datepicker .ui-state-highlight,
  .ui-datepicker .ui-state-active {
    border: 0;
    background: #689df6 !important;
    color: #fff !important;
    border-radius: 4px; }
  .ui-datepicker .ui-state-default {
    color: #202124;
    width: 30px;
    margin: 0 auto;
    background: transparent;
    border: 0; }
    .ui-datepicker .ui-state-default:hover {
      background: #689df6 !important;
      color: #fff !important;
      border-radius: 4px; }
  .ui-datepicker .ui-datepicker-buttonpane {
    border: 0 !important;
    border-top: 1px solid #e3e8ea !important;
    padding: 10px;
    overflow: hidden; }
    .ui-datepicker .ui-datepicker-buttonpane button {
      border: 1px solid #e3e8ea;
      font-family: "Nunito Sans", sans-serif;
      padding: 0 12px;
      height: 32px;
      line-height: 30px;
      margin: 0; }
    .ui-datepicker .ui-datepicker-buttonpane .ui-priority-primary {
      font-weight: 400; }
  @media (max-width: 480px) {
    .ui-datepicker {
      display: none !important; } }

/** Date Picker Ends **/
/** Date Picker Holder **/
.datepicker-h {
  width: 100%;
  border: 1px solid #e3e8ea;
  border-radius: 4px;
  line-height: 34px;
  padding: 0 11px;
  color: #202124;
  position: relative; }
  .datepicker-h input::-webkit-input-placeholder {
    color: rgba(150, 165, 171, 0.7); }
  .datepicker-h input:-moz-placeholder {
    color: rgba(150, 165, 171, 0.7); }
  .datepicker-h input::-moz-placeholder {
    color: rgba(150, 165, 171, 0.7); }
  .datepicker-h input:-ms-input-placeholder {
    color: rgba(150, 165, 171, 0.7); }
  .datepicker-h .datepicker {
    border: 0;
    height: 34px;
    color: rgba(150, 165, 171, 0.7);
    width: 100%; }
    .datepicker-h .datepicker:focus {
      border: 0;
      outline: none; }
  .datepicker-h .icon {
    position: absolute;
    top: 11px;
    right: 0;
    left: 0;
    margin: 0 11px 0 auto;
    width: 14px;
    height: 14px;
    color: rgba(150, 165, 171, 0.7);
    font-size: 12px; }

.datepicker.datepicker-input {
  border: 1px solid #e3e8ea;
  border-radius: 4px;
  height: 32px;
  line-height: 8px;
  padding: 0 12px;
  color: rgba(32, 33, 36, 0.7); }

.datepicker.datepicker-lg {
  height: 40px;
  line-height: 40px;
  font-size: 16px; }

/** Date Picker Holder Ends **/
/** Multi DropDown **/
.multi-dropdown {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .multi-dropdown .dropdown {
    width: 48%; }
    .multi-dropdown .dropdown .dropdown-toggle {
      width: 100%; }
  .multi-dropdown .datepicker-h {
    width: 48%; }
  @media (max-width: 480px) {
    .multi-dropdown {
      flex-flow: row wrap; }
      .multi-dropdown .datepicker-h {
        width: 100%;
        margin-bottom: 20px; }
        .multi-dropdown .datepicker-h:last-child {
          margin-bottom: 0; } }
  .multi-dropdown.multi-dropdown-alternative .dropdown {
    width: 31%; }
    .multi-dropdown.multi-dropdown-alternative .dropdown .btn {
      height: 36px;
      line-height: 36px;
      color: #96a5ab; }
  @media (max-width: 480px) {
    .multi-dropdown.multi-dropdown-alternative {
      flex-flow: row wrap; }
      .multi-dropdown.multi-dropdown-alternative .dropdown {
        width: 100%;
        margin-bottom: 20px; } }

/** Multi DropDown Ends **/
/** Multi Combo **/
.multi-combo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row wrap; }
  .multi-combo .dropdown {
    width: 48%; }
  @media screen and (max-width: 1660px) {
    .multi-combo .dropdown {
      padding-bottom: 20px;
      width: 100%; }
    .multi-combo .moby__page-filter {
      width: 100%; }
      .multi-combo .moby__page-filter .filter-list {
        justify-content: center; } }

/** Search Input **/
.search-input {
  line-height: 45px; }
  .search-input .form-control {
    border: 0;
    box-shadow: none;
    color: #202124;
    padding: 0;
    font-size: 14px; }
  .search-input ::placeholder {
    color: #d0d8db; }
  .search-input .icon {
    padding-right: 10px;
    font-size: 12px;
    line-height: 35px;
    color: #d0d8db; }
  .search-input.search-w-btn.input-group-lg {
    padding: 0 50px 0 10px;
    border: 1px solid #e3e8ea;
    border-radius: 4px; }
    .search-input.search-w-btn.input-group-lg .icon.icon-search_outlined {
      line-height: 40px; }
    .search-input.search-w-btn.input-group-lg .btn {
      position: absolute;
      top: 0;
      right: 0;
      line-height: 31px;
      height: 31px;
      padding: 0 8px;
      margin: 4.5px 10px; }
      .search-input.search-w-btn.input-group-lg .btn i {
        color: #fff;
        margin-right: 0;
        padding-right: 0;
        font-size: 16px;
        line-height: 29px; }

/** Search Input Ends **/
/** Search With Icon **/
.watch-search {
  margin-bottom: 15px;
  padding: 0 20px;
  position: relative; }
  .watch-search .form-control {
    width: 100%;
    border-color: #e3e8ea;
    padding: 0 11px !important;
    padding-left: 35px !important;
    color: #202124;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    margin-right: 0 !important; }
    .watch-search .form-control:focus {
      box-shadow: none; }
  .watch-search .white-search-icon {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 17px;
    font-size: 12px;
    color: #96a5ab;
    line-height: 45px; }

/** Search With Icon Ends **/
/** Cover Image **/
.cover-image {
  width: 100%;
  min-height: 190px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

/** Cover Image Ends **/
.events-search {
  padding: 0 20px 20px; }

.moby__theme_ui .custom-select {
  border-color: #e3e8ea;
  color: #96a5ab;
  font-size: 13px;
  min-height: 32px; }
  .moby__theme_ui .custom-select:focus {
    box-shadow: none;
    border-color: #e3e8ea; }

@media screen and (min-width: 768px) {
  .moby__theme_ui .filter-btn {
    float: left; } }

.moby__theme_ui .filter-btn .moby__filter-btn-holder.filter-btn-alternative {
  background: none;
  padding: 0;
  line-height: 23px;
  width: 100%; }
  .moby__theme_ui .filter-btn .moby__filter-btn-holder.filter-btn-alternative input::-webkit-input-placeholder {
    color: rgba(150, 165, 171, 0.5); }
  .moby__theme_ui .filter-btn .moby__filter-btn-holder.filter-btn-alternative input:-moz-placeholder {
    color: rgba(150, 165, 171, 0.5); }
  .moby__theme_ui .filter-btn .moby__filter-btn-holder.filter-btn-alternative input::-moz-placeholder {
    color: rgba(150, 165, 171, 0.5); }
  .moby__theme_ui .filter-btn .moby__filter-btn-holder.filter-btn-alternative input:-ms-input-placeholder {
    color: rgba(150, 165, 171, 0.5); }
  .moby__theme_ui .filter-btn .moby__filter-btn-holder.filter-btn-alternative .datepicker {
    width: 150px;
    color: rgba(150, 165, 171, 0.5);
    border-right: 1px solid #e3e8ea;
    padding: 5px 15px; }
    @media screen and (max-width: 768px) {
      .moby__theme_ui .filter-btn .moby__filter-btn-holder.filter-btn-alternative .datepicker {
        width: 100px; } }
    @media screen and (max-width: 767px) {
      .moby__theme_ui .filter-btn .moby__filter-btn-holder.filter-btn-alternative .datepicker {
        width: 70px; } }
    @media screen and (max-width: 400px) {
      .moby__theme_ui .filter-btn .moby__filter-btn-holder.filter-btn-alternative .datepicker {
        width: 260px !important; } }
    @media screen and (max-width: 480px) {
      .moby__theme_ui .filter-btn .moby__filter-btn-holder.filter-btn-alternative .datepicker {
        width: 105px !important; } }
    @media screen and (max-width: 320px) {
      .moby__theme_ui .filter-btn .moby__filter-btn-holder.filter-btn-alternative .datepicker {
        width: 85px !important; } }
  .moby__theme_ui .filter-btn .moby__filter-btn-holder.filter-btn-alternative .moby__calander i {
    color: rgba(150, 165, 171, 0.5);
    margin-left: 7px; }

.moby__theme_ui .select-with-picker .input-group {
  width: auto; }

.moby__theme_ui .select-with-picker .light-dropdown .dropdown-toggle {
  font-size: 13px;
  border-radius: 4px 0 0 4px;
  border-right: 0; }

.moby__theme_ui .counter-holder {
  border-radius: 4px;
  overflow: hidden; }
  .moby__theme_ui .counter-holder .btn {
    background: #689df6 !important;
    color: #fff !important;
    padding: 0 10px !important;
    border-radius: 0 !important; }
  .moby__theme_ui .counter-holder .input-group {
    width: 90px;
    /* Chrome, Safari, Edge, Opera */
    /* Firefox */ }
    .moby__theme_ui .counter-holder .input-group input::-webkit-outer-spin-button,
    .moby__theme_ui .counter-holder .input-group input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .moby__theme_ui .counter-holder .input-group input[type=number] {
      -moz-appearance: textfield; }

.moby__theme_ui .stuff-size-holder .btn {
  padding: 0 10px !important;
  border: 1px solid #e3e8ea; }
  .moby__theme_ui .stuff-size-holder .btn.active {
    background: #689df6 !important;
    color: #fff;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 50%;
    font-size: 16px; }

.moby__theme_ui .moby__card .bg-primary {
  background-color: #80adf7 !important; }

.moby__filter-btn-holder .datepicker {
  background: none;
  border: 0;
  width: 80px; }
  .moby__filter-btn-holder .datepicker:focus {
    outline: none; }

.moby__filter-btn-holder .invoice-input {
  background: none;
  border: 0;
  width: 90%; }
  .moby__filter-btn-holder .invoice-input:focus {
    outline: none; }

.date-section {
  display: inline-flex; }
  @media screen and (max-width: 480px) {
    .date-section {
      width: 100%;
      justify-content: center; } }
  .date-section .moby__filter-btn-holder {
    background: #f5f7f7;
    border: 1px solid #e3e8ea;
    float: right;
    text-align: right;
    padding: 0 11px;
    border-radius: 4px;
    line-height: 29px; }
    .date-section .moby__filter-btn-holder .hasDatepicker {
      font-size: 14px;
      font-weight: 400;
      border: 0;
      background: none;
      width: 100px; }
    .date-section .moby__filter-btn-holder .moby__calander {
      color: #202124;
      font-size: 13px; }
      .date-section .moby__filter-btn-holder .moby__calander .picker-separator {
        margin: 0 10px; }
      .date-section .moby__filter-btn-holder .moby__calander .flaticon-calendar:before {
        margin: 0; }
      .date-section .moby__filter-btn-holder .moby__calander i {
        color: #fbbc05;
        margin-right: 10px;
        line-height: 20px !important;
        font-size: 16px; }
    .date-section .moby__filter-btn-holder .picker-separator {
      margin: 0 15px 0 5px; }
      @media (max-width: 1300px) {
        .date-section .moby__filter-btn-holder .picker-separator {
          margin: 0 10px 0 5px; } }

.moby__filter-btn-holder {
  background: #f5f7f7;
  border: 1px solid #e3e8ea;
  float: left;
  text-align: right;
  padding: 5px 5px 6px 10px;
  border-radius: 4px;
  line-height: 1px;
  font-size: 13px; }
  .moby__filter-btn-holder .hasDatepicker {
    font-weight: 600;
    border: 0;
    background: none; }
  .moby__filter-btn-holder .moby__calander {
    color: #202124;
    font-size: 13px;
    vertical-align: middle; }
    .moby__filter-btn-holder .moby__calander .picker-separator {
      margin: 0 10px; }
    .moby__filter-btn-holder .moby__calander .flaticon-calendar:before {
      margin: 0;
      line-height: 1.5 !important; }
    .moby__filter-btn-holder .moby__calander i {
      color: #fbbc05;
      margin-right: 10px; }
  .moby__filter-btn-holder .picker-separator {
    margin-right: 9px; }

.moby__page-filter {
  margin-top: 8px; }
  @media screen and (max-width: 320px) {
    .moby__page-filter {
      width: 100%; } }
  .moby__page-filter .filter-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    list-style: none;
    margin-right: 15px; }
    @media screen and (max-width: 767px) {
      .moby__page-filter .filter-list {
        justify-content: center; } }
    .moby__page-filter .filter-list li {
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      margin: 0 15px; }
      .moby__page-filter .filter-list li a {
        color: rgba(150, 165, 171, 0.5); }
      @media (max-width: 1440px) {
        .moby__page-filter .filter-list li {
          margin: 0 10px;
          font-size: 13px; } }
      .moby__page-filter .filter-list li:last-child {
        margin-right: 0; }
    .moby__page-filter .filter-list .moby__active-filter a {
      text-decoration: underline;
      font-weight: 600;
      color: rgba(150, 165, 171, 0.5); }
    .moby__page-filter .filter-list.filter-list-black li.moby__active-filter a {
      color: #202124; }

@media (max-width: 767px) {
  .graph-report-list-h {
    display: flex;
    align-items: center;
    justify-content: center; } }

@media (max-width: 567px) {
  .graph-report-list-h {
    flex-flow: row wrap; }
    .graph-report-list-h > * {
      flex: 1 1 100%; } }

.graph-report-list {
  padding-bottom: 20px; }
  @media (max-width: 767px) {
    .graph-report-list {
      padding-bottom: 0;
      padding-right: 30px; } }
  @media (max-width: 567px) {
    .graph-report-list {
      padding-bottom: 20px;
      padding-right: 0; } }
  .graph-report-list .icon {
    color: #fbbc05;
    margin-right: 15px;
    font-size: 18px; }
  .graph-report-list .title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px; }
    @media screen and (max-width: 1440px) {
      .graph-report-list .title {
        font-size: 14px; } }
    @media screen and (max-width: 1024px) {
      .graph-report-list .title {
        margin-bottom: 10px; } }
  .graph-report-list .items li {
    margin-bottom: 10px;
    font-size: 14px;
    color: rgba(32, 33, 36, 0.7); }
    .graph-report-list .items li:last-child {
      margin-bottom: 0; }
    .graph-report-list .items li:before {
      content: "";
      background: #fbbc05;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      float: left;
      border: 2px solid #fff;
      margin: 2px 5px 0 0; }
      @media screen and (max-width: 1440px) {
        .graph-report-list .items li:before {
          width: 9px;
          height: 9px; } }
    @media screen and (max-width: 1440px) {
      .graph-report-list .items li {
        font-size: 13px; } }

.sign-in .account-form label {
  font-size: 16px;
  color: #202124;
  font-weight: 600; }

.sign-in .account-form .title {
  font-size: 15px;
  color: #202124;
  margin-bottom: 20px;
  width: 100%; }

.sign-in .account-form .sub-border {
  width: 100%;
  height: 2px;
  background: #e3e8ea;
  position: relative; }

.sign-in .account-form .text-sign-up {
  font-size: 15px;
  font-weight: 600;
  color: #202124;
  display: inherit; }
  .sign-in .account-form .text-sign-up a {
    color: #689df6; }

.sign-in .account-form .form-control:focus {
  box-shadow: none; }

.sign-in .account-form .form-control {
  margin-bottom: 20px;
  height: 50px; }

.sign-in .account-form .custom-select {
  height: 50px; }

.sign-in .account-form .photo-upload-btn {
  position: relative;
  overflow: hidden;
  height: 100px;
  width: 100px;
  padding: 30px 25px;
  line-height: 18px; }
  .sign-in .account-form .photo-upload-btn input {
    position: absolute;
    font-size: 50px;
    opacity: 0;
    right: 0;
    top: 0;
    height: 100%; }

.sign-in .social-btn {
  padding: 25px 0 10px; }
  .sign-in .social-btn a {
    font-size: 15px;
    font-weight: 600;
    padding: 0 20px;
    line-height: 40px;
    display: block;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 10px; }
    .sign-in .social-btn a.fb-btn {
      color: #475993;
      border: 1px solid #475993; }
      .sign-in .social-btn a.fb-btn .icon {
        color: #475993; }
    .sign-in .social-btn a.tw-btn {
      color: #4ba9f1;
      border: 1px solid #4ba9f1; }
      .sign-in .social-btn a.tw-btn .icon {
        color: #4ba9f1; }
    .sign-in .social-btn a.go-btn {
      color: #dd4b39;
      border: 1px solid #dd4b39; }
      .sign-in .social-btn a.go-btn .icon {
        color: #dd4b39; }
    .sign-in .social-btn a.linkedin-btn {
      color: #0073b1;
      border: 1px solid #0073b1; }
      .sign-in .social-btn a.linkedin-btn .icon {
        color: #0073b1; }

.sign-in .sign-img {
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .sign-in .sign-img {
      margin-bottom: 30px; } }

@media screen and (max-width: 767px) {
  .sign-in.sign-up .sign-img {
    display: none; } }

/** Theme Error Pages Style **/
.error-page .page-title {
  font-size: 26px;
  margin-bottom: 15px; }
  .error-page .page-title strong {
    font-size: 39px;
    font-weight: 600; }
  @media screen and (max-width: 767px) {
    .error-page .page-title {
      font-size: 20px; }
      .error-page .page-title strong {
        font-size: 29px; } }
  @media screen and (max-width: 480px) {
    .error-page .page-title {
      font-size: 18px; }
      .error-page .page-title strong {
        font-size: 24px; } }

.error-page p {
  font-size: 16px;
  color: rgba(150, 165, 171, 0.5);
  margin-bottom: 20px; }
  .error-page p:last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .error-page p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .error-page p {
      font-size: 13px;
      margin-bottom: 30px; } }

.error-page .error-img {
  margin-bottom: 40px; }
  @media screen and (max-width: 767px) {
    .error-page .error-img > img {
      max-width: 350px; } }
  @media screen and (max-width: 480px) {
    .error-page .error-img {
      margin-bottom: 30px; }
      .error-page .error-img > img {
        max-width: 280px; } }
  @media screen and (max-width: 375px) {
    .error-page .error-img {
      margin-bottom: 30px; }
      .error-page .error-img > img {
        max-width: 250px; } }

.error-page .page-btn-holder {
  margin-bottom: 30px;
  text-align: center; }
  .error-page .page-btn-holder .btn {
    margin-right: 20px; }
    .error-page .page-btn-holder .btn:last-child {
      margin-right: 0; }
    @media screen and (max-width: 320px) {
      .error-page .page-btn-holder .btn {
        margin-right: 0;
        margin-bottom: 20px; }
        .error-page .page-btn-holder .btn:last-child {
          margin-bottom: 0; } }
  .error-page .page-btn-holder .btn-lg {
    padding: 0;
    height: 55px;
    line-height: 53px;
    min-width: 170px; }
    @media screen and (max-width: 767px) {
      .error-page .page-btn-holder .btn-lg {
        font-size: 13px;
        height: 45px;
        line-height: 45px;
        min-width: 140px; } }

.error-page .inner-pages-link {
  padding: 0;
  color: #689df6; }
  @media screen and (max-width: 767px) {
    .error-page .inner-pages-link {
      font-size: 13px; } }

.error-page .search-holder {
  max-width: 40%;
  margin: 0 auto 30px;
  border: 1px solid #e3e8ea;
  border-radius: 4px;
  padding-left: 15px;
  overflow: hidden; }
  @media screen and (max-width: 1440px) {
    .error-page .search-holder {
      max-width: 50%; } }
  @media screen and (max-width: 1024px) {
    .error-page .search-holder {
      max-width: 60%; } }
  @media screen and (max-width: 768px) {
    .error-page .search-holder {
      max-width: 80%; } }
  @media screen and (max-width: 480px) {
    .error-page .search-holder {
      max-width: 100%; } }
  .error-page .search-holder .search-input.input-group-lg .icon {
    line-height: 55px; }
  .error-page .search-holder .search-input.input-group-lg .form-control {
    height: 55px;
    line-height: 55px; }
  .error-page .search-holder .btn {
    border: 0;
    border-radius: 0px;
    min-width: 100px; }
    .error-page .search-holder .btn.btn-lg {
      height: 55px;
      line-height: 53px;
      padding: 0 20px; }

/** Theme Error Pages Style **/
.profile-details .form-check {
  float: left;
  padding-right: 10px; }

.profile-details .form-check-label {
  font-size: 15px;
  color: #96a5ab;
  padding: 0 5px; }

.profile-details .check-box-holder {
  padding: 20px 0;
  overflow: hidden; }

.profile-details .note-list .title {
  font-size: 15px;
  color: #202124; }

.profile-details .note-list ol {
  margin: 0;
  padding: 0 0 0 20px;
  overflow: hidden; }
  .profile-details .note-list ol li {
    font-size: 15px;
    color: #96a5ab;
    margin-bottom: 15px; }

.profile-details .moby__filter-btn-holder {
  height: 40px;
  width: 100%; }

.address-holder .form-title {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 30px; }

.address-holder .sub-title {
  font-size: 14px;
  color: #96a5ab; }

.address-holder .form-group {
  overflow: visible; }

.address-holder .form-control {
  margin-bottom: 5px; }

.right-aside {
  background: #f9fafa;
  padding: 30px 20px;
  height: 100%;
  border-left: 1px solid #e3e8ea; }
  @media screen and (max-width: 992px) {
    .right-aside {
      padding: 20px 10px; } }
  .right-aside.file-right-side .upload-list {
    padding: 20px 0; }
    .right-aside.file-right-side .upload-list li {
      margin-bottom: 20px; }
      .right-aside.file-right-side .upload-list li a {
        font-size: 18px;
        color: #202124;
        font-weight: 600; }
        .right-aside.file-right-side .upload-list li a .icon {
          margin-right: 10px;
          color: #202124;
          font-size: 18px; }

.getting-list li {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 600; }
  .getting-list li a {
    color: #96a5ab; }
    .getting-list li a:hover {
      color: #202124; }

.profile-holder .profile-img {
  position: relative;
  width: 20%; }
  .profile-holder .profile-img img {
    border: 1px solid #e3e8ea; }
  .profile-holder .profile-img .profile-edit {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #e3e8ea;
    position: absolute;
    top: -10px;
    right: -10px; }
    .profile-holder .profile-img .profile-edit i {
      font-size: 14px;
      color: #689df6; }

.profile-holder label {
  margin-top: 20px; }

.profile-holder .input-group-text {
  height: 50px; }

.profile-holder .border-form {
  border-bottom: 1px dashed #e3e8ea; }
  .profile-holder .border-form .form-check-label {
    margin: 0; }

.account-setting {
  padding: 30px 0;
  border-bottom: 1px solid #e3e8ea; }
  .account-setting .title {
    font-size: 18px;
    color: #202124;
    float: left;
    font-weight: 600;
    margin: 10px 20px 0 0px; }
  .account-setting .sub-title {
    padding: 15px 0; }
  .account-setting .form-check-label {
    margin-top: 0;
    color: #202124; }

.moby__aside-structure .moby__side-bar {
  position: fixed;
  top: 0;
  left: -100%;
  width: 18.3%;
  height: 100%;
  transition: all ease-in-out .3s;
  box-shadow: 0 0px 6px 2px rgba(0, 0, 0, 0.02), 0 1px 20px 0 rgba(0, 0, 0, 0.05), 0px 1px 11px 0px rgba(0, 0, 0, 0.05);
  border-radius: 0 8px 8px 0;
  overflow: hidden;
  z-index: 999999; }
  @media (min-width: 1024px) {
    .moby__aside-structure .moby__side-bar {
      left: 0; } }
  @media (max-width: 1024px) {
    .moby__aside-structure .moby__side-bar {
      display: none; } }

.moby__aside-structure .wrapper {
  padding: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-top: 75px; }
  @media (min-width: 1024px) {
    .moby__aside-structure .wrapper {
      padding: 0 0 0 18.3%; } }
  @media (max-width: 1024px) {
    .moby__aside-structure .wrapper {
      padding: 0; } }
  @media (max-width: 767px) {
    .moby__aside-structure .wrapper {
      margin-top: 65px; } }

.moby__aside-structure.aside-active {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .moby__aside-structure.aside-active .moby__side-bar {
    width: 70px; }
    .moby__aside-structure.aside-active .moby__side-bar .side-bar-header {
      justify-content: center !important; }
      .moby__aside-structure.aside-active .moby__side-bar .side-bar-header .drawer-icon {
        display: none !important; }
    .moby__aside-structure.aside-active .moby__side-bar .menu-item-title {
      display: none;
      visibility: hidden;
      opacity: 0; }
    .moby__aside-structure.aside-active .moby__side-bar .moby__drawer-menu li a i {
      margin-left: 10px; }
    .moby__aside-structure.aside-active .moby__side-bar .moby__drawer-menu li a .arrow-icon {
      display: none; }
    .moby__aside-structure.aside-active .moby__side-bar.hover-side-bar {
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
      width: 18.3%; }
      .moby__aside-structure.aside-active .moby__side-bar.hover-side-bar .side-bar-header {
        justify-content: space-between !important; }
        .moby__aside-structure.aside-active .moby__side-bar.hover-side-bar .side-bar-header .drawer-icon {
          display: block !important; }
      .moby__aside-structure.aside-active .moby__side-bar.hover-side-bar .moby__drawer-menu li a .arrow-icon {
        display: block; }
      .moby__aside-structure.aside-active .moby__side-bar.hover-side-bar .menu-item-title {
        display: inline-block;
        visibility: visible;
        opacity: 1; }
  .moby__aside-structure.aside-active .wrapper {
    padding: 0 0 0 70px; }
    @media screen and (max-width: 1024px) {
      .moby__aside-structure.aside-active .wrapper {
        padding: 0; } }
  .moby__aside-structure.aside-active .menu-text {
    display: none; }
  .moby__aside-structure.aside-active .header-drawer-icon {
    display: block; }
  .moby__aside-structure.aside-active .moby__main-header {
    width: 95.5%;
    margin-left: 70px; }
    @media (min-width: 1441px) {
      .moby__aside-structure.aside-active .moby__main-header {
        width: 96.5%; } }

.moby__aside-structure.responsive-aside .moby__aside-holder {
  width: 100%;
  background: rgba(0, 0, 0, 0.75); }

.moby__aside-structure.responsive-aside .moby__side-bar {
  left: 0;
  display: block;
  width: 250px; }

.moby__aside-structure.responsive-aside .side-bar-header {
  background: #fff; }
  .moby__aside-structure.responsive-aside .side-bar-header .drawer-icon {
    display: none; }
  .moby__aside-structure.responsive-aside .side-bar-header .menu-icon {
    display: block; }

.group-list .list-item {
  display: flex;
  align-items: center;
  padding: 20px 10px;
  border-bottom: 1px solid #e3e8ea;
  transition: all ease-in-out 0.4s;
  position: relative; }
  .group-list .list-item:last-child {
    border-bottom: 0; }
  .group-list .list-item:hover {
    background: #f9fafa; }
    .group-list .list-item:hover .list-menu {
      opacity: 1;
      visibility: visible; }
  .group-list .list-item .people-info {
    flex: 1 1 0;
    margin-right: 60px;
    height: 50px; }
  .group-list .list-item a {
    display: block; }
  .group-list .list-item .user-avatar {
    width: 50px;
    height: 50px;
    line-height: 50px; }
    .group-list .list-item .user-avatar i {
      color: #fff; }
    .group-list .list-item .user-avatar .show-dot {
      width: 12px;
      height: 12px;
      line-height: 12px;
      transform: translate(10%, -50%);
      right: 0; }
    @media screen and (max-width: 992px) {
      .group-list .list-item .user-avatar {
        margin-right: 8px; } }
  .group-list .list-item .title {
    font-size: 15px;
    line-height: 25px;
    color: #202124;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 135px; }
    @media (max-width: 991px) {
      .group-list .list-item .title {
        max-width: 100%; } }
    @media (max-width: 570px) {
      .group-list .list-item .title {
        max-width: 135px; } }
  .group-list .list-item .sub-title {
    font-size: 14px;
    line-height: 25px;
    color: #96a5ab;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 135px; }
    @media (max-width: 991px) {
      .group-list .list-item .sub-title {
        max-width: 100%; } }
    @media (max-width: 570px) {
      .group-list .list-item .sub-title {
        max-width: 135px; } }

.group-list .list-menu {
  position: absolute;
  top: 22px;
  left: 0;
  right: 0;
  max-width: 60px;
  margin: 0 10px 0 auto !important;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden; }
  .group-list .list-menu li {
    display: inline-block;
    width: 47%;
    text-align: right; }
    .group-list .list-menu li .icon {
      cursor: pointer;
      color: #96a5ab !important;
      transition: all ease-in-out 0.4s; }
      .group-list .list-menu li .icon:hover {
        color: #202124 !important; }

.group-list.group-list-alternative .list-menu {
  top: 20px;
  visibility: visible;
  opacity: 1;
  font-size: 14px;
  color: rgba(150, 165, 171, 0.7);
  line-height: 25px; }
  .group-list.group-list-alternative .list-menu li {
    display: block;
    width: 100%; }
    .group-list.group-list-alternative .list-menu li .icon {
      font-size: 16px;
      color: rgba(150, 165, 171, 0.7) !important; }
      .group-list.group-list-alternative .list-menu li .icon:hover {
        color: #202124 !important; }
  @media screen and (max-width: 1440px) {
    .group-list.group-list-alternative .list-menu {
      font-size: 11px; } }
  .group-list.group-list-alternative .list-menu.list-menu-alternative {
    font-size: 13px;
    color: #96a5ab;
    line-height: 20px;
    max-width: 100px; }
    @media screen and (max-width: 991px) {
      .group-list.group-list-alternative .list-menu.list-menu-alternative {
        font-size: 11px; } }

.group-list.mailbox-list {
  height: 100vh; }
  .group-list.mailbox-list .list-item {
    flex-flow: row wrap; }
  .group-list.mailbox-list p {
    padding-top: 10px;
    padding-left: 65px;
    color: #96a5ab;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    min-height: 40px;
    /* fallback */
    -webkit-line-clamp: 2;
    /* number of lines to show */
    -webkit-box-orient: vertical; }
    @media (max-width: 1023px) {
      .group-list.mailbox-list p {
        padding-left: 60px; } }

.social-list {
  display: flex;
  align-items: center;
  justify-content: center; }
  .social-list li {
    padding: 0 5px; }
    .social-list li .social-link {
      display: block;
      width: 35px;
      height: 35px;
      line-height: 38px;
      background: #202124;
      border-radius: 50%;
      transition: all ease-in-out .4s;
      text-align: center;
      color: #fff; }
      .social-list li .social-link .icon {
        color: #fff !important;
        font-size: 16px; }
      .social-list li .social-link.fb-bg {
        background: #3d599a; }
      .social-list li .social-link.google-bg {
        background: #f34735; }
      .social-list li .social-link.twitter-bg {
        background: #00a7e6; }
      .social-list li .social-link.linkedin-bg {
        background: #0073b1; }
      .social-list li .social-link:hover {
        transform: scale(1.2); }

/** Contact Page **/
.contact-page-h {
  position: relative; }
  @media (max-width: 991px) {
    .contact-page-h {
      overflow: hidden;
      box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05), 0 1px 20px 0 rgba(0, 0, 0, 0.05), 0px 1px 11px 0px rgba(0, 0, 0, 0.05); } }
  .contact-page-h .contact-list-btn {
    position: fixed;
    top: 100px;
    right: 10px;
    z-index: 9999;
    display: none; }
    @media (max-width: 991px) {
      .contact-page-h .contact-list-btn {
        display: block; } }
  .contact-page-h .contact-view-holder {
    height: 100%; }
    .contact-page-h .contact-view-holder .details-holder {
      padding: 0 20px 30px;
      overflow: hidden; }
      @media (max-width: 480px) {
        .contact-page-h .contact-view-holder .details-holder .details-head.pd-b-30 {
          padding-bottom: 20px; }
        .contact-page-h .contact-view-holder .details-holder .details-head .btn {
          padding: 0 11px; } }
      @media (max-width: 570px) {
        .contact-page-h .contact-view-holder .details-holder .details-head .text-right {
          text-align: center !important; }
          .contact-page-h .contact-view-holder .details-holder .details-head .text-right .btn {
            margin-bottom: 10px; } }
      .contact-page-h .contact-view-holder .details-holder .title {
        font-size: 16px;
        font-weight: 700;
        color: #202124;
        margin-bottom: 10px; }
      .contact-page-h .contact-view-holder .details-holder .subtitle {
        font-size: 14px;
        color: #96a5ab;
        display: inline-block; }
    .contact-page-h .contact-view-holder .main-title {
      line-height: 32px;
      font-size: 18px;
      font-weight: 700;
      color: #202124;
      display: block; }
      @media screen and (max-width: 991px) {
        .contact-page-h .contact-view-holder .main-title {
          margin-bottom: 20px; } }
    @media (max-width: 991px) {
      .contact-page-h .contact-view-holder .contact-inner-list {
        height: 640px; } }
    .contact-page-h .contact-view-holder .contact-inner-list .list-item .title,
    .contact-page-h .contact-view-holder .contact-inner-list .list-item .sub-title {
      max-width: 100%; }
    .contact-page-h .contact-view-holder .contact-inner-list .list-menu {
      top: 32px;
      opacity: 1;
      visibility: visible; }
      .contact-page-h .contact-view-holder .contact-inner-list .list-menu li {
        width: 100%; }
    @media (max-width: 991px) {
      .contact-page-h .contact-view-holder {
        box-shadow: none; } }
  .contact-page-h .contact-list-holder {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    @media (max-width: 991px) {
      .contact-page-h .contact-list-holder {
        border-radius: 4px 0 0 4px;
        position: absolute;
        width: 50%;
        top: 0;
        left: -200px;
        opacity: 0;
        visibility: hidden;
        padding: 20px;
        background: #fff;
        z-index: 999;
        height: 801px;
        box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05), 0 1px 20px 0 rgba(0, 0, 0, 0.05), 0px 1px 11px 0px rgba(0, 0, 0, 0.05); } }
    @media (max-width: 570px) {
      .contact-page-h .contact-list-holder {
        padding: 10px;
        width: 60%;
        height: 1243px; } }
    @media (max-width: 480px) {
      .contact-page-h .contact-list-holder {
        width: 70%;
        height: 1331px; } }
    @media (max-width: 400px) {
      .contact-page-h .contact-list-holder {
        height: 1379px; } }
    @media (max-width: 320px) {
      .contact-page-h .contact-list-holder {
        width: 91%;
        height: 1461px; } }
    .contact-page-h .contact-list-holder .group-list .list-menu li {
      width: 44%; }
      .contact-page-h .contact-list-holder .group-list .list-menu li .icon {
        font-size: 16px; }
    .contact-page-h .contact-list-holder.contact-list-mobile-view {
      left: 15px;
      opacity: 1;
      visibility: visible; }

/** Contact Page Ends **/
/** Mail Page **/
.moby__mailbox {
  position: relative;
  display: flex;
  flex-direction: row;
  overflow: hidden; }
  @media (max-width: 1023px) {
    .moby__mailbox .row.no-gutters > .col,
    .moby__mailbox .row.no-gutters > [class*="col-"] {
      position: initial; } }
  @media (max-width: 767px) {
    .moby__mailbox {
      overflow: hidden;
      box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05), 0 1px 20px 0 rgba(0, 0, 0, 0.05), 0px 1px 11px 0px rgba(0, 0, 0, 0.05);
      min-height: 100%;
      border-radius: 4px;
      border: 1px solid #e3e8ea;
      margin: 100px 20px 20px; } }
  .moby__mailbox .mailbox-list-btn {
    position: fixed;
    top: 110px;
    right: 20px;
    z-index: 9999;
    display: none; }
    @media (max-width: 767px) {
      .moby__mailbox .mailbox-list-btn {
        display: block; } }
  .moby__mailbox .mail-list-holder {
    background: #f9fafa;
    padding: 30px 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    flex: 0 0 260px; }
    @media (max-width: 1440px) {
      .moby__mailbox .mail-list-holder {
        flex: 0 0 200px; } }
    @media (max-width: 1200px) {
      .moby__mailbox .mail-list-holder {
        flex: 0 0 155px;
        padding: 30px 10px; } }
    @media screen and (max-width: 767px) {
      .moby__mailbox .mail-list-holder {
        position: absolute;
        flex: 0 0 200px;
        width: 200px;
        top: 0;
        left: -200px;
        opacity: 0;
        visibility: hidden;
        background: #fff;
        z-index: 999;
        height: 100%;
        box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05), 0 1px 20px 0 rgba(0, 0, 0, 0.05), 0px 1px 11px 0px rgba(0, 0, 0, 0.05); } }
    .moby__mailbox .mail-list-holder .title {
      color: #202124;
      font-size: 15px;
      line-height: 1;
      display: block;
      margin-bottom: 3px; }
      @media screen and (max-width: 1440px) {
        .moby__mailbox .mail-list-holder .title {
          font-size: 13px; } }
    .moby__mailbox .mail-list-holder .mail-menu-list {
      overflow: hidden; }
      .moby__mailbox .mail-list-holder .mail-menu-list li:last-child a {
        margin-bottom: 0; }
      .moby__mailbox .mail-list-holder .mail-menu-list li a {
        font-size: 15px;
        font-weight: 600;
        color: #202124;
        display: block;
        line-height: 35px;
        padding: 0 15px;
        margin: 5px 0; }
        .moby__mailbox .mail-list-holder .mail-menu-list li a .icon {
          margin-right: 10px;
          font-size: 16px;
          color: #202124; }
        .moby__mailbox .mail-list-holder .mail-menu-list li a .total-mail {
          background: #f5f7f7;
          padding: 0 7px;
          border: 1px solid #e3e8ea;
          display: block;
          color: #202124;
          border-radius: 3px;
          font-size: 12px;
          line-height: 20px;
          margin: 6px 0 5px 10px; }
        .moby__mailbox .mail-list-holder .mail-menu-list li a.active {
          color: #689df6; }
          .moby__mailbox .mail-list-holder .mail-menu-list li a.active .icon {
            color: #689df6; }
          .moby__mailbox .mail-list-holder .mail-menu-list li a.active .total-mail {
            background: #ea4335;
            color: #fff;
            border-color: #ea4335; }
        .moby__mailbox .mail-list-holder .mail-menu-list li a:hover {
          color: #689df6; }
          .moby__mailbox .mail-list-holder .mail-menu-list li a:hover .icon {
            color: #689df6; }
          .moby__mailbox .mail-list-holder .mail-menu-list li a:hover .total-mail {
            background: #ea4335;
            color: #fff;
            border-color: #ea4335; }
      .moby__mailbox .mail-list-holder .mail-menu-list li strong {
        font-size: 16px;
        font-weight: 400;
        padding: 0 14px 10px;
        display: inline-block; }
    @media screen and (max-width: 480px) {
      .moby__mailbox .mail-list-holder {
        float: none;
        width: 100%; } }
    .moby__mailbox .mail-list-holder.mail-list-holder-mobile-view {
      left: 0px;
      opacity: 1;
      visibility: visible; }
  .moby__mailbox .moby__mail-group-holder {
    border-right: 1px solid #e3e8ea;
    height: 100%;
    border-left: 1px solid #e3e8ea; }
    .moby__mailbox .moby__mail-group-holder .search-input {
      padding: 10px 20px;
      border-bottom: 1px solid #e3e8ea; }
      @media (max-width: 767px) {
        .moby__mailbox .moby__mail-group-holder .search-input {
          padding-right: 50px; } }
    .moby__mailbox .moby__mail-group-holder .dropdown .btn {
      background: transparent;
      border-color: transparent;
      padding: 0;
      font-weight: 400;
      color: #96a5ab; }
    .moby__mailbox .moby__mail-group-holder .dropdown .icon {
      font-size: 11px;
      display: inline-block;
      color: #689df6;
      margin-left: 5px; }
    .moby__mailbox .moby__mail-group-holder .mail-title {
      font-size: 16px;
      margin: 0;
      font-weight: 600; }
  .moby__mailbox .moby__mail-show {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    @media (max-width: 1023px) {
      .moby__mailbox .moby__mail-show {
        position: absolute;
        top: 0;
        left: -200px;
        opacity: 0;
        visibility: hidden;
        background: #fff;
        z-index: 9999;
        height: 100%; } }
    .moby__mailbox .moby__mail-show .mail-content .content-head {
      border-bottom: 1px solid #e3e8ea;
      line-height: 30px; }
      @media (max-width: 1023px) {
        .moby__mailbox .moby__mail-show .mail-content .content-head {
          display: flex;
          align-items: center;
          justify-content: space-between; } }
      @media screen and (max-width: 767px) {
        .moby__mailbox .moby__mail-show .mail-content .content-head {
          border-top: 1px solid #e3e8ea; } }
    .moby__mailbox .moby__mail-show .mail-content .action-list li {
      display: inline-block; }
      .moby__mailbox .moby__mail-show .mail-content .action-list li a {
        display: inline-block;
        border-right: 1px solid #e3e8ea;
        height: 55px;
        line-height: 55px;
        width: 44px;
        text-align: center; }
        .moby__mailbox .moby__mail-show .mail-content .action-list li a .icon {
          color: rgba(150, 165, 171, 0.7) !important;
          font-size: 16px; }
        .moby__mailbox .moby__mail-show .mail-content .action-list li a:hover .icon {
          color: #689df6 !important; }
        @media (max-width: 400px) {
          .moby__mailbox .moby__mail-show .mail-content .action-list li a {
            width: 34px; }
            .moby__mailbox .moby__mail-show .mail-content .action-list li a .icon {
              font-size: 14px; } }
      @media (max-width: 1023px) {
        .moby__mailbox .moby__mail-show .mail-content .action-list li:first-child a {
          border-left: 1px solid #e3e8ea; } }
    .moby__mailbox .moby__mail-show .mail-content .action-list.actions-list-mobile-view {
      display: none; }
      @media (max-width: 1023px) {
        .moby__mailbox .moby__mail-show .mail-content .action-list.actions-list-mobile-view {
          display: block; } }
    @media (max-width: 567px) {
      .moby__mailbox .moby__mail-show .content.pd-30 {
        padding: 30px 20px; } }
    .moby__mailbox .moby__mail-show .content .subtitle {
      color: #202124;
      display: block;
      padding-bottom: 4px; }
    .moby__mailbox .moby__mail-show .content .heading {
      font-size: 16px;
      color: #202124;
      display: block;
      padding-bottom: 15px; }
    .moby__mailbox .moby__mail-show .content .time {
      color: #96a5ab;
      display: block;
      padding-bottom: 6px; }
    .moby__mailbox .moby__mail-show .content .pre-icon,
    .moby__mailbox .moby__mail-show .content .next-icon {
      font-size: 16px; }
    .moby__mailbox .moby__mail-show .mail-holder {
      padding: 30px 0;
      border-top: 1px solid #e3e8ea; }
      .moby__mailbox .moby__mail-show .mail-holder .title {
        font-size: 17px;
        color: #202124;
        margin-bottom: 15px; }
      .moby__mailbox .moby__mail-show .mail-holder p {
        font-size: 15px;
        margin-bottom: 20px; }
      .moby__mailbox .moby__mail-show .mail-holder .text {
        font-size: 16px;
        color: #202124;
        display: block;
        padding-bottom: 10px; }
      .moby__mailbox .moby__mail-show .mail-holder .subtitle {
        font-size: 15px;
        font-weight: 600;
        padding-bottom: 0; }
    .moby__mailbox .moby__mail-show .mail-file-holder {
      overflow: hidden; }
      .moby__mailbox .moby__mail-show .mail-file-holder .mail-file {
        background: #f9fafa;
        padding: 15px;
        overflow: hidden;
        margin-bottom: 30px; }
        .moby__mailbox .moby__mail-show .mail-file-holder .mail-file .file {
          width: 200px; }
          .moby__mailbox .moby__mail-show .mail-file-holder .mail-file .file i {
            float: left;
            margin-right: 10px; }
          .moby__mailbox .moby__mail-show .mail-file-holder .mail-file .file .file-title {
            font-size: 14px;
            color: #202124;
            margin-bottom: 5px;
            display: block; }
          .moby__mailbox .moby__mail-show .mail-file-holder .mail-file .file .sub-title {
            font-size: 14px;
            color: #96a5ab;
            margin-bottom: 0; }
          .moby__mailbox .moby__mail-show .mail-file-holder .mail-file .file .file-card {
            overflow: inherit; }
        .moby__mailbox .moby__mail-show .mail-file-holder .mail-file .progress-value {
          color: #96a5ab;
          font-size: 13px;
          margin-bottom: 7px;
          display: block; }
    .moby__mailbox .moby__mail-show .textarea-holder .form-control:focus {
      box-shadow: inherit; }
    .moby__mailbox .moby__mail-show.moby__mail-show-mobile-view {
      left: 0px;
      opacity: 1;
      visibility: visible; }

/** Mail Page Ends **/
/** Ck Editor **/
.ck-content {
  height: 150px !important; }

/** Ck Editor End **/
/** Fine Uploaders **/
.qq-upload-button {
  background: #689df6 !important;
  border-color: #387ef3 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  padding: 0 12px !important;
  height: 32px;
  line-height: 30px; }

/** Fine Uploaders End **/
/** Rate It **/
.rateit-font .rateit-range > div,
.rateit-font .rateit-range > span {
  height: 24px !important; }

.rateit .rateit-reset {
  display: none !important; }

.rateit .rateit-selected {
  color: #fbbc05 !important; }

.rateit .rateit-hover {
  color: #fbbc05 !important; }

/** Rate It End **/
/** Start Code Block **/
.code-section-container {
  text-align: left;
  margin: 20px;
  margin-top: 0px; }
  .code-section-container .toggle-code-snippet {
    border: none;
    background-color: transparent !important;
    padding: 0px !important;
    box-shadow: none !important;
    color: #888ea8 !important;
    border-bottom: 1px dashed #bfc9d4;
    border-radius: 0;
    margin-bottom: 10px; }
  .code-section-container .code-section {
    display: none;
    height: auto;
    padding: 0; }
    .code-section-container .code-section pre {
      height: auto;
      padding: 22px;
      border-radius: 6px;
      margin-bottom: 0;
      font-size: 87.5%;
      margin-top: 0; }
  .code-section-container.show-code .code-section {
    display: block; }

/** End Code Block **/
/**
*
* Theme: Aside
* Author: Mobythemes
* Website: MobythemesCom
* Version: 1.0
* Date: Thu Nov 28 2019
* Category: 
* Title: Aside styles
*
*/
/*************** 
Moby Theme Variables 
****************/
/***********************
  Global variables
***********************/
/***********************
  Media Queries
***********************/
.moby__aside-holder {
  height: 100%; }
  .moby__aside-holder .side-bar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-right: 1px solid #e3e8ea;
    border-bottom: 1px solid #e3e8ea;
    padding: 0 10px 0 15px;
    background: #fff;
    height: 75px;
    width: 100%;
    overflow: hidden; }

    @media (max-width: 767px) {
      .moby__aside-holder .side-bar-header {
        height: 64px; } }
    .moby__aside-holder .side-bar-header .side-menu-text {
      font-weight: 600;
      color: #202124;
      font-size: 15px; }
    .moby__aside-holder .side-bar-header .logo {
      display: block; }
      .moby__aside-holder .side-bar-header .logo .icon-logo {
        font-size: 31px !important;
        line-height: 100px; }
    .moby__aside-holder .side-bar-header .drawer-icon {
      padding: 0 2px;
      vertical-align: -1px; }
      .moby__aside-holder .side-bar-header .drawer-icon.icon {
        cursor: pointer;
        font-size: 22px; }
        .moby__aside-holder .side-bar-header .drawer-icon.icon:hover {
          color: #202124 !important; }
    .moby__aside-holder .side-bar-header .menu-icon {
      display: none; }
      .moby__aside-holder .side-bar-header .menu-icon .icon {
        cursor: pointer;
        font-size: 22px; }
        .moby__aside-holder .side-bar-header .menu-icon .icon:hover {
          color: #202124 !important; }
  .moby__aside-holder .moby__side-bar {
    z-index: 999999; }
    .moby__aside-holder .moby__side-bar .moby__drawer-menu {
      width: 100%;
      height: 100%;
      height: calc(100% - 75px);
      overflow-x: hidden;
      overflow-y: auto;
      border-right: 1px solid #e3e8ea;
      background: #f5f7f7;
      padding-top: 20px;
      padding-bottom: 30px;
    }
      @media (max-width: 767px) {
        .moby__aside-holder .moby__side-bar .moby__drawer-menu {
          height: calc(100% - 60px); } }
      .moby__aside-holder .moby__side-bar .moby__drawer-menu li {
        text-align: left;
        font-size: 14px;
        font-weight: 600;
        margin: 0; }
        .moby__aside-holder .moby__side-bar .moby__drawer-menu li a,
        .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsed {
          text-decoration: none;
          font-size: 13px;
          color: #202124;
          color: #666;
          font-weight: 400;
          padding: 0 15px;
          line-height: 50px !important;
          line-height:45px !important;
          display: block;
          width: 100%;
          position: relative;
          font-weight: 600; }
          .moby__aside-holder .moby__side-bar .moby__drawer-menu li a:hover,
          .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsed:hover {
            color: #689df6; }
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li a:hover .icon,
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsed:hover .icon {
              color: #689df6; }
          .moby__aside-holder .moby__side-bar .moby__drawer-menu li a .icon,
          .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsed .icon {
            margin-right: 15px;
            font-size: 16px;
            color: #202124; 
          color: #666;
        }
            @media (min-width: 1441px) {
              .moby__aside-holder .moby__side-bar .moby__drawer-menu li a .icon,
              .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsed .icon {
                font-size: 18px; } }
          .moby__aside-holder .moby__side-bar .moby__drawer-menu li a .arrow-icon,
          .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsed .arrow-icon {
            position: absolute;
            top: 22px;
            right: 19px;
            font-size: 8px;
            color: #202124;
            margin-right: 0;
            transform: rotate(0deg); }
          .moby__aside-holder .moby__side-bar .moby__drawer-menu li a[aria-expanded="true"],
          .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsed[aria-expanded="true"] {
            color: #689df6 !important; }
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li a[aria-expanded="true"] .arrow-icon,
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsed[aria-expanded="true"] .arrow-icon {
              transform: rotate(180deg); }
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li a[aria-expanded="true"] .icon,
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsed[aria-expanded="true"] .icon {
              color: #689df6 !important; }
          .moby__aside-holder .moby__side-bar .moby__drawer-menu li a.active,
          .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsed.active {
            color: #689df6; }
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li a.active .icon,
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsed.active .icon {
              color: #689df6; }
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li a.active[aria-expanded="true"] .arrow-icon,
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsed.active[aria-expanded="true"] .arrow-icon {
              transform: rotate(0deg); }
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li a.active[aria-expanded="false"] .arrow-icon,
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsed.active[aria-expanded="false"] .arrow-icon {
              transform: rotate(180deg); }
          @media (min-width: 1441px) {
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li a,
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsed {
              font-size: 15px; } }
        .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapse ul li,
        .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsing ul li {
          margin: 0; }
          .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapse ul li a,
          .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsing ul li a {
            padding-left: 50px;
            font-size: 12px;
            font-weight: 600;
            color: rgba(32, 33, 36, 0.7);
            position: relative; }
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapse ul li a:before,
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsing ul li a:before {
              content: "";
              position: absolute;
              top: 18px;
              left: 50px;
              width: 7px;
              height: 7px;
              background: rgba(150, 165, 171, 0.6);
              border-radius: 50%; }
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapse ul li a:hover,
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsing ul li a:hover {
              color: #689df6; }
              .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapse ul li a:hover .icon,
              .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsing ul li a:hover .icon {
                color: #689df6; }
              .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapse ul li a:hover:before,
              .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsing ul li a:hover:before {
                background: #689df6; }
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapse ul li a span,
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsing ul li a span {
              margin-left: 15px; }
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapse ul li a[data-toggle="collapse"]:before,
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsing ul li a[data-toggle="collapse"]:before {
              display: none; }
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapse ul li a.active,
            .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsing ul li a.active {
              color: #689df6; }
              .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapse ul li a.active .icon,
              .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsing ul li a.active .icon {
                color: #689df6; }
              .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapse ul li a.active:before,
              .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsing ul li a.active:before {
                background: #689df6; }
            @media (min-width: 1441px) {
              .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapse ul li a,
              .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsing ul li a {
                font-size: 14px; } }
        .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapse .collapse,
        .moby__aside-holder .moby__side-bar .moby__drawer-menu li .collapsing .collapse {
          padding-left: 15px; }

/**
 *
 * Theme: Header
 * Author: Mobythemes
 * Website: MobythemesCom
 * Version: 1.0
 * Date: Thu Nov 28 2019
 * Category: Multi
 * Title: Header styles
 *
 */
/*************** 
Moby Theme Variables 
****************/
/***********************
  Global variables
***********************/
/***********************
  Media Queries
***********************/
/*************** 
Moby Theme Variables 
****************/
/***********************
  Global variables
***********************/
/***********************
  Media Queries
***********************/
/* @include transition(all,2s,ease-out); */
/* Header */
.moby__main-header {
  border-bottom: 1px solid #e3e8ea;
  min-height: 75px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  box-shadow: 0 7px 17px -6px rgba(0, 0, 0, 0.1);
  background: #fff; }
  @media (min-width: 1025px) {
    .moby__main-header {
      width: 81.7%;
      margin-left: 18.3%; } }
  @media (max-width: 767px) {
    .moby__main-header {
      min-height: 65px; } }
  @media (min-width: 1025px) {
    .moby__main-header .p-relative {
      margin-left: 30px; } }
  .moby__main-header .drawer-btn {
    position: absolute;
    top: 22px;
    left: 20px;
    cursor: pointer;
    font-size: 22px;
    display: none; }
    @media (max-width: 1024px) {
      .moby__main-header .drawer-btn {
        display: block; } }
  .moby__main-header .header-drawer-icon {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 74px;
    font-size: 22px;
    cursor: pointer;
    display: none; }
    .moby__main-header .header-drawer-icon:hover {
      color: #202124 !important; }
  .moby__main-header .container-fluid {
    padding: 0; }
  .moby__main-header .moby__main-nav:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
  .moby__main-header .moby__main-nav .navbar {
    float: right;
    padding: 0; }
  .moby__main-header .moby__main-nav .moby__nav-list {
    list-style: none;
    margin: 0;
    float: right;
    padding-right: 30px; }
    @media (max-width: 767px) {
      .moby__main-header .moby__main-nav .moby__nav-list {
        padding-right: 15px; } }
    .moby__main-header .moby__main-nav .moby__nav-list li {
      float: left;
      padding: 20px 12px;
      height: 74px;
      line-height: 74px; }
      .moby__main-header .moby__main-nav .moby__nav-list li:last-child {
        padding: 19px 5px 19px 0; }
        @media (max-width: 767px) {
          .moby__main-header .moby__main-nav .moby__nav-list li:last-child {
            padding: 19px 5px 19px 10px; } }
      .moby__main-header .moby__main-nav .moby__nav-list li a {
        display: block;
        text-decoration: none; }
        .moby__main-header .moby__main-nav .moby__nav-list li a:hover {
          color: #202124; }
          .moby__main-header .moby__main-nav .moby__nav-list li a:hover [class^="flaticon-"]:before {
            color: #202124; }
        .moby__main-header .moby__main-nav .moby__nav-list li a i {
          margin: 0;
          color: #96a5ab;
          font-size: 20px;
          line-height: inherit; }
      .moby__main-header .moby__main-nav .moby__nav-list li .language-popover .btn.dropdown-toggle {
        width: 35px;
        height: 35px; }
        @media (max-width: 1024px) {
          .moby__main-header .moby__main-nav .moby__nav-list li .language-popover .btn.dropdown-toggle {
            height: 28px;
            width: 28px; } }
      .moby__main-header .moby__main-nav .moby__nav-list li .moby__user {
        line-height: 20px; }
        .moby__main-header .moby__main-nav .moby__nav-list li .moby__user .btn {
          width: 35px;
          height: 35px;
          font-size: 14px;
          font-weight: 600;
          border: 1px solid #e3e8ea; }
          @media (max-width: 1024px) {
            .moby__main-header .moby__main-nav .moby__nav-list li .moby__user .btn {
              height: 30px;
              width: 30px;
              line-height: 30px;
              font-size: 13px; } }
        .moby__main-header .moby__main-nav .moby__nav-list li .moby__user .dropdown {
          display: inline-block;
          margin-left: 15px; }
          .moby__main-header .moby__main-nav .moby__nav-list li .moby__user .dropdown .btn {
            line-height: 32px;
            text-align: center; }
          @media (max-width: 1024px) {
            .moby__main-header .moby__main-nav .moby__nav-list li .moby__user .dropdown {
              margin-left: 0; } }
      .moby__main-header .moby__main-nav .moby__nav-list li .dropdown .dropdown-toggle {
        padding: 0 !important; }
        .moby__main-header .moby__main-nav .moby__nav-list li .dropdown .dropdown-toggle:after {
          display: none; }
      .moby__main-header .moby__main-nav .moby__nav-list li .moby__user-name {
        color: rgba(32, 33, 36, 0.7);
        font-weight: 600; }
        @media (max-width: 1024px) {
          .moby__main-header .moby__main-nav .moby__nav-list li .moby__user-name {
            display: none; } }
      .moby__main-header .moby__main-nav .moby__nav-list li .btn {
        padding: 0;
        background: transparent;
        border-width: 0px;
        font-weight: 400 !important; }
        @media (max-width: 767px) {
          .moby__main-header .moby__main-nav .moby__nav-list li .btn {
            line-height: 25px; } }
        .moby__main-header .moby__main-nav .moby__nav-list li .btn:hover {
          background: transparent; }
          .moby__main-header .moby__main-nav .moby__nav-list li .btn:hover i {
            color: #202124; }
      .moby__main-header .moby__main-nav .moby__nav-list li:last-child .btn {
        background: #f5f7f7; }
        .moby__main-header .moby__main-nav .moby__nav-list li:last-child .btn:hover {
          background: #e3e8ea;
          color: #202124; }
      @media (max-width: 1024px) {
        .moby__main-header .moby__main-nav .moby__nav-list li {
          padding: 20px 10px;
          height: 64px;
          line-height: 64px; }
          .moby__main-header .moby__main-nav .moby__nav-list li a i {
            font-size: 18px; } }
    @media (max-width: 560px) {
      .moby__main-header .moby__main-nav .moby__nav-list .setting-hide-md {
        display: none; } }
  .moby__main-header .header-search-bar {
    position: absolute;
    top: 0;
    left: 100%;
    right: 0;
    width: 100%;
    background: #fff;
    height: 74px;
    line-height: 70px;
    z-index: 99999;
    display: flex;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: all ease-in-out .1s;
    padding-right: 30px; }
    .moby__main-header .header-search-bar.visible {
      visibility: visible;
      opacity: 1;
      left: 0; }
    .moby__main-header .header-search-bar .search-input .icon {
      color: #202124;
      padding-left: 10px; }
    .moby__main-header .header-search-bar .search-input input::-webkit-input-placeholder {
      color: rgba(32, 33, 36, 0.7); }
    .moby__main-header .header-search-bar .search-input input:-moz-placeholder {
      color: rgba(32, 33, 36, 0.7); }
    .moby__main-header .header-search-bar .search-input input::-moz-placeholder {
      color: rgba(32, 33, 36, 0.7); }
    .moby__main-header .header-search-bar .search-input input:-ms-input-placeholder {
      color: rgba(32, 33, 36, 0.7); }
    .moby__main-header .header-search-bar .search-input .form-control {
      color: #202124;
      font-size: 15px; }
    .moby__main-header .header-search-bar .close-icon {
      color: #202124;
      font-size: 17px; }

/* /.Header */
/** Notifications **/
.notification-holder .dropdown-menu {
  width: 300px;
  margin: 0;
  padding: 0; }

.notification-holder .nav-pills {
  margin: -30px 20px 0;
  background: #fff;
  border: 1px solid #e3e8ea;
  border-radius: 4px; }
  .notification-holder .nav-pills .nav-item {
    float: none !important;
    padding: 0 !important;
    height: 100% !important;
    line-height: 20px !important; }
  .notification-holder .nav-pills .nav-link {
    font-size: 16px;
    font-weight: 600;
    padding: 15px; }
    .notification-holder .nav-pills .nav-link:hover {
      color: #689df6 !important; }
    .notification-holder .nav-pills .nav-link.active {
      color: #689df6 !important;
      border-bottom: 1px solid #689df6; }
      .notification-holder .nav-pills .nav-link.active .primary.active {
        background: #689df6;
        color: #fff !important; }
  .notification-holder .nav-pills .nav-item {
    padding: 11px 0 0 0; }

.notification-holder .cover-image {
  min-height: 120px; }
  .notification-holder .cover-image h2 {
    font-size: 21px;
    line-height: 120px;
    color: #fff;
    text-align: center; }
  .notification-holder .cover-image i {
    font-size: 16px;
    color: #fff;
    margin-right: 10px; }

.notification-holder .tag {
  margin-left: 7px; }

/* .notification-holder .notfication-list {
  height: 270px; } */


  .notification-holder .notfication-list li {
    padding: 20px !important;
    border-bottom: 1px solid #e3e8ea !important;
    width: 100% !important;
    height: auto !important;
    line-height: 20px !important;
    float: none !important;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    transition: all ease-in-out .4s; }
    .notification-holder .notfication-list li:hover {
      background: #f9fafa; }
    .notification-holder .notfication-list li:last-child {
      border-bottom: 0 !important; }
    .notification-holder .notfication-list li .avatar {
      margin-right: 10px;
      min-width: 35px;
      width: 35px;
      height: 35px;
      line-height: 35px; }
    .notification-holder .notfication-list li .notification-list-content {
      width: 100%; }
    .notification-holder .notfication-list li .title {
      margin-bottom: 10px;
      font-size: 16px;
      margin-bottom: 10px; }
      .notification-holder .notfication-list li .title .icon {
        font-size: 16px; }
    .notification-holder .notfication-list li .sub-title {
      font-size: 15px;
      color: #96a5ab; }
      .notification-holder .notfication-list li .sub-title .icon {
        font-size: 16px;
        margin-right: 10px; }
    .notification-holder .notfication-list li .arrow {
      color: #96a5ab;
      font-size: 12px; }

.notification-holder .shopping-cart-list {
  height: 270px; }
  .notification-holder .shopping-cart-list .shoping-cart {
    margin: 20px;
    padding: 10px;
    border: 1px solid #e3e8ea;
    border-radius: 4px;
    display: flex;
    justify-content: space-between; }
    .notification-holder .shopping-cart-list .shoping-cart .shopping-info {
      flex: 1 1 0; }
    .notification-holder .shopping-cart-list .shoping-cart .avatar.avatar-lg {
      height: 60px;
      width: 60px;
      min-width: 60px;
      line-height: 60px;
      margin-right: 10px !important; }
    .notification-holder .shopping-cart-list .shoping-cart .radio-btns.radio-circle .radio-btn label {
      width: 30px;
      height: 30px;
      line-height: 30px; }
    .notification-holder .shopping-cart-list .shoping-cart h4 {
      font-size: 14px;
      margin-bottom: 10px; }
    .notification-holder .shopping-cart-list .shoping-cart .color-list {
      overflow: hidden; }
      .notification-holder .shopping-cart-list .shoping-cart .color-list li {
        float: left;
        margin-left: 10px;
        width: 20px;
        height: 20px; }
        .notification-holder .shopping-cart-list .shoping-cart .color-list li.clr1 {
          background-color: #8d7c9d; }
        .notification-holder .shopping-cart-list .shoping-cart .color-list li.clr2 {
          background-color: #b8c0ff; }
        .notification-holder .shopping-cart-list .shoping-cart .color-list li.clr3 {
          background-color: #ffc7a6; }

.notification-holder .tab-content {
  border: 0; }

@media (max-width: 567px) {
  .notification-holder.notification-popover .dropdown-menu.dropdown-menu-right {
    right: -20px;
    margin-top: 10px;
  } 
}

@media (max-width: 567px) {
  .notification-holder.shopping-cart-popover .dropdown-menu.dropdown-menu-right {
    right: -108px; } }

.notification-holder.language-popover .dropdown-menu {
  width: 16px; }

.notification-holder.setting-popover-h .nav-pills {
  margin: -30px 60px 0; }

@media (max-width: 567px) {
  .notification-holder.setting-popover-h .dropdown-menu.dropdown-menu-right {
    right: -10px; } }

.language-list-h .language-list {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e3e8ea;
  padding: 10px 20px; }
  .language-list-h .language-list:last-child {
    border-bottom: 0; }
  .language-list-h .language-list .avatar {
    margin-right: 10px !important; }
  .language-list-h .language-list .title {
    flex: 1 1 0;
    color: #202124;
    line-height: 20px;
    font-size: 16px; }

/** Notifications Ends **/
/**
 *
 * Subheader
 * Author: Mobythemes
 * Email: info@mobythemes.com
 * Website: mobythemes.com
 * Version: 1.0
 * Date: Mon Dec 02 2019
 * Category: Multi
 * Title: Subheader styles
 *
 */
/*************** 
Moby Theme Variables 
****************/
/***********************
  Global variables
***********************/
/***********************
  Media Queries
***********************/
.moby__sub-header {
  padding-bottom: 30px; }
  .moby__sub-header .breadcrumb {
    margin-bottom: 5px !important; }
  @media screen and (max-width: 991px) {
    .moby__sub-header .moby-right_section {
      display: flex;
      justify-content: space-between !important; } }
  .moby__sub-header .moby-right_section .moby__calander-holder {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
    flex: 1 1; }
    @media (max-width: 991px) {
      .moby__sub-header .moby-right_section .moby__calander-holder {
        justify-content: space-between;
        margin-top: 15px; } }
    @media (max-width: 480px) {
      .moby__sub-header .moby-right_section .moby__calander-holder {
        flex-flow: row wrap;
        justify-content: center; }
        .moby__sub-header .moby-right_section .moby__calander-holder > * {
          flex: 1 1 100%; } }
    .moby__sub-header .moby-right_section .moby__calander-holder .moby__page-filter {
      margin: 0; }
      @media (max-width: 991px) {
        .moby__sub-header .moby-right_section .moby__calander-holder .moby__page-filter .filter-list {
          margin-right: 0; } }
      @media (max-width: 991px) {
        .moby__sub-header .moby-right_section .moby__calander-holder .moby__page-filter .filter-list li:first-child {
          margin-left: 0; } }
      @media (max-width: 480px) {
        .moby__sub-header .moby-right_section .moby__calander-holder .moby__page-filter {
          margin-bottom: 15px; } }
    .moby__sub-header .moby-right_section .moby__calander-holder .plus-btn {
      font-size: 20px;
      padding: 0 5px;
      line-height: 32px;
      margin-left: 10px; }
      @media screen and (max-width: 480px) {
        .moby__sub-header .moby-right_section .moby__calander-holder .plus-btn {
          padding: 0 7.5px; } }
    @media (max-width: 400px) {
      .moby__sub-header .moby-right_section .moby__calander-holder .date-section .moby__filter-btn-holder .hasDatepicker {
        width: 79px; } }
  .moby__sub-header.moby__sub-header-alternative p {
    font-size: 14px;
    margin-bottom: 0;
    color: rgba(150, 165, 171, 0.5); }
  .moby__sub-header.moby__sub-header-alternative .moby__welcome-text {
    margin-bottom: 10px; }
  .moby__sub-header.moby__sub-header-alternative .sub-header-list-h {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%; }
    @media (max-width: 991px) {
      .moby__sub-header.moby__sub-header-alternative .sub-header-list-h {
        justify-content: space-between;
        padding-top: 15px; } }
    @media (max-width: 567px) {
      .moby__sub-header.moby__sub-header-alternative .sub-header-list-h {
        flex-flow: row wrap; }
        .moby__sub-header.moby__sub-header-alternative .sub-header-list-h > * {
          flex: 1 1 100%; } }
  .moby__sub-header.moby__sub-header-alternative .sub-header-list {
    display: flex;
    align-items: center; }
    @media (max-width: 567px) {
      .moby__sub-header.moby__sub-header-alternative .sub-header-list {
        padding-bottom: 15px; } }
    .moby__sub-header.moby__sub-header-alternative .sub-header-list li {
      padding: 0 20px;
      position: relative; }
      .moby__sub-header.moby__sub-header-alternative .sub-header-list li::after {
        content: "";
        position: absolute;
        top: 7px;
        right: 0;
        height: 80%;
        border-right: 1px solid #ccd3d6; }
        @media screen and (max-width: 320px) {
          .moby__sub-header.moby__sub-header-alternative .sub-header-list li::after {
            border-right: 0;
            border-bottom: 1px solid #ccd3d6;
            width: 100%; } }
      .moby__sub-header.moby__sub-header-alternative .sub-header-list li:last-child::after {
        display: none; }
      @media screen and (max-width: 320px) {
        .moby__sub-header.moby__sub-header-alternative .sub-header-list li:last-child {
          border-bottom: 1px solid #ccd3d6;
          margin-bottom: 0; } }
      .moby__sub-header.moby__sub-header-alternative .sub-header-list li span {
        display: block; }
      .moby__sub-header.moby__sub-header-alternative .sub-header-list li .sub-header-list-title {
        font-size: 15px;
        font-weight: 600;
        color: rgba(150, 165, 171, 0.5);
        margin-bottom: 10px; }
        @media screen and (max-width: 1440px) {
          .moby__sub-header.moby__sub-header-alternative .sub-header-list li .sub-header-list-title {
            font-size: 14px; } }
        @media screen and (max-width: 1023px) {
          .moby__sub-header.moby__sub-header-alternative .sub-header-list li .sub-header-list-title {
            font-size: 13px; } }
        @media screen and (max-width: 480px) {
          .moby__sub-header.moby__sub-header-alternative .sub-header-list li .sub-header-list-title {
            font-size: 11px; } }
        @media screen and (max-width: 320px) {
          .moby__sub-header.moby__sub-header-alternative .sub-header-list li .sub-header-list-title {
            margin-bottom: 5px; } }
      .moby__sub-header.moby__sub-header-alternative .sub-header-list li .sub-header-list-date {
        font-size: 16px;
        font-weight: 600;
        color: #202124; }
        @media screen and (max-width: 1440px) {
          .moby__sub-header.moby__sub-header-alternative .sub-header-list li .sub-header-list-date {
            font-size: 15px; } }
        @media screen and (max-width: 1023px) {
          .moby__sub-header.moby__sub-header-alternative .sub-header-list li .sub-header-list-date {
            font-size: 14px; } }
        @media screen and (max-width: 480px) {
          .moby__sub-header.moby__sub-header-alternative .sub-header-list li .sub-header-list-date {
            font-size: 12px; } }
      .moby__sub-header.moby__sub-header-alternative .sub-header-list li .sub-header-list-text {
        font-size: 16px;
        font-weight: 600;
        color: #ea4335; }
        @media screen and (max-width: 1440px) {
          .moby__sub-header.moby__sub-header-alternative .sub-header-list li .sub-header-list-text {
            font-size: 15px; } }
        @media screen and (max-width: 1023px) {
          .moby__sub-header.moby__sub-header-alternative .sub-header-list li .sub-header-list-text {
            font-size: 14px; } }
        @media screen and (max-width: 480px) {
          .moby__sub-header.moby__sub-header-alternative .sub-header-list li .sub-header-list-text {
            font-size: 12px; } }
      @media screen and (max-width: 768px) {
        .moby__sub-header.moby__sub-header-alternative .sub-header-list li:first-child {
          padding-left: 0; } }
      @media screen and (max-width: 480px) {
        .moby__sub-header.moby__sub-header-alternative .sub-header-list li {
          padding: 0 10px;
          width: 33.33%; } }
      @media screen and (max-width: 320px) {
        .moby__sub-header.moby__sub-header-alternative .sub-header-list li {
          padding: 0 0px 10px;
          margin-bottom: 10px;
          width: 100%; } }
    @media screen and (max-width: 480px) {
      .moby__sub-header.moby__sub-header-alternative .sub-header-list {
        margin-right: 0 !important;
        width: 100%;
        justify-content: space-between; } }
    @media screen and (max-width: 320px) {
      .moby__sub-header.moby__sub-header-alternative .sub-header-list {
        flex-flow: row wrap;
        justify-content: center; } }

/**
*
* Footer
* Author: Mobythemes
* Email: info@mobythemes.com
* Website: mobythemes.com
* Version: 1.0
* Date: Wed Dec 11 2019
* Category: Multi
* Title: Footer styles
*
*/
/*************** 
Moby Theme Variables 
****************/
/***********************
  Global variables
***********************/
/***********************
  Media Queries
***********************/
.moby__footer-holder {
  padding: 20px 30px;
  overflow: hidden;
  border-top: 1px solid #e3e8ea; }
  @media (max-width: 320px) {
    .moby__footer-holder {
      text-align: center; } }
  @media screen and (max-width: 480px) {
    .moby__footer-holder {
      padding: 30px; } }
  .moby__footer-holder h3 {
    font-size: 16px;
    color: #96a5ab;
    margin: 0;
    font-weight: 400; }
    @media (max-width: 568px) {
      .moby__footer-holder h3 {
        font-size: 15px;
        margin-bottom: 10px;
        text-align: center; } }
  .moby__footer-holder .moby__footer-list {
    text-align: right; }
    .moby__footer-holder .moby__footer-list li {
      display: inline-block;
      padding: 0 20px; }
      .moby__footer-holder .moby__footer-list li:last-child {
        padding-right: 0; }
        @media (max-width: 568px) {
          .moby__footer-holder .moby__footer-list li:last-child {
            padding-right: 20px; } }
      .moby__footer-holder .moby__footer-list li a {
        font-size: 14px;
        color: #96a5ab;
        text-decoration: none;
        font-weight: 400; }
        .moby__footer-holder .moby__footer-list li a:hover {
          color: #202124;
          transition: all ease-in-out 0.4s; }
      @media screen and (max-width: 320px) {
        .moby__footer-holder .moby__footer-list li {
          text-align: center; } }
    @media (max-width: 568px) {
      .moby__footer-holder .moby__footer-list {
        text-align: center;
        float: none !important;
        display: flex;
        justify-content: center; } }