/* -------------------------------------


[Master Stylesheet]





Template Name: Antina - Responsive Bootstrap Admin Template


Version: v1.0.0


Created: Mar 11, 2020


Last Updated: Mar 11, 2020





[Table of Contents]


    


    * Google Fonts


    * Include Third Party CSS Library


        + Bootstrap CSS


        + Classynav CSS


        + Owl Carousel CSS


        + Animate CSS


        + Nice Select CSS


        + jQuery UI CSS


    * Include Web Icon Fonts


        + Themify Icons


        + Font Awesome


        + Pe 7 Stroke


        + Elegant Icons


        + Material Design Iconic Font


        + Etline


    * Template Mixins


        + Flex


        + Miscellaneous


    * Template Responsive


    * Template Variables


    * Template Colors


    * Core Styles


        + Reboot CSS


            + Reset Styles


            + Typography


            + Utilities


        + Bootstraping CSS


            + Header CSS


            + Sidebar CSS


            + Footer CSS





    * Components


            + Button


            + Fill-button


            + Gradients-button


            + Icon-button


            + Dragula


            + Google-chart


            + Chart


            + Timeline


            + Invoice


            + Calendar


            + Slider


            + Gallery


            + Chat


            + Form-wizard


            + Form


            + Login


            + Loader


            + Todo-list


            + Widgets


            + Typography


            + Contact


            + Pricing-table


            + Data-table


            + Web-icons


            + Card


            + Cart


            + Product


            + Lock


            + Index


            + Nested-list


            + Table


            + Password


            + Timeout


            + Paginator


            + Avatar


            + Tooltip


            + Register


            + Project


            + Task


            + Tab


            + Dashboard


            + Progressbbar


            + Picker


            + Preloader


            + Profile


            + Switchers


            + Breadcrumb


            + Scrool


            + Editor


            + Setting


            + Alert


            + Analytic


            + CrypNews


            + Crypto


            + Crm


            + Job


            + Ecommerce





    * Email


        + Inbox


    * General Pages


        + Coming Soon


        + 404


    * Sidebar Light CSS


    * Dark CSS


    * Sidebar Background Image CSS


    * Sidebar Gradient CSS


------------------------------------- */


/* -------------------------------------


# [font-family]


'IBM', sans-serif;


'Open+Sans', sans-serif;


------------------------------------- */


/* Import Fonts & CSS Files */


@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700,800|Open+Sans:400,600,700&display=swap");


@import url(bootstrap.min.css);


@import url(owl.carousel.min.css);


@import url(animate.css);


@import url(nice-select.css);


@import url(jquery-ui.min.css);


@import url(themify-icons.css);


@import url(typicons.min.css);


@import url(font-awesome.min.css);


@import url(pe-icon-7-stroke.min.css);


@import url(style_1.css);


@import url(material-design-iconic-font.min.css);


@import url(style_2.css);


/* :: Reboot CSS */


* {


  margin: 0;


  padding: 0; }





body {


  background-color: #edf1f6;


  color: #8492a6;


  font-weight: 400;


  font-family: "Nunito Sans", sans-serif;


  font-size: 14px; }





h1,


h2,


h3,


h4,


h5,


h6 {


  line-height: 1.4;


  color: #3c4858;


  font-weight: 700;


  font-family: "Nunito Sans", sans-serif; }





p {


  color: #8492a6;


  line-height: 1.7;


  font-size: 14px;


  font-weight: 400;


  font-family: "Open Sans", sans-serif; }





a,


a:hover,


a:focus {


  text-decoration: none;
  color: #269b66;


  outline: 0 solid transparent;


  font-family: "Open Sans", sans-serif; }





ul,


ol {


  margin: 0; }





ul li,


ol li {


  list-style: none;


  text-decoration: none; }





img {


  max-width: 100%;


  height: auto; }





.bg-img {


  background-size: cover;


  background-position: center center;


  background-repeat: no-repeat; }





.popover,


.tooltip {


  z-index: 9999999; }





.mt-15 {


  margin-top: 15px !important; }





.mt-30 {


  margin-top: 30px !important; }





.mt-20 {


  margin-top: 20px !important; }





.mt-50 {


  margin-top: 50px !important; }





.mt-70 {


  margin-top: 70px !important; }





.mt-100 {


  margin-top: 100px !important; }





.mt-150 {


  margin-top: 150px !important; }





.mt-200 {


  margin-top: 200px !important; }





.mt-250 {


  margin-top: 250px !important; }





.mt-300 {


  margin-top: 300px !important; }





.mb-10 {


  margin-bottom: 10px !important; }





.mb-15 {


  margin-bottom: 15px !important; }





.mb-20 {


  margin-bottom: 20px !important; }





.mb-25 {


  margin-bottom: 25px !important; }





.mb-30 {


  margin-bottom: 30px !important; }





.mb-50 {


  margin-bottom: 50px !important; }





.mb-70 {


  margin-bottom: 70px !important; }





.mb-100 {


  margin-bottom: 100px !important; }





.mb-130 {


  margin-bottom: 130px !important; }





.mb-150 {


  margin-bottom: 150px !important; }





.mb-200 {


  margin-bottom: 200px !important; }





.mb-250 {


  margin-bottom: 250px !important; }





.mb-300 {


  margin-bottom: 300px !important; }





.ml-15 {


  margin-left: 15px !important; }





.ml-30 {


  margin-left: 30px !important; }





.ml-50 {


  margin-left: 50px !important; }





.mr-10 {


  margin-right: 10px !important; }





.mr-15 {


  margin-right: 15px !important; }





.mr-30 {


  margin-right: 30px !important; }





.mr-50 {


  margin-right: 50px !important; }





.p-30 {


  padding: 30px !important; }





.p-20 {


  padding: 20px; }





.line-height-50-p-0 {


  line-height: 50px;


  padding: 0; }





.height-50 {


  height: 50px !important; }





.height-200 {


  height: 200px !important; }





.height-300 {


  height: 300px !important; }





.height-400 {


  height: 400px !important; }





.height-500 {


  height: 500px !important; }





.height-600 {


  height: 600px !important; }





.height-700 {


  height: 700px !important; }





.height-800 {


  height: 800px !important; }





.height-40 {


  height: 40px !important; }





.w-15 {


  width: 15% !important; }





.w-40 {


  width: 40% !important; }





.w-70 {


  width: 70% !important; }





.w-50 {


  width: 50% !important; }





.section-padding-50 {


  padding-top: 50px;


  padding-bottom: 50px; }





#preloader {


  position: fixed;


  width: 100%;


  height: 100%;


  top: 0;


  left: 0;


  background-color: #ffffff;


  z-index: 999999; }





.h-100vh {


  height: 100vh !important; }





.bg-default-opacity-8- {


  background-color: rgba(113, 192, 22, 0.8) !important; }





.bg-green {


  background-color: #36b37e; }





.bg-overlay-white {


  position: relative;


  z-index: 1; }


  .bg-overlay-white::after {


    position: absolute;


    content: "";


    height: 100%;


    width: 100%;


    top: 0;


    left: 0;


    z-index: -1;


    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, white), to(rgba(255, 255, 255, 0.2)));


    background-image: -webkit-linear-gradient(left, white 0, rgba(255, 255, 255, 0.2) 100%);


    background-image: -o-linear-gradient(left, white 0, rgba(255, 255, 255, 0.2) 100%);


    background-image: linear-gradient(to right, white 0, rgba(255, 255, 255, 0.2) 100%); }





.green-color-overlay {


  position: relative;


  z-index: 1; }


  .green-color-overlay::after {


    background-color: rgba(113, 192, 22, 0.75);


    position: absolute;


    content: "";


    height: 100%;


    width: 100%;


    top: 0;


    left: 0;


    z-index: -1; }





.green-color-overlay-2 {


  position: relative;


  z-index: 1; }


  .green-color-overlay-2::after {


    background-color: rgba(113, 192, 22, 0.3);


    position: absolute;


    content: "";


    height: 100%;


    width: 100%;


    top: 0;


    left: 0;


    z-index: -1; }





.pink-color-overlay {


  position: relative;


  z-index: 1; }


  .pink-color-overlay::after {


    background-color: rgba(136, 14, 79, 0.75);


    position: absolute;


    content: "";


    height: 100%;


    width: 100%;


    top: 0;


    left: 0;


    z-index: -1; }





.danger-color-overlay {


  position: relative;


  z-index: 1; }


  .danger-color-overlay::after {


    background-color: rgba(241, 83, 110, 0.3);


    position: absolute;


    content: "";


    height: 100%;


    width: 100%;


    top: 0;


    left: 0;


    z-index: -1; }





.bg-overlay {


  position: relative;


  z-index: 1; }


  .bg-overlay::after {


    background-color: rgba(62, 74, 89, 0.8);


    position: absolute;


    content: "";


    height: 100%;


    width: 100%;


    top: 0;


    left: 0;


    z-index: -1; }





.dark-color-overlay-2 {


  position: relative;


  z-index: 1; }


  .dark-color-overlay-2::after {


    background-color: rgba(0, 0, 0, 0.9);


    position: absolute;


    content: "";


    height: 100%;


    width: 100%;


    top: 0;


    left: 0;


    z-index: -1; }





.primary-color-overlay {


  position: relative;


  z-index: 1; }


  .primary-color-overlay::after {


    background-color: rgba(114, 124, 245, 0.8);


    position: absolute;


    content: "";


    height: 100%;


    width: 100%;


    top: 0;


    left: 0;


    z-index: -1; }





.btn-default {


  background-color: #ffffff;


  color: #222222;


  border-color: transparent;


  font-weight: 500; }





.bg-primary {


  background-color: #0dd0b7 !important; }





.primary-color {


  background-color: #0dd0b7; }





.bg-danger {


  background-color: #fa5c7c !important; }





.primary-color-text {


  color: #0dd0b7; }





.bg-info {


  background-color: #39afd1 !important; }





.bg-success {


  background-color: #00d97e !important; }





.info-color {


  background-color: #ff5630; }





.danger-color {


  background-color: #ff5630; }





.success-color {


  background-color: #36b37e; }





.bg-success {


  background-color: #36b37e !important; }





.success-text {


  color: #36b37e !important; }





.uppercase-text {


  text-transform: uppercase !important; }





.warning-color {


  background-color: #ffab00; }





.bg-purple {


  background-color: #0dd0b7; }





.bg-blue {


  background-color: #0168fa; }





.bg-teal {


  background-color: #36b37e; }





.bg-chok {


  background-color: #462f3f; }





.pink-darken-4 {


  background-color: #880e4f; }





.g-transition-0_8 {


  -webkit-transition-duration: 0.8s;


  -o-transition-duration: 0.8s;


  transition-duration: 0.8s; }





.text-color-gray {


  color: #8492a6; }





.g-bg-black {


  background-color: #222222; }





.white-opacity-0_2 {


  border: 1px solid rgba(255, 255, 255, 0.2); }





.border {


  border: 1px solid #e1eaea; }





.border-2 {


  border: 5px solid #e1eaea; }





.border-primary {


  border: 8px solid #0dd0b7 !important; }





.border-chok {


  border: 8px solid #462f3f; }





.border-danger {


  border: 8px solid #ff5630 !important; }





.alert-outline-primary {


  border-color: #0dd0b7;


  border-radius: 5px; }





.alert-outline-warning {


  border-color: #ffab00;


  border-radius: 5px; }





.alert-outline-success {


  border-color: #36b37e;


  border-radius: 5px; }





.alert-outline-info {


  border-color: #00b8d9;


  border-radius: 5px; }





.alert-outline-danger {


  border-color: #ff5630;


  border-radius: 5px; }





.alert-outline-default {


  border-color: #e1eaea;


  border-radius: 5px;


  background: transparent; }





.alert-outline-dark {


  border-color: #282f3a;


  border-radius: 5px; }





.bg-gray {


  background-color: #f2f4f8; }





.text-black {


  color: #273444 !important; }





.border-radius-50 {


  border-radius: 50px !important; }





.text-muted {


  color: #98a6ad !important; }





.card .header-title {


  margin-bottom: .5rem;


  text-transform: uppercase;


  letter-spacing: .02em;


  font-size: 18px;


  margin-top: 0; }





.btn:focus {


  -webkit-box-shadow: none !important;


  box-shadow: none !important; }





.g-transition-0_3 {


  -webkit-transition-duration: 0.3s;


  -o-transition-duration: 0.3s;


  transition-duration: 0.3s; }





button:focus {


  outline: none;


  box-shadow: none; }





.btn-primary:not(:disabled):not(.disabled).active:focus,


.btn-primary:not(:disabled):not(.disabled):active:focus,


.show > .btn-primary.dropdown-toggle:focus {


  box-shadow: none; }





.theme-bg-gra {


  background: -webkit-linear-gradient(225deg, #1de9b6 0, #1dc4e9 100%);


  background: -o-linear-gradient(225deg, #1de9b6 0, #1dc4e9 100%);


  background: linear-gradient(-135deg, #1de9b6 0, #1dc4e9 100%); }





.full-height {


  clear: both;


  min-height: 100%; }





.jarallax {


  position: relative;


  z-index: 0; }





.jarallax > .jarallax-img {


  position: absolute;


  object-fit: cover;


  font-family: 'object-fit: cover;';


  top: 0;


  left: 0;


  width: 100%;


  height: 100%;


  z-index: -1; }





.jvectormap-zoomin,


.jvectormap-zoomout,


.jvectormap-goback {


  background: #ebebeb;


  color: #323232;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms; }


  .jvectormap-zoomin:hover, .jvectormap-zoomin:focus,


  .jvectormap-zoomout:hover,


  .jvectormap-zoomout:focus,


  .jvectormap-goback:hover,


  .jvectormap-goback:focus {


    background: #0dd0b7;


    color: #ffffff; }





.order-listing,


.unorder-listing {


  padding-left: 20px; }


  .order-listing li,


  .unorder-listing li {


    list-style: inherit; }





.styling-listing li i {


  color: #0dd0b7;


  padding-right: 5px; }





.visibility-hidden {


  visibility: hidden; }





.h-5 {


  height: 5px; }





.custom--checkbox {


  position: relative;


  display: inline-block;


  margin-bottom: 0;


  width: 15px;


  height: 15px;


  cursor: pointer; }


  .custom--checkbox input {


    top: 0;


    left: 0;


    z-index: 1;


    cursor: pointer;


    opacity: 0;


    position: absolute;


    display: none;


    width: 15px;


    height: 15px; }





.custom--checkbox input:checked + .input-helper:before {


  border-color: #0dd0b7; }





.custom--checkbox .input-helper:before,


.custom--checkbox .input-helper:after {


  position: absolute;


  content: "";


  transition: all 200ms; }





.custom--checkbox .input-helper:before {


  left: 0;


  border: 2px solid #7a7a7a;


  top: 0;


  width: 15px;


  height: 15px;


  border-radius: 2px;


  color: #fff; }





.custom--checkbox input:checked + .input-helper:before {


  background-color: #0dd0b7; }





.custom--checkbox input:checked + .input-helper:after {


  opacity: 1; }





.custom--checkbox .input-helper:after {


  content: '\f00c';


  font-size: 12px;


  left: 1px;


  top: 0px;


  color: #fff;


  transform: rotate(-10deg);


  font-family: "FontAwesome";


  opacity: 0; }





.card {


  display: -webkit-box;


  display: -ms-flexbox;


  display: flex;


  -webkit-box-orient: vertical;


  -webkit-box-direction: normal;


  -ms-flex-direction: column;


  flex-direction: column;


  min-width: 0;


  word-wrap: break-word;


  background-color: #fff;


  background-clip: border-box;


  -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1);


  box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1);


  border: none;


  border-radius: 3px; }





.height-card {


  display: -webkit-flex;


  display: flex;


  -webkit-align-items: stretch;


  align-items: stretch;


  -webkit-justify-content: stretch;


  justify-content: stretch; }





.height-card > .card {


  width: 100%;


  min-width: 100%; }





.box-margin {


  margin-bottom: 30px; }





.font-11 {


  font-size: 11px !important; }





.font-12 {


  font-size: 12px !important; }





.font-13 {


  font-size: 13px !important; }





.font-14 {


  font-size: 14px !important; }





.font-15 {


  font-size: 15px !important; }





.font-16 {


  font-size: 16px !important; }





.font-17 {


  font-size: 17px !important; }





.font-18 {


  font-size: 18px !important; }





.font-20 {


  font-size: 20px !important; }





.font-22 {


  font-size: 22px !important; }





.font-24 {


  font-size: 24px !important; }





.font-26 {


  font-size: 24px !important; }





.font-28 {


  font-size: 24px !important; }





.font-30 {


  font-size: 30px !important; }





.font-36 {


  font-size: 36px !important; }





.font-40 {


  font-size: 40px !important; }





.font-46 {


  font-size: 46px !important; }





.apex-charts text {


  fill: #adb6bd; }





.text-info {


  color: #39afd1 !important; }





.text-body {


  color: #6c757d !important; }





.text-title {


  color: #6c757d; }





.text-white-50 {


  color: rgba(255, 255, 255, 0.5) !important; }





.btn-link:hover {


  text-decoration: none; }





.custom-control-input:checked ~ .custom-control-label::before {


  color: #269b66 !important;


  border-color: #269b66 !important;


  background-color: #269b66 !important; }





.float-right {


  float: right !important; }





.swal2-popup .swal2-styled.swal2-confirm {


  background-color: #269b66 !important;


  font-size: 18px; }





@media only screen and (max-width: 767px) {


  .page-title {


    font-size: 14px; } }





.page-title-box .page-title-right .breadcrumb {


  background-color: transparent;


  padding: 0; }





.breadcrumb-item + .breadcrumb-item::before {


  display: inline-block;


  padding-right: .5rem;


  color: inherit; }





.breadcrumb-item a {


  color: #0dd0b7; }





.breadcrumb-item.active {


  color: #777; }





@media only screen and (max-width: 767px) {


  .breadcrumb-item {


    font-size: 14px; } }





.card-title {


  font-size: 17px;


  font-weight: 700;


  margin-bottom: 25px;


  text-transform: capitalize;


  color: #3c4858;


  line-height: 1.4; }


  @media only screen and (min-width: 992px) and (max-width: 1199px) {


    .card-title {


      font-size: 18px; } }


  @media only screen and (max-width: 767px) {


    .card-title {


      font-size: 16px; } }





.map-container {


  position: relative;


  min-width: 100%;


  max-width: 100%;


  display: block;


  padding: 35% 0;


  overflow: hidden;


  border-radius: 5px; }





.map-container .google-map {


  display: block;


  position: absolute;


  top: 0;


  right: 0;


  left: 0;


  bottom: 0;


  width: 100%;


  height: 100%; }





.badge-warning-lighten {


  color: #fff !important;


  background-color: #ffab00; }





.badge-danger-lighten {


  color: #fff !important;


  background-color: #ff5630; }





.badge-success-lighten {


  color: #fff !important;


  background-color: #36b37e; }





.overflow--hidden {


  overflow: hidden !important; }





.h-5 {


  height: 5px !important; }





.h-6 {


  height: 6px !important; }





.h-8 {


  height: 8px !important; }





.h-10 {


  height: 10px !important; }





.user-thumb {


  width: 80px;


  height: 80px; }





.border-radius-50 {


  border-radius: 50% !important; }





.text-color {


  color: #8492a6; }





.sr-only {


  position: absolute;


  width: 1px;


  height: 1px;


  padding: 0;


  margin: -1px;


  overflow: hidden;


  clip: rect(0, 0, 0, 0);


  border: 0; }





.user-img {


  width: 50px;


  height: 50px; }





.custom-select {


  font-size: 14px; }





.dropdown-item {


  font-size: 13px; }





.align-middle {


  vertical-align: middle !important; }





.custom-control-label::before {


  width: 18px;


  height: 18px;


  border: 2px solid #adb5bd;


  border-radius: 2px; }





.custom-control-label {


  vertical-align: middle !important; }





.custom-control-label::after {


  width: 18px;


  height: 18px; }





.flex-50-thubm {


  -webkit-box-flex: 0;


  -ms-flex: 0 0 50px;


  flex: 0 0 50px;


  width: 50px;


  max-width: 50px; }





.flex-40-thubm {


  -webkit-box-flex: 0;


  -ms-flex: 0 0 40px;


  flex: 0 0 40px;


  width: 40px;


  max-width: 40px; }





.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {


  border-color: transparent; }





.embed-responsive .embed-responsive-item,


.embed-responsive embed,


.embed-responsive iframe,


.embed-responsive object,


.embed-responsive video {


  height: 500px; }





.chat-img {


  width: 40px;


  height: 40px;


  border-radius: 50%;


  display: inline-block; }


  @media only screen and (max-width: 767px) {


    .chat-img {


      width: 30px;


      height: 30px; } }





.chat-img-2 {


  -webkit-box-flex: 0;


  -ms-flex: 0 0 40px;


  flex: 0 0 40px;


  max-width: 40px;


  width: 40px;


  border-radius: 50%;


  display: inline-block; }


  @media only screen and (max-width: 767px) {


    .chat-img-2 {


      -webkit-box-flex: 0;


      -ms-flex: 0 0 30px;


      flex: 0 0 30px;


      max-width: 30px;


      width: 30px; } }





.media-thumb {


  width: 64px;


  height: 64px; }





.flag-thumb {


  width: 35px; }





.card-visa-thumb {


  width: 50px; }





.dropdown-item.active,


.dropdown-item:active {


  background-color: transparent; }





.page-title-box {


  padding-bottom: 30px; }





.page-title-box .breadcrumb {


  font-size: 18px;


  margin-bottom: 0;


  padding: 2px 0;


  font-weight: 700;


  background-color: transparent; }





.breadcrumb a {


  color: #8997bd; }





.border-pre {


  background-color: #f8f9fa;


  padding: 15px; }


  .border-pre pre {


    font-size: 14px; }





@media only screen and (max-width: 767px) {


  .mb-sm-30 {


    margin-bottom: 30px; } }


@media only screen and (min-width: 576px) and (max-width: 767px) {


  .mb-sm-30 {


    margin-bottom: 30px; } }





.custom-control-label::before {


  top: .15rem; }





.custom-control-label::after {


  top: .15rem; }





.close:hover {


  color: #fff;


  text-decoration: none; }





.close:not(:disabled):not(.disabled):focus,


.close:not(:disabled):not(.disabled):hover {


  opacity: 1; }





.tox .tox-notification--in {


  opacity: 0 !important; }





.uppercase-text {


  text-transform: uppercase; }





.text-dark {


  color: #3c4858 !important; }





@media only screen and (min-width: 1200px) and (max-width: 1365px) {


  .break-1365-none {


    display: none; } }





@media only screen and (min-width: 1366px) {


  .break-1200-none {


    display: none; } }





@media only screen and (min-width: 992px) and (max-width: 1199px) {


  .break-992-none {


    display: none; } }





@media only screen and (min-width: 768px) and (max-width: 991px) {


  .break-768-none {


    display: none !important; } }





@media only screen and (min-width: 576px) and (max-width: 767px) {


  .break-576-none {


    display: none !important; } }





@media only screen and (max-width: 767px) {


  .break-320-576-none {


    display: none !important; } }


@media only screen and (min-width: 576px) and (max-width: 767px) {


  .break-320-576-none {


    display: none !important; } }





@media only screen and (max-width: 767px) {


  .mb-30-xs {


    margin-bottom: 30px; } }





@media only screen and (min-width: 992px) and (max-width: 1199px) {


  .mb-30-lg {


    margin-bottom: 30px; } }





@media only screen and (min-width: 768px) and (max-width: 991px) {


  .mb-30-md {


    margin-bottom: 30px; } }





@media only screen and (max-width: 767px) {


  .mb-30-xs {


    margin-bottom: 30px; } }





@media only screen and (min-width: 992px) and (max-width: 1199px) {


  .mb-20-lg {


    margin-bottom: 20px; } }





@media only screen and (min-width: 768px) and (max-width: 991px) {


  .mb-20-md {


    margin-bottom: 20px; } }





@media only screen and (max-width: 767px) {


  .mb-20-xs {


    margin-bottom: 20px; } }





@media only screen and (min-width: 992px) and (max-width: 1199px) {


  .mb-15-lg {


    margin-bottom: 15px; } }





@media only screen and (max-width: 767px) {


  .mb-15-xs {


    margin-bottom: 15px; } }





@media only screen and (max-width: 767px) {


  .mb-50-xs {


    margin-bottom: 50px; } }





.note-toolbar {


  position: relative;


  z-index: 2 !important; }





.dropdown-menu {


  z-index: 55; }





.pd-x-0 {


  padding-left: 0px;


  padding-right: 0px; }





.custom-select {


  height: auto; }





.form-control {


  font-size: 13px;


  height: 40px; }





div.tagsinput span.tag a {


  font-weight: 500;


  color: #fff;


  text-decoration: none;


  font-size: 14px; }





.custom-file-label {


  position: absolute;


  top: 0;


  right: 0;


  left: 0;


  z-index: 1;


  height: auto;


  font-weight: 400;


  color: #495057;


  background-color: #fff;


  border-radius: .25rem; }





.border-none {


  border: none !important; }





.md-content button {


  display: block;


  margin: 0 auto;


  font-size: 14px; }





.md-content h3 {


  font-size: 24px;


  padding: 15px; }





.modal-content .close:hover {


  color: #ff5630;


  text-decoration: none; }





.close {


  font-weight: 400;


  opacity: 6;


  line-height: 0.7; }





.dropdown,


.dropleft,


.dropright,


.dropup {


  position: relative;


  z-index: 3; }





@media only screen and (max-width: 767px) {


  .md-content button {


    font-size: 13px; } }


@media only screen and (min-width: 576px) and (max-width: 767px) {


  .md-content button {


    font-size: 13px; } }





.slimScrollDiv {


  position: relative;


  z-index: 22; }





.bg-gradient-dark {


  background: -o-linear-gradient(40deg, #273444, #272b44) !important;


  background: linear-gradient(50deg, #273444, #272b44) !important; }





.gmaps {


  height: 450px;


  width: 100%;


  border: 0; }





/* :: Bootstraping CSS */


.ecaps-sidemenu-area {


  position: fixed;


  z-index: 99;


  top: 0;


  left: 0;


  width: 220px;


  height: 100%;


  background-color: #ffffff;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms;


  -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1);


  box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1); }





.ecaps-page-wrapper .ecaps-sidemenu-area .slimScrollDiv {


  position: relative;


  top: 70px;


  z-index: 10;


  padding-bottom: 70px !important;


  width: 100% !important;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms;


  background-color: #ffffff;


  -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1);


  box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1); }





.ecaps-logo a {


  position: fixed;


  z-index: 999;


  top: 0;


  left: 0;


  width: 220px;


  border-bottom: 1px solid #edf2f9;


  border-right: 1px solid #edf2f9;


  text-align: center;


  height: 70px;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms;


  padding: 0 15px;


  display: -webkit-box;


  display: -ms-flexbox;


  display: flex;


  -webkit-box-align: center;


  -ms-flex-align: center;


  align-items: center; }





.ecaps-logo a img {


  max-height: 25px;


  width: auto;


  margin: auto; }





.ecaps-logo a img.small-logo {


  max-height: 25px;


  display: none; }





.menu-collasped-active.ecaps-page-wrapper .ecaps-logo a img.small-logo {


  display: block; }





.menu-collasped-active.ecaps-page-wrapper .ecaps-logo a img.desktop-logo {


  display: none; }





.menu-collasped-active.ecaps-page-wrapper.sidemenu-hover-active .ecaps-logo a img.desktop-logo {


  display: block; }





.menu-collasped-active.ecaps-page-wrapper.sidemenu-hover-active .ecaps-logo a img.small-logo {


  display: none; }





.ecaps-sidenav {


  position: relative;


  z-index: 1;


  overflow-y: scroll;


  overflow-x: hidden; }





.ecaps-page-content {


  position: relative;


  z-index: auto;


  margin-left: 220px;


  padding-top: 70px;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms; }





.top-header-area {


  position: fixed;


  z-index: 99;


  width: calc(100% - 220px);


  height: 70px;


  background-color: #fff;


  left: 220px;


  top: 0;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms;


  padding: 0 15px 0 30px;


  -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1);


  box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1); }





.menu-collasped {


  position: relative;


  z-index: 10;


  width: 30px;


  height: 30px;


  cursor: pointer; }





.menu-collasped > i {


  font-size: 22px;


  color: #525f80;


  position: absolute;


  top: 50%;


  left: 0;


  -webkit-transform: translateY(-50%);


  -ms-transform: translateY(-50%);


  transform: translateY(-50%);


  z-index: 5; }


  .menu-collasped > i:hover {


    color: #0dd0b7; }





.mobile-menu-open {


  position: relative;


  z-index: 1;


  width: 30px;


  height: 30px;


  cursor: pointer; }





.mobile-menu-open > i {


  font-size: 22px;


  color: #0dd0b7;


  position: absolute;


  top: 50%;


  left: 0;


  -webkit-transform: translateY(-50%);


  -ms-transform: translateY(-50%);


  transform: translateY(-50%);


  z-index: 5; }





.mobile-logo a {


  position: relative;


  z-index: 1;


  display: -webkit-box;


  display: -ms-flexbox;


  display: flex;


  -webkit-box-align: center;


  -ms-flex-align: center;


  align-items: center; }





.mobile-logo a img {


  max-height: 25px;


  width: auto; }





.menu-collasped-active.ecaps-page-wrapper .ecaps-sidemenu-area {


  left: -165px; }





.menu-collasped-active.ecaps-page-wrapper .ecaps-page-content {


  margin-left: 55px; }





.menu-collasped-active.ecaps-page-wrapper .ecaps-logo a {


  width: 55px; }





.menu-collasped-active.ecaps-page-wrapper .top-header-area {


  left: 55px;


  width: calc(100% - 55px); }





.menu-collasped-active.ecaps-page-wrapper .sidebar-menu a .fa-angle-right {


  display: none; }





.menu-collasped-active.ecaps-page-wrapper .side-menu-area .sidebar-menu > li > a > span {


  display: none; }





.menu-collasped-active.ecaps-page-wrapper .sidebar-menu li a {


  padding: 0rem 1.25rem; }





.menu-collasped-active.ecaps-page-wrapper .sidebar-menu li a i {


  margin-left: auto; }





.side-menu-area {


  position: relative;


  width: 100%;


  z-index: 10;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms;


  margin-top: 20px; }





.sidebar-menu li {


  position: relative;


  z-index: 1; }





.sidemenu-user-profile {


  margin-bottom: 20px;


  padding: 0 1rem;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms; }


  .sidemenu-user-profile .user-thumbnail {


    -webkit-box-flex: 0;


    -ms-flex: 0 0 50px;


    flex: 0 0 50px;


    max-width: 50px;


    width: 50px;


    margin-right: 15px; }


    .sidemenu-user-profile .user-thumbnail img {


      border-radius: 10px; }


  .sidemenu-user-profile .user-content h6 {


    font-size: 14px;


    margin-bottom: 0;


    text-transform: uppercase; }


  .sidemenu-user-profile .user-content span {


    font-size: 12px; }





.sidebar-menu li a {


  position: relative;


  z-index: 1;


  display: -webkit-box;


  display: -ms-flexbox;


  display: flex;


  -webkit-box-align: center;


  -ms-flex-align: center;


  align-items: center;


  width: 100%;


  padding: 0rem 1.25rem;


  color: #192038;


  font-size: 14px;


  font-weight: 600;


  text-transform: capitalize;


  height: 48px;


  font-family: "Open Sans", sans-serif;


  border-bottom: 1px solid #edf1f7; }





.sidebar-menu li a i {


  -webkit-box-flex: 0;


  -ms-flex: 0 0 25px;


  flex: 0 0 25px;


  max-width: 25px;


  width: 25px;


  font-size: 18px;


  color: #8f9bb3;


  font-weight: 500; }





.sidebar-menu li a span {


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms;


  -webkit-box-flex: 0;


  -ms-flex: 0 0 calc(100% - 30px);


  flex: 0 0 calc(100% - 30px);


  max-width: calc(100% - 30px);


  width: calc(100% - 30px); }





.sidebar-menu li a:hover {


  color: #0dd0b7; }





.sidebar-menu li .treeview-menu {


  display: none;


  margin-left: 20px;


  margin-top: 10px;


  margin-bottom: 10px; }


  .sidebar-menu li .treeview-menu .treeview-menu {


    margin-left: 15px; }





.sidebar-menu li .treeview-menu li a {


  font-size: 13px;


  color: #000;


  margin-left: 0;


  margin-right: 0;


  position: relative;


  z-index: 1;


  height: 40px;


  padding-left: 15px; }





.sidebar-menu li.menu-title {


  color: #e8edf7;


  padding: 20px;


  text-transform: uppercase;


  font-size: 13px;


  font-weight: 800; }





.sidebar-menu li.menu-title i {


  -webkit-box-flex: 0;


  -ms-flex: 0 0 20px;


  flex: 0 0 20px;


  max-width: 20px;


  width: 20px;


  font-size: 18px;


  color: #000; }





.app-search {


  position: relative;


  margin-right: 15px; }





.app-search .form-control,


.app-search .form-control:focus {


  border: none;


  font-size: 13px;


  height: 34px;


  color: #333;


  padding-left: 20px;


  padding-right: 40px;


  -webkit-box-shadow: none;


  box-shadow: none;


  border-radius: 22.5px;


  background-color: #f0f3ff;


  width: 200px; }


  @media only screen and (max-width: 767px) {


    .app-search .form-control,


    .app-search .form-control:focus {


      width: 170px; } }





.app-search button {


  position: absolute;


  top: 0;


  right: 0;


  display: block;


  height: 34px;


  line-height: 34px;


  width: 34px;


  text-align: center;


  font-size: 14px;


  border: none;


  border-radius: 22.5px;


  color: #1c273c;


  background-color: transparent; }





.sidebar-menu li .treeview-menu li a:hover {


  color: #0dd0b7; }





.sidebar-menu > li.active > a i,


.sidebar-menu li a:hover i {


  color: #0dd0b7; }





.sidebar-menu > li > a:hover,


.sidebar-menu > li.active > a,


.sidebar-menu > li.menu-open > a {


  color: #0dd0b7; }





.sidebar-menu > li.active > a,


.sidebar-menu > li.menu-open > a {


  color: #0dd0b7;


  font-weight: 600;


  background-color: transparent; }





.sidebar-menu a .fa-angle-right {


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms;


  font-size: 16px;


  position: absolute;


  right: 30px;


  width: auto;


  z-index: auto; }





.sidebar-menu .treeview-menu > li.active > a {


  color: #0dd0b7; }





.sidebar-menu .menu-open a .fa-angle-right {


  -webkit-transform: rotate(90deg);


  -ms-transform: rotate(90deg);


  transform: rotate(90deg); }





.sidebar-menu .menu-open .treeview-menu a .fa-angle-right {


  -webkit-transform: rotate(0deg);


  -ms-transform: rotate(0deg);


  transform: rotate(0deg); }





.sidebar-menu .menu-open .treeview-menu .menu-open a .fa-angle-right {


  -webkit-transform: rotate(90deg);


  -ms-transform: rotate(90deg);


  transform: rotate(90deg); }





.sidebar-menu .menu-open .treeview-menu .treeview-menu a .fa-angle-right {


  -webkit-transform: rotate(0deg);


  -ms-transform: rotate(0deg);


  transform: rotate(0deg); }





.sidebar-menu .menu-open .treeview-menu .treeview-menu .menu-open a .fa-angle-right {


  -webkit-transform: rotate(90deg);


  -ms-transform: rotate(90deg);


  transform: rotate(90deg); }





.side-menu-area .sidebar-menu > li > a > span {


  line-height: 1;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms; }





.sidebar-menu > .active > .treeview-menu {


  display: block; }





.ecaps-page-wrapper.menu-collasped-active .sidebar-menu > .active > .treeview-menu {


  display: none; }





.ecaps-page-wrapper.menu-collasped-active.sidemenu-hover-active .sidebar-menu > .active > .treeview-menu {


  display: block; }





.ecaps-page-wrapper.menu-collasped-active.sidemenu-hover-active .ecaps-sidemenu-area {


  left: 0; }





.menu-collasped-active.ecaps-page-wrapper.sidemenu-hover-active .ecaps-logo a {


  width: 220px; }





.menu-collasped-active.ecaps-page-wrapper.sidemenu-hover-active .top-header-area {


  left: 220px;


  width: calc(100% - 220px); }





.menu-collasped-active.ecaps-page-wrapper.sidemenu-hover-active .sidebar-menu a .fa-angle-right {


  display: block; }





.menu-collasped-active.ecaps-page-wrapper.sidemenu-hover-active .side-menu-area .sidebar-menu > li > a > span {


  display: block; }





.menu-collasped-active.ecaps-page-wrapper.sidemenu-hover-active .sidebar-menu li a {


  padding: 0rem 1.25rem; }





.menu-collasped-active.ecaps-page-wrapper.sidemenu-hover-active .sidebar-menu li a i {


  margin-left: auto; }





.menu-collasped-active.ecaps-page-wrapper .sidebar-menu .sidemenu-user-profile .user-content {


  display: none; }





.menu-collasped-active.ecaps-page-wrapper.sidemenu-hover-active .sidebar-menu .sidemenu-user-profile .user-content {


  display: block; }





.menu-collasped-active.ecaps-page-wrapper .sidebar-menu .sidemenu-user-profile .user-thumbnail {


  margin-left: auto;


  margin-right: 0; }





.menu-collasped-active.ecaps-page-wrapper.sidemenu-hover-active .sidebar-menu .sidemenu-user-profile .user-thumbnail {


  margin-left: 0;


  margin-right: 15px; }





.menu-collasped-active.ecaps-page-wrapper.sidemenu-hover-deactive .sidebar-menu .menu-open .treeview-menu {


  display: none !important; }





@media only screen and (min-width: 992px) {


  .mobile-menu-open {


    display: none; }





  .mobile-logo {


    display: none; } }


@media only screen and (max-width: 991px) {


  .menu-collasped {


    display: none; }





  .ecaps-page-wrapper .ecaps-sidemenu-area {


    left: -280px; }





  .ecaps-page-wrapper .ecaps-logo a {


    left: -280px; }





  .top-header-area {


    left: 0;


    z-index: 100;


    width: 100%;


    padding: 0 15px; }





  .ecaps-page-content {


    margin-left: 0; } }


.mobile-menu-active.ecaps-page-wrapper .ecaps-sidemenu-area {


  left: 0; }





.top-header-area .left-side-content-area {


  position: relative;


  z-index: 1;


  -webkit-box-flex: 0;


  -ms-flex: 0 0 50%;


  flex: 0 0 50%;


  max-width: 50%;


  width: 50%; }


  @media only screen and (max-width: 767px) {


    .top-header-area .left-side-content-area {


      -webkit-box-flex: 0;


      -ms-flex: 0 0 80%;


      flex: 0 0 80%;


      max-width: 80%;


      width: 80%; } }





.top-header-area .right-side-navbar {


  position: relative;


  z-index: 1;


  -webkit-box-flex: 0;


  -ms-flex: 0 0 50%;


  flex: 0 0 50%;


  max-width: 50%;


  width: 50%; }


  @media only screen and (max-width: 767px) {


    .top-header-area .right-side-navbar {


      -webkit-box-flex: 0;


      -ms-flex: 0 0 20%;


      flex: 0 0 20%;


      max-width: 20%;


      width: 20%; } }


  .top-header-area .right-side-navbar .right-side-trigger {


    width: 30px;


    height: 30px;


    margin-right: 7.5px;


    cursor: pointer; }


    .top-header-area .right-side-navbar .right-side-trigger i {


      font-size: 18px;


      line-height: 30px;


      text-align: center;


      color: #0dd0b7; }


    @media only screen and (min-width: 768px) and (max-width: 991px) {


      .top-header-area .right-side-navbar .right-side-trigger {


        display: none; } }


    @media only screen and (min-width: 992px) and (max-width: 1199px) {


      .top-header-area .right-side-navbar .right-side-trigger {


        display: none; } }


    @media only screen and (min-width: 1366px) {


      .top-header-area .right-side-navbar .right-side-trigger {


        display: none; } }


    @media only screen and (min-width: 1200px) and (max-width: 1365px) {


      .top-header-area .right-side-navbar .right-side-trigger {


        display: none; } }


  .top-header-area .right-side-navbar .right-side-content {


    position: relative;


    z-index: 1; }


    @media only screen and (max-width: 767px) {


      .top-header-area .right-side-navbar .right-side-content {


        -webkit-box-shadow: 0 5px 20px -4px #cdcfe1;


        box-shadow: 0 5px 20px -4px #cdcfe1;


        -webkit-transition-duration: 500ms;


        -o-transition-duration: 500ms;


        transition-duration: 500ms;


        -webkit-box-pack: end;


        -ms-flex-pack: end;


        justify-content: flex-end;


        position: fixed;


        z-index: 10;


        top: 60px;


        background-color: #ffffff;


        right: -1000px;


        height: 60px;


        width: 100%; }


        .top-header-area .right-side-navbar .right-side-content.active {


          right: 0; } }





.message-heading {


  font-size: 14px;


  font-weight: 700;


  color: #3c4858;


  padding: 10px;


  display: block; }





.top-header-area .nav-item.dropdown .dropdown-menu {


  -webkit-animation-name: dropdownAnimation;


  animation-name: dropdownAnimation;


  -webkit-animation-duration: 350ms;


  animation-duration: 350ms;


  -webkit-animation-fill-mode: both;


  animation-fill-mode: both;


  border: none;


  border-radius: 0;


  -webkit-box-shadow: 0px 4px 22px 0px #cdcfe1;


  box-shadow: 0px 4px 22px 0px #cdcfe1;


  width: 300px;


  padding: 0;


  margin: 0; }


  .top-header-area .nav-item.dropdown .dropdown-menu.language-dropdown {


    width: 120px;


    min-width: 80px;


    padding: 1rem 0; }


    .top-header-area .nav-item.dropdown .dropdown-menu.language-dropdown .dropdown-item img {


      max-width: 25px;


      margin-right: 10px; }





.top-header-area .left-side-navbar .nav-item.dropdown .dropdown-menu {


  width: 220px;


  padding: 1rem 0; }


  @media only screen and (max-width: 767px) {


    .top-header-area .left-side-navbar .nav-item.dropdown .dropdown-menu {


      width: 135px;


      min-width: 135px; } }


  .top-header-area .left-side-navbar .nav-item.dropdown .dropdown-menu.megamenu-item {


    width: 800px; }


    @media only screen and (min-width: 992px) and (max-width: 1199px) {


      .top-header-area .left-side-navbar .nav-item.dropdown .dropdown-menu.megamenu-item {


        width: 660px; } }


    @media only screen and (min-width: 768px) and (max-width: 991px) {


      .top-header-area .left-side-navbar .nav-item.dropdown .dropdown-menu.megamenu-item {


        width: 600px; } }


    @media only screen and (max-width: 767px) {


      .top-header-area .left-side-navbar .nav-item.dropdown .dropdown-menu.megamenu-item {


        width: 210px; } }


    @media only screen and (min-width: 576px) and (max-width: 767px) {


      .top-header-area .left-side-navbar .nav-item.dropdown .dropdown-menu.megamenu-item {


        width: 450px; } }


    .top-header-area .left-side-navbar .nav-item.dropdown .dropdown-menu.megamenu-item ul {


      -webkit-box-flex: 0;


      -ms-flex: 0 0 33.33333%;


      flex: 0 0 33.33333%;


      max-width: 33.33333%;


      width: 33.33333%;


      border-right: 1px solid #e1eaea; }


      @media only screen and (max-width: 767px) {


        .top-header-area .left-side-navbar .nav-item.dropdown .dropdown-menu.megamenu-item ul {


          -webkit-box-flex: 0;


          -ms-flex: 0 0 100%;


          flex: 0 0 100%;


          max-width: 100%;


          width: 100%; } }


      @media only screen and (min-width: 576px) and (max-width: 767px) {


        .top-header-area .left-side-navbar .nav-item.dropdown .dropdown-menu.megamenu-item ul {


          -webkit-box-flex: 0;


          -ms-flex: 0 0 33.33333%;


          flex: 0 0 33.33333%;


          max-width: 33.33333%;


          width: 33.33333%; } }


      .top-header-area .left-side-navbar .nav-item.dropdown .dropdown-menu.megamenu-item ul:last-child {


        border-right: none; }


      .top-header-area .left-side-navbar .nav-item.dropdown .dropdown-menu.megamenu-item ul .nav-link {


        color: #8492a6;


        font-weight: 400;


        font-size: 14px;


        padding: 0.5rem 1.5rem; }


        .top-header-area .left-side-navbar .nav-item.dropdown .dropdown-menu.megamenu-item ul .nav-link:hover {


          color: #0dd0b7; }


        @media only screen and (min-width: 576px) and (max-width: 767px) {


          .top-header-area .left-side-navbar .nav-item.dropdown .dropdown-menu.megamenu-item ul .nav-link {


            font-size: 12px; } }





.top-header-area .nav-item.dropdown .dropdown-menu .dropdown-item {


  white-space: normal;


  color: #525f80;


  font-size: 13px;


  font-weight: 600; }


  .top-header-area .nav-item.dropdown .dropdown-menu .dropdown-item img {


    -webkit-box-flex: 0;


    -ms-flex: 0 0 40px;


    flex: 0 0 40px;


    width: 40px;


    max-width: 40px;


    border-radius: 50%;


    margin-right: 15px; }





.top-header-area .left-side-navbar .nav-item.dropdown .dropdown-item {


  padding-top: 0.5rem;


  padding-bottom: 0.5rem; }





.top-header-area .nav-item.dropdown .dropdown-menu .dropdown-item:hover,


.top-header-area .nav-item.dropdown .dropdown-menu .dropdown-item:focus {


  color: #0dd0b7; }





.top-header-area .nav-item.dropdown .dropdown-menu.dropdown-menu-right {


  right: 7px !important;


  left: auto !important; }





.top-header-area .nav-item.dropdown .dropdown-toggle::after {


  display: none; }





.left-side-navbar .nav-item.dropdown .btn {


  padding: 7px 12px;


  font-size: 14px;


  color: #525f80;


  background-color: #f0f3ff;


  line-height: 1;


  border: none; }


  @media only screen and (max-width: 767px) {


    .left-side-navbar .nav-item.dropdown .btn {


      -webkit-transition-duration: 300ms;


      -o-transition-duration: 300ms;


      transition-duration: 300ms; } }


  @media only screen and (min-width: 768px) and (max-width: 991px) {


    .left-side-navbar .nav-item.dropdown .btn {


      -webkit-transition-duration: 300ms;


      -o-transition-duration: 300ms;


      transition-duration: 300ms; } }





.top-header-area .nav-item.dropdown .btn:hover,


.top-header-area .nav-item.dropdown .btn:focus {


  color: #0dd0b7; }





.right-side-navbar .nav-item.dropdown .btn {


  padding: 0;


  font-size: 21px;


  background-color: transparent;


  margin: 0 15px;


  color: #666;


  border: none;


  line-height: 1;


  position: relative;


  z-index: 1; }





.right-side-navbar .nav-item.dropdown .btn .ti-search {


  font-size: 16px; }





.right-side-navbar .nav-item.dropdown .btn > img {


  max-width: 36px;


  border-radius: 50%; }





.top-search-bar form {


  position: relative;


  z-index: 1; }





.top-search-bar button {


  position: absolute;


  width: 30px;


  height: 30px;


  left: 20px;


  top: 50%;


  -webkit-transform: translateY(-50%);


  -ms-transform: translateY(-50%);


  transform: translateY(-50%);


  border: none;


  text-align: center;


  background-color: transparent;


  color: #8492a6;


  line-height: 30px; }





.top-search-bar button:focus {


  outline: none; }





.top-search-bar input {


  width: 100%;


  height: 70px;


  border: none;


  font-size: 12px;


  color: #8492a6;


  border-radius: 4px;


  padding-left: 50px;


  padding-right: 15px; }





.top-search-bar input:focus {


  -webkit-box-shadow: none;


  box-shadow: none;


  outline: none !important; }





input::-webkit-input-placeholder {


  color: #8492a6;


  opacity: 1; }





input:-ms-input-placeholder {


  color: #8492a6;


  opacity: 1; }





input::-ms-input-placeholder {


  color: #8492a6;


  opacity: 1; }





input::placeholder {


  color: #8492a6;


  opacity: 1; }





input:-ms-input-placeholder {


  color: #8492a6; }





input::-ms-input-placeholder {


  color: #8492a6; }





.top-message-area {


  position: relative;


  z-index: 1; }





.top-message-area .top-message-heading {


  width: 100%;


  height: 50px;


  display: -webkit-box;


  display: -ms-flexbox;


  display: flex;


  -webkit-box-align: center;


  -ms-flex-align: center;


  align-items: center;


  -webkit-box-pack: justify;


  -ms-flex-pack: justify;


  justify-content: space-between;


  padding-left: 1rem;


  padding-right: 1rem;


  border-bottom: 1px solid #e1eaea; }





.top-message-area .top-message-heading .heading-title h6 {


  color: #3c4858;


  display: inline-block;


  margin-bottom: 0;


  font-size: 14px; }





.top-message-area .top-message-heading > span {


  color: #0dd0b7;


  font-size: 12px;


  font-weight: 700; }





.message-box .dropdown-item {


  border-bottom: 1px solid #e1eaea;


  padding: 1rem;


  display: -webkit-box;


  display: -ms-flexbox;


  display: flex;


  -webkit-box-align: center;


  -ms-flex-align: center;


  align-items: center; }





.message-box .dropdown-item i {


  -webkit-box-flex: 0;


  -ms-flex: 0 0 30px;


  flex: 0 0 30px;


  max-width: 30px;


  width: 30px;


  height: 30px;


  line-height: 30px;


  text-align: center;


  border-radius: 50%;


  margin-right: 10px;


  background-color: #0dd0b7;


  color: #ffffff; }





.message-box .dropdown-item .message-text span {


  display: block;


  font-size: 13px;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms; }





.message-box .dropdown-item .message-text span:last-child {


  font-size: 13px; }





.message-box .dropdown-item:last-child {


  border-bottom: none; }





.top-notifications-area .notifications-heading {


  width: 100%;


  height: 50px;


  border-radius: 0;


  display: -webkit-box;


  display: -ms-flexbox;


  display: flex;


  -webkit-box-align: center;


  -ms-flex-align: center;


  align-items: center;


  -webkit-box-pack: justify;


  -ms-flex-pack: justify;


  justify-content: space-between;


  padding-left: 1rem;


  padding-right: 1rem;


  border-bottom: 1px solid #e1eaea; }





.top-notifications-area .notifications-heading .heading-title h6 {


  display: inline-block;


  margin-bottom: 0;


  font-size: 14px; }





.top-notifications-area .notifications-heading > span {


  color: #0dd0b7;


  padding: 2px 5px 1px 5px;


  background-color: #ffffff;


  border-radius: 40px;


  font-size: 10px;


  font-weight: 700; }





.notifications-box .dropdown-item,


.notifications-box .nav-link {


  padding: 1rem;


  display: -webkit-box;


  display: -ms-flexbox;


  display: flex;


  -webkit-box-align: center;


  -ms-flex-align: center;


  align-items: center;


  color: #8c8d9a;


  font-size: 13px; }





.notifications-box .nav-link:hover {


  color: #0dd0b7; }





.notifications-box .dropdown-item > i,


.notifications-box .nav-link > i {


  -webkit-box-flex: 0;


  -ms-flex: 0 0 30px;


  flex: 0 0 30px;


  max-width: 30px;


  width: 30px;


  height: 30px;


  color: #ffffff;


  margin-right: 10px;


  background-color: #0dd0b7;


  border-radius: 50%;


  text-align: center;


  line-height: 30px; }





.notifications-box .nav-link > i.fa {


  margin-left: auto;


  background-color: #f2f6f8;


  color: #525f80; }





.user-profile-area {


  padding-bottom: 1rem;


  z-index: 1;


  position: relative; }





.user-profile-area .dropdown-item {


  padding-top: 0.5rem;


  padding-bottom: 0.5rem; }





.user-profile-area .user-profile-heading {


  width: 100%;


  height: 70px;


  background-color: #0dd0b7;


  border-radius: 0;


  display: -webkit-box;


  display: -ms-flexbox;


  display: flex;


  -webkit-box-align: center;


  -ms-flex-align: center;


  align-items: center;


  padding-left: 1.5rem;


  padding-right: 1.5rem;


  margin-bottom: 1.5rem; }





.user-profile-area .profile-thumbnail {


  -webkit-box-flex: 0;


  -ms-flex: 0 0 30px;


  flex: 0 0 30px;


  max-width: 30px;


  width: 30px;


  margin-right: 10px; }





.user-profile-area .profile-text h6 {


  font-size: 14px;


  color: #ffffff;


  margin-bottom: 0; }





.user-profile-area .profile-text span {


  font-size: 12px;


  color: rgba(255, 255, 255, 0.9);


  margin-bottom: 0;


  display: block; }





.right-side-navbar .nav-item.dropdown .active-status {


  position: absolute;


  width: 8px;


  height: 8px;


  border-radius: 50%;


  z-index: -5;


  top: -7px;


  right: -2px;


  background-color: #0dd0b7;


  -webkit-animation: activeStatus linear 1000ms infinite;


  animation: activeStatus linear 1000ms infinite; }





@-webkit-keyframes activeStatus {


  0% {


    opacity: 0; }


  50% {


    opacity: 0.3; }


  100% {


    opacity: 1; } }


@keyframes activeStatus {


  0% {


    opacity: 0; }


  50% {


    opacity: 0.3; }


  100% {


    opacity: 1; } }


.footer-area {


  position: relative;


  z-index: 1;


  background-color: #ffffff;


  width: 100%;


  padding: 20px 0;


  -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);


  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); }





.footer-area .copywrite-text {


  -webkit-box-flex: 0;


  -ms-flex: 0 0 50%;


  flex: 0 0 50%;


  max-width: 50%;


  width: 50%;


  padding: 0 30px; }





.footer-area .copywrite-text p {


  margin-bottom: 0;


  font-size: 14px;


  font-weight: 700; }





.footer-area .copywrite-text p a {


  color: #0dd0b7;


  font-size: 13px;


  font-weight: 700; }





.footer-area .footer-nav {


  -webkit-box-flex: 0;


  -ms-flex: 0 0 50%;


  flex: 0 0 50%;


  max-width: 50%;


  width: 50%;


  padding: 0 30px;


  -webkit-box-pack: end;


  -ms-flex-pack: end;


  justify-content: flex-end; }





.footer-area .footer-nav li a {


  display: inline-block;


  color: #8492a6;


  font-size: 14px;


  margin-left: 20px;


  font-weight: 700; }





.footer-area .footer-nav li:first-child a {


  margin-left: 0; }





.footer-area .footer-nav li a:hover,


.footer-area .footer-nav li a:focus {


  color: #0dd0b7; }





.user-profile-area .dropdown-item i {


  margin-right: 5px; }





@media only screen and (min-width: 320px) and (max-width: 479px) {


  .right-side-navbar .nav-item.dropdown .btn {


    margin: 0 7.5px; }





  .top-header-area .nav-item.dropdown .dropdown-menu {


    width: 220px; } }


  @media only screen and (min-width: 320px) and (max-width: 479px) and (max-width: 767px) {


    .top-header-area .nav-item.dropdown .dropdown-menu {


      width: 205px; }


      .top-header-area .nav-item.dropdown .dropdown-menu.search-dropdown {


        width: 150px; } }


  @media only screen and (min-width: 320px) and (max-width: 479px) and (min-width: 480px) and (max-width: 767px) {


    .top-header-area .nav-item.dropdown .dropdown-menu.search-dropdown {


      width: 230px !important; } }





@media only screen and (min-width: 320px) and (max-width: 479px) {


  .top-search-bar input {


    height: 60px; }





  .user-profile-area .profile-thumbnail {


    -webkit-box-flex: 0;


    -ms-flex: 0 0 30px;


    flex: 0 0 30px;


    max-width: 30px;


    width: 30px;


    margin-right: 10px; }





  .user-profile-area .profile-text h6 {


    font-size: 12px; }





  .user-profile-area .profile-text span {


    font-size: 10px; }





  .footer-area .copywrite-text {


    -webkit-box-flex: 0;


    -ms-flex: 0 0 100%;


    flex: 0 0 100%;


    max-width: 100%;


    width: 100%;


    text-align: center; }





  .footer-area .footer-nav {


    -webkit-box-flex: 0;


    -ms-flex: 0 0 100%;


    flex: 0 0 100%;


    max-width: 100%;


    width: 100%;


    -webkit-box-pack: center;


    -ms-flex-pack: center;


    justify-content: center;


    margin-top: 5px; }





  .footer-area .copywrite-text p {


    font-size: 11px; }





  .footer-area .footer-nav li a {


    font-size: 11px; } }


@media only screen and (min-width: 480px) and (max-width: 575px) {


  .footer-area .copywrite-text {


    -webkit-box-flex: 0;


    -ms-flex: 0 0 100%;


    flex: 0 0 100%;


    max-width: 100%;


    width: 100%;


    text-align: center; }





  .footer-area .footer-nav {


    -webkit-box-flex: 0;


    -ms-flex: 0 0 100%;


    flex: 0 0 100%;


    max-width: 100%;


    width: 100%;


    -webkit-box-pack: center;


    -ms-flex-pack: center;


    justify-content: center;


    margin-top: 5px; } }


@media only screen and (min-width: 576px) and (max-width: 767px) {


  .footer-area .copywrite-text {


    -webkit-box-flex: 0;


    -ms-flex: 0 0 100%;


    flex: 0 0 100%;


    max-width: 100%;


    width: 100%;


    text-align: center; }





  .footer-area .footer-nav {


    -webkit-box-flex: 0;


    -ms-flex: 0 0 100%;


    flex: 0 0 100%;


    max-width: 100%;


    width: 100%;


    -webkit-box-pack: center;


    -ms-flex-pack: center;


    justify-content: center;


    margin-top: 5px; } }


.main-content {


  position: relative;


  padding: 30px 5px 0 5px; }





.page-title {


  position: relative; }


  .page-title span {


    font-size: 12px;


    color: #8c8d9a; }





.choose-layout-area {


  -webkit-transition-duration: 400ms;


  -o-transition-duration: 400ms;


  transition-duration: 400ms;


  position: fixed;


  width: 320px;


  height: 100%;


  background-color: #ffffff;


  top: 0;


  right: -320px;


  z-index: 999999999;


  padding: 50px 30px;


  -webkit-box-shadow: 0 5px 20px -4px #cdcfe1;


  box-shadow: 0 5px 20px -4px #cdcfe1; }


  @media only screen and (max-width: 479px) {


    .choose-layout-area {


      width: 260px;


      right: -260px; } }


  .choose-layout-area .setting-trigger-icon {


    position: absolute;


    width: 45px;


    height: 45px;


    bottom: 50px;


    -webkit-box-shadow: 0 5px 20px -4px #cdcfe1;


    box-shadow: 0 5px 20px -4px #cdcfe1;


    border-radius: 50%;


    left: -100px;


    background-color: #0dd0b7;


    text-align: center;


    cursor: pointer; }


    .choose-layout-area .setting-trigger-icon i {


      display: block;


      color: #ffffff;


      font-size: 16px;


      -webkit-animation: rotate90deg linear 2s infinite;


      animation: rotate90deg linear 2s infinite;


      line-height: 45px; }


    @media only screen and (max-width: 767px) {


      .choose-layout-area .setting-trigger-icon {


        bottom: 20px;


        left: -70px; } }


  .choose-layout-area.active {


    right: 0; }


  .choose-layout-area .single-demos {


    margin-bottom: 30px;


    display: block;


    text-align: center; }


    .choose-layout-area .single-demos:last-child {


      margin-bottom: 0; }


    .choose-layout-area .single-demos a {


      -webkit-box-shadow: 0 5px 20px -4px #cdcfe1;


      box-shadow: 0 5px 20px -4px #cdcfe1;


      display: block;


      width: 100%;


      border-radius: 6px;


      margin-bottom: 10px; }


      .choose-layout-area .single-demos a img {


        border-radius: 4px; }


      .choose-layout-area .single-demos a:hover, .choose-layout-area .single-demos a:focus {


        opacity: 0.8; }


    .choose-layout-area .single-demos span {


      font-size: 14px;


      color: #0dd0b7;


      font-weight: 500;


      display: block; }





@-webkit-keyframes rotate90deg {


  0% {


    -webkit-transform: rotate(0deg);


    -ms-transform: rotate(0deg);


    transform: rotate(0deg); }


  100% {


    -webkit-transform: rotate(360deg);


    -ms-transform: rotate(360deg);


    transform: rotate(360deg); } }


@keyframes rotate90deg {


  0% {


    -webkit-transform: rotate(0deg);


    -ms-transform: rotate(0deg);


    transform: rotate(0deg); }


  100% {


    -webkit-transform: rotate(360deg);


    -ms-transform: rotate(360deg);


    transform: rotate(360deg); } }


#settingCloseIcon,


#quicksettingCloseIcon {


  position: absolute;


  top: 15px;


  right: 15px;


  cursor: pointer;


  z-index: 100;


  width: 30px;


  height: 30px;


  background-color: #f2f4f8;


  text-align: center;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms;


  color: #8c8d9a;


  border-radius: 2px; }


  #settingCloseIcon i,


  #quicksettingCloseIcon i {


    line-height: 30px; }


  #settingCloseIcon:hover,


  #quicksettingCloseIcon:hover {


    background-color: #0dd0b7;


    color: #ffffff; }





.choose-layout-area .slimScrollDiv,


.quick-settings-panel .slimScrollDiv {


  position: relative;


  width: 100% !important;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms; }





.dashboard-dropdown .btn {


  font-size: 20px;


  color: #8492a6;


  width: 30px;


  height: 30px;


  padding: 0; }


  .dashboard-dropdown .btn::after {


    display: none; }


  .dashboard-dropdown .btn i {


    line-height: 30px; }


  .dashboard-dropdown .btn:hover, .dashboard-dropdown .btn:focus {


    font-size: 20px;


    color: #8492a6; }


.dashboard-dropdown .dropdown-menu {


  -webkit-animation-name: dropdownAnimation;


  animation-name: dropdownAnimation;


  -webkit-animation-duration: 350ms;


  animation-duration: 350ms;


  -webkit-animation-fill-mode: both;


  animation-fill-mode: both;


  border: none;


  border-radius: 0;


  -webkit-box-shadow: 0px 4px 22px 0px #cdcfe1;


  box-shadow: 0px 4px 22px 0px #cdcfe1;


  width: 130px;


  min-width: 120px;


  padding: 1rem 0;


  margin: 0;


  border-radius: 8px; }


  .dashboard-dropdown .dropdown-menu.dropdown-menu-right {


    right: 0 !important;


    left: auto !important; }


  .dashboard-dropdown .dropdown-menu .dropdown-item {


    padding: 0.5rem 1.5rem;


    font-weight: 600;


    font-size: 12px;


    color: #444; }


    .dashboard-dropdown .dropdown-menu .dropdown-item i {


      margin-right: 5px; }





@-webkit-keyframes dropdownAnimation {


  from {


    opacity: 0;


    -webkit-transform: translate3d(0, 70px, 0);


    -ms-transform: translate3d(0, 70px, 0);


    transform: translate3d(0, 70px, 0); }


  to {


    opacity: 1;


    -webkit-transform: translate3d(0, 42px, 0);


    -ms-transform: translate3d(0, 42px, 0);


    transform: translate3d(0, 42px, 0); } }


@keyframes dropdownAnimation {


  from {


    opacity: 0;


    -webkit-transform: translate3d(0, 70px, 0);


    -ms-transform: translate3d(0, 70px, 0);


    transform: translate3d(0, 70px, 0); }


  to {


    opacity: 1;


    -webkit-transform: translate3d(0, 42px, 0);


    -ms-transform: translate3d(0, 42px, 0);


    transform: translate3d(0, 42px, 0); } }


.quick-settings-panel {


  -webkit-transition-duration: 400ms;


  -o-transition-duration: 400ms;


  transition-duration: 400ms;


  position: fixed;


  width: 450px;


  background-color: #ffffff;


  height: 100%;


  top: 0;


  right: -500px;


  z-index: 999999999;


  box-shadow: 0 5px 20px -4px #cdcfe1;


  padding: 50px 30px; }


  @media only screen and (max-width: 767px) {


    .quick-settings-panel {


      width: 300px; } }


  @media only screen and (min-width: 480px) and (max-width: 767px) {


    .quick-settings-panel {


      width: 400px; } }


  .quick-settings-panel.active {


    right: 0; }





.quick-setting-tab {


  position: relative;


  z-index: 1; }


  .quick-setting-tab .nav-tabs {


    margin-bottom: 30px;


    border-width: 2px; }


    .quick-setting-tab .nav-tabs .nav-item {


      margin-bottom: 0; }


      .quick-setting-tab .nav-tabs .nav-item .nav-link {


        position: relative;


        z-index: 1;


        border: none;


        padding: 0.25rem 1rem;


        font-size: 16px;


        color: #525f80; }


        @media only screen and (max-width: 767px) {


          .quick-setting-tab .nav-tabs .nav-item .nav-link {


            padding: 0.25rem 0.5rem;


            font-size: 13px; } }


        .quick-setting-tab .nav-tabs .nav-item .nav-link::after {


          position: absolute;


          width: 100%;


          height: 2px;


          background-color: transparent;


          content: '';


          bottom: -2px;


          right: 0;


          left: 0; }


        .quick-setting-tab .nav-tabs .nav-item .nav-link.active {


          color: #0dd0b7; }


          .quick-setting-tab .nav-tabs .nav-item .nav-link.active::after {


            background-color: #0dd0b7; }


  .quick-setting-tab .onoffswitch {


    position: relative;


    width: 55px;


    display: inline-block;


    font-size: 80%; }


  .quick-setting-tab .onoffswitch .onoffswitch-label {


    display: block;


    overflow: hidden;


    cursor: pointer;


    border-radius: 40px;


    margin: 0; }


  .quick-setting-tab .onoffswitch .onoffswitch-inner {


    width: 200%;


    margin-left: -100%;


    transition: margin 0.15s ease-in-out; }


  .quick-setting-tab .onoffswitch .onoffswitch-inner:before,


  .quick-setting-tab .onoffswitch .onoffswitch-inner:after {


    float: left;


    width: 50%;


    height: 24px;


    padding: 0;


    line-height: 24px;


    font-size: 80%;


    font-weight: normal;


    -moz-box-sizing: border-box;


    -webkit-box-sizing: border-box;


    box-sizing: border-box; }


  .quick-setting-tab .onoffswitch .onoffswitch-inner:before {


    content: "ON";


    padding-left: 10px;


    background-color: #0dd0b7;


    color: #ffffff; }


  .quick-setting-tab .onoffswitch .onoffswitch-inner:after {


    content: "OFF";


    padding-right: 10px;


    background-color: #f2f4f8;


    color: #525f80;


    text-align: right; }


  .quick-setting-tab .onoffswitch .onoffswitch-switch {


    width: 26px;


    height: 26px;


    margin: 0;


    background-color: #e1eaea;


    border-radius: 50%;


    position: absolute;


    top: -1px;


    bottom: 0;


    right: 34px;


    transition: right 0.15s ease-in-out; }


  .quick-setting-tab .toggle-group {


    position: relative;


    height: 27px;


    left: 5px; }


  .quick-setting-tab .toggle-group input[type=checkbox] {


    position: absolute;


    left: 10px; }


  .quick-setting-tab .toggle-group input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-inner {


    margin-left: 0; }


  .quick-setting-tab .toggle-group input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-switch {


    right: -1px; }


  .quick-setting-tab .toggle-group input[type=checkbox]:focus ~ .onoffswitch {


    outline: 0; }


  .quick-setting-tab .toggle-group label {


    position: absolute;


    cursor: pointer;


    padding-left: 65px;


    display: inline-block;


    text-align: left;


    line-height: 24px;


    width: 100%;


    z-index: 1;


    height: 24px;


    margin-bottom: 0;


    font-weight: 500;


    font-size: 12px;


    color: #8492a6; }





.dropdown-menu.header-profile {


  width: 200px !important; }





.profile-icon {


  width: 30px;


  height: 30px;


  display: inline-block;


  text-align: center;


  line-height: 30px;


  font-size: 16px;


  border-radius: 50%; }





.hightlight-sidebar {


  width: 7px;


  height: 7px;


  border-radius: 100%;


  display: inline-block;


  margin-left: auto;


  margin-right: 11px;


  margin-bottom: 0; }





.text-primary {


  color: #0dd0b7 !important; }





.menu-collasped-active.ecaps-page-wrapper .sidebar-menu li .title-menu {


  display: none; }





.full-screen-mode a {


  font-size: 19px;


  margin: 0 15px;


  color: #666;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms; }


  .full-screen-mode a:hover {


    color: #0dd0b7; }





/* :: Button CSS */


.btn-block {


  display: block !important;


  width: 100% !important; }





.btn {


  -webkit-transition-duration: 400ms;


  -o-transition-duration: 400ms;


  transition-duration: 400ms;


  font-size: 13px;


  border-radius: .15rem;


  font-weight: 600;


  letter-spacing: 0.5px;


  padding: .75rem 1.75rem; }


  @media only screen and (max-width: 767px) {


    .btn {


      font-size: 13px; } }


  .btn:focus, .btn:hover {


    font-weight: 600;


    box-shadow: none !important; }


    @media only screen and (max-width: 767px) {


      .btn:focus, .btn:hover {


        font-size: 13px; } }


  .btn.btn-rounded {


    border-radius: 30px; }


  .btn.btn-lg {


    font-size: 1.25rem; }


  .btn.btn-circle {


    border-radius: 50%;


    padding: 0;


    width: 40px;


    height: 40px;


    line-height: 40px; }


    .btn.btn-circle.btn-lg {


      padding: 0;


      width: 70px;


      height: 70px;


      line-height: 70px;


      border-radius: 50%; }





.btn-secondary {


  color: #273444;


  background-color: #eff2f7;


  border-color: #eff2f7;


  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);


  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15); }





.btn-secondary:hover {


  color: #273444;


  background-color: #d6ddea;


  border-color: #cdd6e6; }





.btn-success {


  color: #fff;


  background-color: #36b37e;


  border-color: #36b37e;


  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);


  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15); }





.btn-success:hover {


  color: #fff;


  background-color: #2d9669;


  border-color: #2a8c62; }





.btn-danger {


  color: #fff;


  background-color: #ff5630;


  border-color: #ff5630;


  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);


  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15); }





.btn-group-sm > .btn,


.btn-sm {


  padding: .5rem 1.25rem;


  line-height: 1.5;


  border-radius: .25rem; }





.btn-danger:hover {


  color: #fff;


  background-color: #ff370a;


  border-color: #fc2e00; }





.btn-warning {


  color: #fff;


  background-color: #ffab00;


  border-color: #ffab00;


  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);


  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15); }





.btn-warning:hover {


  color: #fff;


  background-color: #d99100;


  border-color: #cc8900; }





.btn-light {


  color: #313a46;


  background-color: #e3eaef;


  border-color: #e3eaef; }





.btn-outline-light:hover {


  color: #212529;


  background-color: #f8f9fa;


  border-color: #f8f9fa; }





.btn-light {


  -webkit-box-shadow: 0 2px 6px 0 rgba(227, 234, 239, 0.5);


  box-shadow: 0 2px 6px 0 rgba(227, 234, 239, 0.5); }





.btn-light {


  color: #313a46;


  background-color: #e3eaef;


  border-color: #e3eaef; }





.btn-primary {


  background-color: #0dd0b7;


  border-color: #0dd0b7; }





.btn-primary:hover {


  color: #fff;


  background-color: #269b66;


  border-color: #269b66; }





.btn-facebook {


  color: #ffffff;


  background-color: #3b5998; }





.btn-twitter {


  color: #ffffff;


  background-color: #55acee; }





.btn-googleplus {


  color: #ffffff;


  background-color: #dd4b39; }





.btn-linkedin {


  color: #ffffff;


  background-color: #007bb6; }





.btn-pinterest {


  color: #ffffff;


  background-color: #cb2027; }





.btn-dribbble {


  color: #ffffff;


  background-color: #ea4c89; }





.btn-instagram {


  color: #ffffff;


  background-color: #3f729b; }





.btn-youtube {


  color: #ffffff;


  background-color: #bb0000; }





.label-primary,


.badge-primary {


  background-color: #0dd0b7;


  color: #FFFFFF; }





.label-warning,


.badge-warning {


  background-color: #fdb901;


  color: #FFFFFF; }





.label {


  font-weight: 600;


  padding: 3px 8px;


  text-shadow: none;


  border-radius: 0.25em;


  line-height: 1;


  white-space: nowrap;


  font-size: 12px; }





.dropdown-menu-static-demo {


  height: 250px;


  margin-bottom: 20px; }





.dropdown .dropdown-menu {


  font-size: 0.75rem;


  -webkit-box-shadow: 0px 1px 15px 5px #e6eaec;


  box-shadow: 0px 1px 15px 5px #e6eaec;


  border-radius: 0; }





.dropdown-menu {


  border: 1px solid #e1eaea;


  -webkit-box-shadow: 0px 1px 15px 5px #e6eaec;


  box-shadow: 0px 1px 15px 5px #e6eaec; }





.btn-success {


  color: #fff;


  background-color: #36b37e;


  border-color: #36b37e; }





.alert-primary {


  color: #fff;


  background-color: #2c7be5;


  border-color: #2c7be5; }





.alert-secondary {


  color: #fff;


  background-color: #6e84a3;


  border-color: #6e84a3; }





.alert-success {


  color: #fff;


  background-color: #00d97e;


  border-color: #00d97e; }





.alert-danger {


  color: #fff;


  background-color: #e63757;


  border-color: #e63757; }





.alert-warning {


  color: #283e59;


  background-color: #f6c343;


  border-color: #f6c343; }





.alert-info {


  color: #fff;


  background-color: #39afd1;


  border-color: #39afd1; }





.alert-light {


  color: #283e59;


  background-color: #edf2f9;


  border-color: #edf2f9; }





.alert-dark {


  color: #fff;


  background-color: #12263f;


  border-color: #12263f; }





.btn-outline-primary {


  color: #0dd0b7;


  border-color: #0dd0b7; }





.btn-outline-primary:hover {


  background-color: #0dd0b7;


  border-color: #0dd0b7; }





.bg-light {


  background-color: #f1f2fa !important; }





a.bg-light:focus,


a.bg-light:hover,


button.bg-light:focus,


button.bg-light:hover {


  background-color: #f1f3fa !important;


  color: inherit; }





.btn-success:hover {


  background-color: #1bb4a4;


  border-color: #1bb4a4; }





.badge.badge-soft-danger {


  background-color: rgba(241, 100, 108, 0.15) !important;


  color: #f1646c !important;


  -webkit-box-shadow: 0 0 13px 0 rgba(241, 100, 108, 0.05);


  box-shadow: 0 0 13px 0 rgba(241, 100, 108, 0.05); }





.badge.badge-soft-success {


  background-color: rgba(30, 202, 184, 0.15) !important;


  color: #1ecab8 !important;


  -webkit-box-shadow: 0 0 13px 0 rgba(30, 202, 184, 0.05);


  box-shadow: 0 0 13px 0 rgba(30, 202, 184, 0.05); }





.badge.badge-soft-purple {


  background-color: rgba(117, 81, 233, 0.15) !important;


  color: #7551e9 !important;


  -webkit-box-shadow: 0 0 13px 0 rgba(117, 81, 233, 0.05);


  box-shadow: 0 0 13px 0 rgba(117, 81, 233, 0.05); }





.badge {


  font-size: 11px; }





.badge-soft-primary {


  color: #0dd0b7;


  background-color: #e2ccff; }





.badge-soft-info {


  color: #00b8d9;


  background-color: #ccf1f7; }





.badge-soft-dark {


  color: #273444;


  background-color: #d4d6da; }





/* :: Fill Button CSS */


.btn-fill {


  padding: 0.675rem 1.25rem;


  border: 1px solid #0168fa;


  position: relative;


  z-index: 2;


  overflow: hidden; }


  .btn-fill:hover {


    color: #ffffff; }


    .btn-fill:hover:after {


      background: #0168fa;


      height: 100%; }


  .btn-fill:after {


    content: '';


    width: 100%;


    height: 0;


    position: absolute;


    right: 0;


    left: 0;


    bottom: 0;


    z-index: -2;


    -webkit-transition: linear 0.3s all;


    -o-transition: linear 0.3s all;


    transition: linear 0.3s all; }





.btn-fill-white {


  border: 1px solid #ffffff !important;


  color: #ffffff !important; }





.btn-fill[class*="btn-fill-"] {


  background-color: transparent; }





.btn-fill-default {


  border: 1px solid #e1eaea !important;


  color: #3c4858 !important;


  -webkit-box-shadow: none;


  box-shadow: none; }


  .btn-fill-default:hover:after, .btn-fill-default:focus:after {


    background-color: #e1eaea; }





.btn-fill-primary {


  border: 1px solid #0dd0b7 !important;


  color: #0dd0b7 !important;


  -webkit-box-shadow: none;


  box-shadow: none; }


  .btn-fill-primary:hover:after, .btn-fill-primary:focus:after {


    background-color: #0dd0b7; }





.btn-fill-info {


  border: 1px solid #00b8d9 !important;


  color: #00b8d9 !important;


  -webkit-box-shadow: none;


  box-shadow: none; }


  .btn-fill-info:hover:after, .btn-fill-info:focus:after {


    background-color: #00b8d9; }





.btn-fill-success {


  border: 1px solid #36b37e !important;


  color: #36b37e !important;


  -webkit-box-shadow: none;


  box-shadow: none; }


  .btn-fill-success:hover:after, .btn-fill-success:focus:after {


    background-color: #36b37e; }





.btn-fill-danger {


  border: 1px solid #ff5630 !important;


  color: #ff5630 !important;


  -webkit-box-shadow: none;


  box-shadow: none; }


  .btn-fill-danger:hover:after, .btn-fill-danger:focus:after {


    background-color: #ff5630; }





.btn-fill-warning {


  border: 1px solid #ffab00 !important;


  color: #ffab00 !important;


  -webkit-box-shadow: none;


  box-shadow: none; }


  .btn-fill-warning:hover:after, .btn-fill-warning:focus:after {


    background-color: #ffab00; }





.btn-fill-secondary {


  border: 1px solid #8897aa !important;


  color: #8897aa !important;


  -webkit-box-shadow: none;


  box-shadow: none; }


  .btn-fill-secondary:hover:after, .btn-fill-secondary:focus:after {


    background-color: #8897aa; }





.btn-fill-dark {


  border: 1px solid #3c4858 !important;


  color: #3c4858 !important;


  -webkit-box-shadow: none;


  box-shadow: none; }





.btn-fill-dark:hover:after, .btn-fill-dark:focus:after {


  background-color: #3c4858; }





.btn-fill--white {


  border: 1px solid #ffffff !important;


  color: #ffffff !important;


  -webkit-box-shadow: none;


  box-shadow: none; }





.btn-fill--white:hover:after, .btn-fill--white:focus:after {


  background-color: transparent;


  border: transparent !important; }





.btn-fill-default:hover, .btn-fill-default:focus {


  color: #3c4858 !important; }





.btn-fill-primary:hover,


.btn-fill-info:hover,


.btn-fill-success:hover,


.btn-fill-danger:hover,


.btn-fill-warning:hover,


.btn-fill-secondary:hover,


.btn-fill-dark:hover {


  color: #ffffff !important; }





.spin {


  -webkit-animation: spin 2s infinite linear;


  animation: spin 2s infinite linear; }





/* :: Gradients Button CSS */


.btn[class*="btn-c-gradient-"] {


  padding: 10px 24px;


  text-shadow: none;


  font-size: 14px;


  color: #ffffff;


  font-weight: normal;


  white-space: normal;


  word-wrap: break-word;


  -webkit-transition: 0.2s ease-out;


  -o-transition: 0.2s ease-out;


  transition: 0.2s ease-out;


  -ms-touch-action: manipulation;


  touch-action: manipulation;


  cursor: pointer;


  text-transform: uppercase;


  background-color: #f2f4f8;


  -webkit-box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1);


  box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1);


  will-change: opacity, transform;


  -webkit-transition: all 0.3s ease-out;


  -o-transition: all 0.3s ease-out;


  transition: all 0.3s ease-out; }





.btn-c-gradient-1 {


  background-image: -webkit-gradient(linear, left top, right top, from(#3232b7), to(#2575fc));


  background-image: -webkit-linear-gradient(left, #3232b7 0%, #2575fc 100%);


  background-image: -o-linear-gradient(left, #3232b7 0%, #2575fc 100%);


  background-image: linear-gradient(to right, #3232b7 0%, #2575fc 100%); }





.btn-c-gradient-1:hover,


.btn.btn-c-gradient-1:not(:disabled):not(.disabled):active {


  background-image: -webkit-gradient(linear, left top, right top, from(#2575fc), to(#3232b7));


  background-image: -webkit-linear-gradient(left, #2575fc 0%, #3232b7 100%);


  background-image: -o-linear-gradient(left, #2575fc 0%, #3232b7 100%);


  background-image: linear-gradient(to right, #2575fc 0%, #3232b7 100%); }





.btn-c-gradient-2 {


  background-image: -webkit-gradient(linear, left top, right top, from(#4facfe), to(#00f2fe));


  background-image: -webkit-linear-gradient(left, #4facfe 0%, #00f2fe 100%);


  background-image: -o-linear-gradient(left, #4facfe 0%, #00f2fe 100%);


  background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%); }





.btn-c-gradient-2:hover,


.btn.btn-c-gradient-2:not(:disabled):not(.disabled):active {


  background-image: -webkit-gradient(linear, left top, right top, from(#00f2fe), to(#4facfe));


  background-image: -webkit-linear-gradient(left, #00f2fe 0%, #4facfe 100%);


  background-image: -o-linear-gradient(left, #00f2fe 0%, #4facfe 100%);


  background-image: linear-gradient(to right, #00f2fe 0%, #4facfe 100%); }





.btn-c-gradient-3 {


  background-image: -webkit-gradient(linear, left top, right top, from(#00cdac), to(#38f9d7));


  background-image: -webkit-linear-gradient(left, #00cdac 0%, #38f9d7 100%);


  background-image: -o-linear-gradient(left, #00cdac 0%, #38f9d7 100%);


  background-image: linear-gradient(to right, #00cdac 0%, #38f9d7 100%); }





.btn-c-gradient-3:hover,


.btn.btn-c-gradient-3:not(:disabled):not(.disabled):active {


  background-image: -webkit-gradient(linear, left top, right top, from(#38f9d7), to(#00cdac));


  background-image: -webkit-linear-gradient(left, #38f9d7 0%, #00cdac 100%);


  background-image: -o-linear-gradient(left, #38f9d7 0%, #00cdac 100%);


  background-image: linear-gradient(to right, #38f9d7 0%, #00cdac 100%); }





.btn-c-gradient-4 {


  background-image: -webkit-linear-gradient(330deg, #f6d365 0%, #fda085 100%);


  background-image: -o-linear-gradient(330deg, #f6d365 0%, #fda085 100%);


  background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%); }





.btn-c-gradient-4:hover,


.btn.btn-c-gradient-4:not(:disabled):not(.disabled):active {


  background-image: -webkit-linear-gradient(330deg, #fda085 0%, #f6d365 100%);


  background-image: -o-linear-gradient(330deg, #fda085 0%, #f6d365 100%);


  background-image: linear-gradient(120deg, #fda085 0%, #f6d365 100%); }





.btn-c-gradient-5 {


  background-image: -webkit-gradient(linear, left bottom, left top, from(#f77062), to(#fe5196));


  background-image: -webkit-linear-gradient(bottom, #f77062 0%, #fe5196 100%);


  background-image: -o-linear-gradient(bottom, #f77062 0%, #fe5196 100%);


  background-image: linear-gradient(to top, #f77062 0%, #fe5196 100%); }





.btn-c-gradient-5:hover,


.btn.btn-c-gradient-5:not(:disabled):not(.disabled):active {


  background-image: -webkit-gradient(linear, left bottom, left top, from(#fe5196), to(#f77062));


  background-image: -webkit-linear-gradient(bottom, #fe5196 0%, #f77062 100%);


  background-image: -o-linear-gradient(bottom, #fe5196 0%, #f77062 100%);


  background-image: linear-gradient(to top, #fe5196 0%, #f77062 100%); }





.btn-c-gradient-6 {


  background-image: -webkit-gradient(linear, left top, right top, from(#816cfd), to(#7c5ac2));


  background-image: -webkit-linear-gradient(left, #816cfd 0%, #7c5ac2 100%);


  background-image: -o-linear-gradient(left, #816cfd 0%, #7c5ac2 100%);


  background-image: linear-gradient(to right, #816cfd 0%, #7c5ac2 100%); }





.btn-c-gradient-6:hover,


.btn.btn-c-gradient-6:not(:disabled):not(.disabled):active {


  background-image: -webkit-gradient(linear, left top, right top, from(#7c5ac2), to(#816cfd));


  background-image: -webkit-linear-gradient(left, #7c5ac2 0%, #816cfd 100%);


  background-image: -o-linear-gradient(left, #7c5ac2 0%, #816cfd 100%);


  background-image: linear-gradient(to right, #7c5ac2 0%, #816cfd 100%); }





/* :: Icon Button CSS */


.ladda-button {


  overflow: hidden;


  height: auto;


  padding: 0.55rem 1.10rem;


  min-width: 50px;


  border-radius: 50px; }





.btn-creative {


  border: none;


  font-size: inherit;


  color: inherit;


  background: none;


  cursor: pointer;


  padding: 8px 22px;


  display: inline-block;


  margin: 10px 10px;


  text-transform: uppercase;


  outline: none;


  position: relative;


  -webkit-transition: all 0.3s;


  -o-transition: all 0.3s;


  transition: all 0.3s; }


  .btn-creative:after {


    content: '';


    position: absolute;


    z-index: -1;


    -webkit-transition: all 0.3s;


    -o-transition: all 0.3s;


    transition: all 0.3s; }





.btn-1 {


  border: 1px solid transparent;


  color: #ffffff; }





.btn-1a:hover,


.btn-1a:active {


  color: #0dd0b7 !important;


  background: #ffffff !important;


  border: 1px solid #0dd0b7 !important; }





.btn-1b:after {


  width: 100%;


  height: 0;


  top: 0;


  left: 0;


  background: #ffffff;


  border-radius: 3px; }





.btn-1b:not(:disabled):not(.disabled):active {


  color: #00b1f4 !important; }





.btn-1b:hover,


.btn-1b:active {


  color: #009eda !important;


  border: 1px solid #009eda;


  z-index: 1; }





.btn-1b:hover:after,


.btn-1b:active:after {


  height: 100%; }





.btn-1c:after {


  width: 0%;


  height: 100%;


  top: 0;


  left: 0;


  background: #ffffff;


  border-radius: 3px; }





.btn-1c:not(:disabled):not(.disabled):active {


  color: #36b37e !important; }





.btn-1c:after:active {


  background: #000; }





.btn-1c:hover,


.btn-1c:active {


  color: #36b37e !important;


  border: 1px solid #36b37e;


  z-index: 1; }





.btn-1c:hover:after,


.btn-1c:active:after {


  width: 100%; }





.btn-1d {


  overflow: hidden; }





.btn-1d:after {


  width: 0;


  height: 100%;


  top: 50%;


  left: 50%;


  background: #ffffff;


  opacity: 0;


  -webkit-transform: translateX(-50%) translateY(-49%);


  -moz-transform: translateX(-50%) translateY(-49%);


  -ms-transform: translateX(-50%) translateY(-49%);


  transform: translateX(-50%) translateY(-49%); }





.btn-1d:not(:disabled):not(.disabled):active {


  color: #ffab00 !important; }





.btn-1d:hover,


.btn-1d:active {


  color: #ffab00 !important;


  border: 1px solid #ffab00;


  z-index: 1; }





.btn-1d:hover:after {


  width: 100%;


  opacity: 1; }





.btn-1d:active:after {


  width: 100%;


  opacity: 1; }





.btn-1e {


  overflow: hidden; }





.btn-1e:after {


  width: 100%;


  height: 0;


  top: 50%;


  left: 50%;


  background: #ffffff;


  opacity: 0;


  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);


  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);


  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);


  transform: translateX(-50%) translateY(-50%) rotate(45deg); }





.btn-1e:not(:disabled):not(.disabled):active {


  color: #ee3d49 !important; }





.btn-1e:hover,


.btn-1e:active {


  color: #df303b !important;


  border: 1px solid #df303b;


  z-index: 1; }





.btn-1e:hover:after {


  height: 300%;


  opacity: 1; }





.btn-1e:active:after {


  height: 400%;


  opacity: 1; }





.btn-1f {


  overflow: hidden; }





.btn-1f:after {


  width: 100%;


  height: 0;


  top: 50%;


  left: 50%;


  background: #ffffff;


  opacity: 0;


  -webkit-transform: translateX(-50%) translateY(-49%);


  -moz-transform: translateX(-50%) translateY(-49%);


  -ms-transform: translateX(-50%) translateY(-49%);


  transform: translateX(-50%) translateY(-49%); }





.btn-1f:not(:disabled):not(.disabled):active {


  color: #7d56ce !important; }





.btn-1f:hover,


.btn-1f:active {


  color: #714cbd !important;


  border: 1px solid #714cbd;


  z-index: 1; }





.btn-1f:hover:after {


  height: 100%;


  opacity: 1; }





.btn-1f:active:after {


  height: 130%;


  opacity: 1; }





.btn-2 {


  background: #cb4e4e;


  color: #ffffff;


  box-shadow: 0 6px #ab3c3c;


  -webkit-transition: none;


  -moz-transition: none;


  transition: none; }





.btn-2b {


  border-radius: 5px;


  background: #00b1f4;


  box-shadow: 0 6px #189dce; }





.btn-2b:hover {


  box-shadow: 0 8px #189dce;


  top: -2px; }





.btn-2b:active {


  box-shadow: 0 0 #189dce;


  top: 6px; }





.btn-2j {


  border-radius: 50%;


  width: 55px;


  height: 55px;


  padding: 0;


  background: #4f5163;


  box-shadow: 0 6px #454656; }





.btn-2j:hover {


  box-shadow: 0 8px #454656;


  top: -2px; }





.btn-2j:active {


  box-shadow: 0 0 #454656;


  top: 6px; }





.btn-3:active {


  top: 2px; }





.btn-3:before {


  position: absolute;


  height: 100%;


  left: 0;


  top: 0;


  line-height: 2.2;


  font-size: 130%;


  width: 45px; }





.btn-3a {


  padding: 12px 20px 14px 60px;


  border-radius: 10px;


  background: #0dd0b7;


  color: #ffffff; }





.btn-3a:hover {


  background: #0dd0b7; }





.btn-3a:before {


  background: rgba(0, 0, 0, 0.05); }





.btn-3b {


  padding: 12px 20px 14px 60px;


  border-radius: 10px;


  background: #00b1f4;


  color: #ffffff; }





.btn-3b:hover {


  background: #209dff; }





.btn-3b:before {


  border-right: 2px solid rgba(255, 255, 255, 0.5); }





.btn-3c {


  padding: 60px 12px 14px 12px;


  border-radius: 10px;


  box-shadow: 0 3px #079f45;


  background: #1ad271;


  color: #ffffff; }





.btn-3c:active {


  box-shadow: 0 3px #079f45; }





.btn-3c:before {


  height: 50px;


  width: 100%;


  line-height: 50px;


  background: #ffffff;


  color: #00c851;


  border: 1px solid #00c851;


  border-radius: 10px 10px 0 0; }





.btn-3c:active:before {


  color: #00c851; }





.btn-3d {


  padding: 12px 20px 14px 60px;


  border-radius: 10px;


  background: #e9b02b;


  color: #ffffff; }





.btn-3d:before {


  background: #ffffff;


  color: #e9b02b;


  z-index: 2;


  border-top: 1px solid #e9b02b;


  border-bottom: 1px solid #e9b02b;


  border-left: 1px solid #e9b02b;


  border-radius: 10px 0 0 10px; }





.btn-3d:after {


  width: 20px;


  height: 20px;


  background: #ffffff;


  z-index: 1;


  left: 40px;


  top: 50%;


  margin: -10px 0 0 -10px;


  -webkit-transform: rotate(45deg);


  -moz-transform: rotate(45deg);


  -ms-transform: rotate(45deg);


  transform: rotate(45deg); }





.btn-3d:active:before {


  color: #dea82a; }





.btn-3d:active {


  top: 0; }





.btn-3d:active:after {


  left: 44px; }





.btn-3e {


  padding: 12px 60px 14px 20px;


  border-radius: 10px;


  overflow: hidden;


  background: #805dca;


  color: #ffffff; }





.btn-3e:before {


  left: auto;


  right: 0px;


  z-index: 2; }





.btn-3e:after {


  width: 30%;


  height: 200%;


  background: rgba(255, 255, 255, 0.1);


  z-index: 1;


  right: 0;


  top: 0;


  margin: -5px 0 0 -5px;


  -webkit-transform-origin: 0 0;


  -webkit-transform: rotate(-20deg);


  -moz-transform-origin: 0 0;


  -moz-transform: rotate(-20deg);


  -ms-transform-origin: 0 0;


  -ms-transform: rotate(-20deg);


  transform-origin: 0 0;


  transform: rotate(-20deg); }





.btn-3e:hover:after {


  width: 40%; }





.btn-4 {


  border-radius: 50px;


  border: 1px solid transparent;


  color: #ffffff;


  overflow: hidden;


  line-height: 24px; }





.btn-4:before {


  position: absolute;


  height: 100%;


  font-size: 112%;


  line-height: 2.5;


  color: #ffffff;


  -webkit-transition: all 0.3s;


  -o-transition: all 0.3s;


  transition: all 0.3s; }





.btn-4a {


  background: #0dd0b7; }





.btn-4a:hover {


  background: #0dd0b7; }





.btn-4a:before {


  left: 130%;


  top: 0; }





.btn-4a:hover:before {


  left: 83%; }





.btn-4b {


  background: #1abc9c; }





.btn-4b:hover {


  background: #2ea37d; }





.btn-4b:before {


  left: -50%;


  top: 0; }





.btn-4b:hover:before {


  left: 5%; }





.btn-4c {


  background: #f28b21; }





.btn-4c:hover {


  background: #ff961f; }





.btn-4c:before {


  left: 70%;


  opacity: 0;


  top: 0; }





.btn-4c:hover:before {


  left: 83%;


  opacity: 1; }





.btn-4d {


  background: #9b59b6; }





.btn-4d:hover {


  background: #b579d2; }





.btn-4d:before {


  left: 30%;


  opacity: 0;


  top: 0; }





.btn-4d:hover:before {


  left: 5%;


  opacity: 1; }





.btn-5 {


  background: #823aa0;


  color: #ffffff;


  line-height: 24px;


  overflow: hidden;


  border-radius: 50px;


  -webkit-backface-visibility: hidden;


  -moz-backface-visibility: hidden;


  backface-visibility: hidden; }





.btn-5:active {


  top: 2px; }





.btn-5 span {


  display: inline-block;


  width: 100%;


  height: 100%;


  -webkit-transition: all 0.3s;


  -webkit-backface-visibility: hidden;


  -moz-transition: all 0.3s;


  -moz-backface-visibility: hidden;


  transition: all 0.3s;


  backface-visibility: hidden; }





.btn-5:before {


  position: absolute;


  height: 100%;


  width: 100%;


  line-height: 2.5;


  font-size: 130%;


  -webkit-transition: all 0.3s;


  -o-transition: all 0.3s;


  transition: all 0.3s; }





.btn-5:active:before {


  color: #ffffff; }





.btn-5a {


  background: #00b1f4; }





.btn-5a:hover {


  background: #009eda; }





.btn-5a:hover span {


  -webkit-transform: translateY(300%);


  -moz-transform: translateY(300%);


  -ms-transform: translateY(300%);


  transform: translateY(300%); }





.btn-5a:before {


  left: 0;


  top: -106%; }





.btn-5a:hover:before {


  top: 0; }





.btn-5b {


  background: #e7515a; }





.btn-5b:hover {


  background: #ff3743; }





.btn-5b:hover span {


  -webkit-transform: translateY(300%);


  -moz-transform: translateY(300%);


  -ms-transform: translateY(300%);


  transform: translateY(300%); }





.btn-5b:before {


  left: 0;


  top: -100%; }





.btn-5b:hover:before {


  top: 0; }





.btn-5c {


  background: #e9b02b; }





.btn-5c:hover {


  background: #dea82a; }





.btn-5c:hover span {


  -webkit-transform: translateY(300%);


  -moz-transform: translateY(300%);


  -ms-transform: translateY(300%);


  transform: translateY(300%); }





.btn-5c:before {


  left: 0;


  top: -100%; }





.btn-5c:hover:before {


  top: 0; }





.btn-5d {


  background: #805dca; }





.btn-5d:hover {


  background: #714cbd; }





.btn-5d:hover span {


  -webkit-transform: translateX(200%);


  -moz-transform: translateX(200%);


  -ms-transform: translateX(200%);


  transform: translateX(200%); }





.btn-5d:before {


  left: -100%;


  top: 0; }





.btn-5d:hover:before {


  left: 0; }





.btn-5e {


  background: #4f5163; }





.btn-5e:hover {


  background: #454656; }





.btn-5e:hover span {


  -webkit-transform: translateX(200%);


  -moz-transform: translateX(200%);


  -ms-transform: translateX(200%);


  transform: translateX(200%); }





.btn-5e:before {


  left: -100%;


  top: 0; }





.btn-5e:hover:before {


  left: 0; }





.btn-5f {


  background: #f8538d; }





.btn-5f:hover {


  background: #f8538d; }





.btn-5f:hover span {


  -webkit-transform: translateX(200%);


  -moz-transform: translateX(200%);


  -ms-transform: translateX(200%);


  transform: translateX(200%); }





.btn-5f:before {


  left: -100%;


  top: 0; }





.btn-5f:hover:before {


  left: 0; }





.btn-6 {


  color: #ffffff;


  background: #226fbe;


  -webkit-transition: none;


  -moz-transition: none;


  transition: none; }





.btn-6:active {


  top: 2px; }





.btn-6a {


  border: 2px solid #0a4f75;


  background: #0a4f75; }





.btn-6a:hover {


  background: transparent;


  color: #0a4f75; }





.btn-6b {


  border: 3px solid #26b0ff;


  background: #26b0ff; }





.btn-6b:hover {


  background: transparent;


  color: #33b5e5; }





.btn-6c {


  border: 3px solid #1ad271;


  background: #1ad271; }





.btn-6c:hover {


  background: transparent;


  color: #00C851; }





.btn-6d {


  border: 2px dashed #e95f2b;


  background: #e95f2b; }





.btn-6d:hover {


  background: transparent;


  color: #e95f2b; }





.btn-6e {


  border: 2px dashed #ec2330;


  background: #ec2330; }





.btn-6e:hover {


  background: transparent;


  color: #CC0000; }





.btn-6f {


  border: 2px dashed #9b59b6;


  background: #9b59b6; }





.btn-6f:hover {


  background: transparent;


  color: #aa66cc; }





.btn-6g {


  border: 3px dotted #24ccda;


  background: #24ccda; }





.btn-6g:hover {


  background: transparent;


  color: #24ccda; }





.btn-6h {


  border: 3px dotted #4073FF;


  background: #4073FF; }





.btn-6h:hover {


  background: transparent;


  color: #4285F4; }





.btn-6i {


  border: 3px dotted #26b0ff;


  background: #26b0ff; }





.btn-6i:hover {


  background: transparent;


  color: #33b5e5; }





.btn-6j {


  border: 3px double #f8538d;


  background: #f8538d; }





.btn-6j:hover {


  background: transparent;


  color: #f8538d; }





.btn-6k {


  border: 3px double #f28b21;


  background: #f28b21; }





.btn-6k:hover {


  background: transparent;


  color: #FF8800; }





.btn-6l {


  border: 3px double #ec2330;


  background: #ec2330; }





.btn-6l:hover {


  background: transparent;


  color: #CC0000; }





.btn-7 {


  background: #1ad271;


  color: #ffffff;


  border-radius: 7px;


  box-shadow: 0 5px #07A145;


  padding: 12px 15px 12px 50px; }





.btn-7a {


  background: #4073FF;


  box-shadow: 0 5px #1861DA;


  overflow: hidden; }





.btn-7a:before {


  position: absolute;


  left: 0;


  width: 30%;


  font-size: 130%;


  line-height: 1;


  color: #ffffff; }





.btn-7a.btn-activated {


  -webkit-animation: fadeOutText 0.5s;


  -moz-animation: fadeOutText 0.5s;


  animation: fadeOutText 0.5s; }





.btn-7a.btn-activated:before {


  -webkit-animation: moveToRight 0.5s;


  -moz-animation: moveToRight 0.5s;


  animation: moveToRight 0.5s; }





@-webkit-keyframes fadeOutText {


  0% {


    color: transparent; }


  80% {


    color: transparent; }


  100% {


    color: #ffffff; } }


@-moz-keyframes fadeOutText {


  0% {


    color: transparent; }


  80% {


    color: transparent; }


  100% {


    color: #ffffff; } }


@keyframes fadeOutText {


  0% {


    color: transparent; }


  80% {


    color: transparent; }


  100% {


    color: #ffffff; } }


@-webkit-keyframes moveToRight {


  80% {


    -webkit-transform: translateX(250%); }


  81% {


    opacity: 1;


    -webkit-transform: translateX(250%); }


  82% {


    opacity: 0;


    -webkit-transform: translateX(250%); }


  83% {


    opacity: 0;


    -webkit-transform: translateX(-50%); }


  84% {


    opacity: 1;


    -webkit-transform: translateX(-50%); }


  100% {


    -webkit-transform: translateX(0%); } }


@-moz-keyframes moveToRight {


  80% {


    -moz-transform: translateX(250%); }


  81% {


    opacity: 1;


    -moz-transform: translateX(250%); }


  82% {


    opacity: 0;


    -moz-transform: translateX(250%); }


  83% {


    opacity: 0;


    -moz-transform: translateX(-50%); }


  84% {


    opacity: 1;


    -moz-transform: translateX(-50%); }


  100% {


    -moz-transform: translateX(0%); } }


@keyframes moveToRight {


  80% {


    transform: translateX(250%); }


  81% {


    opacity: 1;


    transform: translateX(250%); }


  82% {


    opacity: 0;


    transform: translateX(250%); }


  83% {


    opacity: 0;


    transform: translateX(-50%); }


  84% {


    opacity: 1;


    transform: translateX(-50%); }


  100% {


    transform: translateX(0%); } }


.btn-7b {


  background: #1ad271;


  box-shadow: 0 5px #07A145;


  overflow: hidden; }





.btn-7b:before {


  position: absolute;


  left: 0;


  width: 30%;


  font-size: 130%;


  line-height: 1;


  color: #ffffff; }





.btn-7b.btn-activated:before {


  -webkit-animation: scaleUp 0.5s;


  -moz-animation: scaleUp 0.5s;


  animation: scaleUp 0.5s; }





@-webkit-keyframes scaleUp {


  80% {


    opacity: 0;


    -webkit-transform: scale(2); }


  100% {


    opacity: 0;


    -webkit-transform: scale(2); } }


@-moz-keyframes scaleUp {


  80% {


    opacity: 0;


    -moz-transform: scale(2); }


  100% {


    opacity: 0;


    -moz-transform: scale(2); } }


@keyframes scaleUp {


  80% {


    opacity: 0;


    transform: scale(2); }


  100% {


    opacity: 0;


    transform: scale(2); } }


.btn-icon-only {


  font-size: 0;


  padding: 24px 30px; }





.btn-icon-only:before {


  position: absolute;


  top: 0;


  left: 0;


  width: 100%;


  height: 100%;


  font-size: 18px;


  line-height: 50px;


  -webkit-backface-visibility: hidden;


  -moz-backface-visibility: hidden;


  backface-visibility: hidden; }





.btn-7c {


  background: #f28b21;


  box-shadow: 0 5px #D87607;


  overflow: hidden; }





.btn-7c:before {


  color: #ffffff;


  z-index: 1; }





.btn-7c:after {


  position: absolute;


  top: 0;


  left: 0;


  height: 100%;


  z-index: 0;


  width: 0;


  background: #D87607;


  -webkit-transition: none;


  -moz-transition: none;


  transition: none; }





.btn-7c.btn-activated:after {


  -webkit-animation: fillToRight 0.7s forwards;


  -moz-animation: fillToRight 0.7s forwards;


  animation: fillToRight 0.7s forwards; }





@-webkit-keyframes fillToRight {


  to {


    width: 100%; } }


@-moz-keyframes fillToRight {


  to {


    width: 100%; } }


@keyframes fillToRight {


  to {


    width: 100%; } }


.btn-7d {


  background: #ec2330;


  box-shadow: 0 5px #AE0404;


  overflow: hidden; }





.btn-7d:before {


  color: #ffffff;


  z-index: 1; }





.btn-7d:after {


  position: absolute;


  top: 0;


  left: 0;


  height: 0;


  width: 100%;


  z-index: 0;


  background: #AE0404;


  -webkit-transition: none;


  -moz-transition: none;


  transition: none; }





.btn-7d.btn-activated:after {


  -webkit-animation: emptyBottom 0.7s forwards;


  -moz-animation: emptyBottom 0.7s forwards;


  animation: emptyBottom 0.7s forwards; }





@-webkit-keyframes emptyBottom {


  to {


    height: 100%; } }


@-moz-keyframes emptyBottom {


  to {


    height: 100%; } }


@keyframes emptyBottom {


  to {


    height: 100%; } }


.btn-7e:after {


  position: absolute;


  width: 100%;


  height: 100%;


  left: 0;


  top: 0;


  z-index: 1;


  font-size: 26px;


  line-height: 54px;


  color: #ea515e;


  -webkit-transform: scale(0);


  -moz-transform: scale(0);


  -ms-transform: scale(0);


  transform: scale(0);


  opacity: 0;


  -webkit-transition: none;


  -moz-transition: none;


  transition: none; }





.btn-7e.btn-activated:after {


  -webkit-animation: scaleFade 0.5s forwards;


  -moz-animation: scaleFade 0.5s forwards;


  animation: scaleFade 0.5s forwards; }





@-webkit-keyframes scaleFade {


  50% {


    opacity: 1;


    -webkit-transform: scale(1); }


  100% {


    opacity: 0;


    -webkit-transform: scale(2.5); } }


@-moz-keyframes scaleFade {


  50% {


    opacity: 1;


    -moz-transform: scale(1); }


  100% {


    opacity: 0;


    -moz-transform: scale(2.5); } }


@keyframes scaleFade {


  50% {


    opacity: 1;


    transform: scale(1); }


  100% {


    opacity: 0;


    transform: scale(2.5); } }


.btn-7f {


  background: #9b59b6;


  box-shadow: 0 5px #8f3fb7; }





.btn-7f:before {


  -webkit-text-stroke-width: 1px;


  -webkit-text-stroke-color: #ffffff; }





.btn-7f:after {


  position: absolute;


  width: 100%;


  height: 100%;


  left: 0;


  top: 0;


  z-index: 1;


  font-size: 26px;


  line-height: 54px;


  color: #ffe44d;


  visibility: hidden;


  -webkit-text-stroke-width: 1px;


  -webkit-text-stroke-color: #ffe44d;


  -webkit-transform: scale(4);


  -moz-transform: scale(4);


  -ms-transform: scale(4);


  transform: scale(4);


  opacity: 0;


  -webkit-transition: none;


  -moz-transition: none;


  transition: none; }





.btn-7f.btn-activated:after {


  visibility: visible;


  -webkit-animation: dropDown 0.3s forwards;


  -moz-animation: dropDown 0.3s forwards;


  animation: dropDown 0.3s forwards; }





@-webkit-keyframes dropDown {


  to {


    opacity: 1;


    -webkit-transform: scale(1); } }


@-moz-keyframes dropDown {


  to {


    opacity: 1;


    -moz-transform: scale(1); } }


@keyframes dropDown {


  to {


    opacity: 1;


    transform: scale(1); } }


.btn-7g {


  background: #494949;


  box-shadow: 0 5px #3c3b3b; }





.btn-7g:after {


  position: absolute;


  width: 100%;


  height: 100%;


  left: 0;


  top: 0;


  z-index: 1;


  font-size: 26px;


  line-height: 54px;


  color: #0a833d;


  visibility: hidden;


  -webkit-transform: scale(2);


  -moz-transform: scale(2);


  -ms-transform: scale(2);


  transform: scale(2);


  opacity: 0;


  -webkit-transition: none;


  -moz-transition: none;


  transition: none; }





.btn-7g.btn-activated:after {


  visibility: visible;


  -webkit-animation: dropDownFade 0.5s forwards;


  -moz-animation: dropDownFade 0.5s forwards;


  animation: dropDownFade 0.5s forwards; }





@-webkit-keyframes dropDownFade {


  50% {


    opacity: 1;


    -webkit-transform: scale(1); }


  100% {


    opacity: 0;


    -webkit-transform: scale(1.5); } }


@-moz-keyframes dropDownFade {


  50% {


    opacity: 1;


    -moz-transform: scale(1); }


  100% {


    opacity: 0;


    -moz-transform: scale(1.5); } }


@keyframes dropDownFade {


  50% {


    opacity: 1;


    transform: scale(1); }


  100% {


    opacity: 0;


    transform: scale(1.5); } }


.btn-7h {


  background: #9b59b6;


  box-shadow: 0 5px #8e44b4; }





.btn-7h span {


  display: inline-block;


  width: 100%; }





.btn-7h:before {


  position: absolute;


  left: 0;


  width: 30%;


  font-size: 130%;


  line-height: 1;


  color: #ffffff; }





.btn-success-1,


.btn-error {


  color: transparent; }





.btn-success-1:after,


.btn-error:after {


  z-index: 1;


  color: #ffffff;


  left: 40%; }





.btn-success-1:before {


  content: "\e001"; }





.btn-success-1:after {


  content: "Success!";


  -webkit-animation: moveUp 0.5s;


  -moz-animation: moveUp 0.5s;


  animation: moveUp 0.5s; }





@-webkit-keyframes moveUp {


  0% {


    -webkit-transform: translateY(50%);


    opacity: 0; }


  100% {


    opacity: 1;


    -webkit-transform: translateY(0); } }


@-moz-keyframes moveUp {


  0% {


    -moz-transform: translateY(50%);


    opacity: 0; }


  100% {


    opacity: 1;


    -moz-transform: translateY(0); } }


@keyframes moveUp {


  0% {


    transform: translateY(50%);


    opacity: 0; }


  100% {


    opacity: 1;


    transform: translateY(0); } }


.btn-error {


  -webkit-animation: shake 0.5s;


  -moz-animation: shake 0.5s;


  animation: shake 0.5s; }





@-webkit-keyframes shake {


  0%,


    100% {


    -webkit-transform: translateX(0); }


  10%,


    30%,


    50%,


    70%,


    90% {


    -webkit-transform: translateX(-10px); }


  20%,


    40%,


    60%,


    80% {


    -webkit-transform: translateX(10px); } }


@-moz-keyframes shake {


  0%,


    100% {


    -moz-transform: translateX(0); }


  10%,


    30%,


    50%,


    70%,


    90% {


    -moz-transform: translateX(-10px); }


  20%,


    40%,


    60%,


    80% {


    -moz-transform: translateX(10px); } }


@keyframes shake {


  0%,


    100% {


    transform: translateX(0); }


  10%,


    30%,


    50%,


    70%,


    90% {


    transform: translateX(-10px); }


  20%,


    40%,


    60%,


    80% {


    transform: translateX(10px); } }


.btn-error:before {


  content: "\e002"; }





.btn-error:after {


  content: "Error!";


  -webkit-animation: scaleFromUp 0.5s;


  -moz-animation: scaleFromUp 0.5s;


  animation: scaleFromUp 0.5s; }





@-webkit-keyframes scaleFromUp {


  0% {


    -webkit-transform: scale(0);


    opacity: 0; }


  100% {


    opacity: 1;


    -webkit-transform: scale(1); } }


@-moz-keyframes scaleFromUp {


  0% {


    -moz-transform: scale(0);


    opacity: 0; }


  100% {


    opacity: 1;


    -moz-transform: scale(1); } }


@keyframes scaleFromUp {


  0% {


    transform: scale(0);


    opacity: 0; }


  100% {


    opacity: 1;


    transform: scale(1); } }


.trash-effect {


  position: relative;


  max-width: 300px;


  margin: 60px auto 15px; }





.trash-effect .icon-file {


  font-size: 30px;


  position: absolute;


  width: 50px;


  height: 50px;


  left: 50%;


  top: 50%;


  margin: -45px 0 0 -25px;


  color: #494949;


  -webkit-transition: all 0.3s ease-out;


  -moz-transition: all 0.3s ease-out;


  transition: all 0.3s ease-out;


  -webkit-transform: translateX(90px) translateY(20px) scale(1);


  -moz-transform: translateX(90px) translateY(20px) scale(1);


  -ms-transform: translateX(90px) translateY(20px) scale(1);


  transform: translateX(90px) translateY(20px) scale(1); }





.trash-effect .icon-file:nth-child(2) {


  -webkit-transform: translateX(140px) translateY(-10px) scale(1);


  -moz-transform: translateX(140px) translateY(-10px) scale(1);


  -ms-transform: translateX(140px) translateY(-10px) scale(1);


  transform: translateX(140px) translateY(-10px) scale(1);


  -webkit-transition-delay: 0.1s;


  -moz-transition-delay: 0.1s;


  transition-delay: 0.1s; }





.trash-effect .icon-file:nth-child(3) {


  -webkit-transform: translateX(140px) translateY(50px) scale(1);


  -moz-transform: translateX(140px) translateY(50px) scale(1);


  -ms-transform: translateX(140px) translateY(50px) scale(1);


  transform: translateX(140px) translateY(50px) scale(1);


  -webkit-transition-delay: 0.2s;


  -moz-transition-delay: 0.2s;


  transition-delay: 0.2s; }





.trash-effect.trash-effect-active .icon-file {


  -webkit-transform: translateX(-100px) translateY(-10px) scale(0);


  -moz-transform: translateX(-100px) translateY(-10px) scale(0);


  -ms-transform: translateX(-100px) translateY(-10px) scale(0);


  transform: translateX(-100px) translateY(-10px) scale(0); }





.btn-7i {


  box-shadow: none;


  border-radius: 0 0 7px 7px;


  padding: 27px 33px;


  -webkit-transform: translateX(-100px);


  -moz-transform: translateX(-100px);


  -ms-transform: translateX(-100px);


  transform: translateX(-100px); }





.btn-7i:before {


  line-height: 45px; }





.btn-7i:after {


  height: 11px;


  width: 100%;


  background: #17aa56;


  border-radius: 7px 7px 0 0;


  left: 0;


  top: -10px;


  z-index: 1;


  -webkit-transform-origin: 0 100%;


  -moz-transform-origin: 0 100%;


  -ms-transform-origin: 0 100%;


  transform-origin: 0 100%; }





.trash-effect-active .btn-7i:after {


  -webkit-animation: openTrash 0.5s;


  -moz-animation: openTrash 0.5s;


  animation: openTrash 0.5s; }





@-webkit-keyframes openTrash {


  50% {


    -webkit-transform: rotate(-35deg); }


  100% {


    -webkit-transform: rotate(0deg); } }


@-moz-keyframes openTrash {


  50% {


    -moz-transform: rotate(-35deg); }


  100% {


    -moz-transform: rotate(0deg); } }


@keyframes openTrash {


  50% {


    transform: rotate(-35deg); }


  100% {


    transform: rotate(0deg); } }


.perspective {


  -webkit-perspective: 800px;


  -moz-perspective: 800px;


  perspective: 800px;


  display: inline-block; }





.btn-8 {


  display: block;


  background: #5cbcf6;


  outline: 1px solid transparent;


  -webkit-transform-style: preserve-3d;


  -moz-transform-style: preserve-3d;


  transform-style: preserve-3d; }





.btn-8:active {


  background: #55b7f3; }





.btn-8a:after {


  width: 100%;


  height: 42%;


  left: 0;


  top: -40%;


  background: #49a7df;


  -webkit-transform-origin: 0% 100%;


  -webkit-transform: rotateX(90deg);


  -moz-transform-origin: 0% 100%;


  -moz-transform: rotateX(90deg);


  transform-origin: 0% 100%;


  transform: rotateX(90deg); }





.btn-8a:hover {


  -webkit-transform: rotateX(-15deg);


  -moz-transform: rotateX(-15deg);


  -ms-transform: rotateX(-15deg);


  transform: rotateX(-15deg); }





.btn-8b:after {


  width: 100%;


  height: 40%;


  left: 0;


  top: 100%;


  background: #49a7df;


  -webkit-transform-origin: 0% 0%;


  -webkit-transform: rotateX(-90deg);


  -moz-transform-origin: 0% 0%;


  -moz-transform: rotateX(-90deg);


  -ms-transform-origin: 0% 0%;


  -ms-transform: rotateX(-90deg);


  transform-origin: 0% 0%;


  transform: rotateX(-90deg); }





.btn-8b:hover {


  -webkit-transform: rotateX(15deg);


  -moz-transform: rotateX(15deg);


  -ms-transform: rotateX(15deg);


  transform: rotateX(15deg); }





.btn-8c:after {


  width: 21%;


  height: 100%;


  left: -20%;


  top: 0;


  background: #49a7df;


  -webkit-transform-origin: 100% 0%;


  -webkit-transform: rotateY(-90deg);


  -moz-transform-origin: 100% 0%;


  -moz-transform: rotateY(-90deg);


  -ms-transform-origin: 100% 0%;


  -ms-transform: rotateY(-90deg);


  transform-origin: 100% 0%;


  transform: rotateY(-90deg); }





.btn-8c:hover {


  -webkit-transform: rotateY(15deg);


  -moz-transform: rotateY(15deg);


  -ms-transform: rotateY(15deg);


  transform: rotateY(15deg); }





.btn-8d:after {


  width: 20%;


  height: 100%;


  left: 100%;


  top: 0;


  background: #49a7df;


  -webkit-transform-origin: 0% 0%;


  -webkit-transform: rotateY(90deg);


  -moz-transform-origin: 0% 0%;


  -moz-transform: rotateY(90deg);


  -ms-transform-origin: 0% 0%;


  -ms-transform: rotateY(90deg);


  transform-origin: 0% 0%;


  transform: rotateY(90deg); }





.btn-8d:hover {


  -webkit-transform: rotateY(-15deg);


  -moz-transform: rotateY(-15deg);


  -ms-transform: rotateY(-15deg);


  transform: rotateY(-15deg); }





.btn-8e {


  -webkit-transform: rotateX(-15deg);


  -moz-transform: rotateX(-15deg);


  -ms-transform: rotateX(-15deg);


  transform: rotateX(-15deg); }





.btn-8e:after {


  width: 100%;


  height: 42%;


  left: 0;


  top: -40%;


  background: #49a7df;


  -webkit-transform-origin: 0% 100%;


  -webkit-transform: rotateX(90deg);


  -moz-transform-origin: 0% 100%;


  -moz-transform: rotateX(90deg);


  -ms-transform-origin: 0% 100%;


  -ms-transform: rotateX(90deg);


  transform-origin: 0% 100%;


  transform: rotateX(90deg); }





.btn-8e:active {


  -webkit-transform: rotateX(0deg);


  -moz-transform: rotateX(0deg);


  -ms-transform: rotateX(0deg);


  transform: rotateX(0deg); }





.btn-8f {


  -webkit-transform: rotateX(15deg);


  -moz-transform: rotateX(15deg);


  -ms-transform: rotateX(15deg);


  transform: rotateX(15deg); }





.btn-8f:after {


  width: 100%;


  height: 40%;


  left: 0;


  top: 100%;


  background: #49a7df;


  -webkit-transform-origin: 0% 0%;


  -webkit-transform: rotateX(-90deg);


  -moz-transform-origin: 0% 0%;


  -moz-transform: rotateX(-90deg);


  -ms-transform-origin: 0% 0%;


  -ms-transform: rotateX(-90deg);


  transform-origin: 0% 0%;


  transform: rotateX(-90deg); }





.btn-8f:active {


  -webkit-transform: rotateX(0deg);


  -moz-transform: rotateX(0deg);


  -ms-transform: rotateX(0deg);


  transform: rotateX(0deg); }





.btn-8g {


  background: #ffffff;


  color: #999; }





.btn-8g:active {


  background: #ffffff; }





.btn-8g:after,


.btn-8g:before {


  text-transform: uppercase;


  width: 100%;


  height: 100%;


  position: absolute;


  left: 0;


  line-height: 70px; }





.btn-8g:after {


  top: -98%;


  background: #7aca7c;


  color: #358337;


  content: 'It worked!';


  -webkit-transform-origin: 0% 100%;


  -webkit-transform: rotateX(90deg);


  -moz-transform-origin: 0% 100%;


  -moz-transform: rotateX(90deg);


  -ms-transform-origin: 0% 100%;


  -ms-transform: rotateX(90deg);


  transform-origin: 0% 100%;


  transform: rotateX(90deg); }





.btn-8g:before {


  top: 100%;


  background: #e96a6a;


  color: #a33a3a;


  content: 'Error!';


  font-weight: 700;


  font-family: 'Lato', Calibri, Arial, sans-serif;


  -webkit-transform-origin: 0% 0%;


  -webkit-transform: rotateX(-90deg);


  -moz-transform-origin: 0% 0%;


  -moz-transform: rotateX(-90deg);


  -ms-transform-origin: 0% 0%;


  -ms-transform: rotateX(-90deg);


  transform-origin: 0% 0%;


  transform: rotateX(-90deg); }





.btn-8g.btn-success3d {


  background: #aaa;


  -webkit-transform-origin: 50% 100%;


  -webkit-transform: rotateX(-90deg) translateY(100%);


  -moz-transform-origin: 50% 100%;


  -moz-transform: rotateX(-90deg) translateY(100%);


  -ms-transform-origin: 50% 100%;


  -ms-transform: rotateX(-90deg) translateY(100%);


  transform-origin: 50% 100%;


  transform: rotateX(-90deg) translateY(100%); }





.btn-8g.btn-error3d {


  background: #aaa;


  -webkit-transform-origin: 50% 0%;


  -webkit-transform: rotateX(90deg) translateY(-100%);


  -moz-transform-origin: 50% 0%;


  -moz-transform: rotateX(90deg) translateY(-100%);


  -ms-transform-origin: 50% 0%;


  -ms-transform: rotateX(90deg) translateY(-100%);


  transform-origin: 50% 0%;


  transform: rotateX(90deg) translateY(-100%); }





/* :: Dragula CSS */


.dragula-example {


  margin-bottom: 6px; }





.sortable-example {


  margin: 0;


  padding: 0; }


  .sortable-example li {


    padding: 6px 10px;


    margin-bottom: 8px;


    list-style: none; }





.sortable-example-inline li {


  margin-right: 8px;


  display: inline-block; }





[dir=rtl] .sortable-example-inline li {


  margin-right: 0;


  margin-left: 8px; }





#sortable-3 {


  width: 220px; }


  #sortable-3 img {


    margin-right: 8px;


    margin-bottom: 8px;


    width: 100px;


    height: 100px;


    border-radius: 999px;


    display: block;


    float: left; }





[dir=rtl] #sortable-3 img {


  margin-right: 0;


  margin-left: 8px;


  float: right; }





/* :: Dragula Card CSS */


.draggable-cards:hover {


  cursor: pointer; }


.draggable-cards .card-moved .card {


  background: #137eff; }





.card-moved .card p,


.card-moved .card a,


.card-moved .card h4,


.card-moved .card h3 {


  color: #fff !important; }





/* :: Google Chart CSS */


#chart_google,


#chart_google_c,


#chart_pie,


#chart_donut,


#chart_3dpie,


#chart_diffpie,


#chart_line,


#chart_area,


#chart_combo {


  width: 100%;


  height: 400px;


  font-size: 12px; }





/* :: Chart CSS */


#simplecolumnchartdiv,


#columnlinemixchartdiv,


#clusteredbarchartdiv,


#cylinderchartdiv {


  width: 100%;


  height: 500px;


  font-size: 11px; }





#clusteredbarchartdiv .amcharts-chart-div a {


  color: #ffffff !important;


  font-size: 11px !important;


  opacity: 1 !important;


  top: 40px !important; }





#valueaxischartdiv,


#changingcolorchartdiv,


#zoomablechartdiv {


  width: 100%;


  height: 500px;


  font-size: 11px; }





#smoothchartdiv,


#differentcolorchartdiv {


  width: 100%;


  height: 400px;


  font-size: 11px; }





#polarchartdiv,


#radarchartdiv,


#polarscatterchartdiv,


#gaugechartdiv {


  width: 100%;


  height: 400px;


  font-size: 11px; }





.widget-chart-js {


  height: 300px; }





#chartdiv {


  width: 100%;


  height: 300px; }





.chartDiv-2 {


  width: 100%;


  height: 450px; }





#chartdiv-donut {


  width: 100%;


  height: 300px; }





#lineChart2 {


  width: 100%; }





#Earnings-chart {


  height: 330px; }





.amcharts-zoom-out-label {


  opacity: 0; }





image.amcharts-zoom-out-image {


  opacity: 0; }





#world-low {


  height: 400px; }





.highchart-pie1 {


  height: 300px;


  width: 100%; }





#chart-highchart-bar1 {


  height: 500px;


  width: 100%; }





.chart-sale {


  height: 200px;


  width: 200px;


  margin: 0 auto; }





.amcharts-main-div a {


  opacity: 0 !important; }





.Stackchart {


  height: 300px; }





.lineAreaDashboard {


  height: 350px; }





.ChartShadow.BarChart {


  height: 250px; }





.ChartShadow {


  height: 350px; }





.WidgetlineChart {


  height: 350px; }





.ChartShadow.BarChart.barChart1 {


  height: 250px; }





.chartSummary {


  height: 300px; }





.bar-chart2 {


  height: 350px; }





.device-chart {


  width: 300px;


  height: 300px;


  margin: 0 auto; }


  @media only screen and (max-width: 767px) {


    .device-chart {


      width: 220px;


      height: 220px; } }





.bar-chart3 {


  height: 300px; }





.world-low {


  height: 300px; }





.Stackchart {


  height: 250px; }





.chartSummary-area span {


  font-size: 12px; }





.chartPageVisit {


  height: 320px; }





.page-visitors-chart-area span {


  font-size: 12px; }





.flot-chart-content {


  width: 100%;


  height: 100%; }





.flot-chart {


  width: 100%;


  position: relative;


  max-width: none;


  height: 400px; }





#lineChartArea,


#lineScattered,


#usingEvents,


#bipolar,


#smileAnimation,


#horizontalBar,


#peakCircles,


#pieChart,


#overlapBarMobile,


#extreamResponsive,


#gaugeChart,


#lineInterpolation,


#multiLineLabels,


#seriesOverrides,


#tackedBar,


#pathAnimation,


#labelPlacement,


#barChart,


#pieChartLabels,


#distributedSeries,


#donutFill,


#gaugeChartFill {


  height: 300px;


  width: 100%; }





#line-chart-example {


  height: 320px;


  width: 100%; }





/* :: Timeline CSS */


.timeline {


  position: relative; }





.timeline::before {


  content: "";


  position: absolute;


  top: 0;


  left: 50%;


  height: 100%;


  border-right: 2px dashed #e1eaea; }


  @media only screen and (max-width: 767px) {


    .timeline::before {


      display: none; } }





.timeline-block:first-child {


  margin-top: 0; }





.timeline-block {


  position: relative;


  margin: 2em 0; }





.timeline-step {


  left: 50%;


  -webkit-transform: translateX(-50%);


  transform: translateX(-50%); }





.timeline-content {


  width: 38%; }


  @media only screen and (max-width: 767px) {


    .timeline-content {


      width: 100%; } }





.timeline-content {


  margin-left: 60px;


  margin-right: 30px;


  position: relative;


  top: -6px;


  border: 1px solid #e1eaea;


  padding: 15px;


  border-radius: 2px; }


  @media only screen and (max-width: 767px) {


    .timeline-content {


      margin-left: 0;


      margin-right: 0; } }





.timeline-block::after {


  content: "";


  display: table;


  clear: both; }





.timeline-block:nth-child(2n) .timeline-content {


  float: right; }





.timeline-step {


  position: absolute;


  display: -webkit-inline-box;


  display: -ms-inline-flexbox;


  display: inline-flex;


  -webkit-box-align: center;


  -ms-flex-align: center;


  align-items: center;


  -webkit-box-pack: center;


  -ms-flex-pack: center;


  justify-content: center;


  left: 0;


  width: 33px;


  height: 33px;


  border-radius: 50%;


  background: #fff;


  border: 2px solid #eff2f7;


  text-align: center;


  font-size: 1rem;


  font-weight: 600;


  z-index: 1; }


  @media only screen and (max-width: 767px) {


    .timeline-step {


      display: none; } }





.timeline-step {


  left: 50%;


  -webkit-transform: translateX(-50%);


  transform: translateX(-50%); }





/* :: Invoice CSS */


.invoice-content span {


  font-size: 14px; }





/* :: Calendar CSS */


.fc-unthemed .fc-content,


.fc-unthemed .fc-divider,


.fc-unthemed .fc-list-heading td,


.fc-unthemed .fc-list-view,


.fc-unthemed .fc-popover,


.fc-unthemed .fc-row,


.fc-unthemed tbody,


.fc-unthemed td,


.fc-unthemed th,


.fc-unthemed thead {


  border-color: #e1eaea;


  padding: 4px; }





.btn-group-colors > .btn {


  cursor: pointer; }





.btn-group-colors > .btn::before {


  position: absolute;


  left: 0;


  top: 0;


  width: 100%;


  height: 100%;


  line-height: 28px;


  color: #fff;


  -webkit-transform: scale(0);


  transform: scale(0);


  opacity: 0;


  content: "\4e";


  font-family: ElegantIcons;


  font-size: 12px;


  -webkit-transition: opacity .2s, -webkit-transform .2s;


  transition: opacity .2s, -webkit-transform .2s;


  transition: transform .2s, opacity .2s;


  transition: transform .2s, opacity .2s, -webkit-transform .2s; }





.btn-group-colors > .btn.active::before {


  -webkit-transform: scale(1);


  transform: scale(1);


  opacity: 1; }





.calendar-icon i {


  line-height: 2.5;


  color: #0168fa; }





.calendar-title {


  line-height: 1; }





.fullcalendar-btn-prev.btn.btn-sm.btn-neutral,


.fullcalendar-btn-next.btn.btn-sm.btn-neutral {


  background-color: #0dd0b7;


  color: #ffffff;


  font-size: 17px;


  line-height: 0.9;


  border-radius: 2px;


  margin-right: 3px; }





.btn.btn-sm.btn-neutral {


  background-color: #0dd0b7;


  color: #ffffff;


  line-height: 1.3;


  border-radius: 2px; }





.btn-group-colors > .btn {


  -webkit-box-shadow: none;


  box-shadow: none;


  width: 30px;


  height: 30px;


  padding: 0;


  margin-right: .5rem;


  margin-bottom: .25rem;


  position: relative; }





.fc-event {


  position: relative;


  display: block;


  font-size: 13px;


  border: none; }


  .fc-event .fc-title {


    color: #ffffff; }





.fc-unthemed td.fc-today span {


  font-weight: 700;


  color: #3c4858; }





@media only screen and (min-width: 992px) and (max-width: 1199px) {


  .calendar--area .fullcalendar-btn-prev.btn.btn-sm.btn-neutral,


  .calendar--area .fullcalendar-btn-next.btn.btn-sm.btn-neutral {


    margin-bottom: 20px; } }


@media only screen and (max-width: 767px) {


  .calendar--area .fullcalendar-btn-prev.btn.btn-sm.btn-neutral,


  .calendar--area .fullcalendar-btn-next.btn.btn-sm.btn-neutral {


    margin-bottom: 10px; } }


.calendar--area .btn.btn-sm.btn-neutral {


  margin-bottom: 10px; }





/* :: Slider CSS */


.owl-carousel.full-width .owl-nav {


  position: absolute;


  top: 50%;


  -webkit-transform: translateX(-50%);


  -ms-transform: translateX(-50%);


  transform: translateX(-50%);


  width: 100%;


  margin-top: 0;


  left: 0; }





.owl-carousel.full-width .owl-nav .owl-prev {


  left: 0;


  right: auto; }





.owl-carousel.full-width .owl-nav .owl-next {


  right: 0;


  left: auto; }





.owl-dots {


  margin-top: 10px; }





.range-slider-area .demo__buttons {


  display: -webkit-box;


  display: -ms-flexbox;


  display: flex;


  -webkit-box-pack: justify;


  -ms-flex-pack: justify;


  justify-content: space-between;


  -ms-flex-wrap: wrap;


  flex-wrap: wrap; }


  .range-slider-area .demo__buttons .button {


    display: -webkit-box;


    display: -ms-flexbox;


    display: flex;


    -webkit-box-align: center;


    -ms-flex-align: center;


    align-items: center;


    -webkit-box-pack: center;


    -ms-flex-pack: center;


    justify-content: center;


    height: 50px;


    padding: 0 1.5rem;


    margin: 0 5px;


    box-sizing: border-box;


    border-radius: 3px;


    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);


    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);


    -webkit-transition: background-color 190ms linear;


    -o-transition: background-color 190ms linear;


    transition: background-color 190ms linear;


    border: none;


    cursor: pointer; }


  .range-slider-area .demo__buttons .button.small {


    height: 2.5rem;


    padding: 0 .5rem;


    margin: 0; }


.range-slider-area .irs--big .irs-bar {


  top: 33px;


  height: 12px;


  background-color: #1de9b6;


  border: 1px solid #1de9b6;


  background: -webkit-linear-gradient(225deg, #1de9b6 0, #1dc4e9 100%);


  background: -o-linear-gradient(225deg, #1de9b6 0, #1dc4e9 100%);


  background: linear-gradient(-135deg, #1de9b6 0, #1dc4e9 100%);


  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);


  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); }


.range-slider-area .irs--big .irs-handle {


  border: none;


  background-color: #cbcfd5;


  background: -webkit-gradient(linear, left top, left bottom, from(#1de9b6), color-stop(30%, #1de9b6), to(#1de9b6));


  background: -webkit-linear-gradient(top, #1de9b6 0%, #1de9b6 30%, #1de9b6 100%);


  background: -o-linear-gradient(top, #1de9b6 0%, #1de9b6 30%, #1de9b6 100%);


  background: linear-gradient(to bottom, #1de9b6 0%, #1de9b6 30%, #1de9b6 100%); }


.range-slider-area .irs--big .irs-from,


.range-slider-area .irs--big .irs-to,


.range-slider-area .irs--big .irs-single {


  background-color: #1de9b6;


  background: -webkit-gradient(linear, left top, left bottom, from(#1de9b6), to(#1de9b6));


  background: -webkit-linear-gradient(top, #1de9b6 0%, #1de9b6 100%);


  background: -o-linear-gradient(top, #1de9b6 0%, #1de9b6 100%);


  background: linear-gradient(to bottom, #1de9b6 0%, #1de9b6 100%); }


.range-slider-area .irs--big .irs-min,


.range-slider-area .irs--big .irs-max {


  background-color: #1de9b6; }





.irs--flat .irs-bar {


  top: 25px;


  height: 12px;


  background-color: #0dd0b7; }





.irs--flat .irs-from,


.irs--flat .irs-to,


.irs--flat .irs-single {


  background-color: #0dd0b7; }





.irs--flat .irs-handle > i:first-child {


  background-color: #0dd0b7; }





.irs--flat .irs-from::before, .irs--flat .irs-to::before, .irs--flat .irs-single::before {


  border-top-color: #0dd0b7; }





/* :: Gallery CSS */


.gallery--single-content {


  position: relative;


  z-index: 1;


  width: 100%;


  overflow: hidden; }


  .gallery--single-content .gallery--image {


    position: relative;


    z-index: 1;


    overflow: hidden;


    border-radius: 3px; }


    .gallery--single-content .gallery--image img {


      width: 100%;


      -webkit-transition-duration: 1500ms;


      -o-transition-duration: 1500ms;


      transition-duration: 1500ms;


      border-radius: 3px; }


  .gallery--single-content .gallery_service_text {


    padding: 25px 30px 30px; }


    .gallery--single-content .gallery_service_text h6 {


      font-size: 14px;


      margin-bottom: 0; }





.single-gallery--item {


  position: relative;


  z-index: 1; }


  .single-gallery--item .gallery-thumb {


    position: relative;


    z-index: 1;


    padding: 15px; }


    .single-gallery--item .gallery-thumb img {


      border-radius: 10px; }


  .single-gallery--item::after {


    position: absolute;


    content: '';


    right: 1rem;


    bottom: -1rem;


    left: 1.5rem;


    top: 1.5rem;


    background: -o-linear-gradient(40deg, #0dd0b7, #b0f) !important;


    background: linear-gradient(50deg, #0dd0b7, #b0f) !important;


    border-radius: 10px;


    z-index: -1;


    -webkit-transition: 0.3s ease;


    transition: 0.3s ease; }


  .single-gallery--item:hover::after, .single-gallery--item:focus::after, .single-gallery--item:active::after {


    left: -0.5rem;


    right: -0.5rem;


    top: -0.5rem;


    bottom: -0.5rem; }


  .single-gallery--item .gallery-text-area {


    margin-left: 3.5rem; }


    .single-gallery--item .gallery-text-area .gallery-icon a {


      font-size: 18px;


      color: #ffffff;


      margin-right: 8px; }





.single_gallery_item {


  overflow: hidden;


  margin-bottom: 30px; }


  .single_gallery_item .gallery-content {


    position: relative;


    z-index: 1;


    -webkit-transition-duration: 500ms;


    -o-transition-duration: 500ms;


    transition-duration: 500ms; }


    .single_gallery_item .gallery-content .gallery-hover-overlay {


      position: absolute;


      z-index: 22;


      top: -200px;


      left: 0;


      background-color: #0dd0b7;


      opacity: 0;


      height: 100%;


      width: 100%;


      -webkit-transition-duration: 500ms;


      -o-transition-duration: 500ms;


      transition-duration: 500ms; }


      .single_gallery_item .gallery-content .gallery-hover-overlay .port-more-view {


        position: absolute;


        z-index: 99;


        bottom: 30px;


        left: 30px; }


        .single_gallery_item .gallery-content .gallery-hover-overlay .port-more-view .port-icon a {


          font-size: 18px;


          color: #ffffff;


          margin-right: 15px; }


  .single_gallery_item:hover .gallery-content img {


    width: 100%; }


  .single_gallery_item:hover .gallery-content .gallery-hover-overlay {


    opacity: 0.95;


    top: 0; }





/* :: Chat CSS */


.chat.chat-app {


  border: 1px solid #edf2f9;


  padding: 0px;


  margin: 0px; }





.chat.chat-app .chat-list {


  border-right: 1px solid #edf2f9;


  background-color: #fff; }





.chat.chat-app .chat-list .chat-user-tool {


  padding: 0px 25px;


  height: 75px;


  border-bottom: 1px solid #edf2f9; }





.chat.chat-app .chat-list .chat-user-tool .search-icon {


  color: rgba(114, 132, 154, 0.4); }





.chat.chat-app .chat-list .chat-user-tool > input {


  border: 0px;


  color: #2a2a2a;


  line-height: 75px;


  background-color: transparent;


  font-size: 18px;


  width: 70%; }





.chat.chat-app .chat-list .chat-user-list .chat-list-item:not(:last-child) {


  border-bottom: 1px solid #edf2f9; }





.chat.chat-app .chat-list .chat-user-list .chat-list-item {


  padding: 15px;


  display: block;


  transition: all 0.3s ease-in-out;


  -webkit-transition: all 0.3s ease-in-out;


  -moz-transition: all 0.3s ease-in-out;


  -o-transition: all 0.3s ease-in-out;


  -ms-transition: all 0.3s ease-in-out; }





.chat.chat-app .chat-content .conversation {


  height: 100%; }





.chat .conversation .conversation-wrapper {


  position: relative;


  height: 100%; }





.chat .conversation .conversation-wrapper .conversation-header {


  position: relative;


  height: 75px;


  display: -webkit-box;


  display: -ms-flexbox;


  display: flex;


  -webkit-box-align: center;


  -ms-flex-align: center;


  align-items: center;


  border-bottom: 1px solid #edf2f9; }





.chat .conversation .conversation-wrapper .conversation-body {


  padding: 15px 25px;


  position: relative;


  width: 100%; }





.message-desc {


  margin-bottom: 20px; }





.chat .conversation .conversation-wrapper .conversation-body .chat-text {


  font-size: 14px;


  color: #ffffff;


  padding: 5px 10px;


  border-radius: 3px; }





.chat.chat-app .chat-content .conversation-footer {


  position: absolute;


  height: 75px;


  padding: 0px 25px;


  display: flex;


  justify-content: space-between;


  width: 100%;


  bottom: 0px; }





.chat .conversation .conversation-wrapper .conversation-footer {


  position: relative;


  background-color: #fff;


  border-top: 1px solid #edf2f9;


  height: 100%; }





.chat.chat-app .chat-content .conversation-footer .chat-input {


  border: 0px;


  line-height: 75px;


  outline: 0;


  width: 100%;


  max-width: 400px; }


  @media only screen and (min-width: 992px) and (max-width: 1199px) {


    .chat.chat-app .chat-content .conversation-footer .chat-input {


      max-width: 200px; } }


  @media only screen and (min-width: 768px) and (max-width: 991px) {


    .chat.chat-app .chat-content .conversation-footer .chat-input {


      max-width: 150px; } }





.bg-dot {


  width: 8px;


  height: 8px;


  border-radius: 50px;


  padding: 0px;


  background-color: #00c9a7;


  color: #fff;


  display: inline-block; }





.chat-body-thumb {


  width: 300px;


  height: auto; }





.chat-body-gray {


  background-color: #f1f0f0; }





.chat-blue-bg {


  background-color: rgba(63, 135, 245, 0.15); }





.text-blue-chat {


  color: #0168fa; }





.chat-box-img {


  -webkit-box-flex: 0;


  -ms-flex: 0 0 40px;


  flex: 0 0 40px;


  width: 40px;


  max-width: 40px;


  border-radius: 50%; }





/* :: Form Wizard CSS */


.wizard {


  display: block;


  width: 100%;


  overflow: hidden; }





.wizard a {


  outline: 0; }





.wizard-form-area ul li a {


  background: #0dd0b7;


  color: #ffffff;


  display: inline-block;


  height: 45px;


  min-width: 150px;


  line-height: 45px;


  text-align: center;


  border-radius: 5px; }


  @media only screen and (max-width: 767px) {


    .wizard-form-area ul li a {


      min-width: 100px; } }





.wizard ul {


  list-style: none;


  padding: 0;


  margin: 0; }





.wizard ul > li {


  display: block;


  padding: 0; }





.wizard > .steps {


  position: relative;


  display: block;


  width: 100%; }





.submit-text {


  display: inline-block;


  text-transform: capitalize; }





.wizard > .steps .current-info {


  position: absolute;


  left: -999em; }





.wizard > .steps .number {


  font-size: 0.875rem; }





.wizard > .steps > ul > li {


  width: 25%;


  float: left;


  text-align: center; }





@media (max-width: 767px) {


  .wizard > .steps > ul > li {


    width: 50%; } }


.wizard > .steps a {


  display: block;


  width: auto;


  margin: 0 5px 15px;


  text-decoration: none;


  -webkit-border-radius: 5px;


  -moz-border-radius: 5px;


  border-radius: 5px;


  font-size: 0.875rem;


  font-weight: 600; }





.wizard > .steps .disabled a {


  background: #ffffff;


  color: #434a54;


  cursor: default;


  border: 1px solid #0dd0b7; }





.wizard > .steps .disabled a:hover {


  background: #ffffff;


  color: #269b66 ;


  cursor: default;


  border: 1px solid #0dd0b7; }





.wizard > .steps .disabled a:active {


  background: #ffffff;


  color: #434a54;


  cursor: default;


  border: 1px solid #0dd0b7; }





.wizard > .steps .current a {


  background: #0dd0b7;


  color: #ffffff;


  cursor: default; }





.wizard > .steps .current a:hover {


  background: #0dd0b7;


  color: #ffffff;


  cursor: default; }





.wizard > .steps .current a:active {


  background: #0dd0b7;


  color: #ffffff;


  cursor: default; }





.wizard > .steps .done a {


  background: #0dd0b7;


  color: #ffffff;


  cursor: default; }


  .wizard > .steps .done a:hover {


    background: #0dd0b7;


    color: #ffffff;


    cursor: default; }





.wizard > .steps .done a:active {


  background: #ffffff;


  color: #434a54;


  cursor: default;


  border: 1px solid #0dd0b7; }





.wizard > .steps .error a {


  background: #ff4747;


  color: #ffffff; }





.wizard > .steps .error a:hover {


  background: #ff4747;


  color: #ffffff; }





.wizard > .steps .error a:active {


  background: #ff4747;


  color: #ffffff; }





.wizard > .content {


  background: #ffffff;


  display: block;


  margin: 5px;


  min-height: 34em;


  overflow: hidden;


  position: relative;


  width: auto;


  -webkit-border-radius: 5px;


  -moz-border-radius: 5px;


  border-radius: 5px;


  border: 1px solid #e1eaea; }





.wizard > .content > .title {


  position: absolute;


  left: -999em; }





.wizard > .content > .body {


  float: left;


  position: absolute;


  width: 100%;


  height: 100%;


  padding: 30px; }


  @media only screen and (max-width: 767px) {


    .wizard > .content > .body {


      padding: 15px; } }





.wizard > .content > .body ul {


  list-style: disc; }





.wizard > .content > .body ul > li {


  display: list-item; }





.wizard > .content > .body > iframe {


  border: 0 none;


  width: 100%;


  height: 100%; }





.wizard > .content > .body input {


  display: block;


  border: 1px solid #e1eaea;


  font-size: 14px;


  height: 40px; }





.wizard > .content > .body input[type="checkbox"] {


  display: none; }





.wizard > .content > .body input.error {


  background: #fbe3e4;


  border: 1px solid #ffadad;


  color: #ff4747; }





.wizard > .content > .body label {


  display: inline-block;


  margin-bottom: 0.5em; }





.wizard > .content > .body label.error {


  color: #ff4747;


  display: inline-block;


  margin-left: 1.5em; }





.wizard > .actions {


  padding-top: 20px;


  position: relative;


  display: block;


  text-align: right;


  width: 100%; }





.wizard > .actions > ul {


  display: inline-block;


  text-align: right; }





.wizard > .actions > ul > li {


  float: left;


  margin: 0 0.5em; }





.wizard.vertical > .steps {


  display: inline;


  float: left;


  width: 30%; }





@media (max-width: 767px) {


  .wizard.vertical > .steps {


    width: 42%; } }


.wizard.vertical > .steps > ul > li {


  float: none;


  width: 100%;


  text-align: left; }





.wizard.vertical > .content {


  display: inline;


  float: left;


  margin: 0 2.5% 0.5em 2.5%;


  width: 65%; }





@media (max-width: 767px) {


  .wizard.vertical > .content {


    width: 52%; } }


.wizard.vertical > .actions {


  display: inline;


  float: right;


  margin: 0 2.5%;


  width: 95%; }





@media (max-width: 767px) {


  .wizard.vertical > .actions {


    margin: 0;


    width: 100%; } }


.wizard.vertical > .actions > ul > li {


  margin: 0 0 0 1em; }





.tabcontrol {


  display: block;


  width: 100%;


  overflow: hidden; }





.tabcontrol a {


  outline: 0; }





.tabcontrol ul {


  list-style: none;


  padding: 0;


  margin: 0; }





.tabcontrol ul > li {


  display: block;


  padding: 0; }





.tabcontrol > .steps {


  position: relative;


  display: block;


  width: 100%; }





.tabcontrol > .steps .current-info {


  position: absolute;


  left: -999em; }





.tabcontrol > .steps > ul {


  position: relative;


  margin: 6px 0 0 0;


  top: 1px;


  z-index: 1; }





.tabcontrol > .steps > ul > li {


  float: left;


  margin: 5px 2px 0 0;


  padding: 1px;


  -webkit-border-top-left-radius: 5px;


  -webkit-border-top-right-radius: 5px;


  -moz-border-radius-topleft: 5px;


  -moz-border-radius-topright: 5px;


  border-top-left-radius: 5px;


  border-top-right-radius: 5px; }





.tabcontrol > .steps > ul > li:hover {


  background: #edecec;


  border: 1px solid #e1eaea;


  padding: 0; }





.tabcontrol > .steps > ul > li > a {


  color: #aab2bd;


  display: inline-block;


  border: 0 none;


  margin: 0;


  padding: 10px 30px;


  text-decoration: none; }





.tabcontrol > .steps > ul > li > a:hover {


  text-decoration: none; }





.tabcontrol > .steps > ul > li.current {


  background: #ffffff;


  border: 1px solid #e1eaea;


  border-bottom: 0 none;


  padding: 0 0 1px 0;


  margin-top: 0; }





.tabcontrol > .steps > ul > li.current > a {


  padding: 15px 30px 10px 30px; }





.tabcontrol > .content {


  position: relative;


  display: inline-block;


  width: 100%;


  height: 35em;


  overflow: hidden;


  border-top: 1px solid #e1eaea;


  padding-top: 20px; }





.tabcontrol > .content > .title {


  position: absolute;


  left: -999em; }





.tabcontrol > .content > .body {


  float: left;


  position: absolute;


  width: 95%;


  height: 95%;


  padding: 2.5%; }





.tabcontrol > .content > .body ul {


  list-style: disc; }





.tabcontrol > .content > .body ul > li {


  display: list-item; }





#steps-uid-0-p-3 [type="checkbox"] + span:not(.lever)::before,


#steps-uid-0-p-3 [type="checkbox"]:not(.filled-in) + span:not(.lever)::after,


#steps-uid-1-p-2 [type="checkbox"] + span:not(.lever)::before,


#steps-uid-1-p-2 [type="checkbox"]:not(.filled-in) + span:not(.lever)::after {


  top: -1px; }





/* :: Form CSS */


.form-group label {


  font-size: 0.874rem; }





.form-control {


  border-color: #dbdbdb; }


  .form-control:focus {


    border-color: #0dd0b7;


    box-shadow: none; }





.input-group,


.asColorPicker-wrap {


  position: relative;


  display: -webkit-box;


  display: -ms-flexbox;


  display: flex;


  -ms-flex-wrap: wrap;


  flex-wrap: wrap;


  -webkit-box-align: stretch;


  -ms-flex-align: stretch;


  align-items: stretch;


  width: 100%; }





.form-group .file-upload-default {


  display: none; }





.success-box {


  margin: 50px 0;


  padding: 10px 10px;


  border: 1px solid #e1eaea;


  background: #f2f4f8; }


  .success-box div {


    vertical-align: top;


    display: inline-block;


    color: #777; }


  .success-box img {


    margin-right: 10px;


    display: inline-block;


    vertical-align: top; }





#example-vertical-wizard h3 {


  font-size: 20px; }





#demo {


  z-index: 99999999999 !important;


  position: relative; }





.input-form-area .nice-select {


  width: 80%;


  border-radius: 0;


  height: auto; }


.input-form-area .form-control {


  height: auto; }





.input-group-text {


  background-color: #fff; }





.typeahead-form-area .twitter-typeahead {


  width: 100%; }


.typeahead-form-area .typeahead.form-control.tt-input {


  font-size: 14px; }


.typeahead-form-area .tt-menu {


  background-color: #f8f8f8;


  padding: 15px;


  -webkit-box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.3);


  box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.3); }


  .typeahead-form-area .tt-menu .tt-suggestion.tt-selectable {


    font-size: 14px;


    margin-bottom: 10px;


    color: #3c4858;


    font-weight: 300;


    cursor: pointer; }





.layout-form-area .nice-select {


  height: calc(2.25rem + 2px);


  line-height: calc(2.25rem + 2px); }





.form-check-input {


  margin-left: 0; }





div.tagsinput span.tag {


  border: 1px solid #0dd0b7;


  padding: 5px 10px;


  background: #0dd0b7;


  color: #ffffff;


  font-family: inherit;


  font-size: 13px; }





div.tagsinput {


  padding: 15px 15px 10px;


  border-color: #e1eaea; }





div.tagsinput span.tag {


  color: #ffffff;


  font-size: 13px; }





.select2-container--default .select2-selection--single .select2-selection__rendered {


  color: #8492a6;


  line-height: 28px;


  font-size: 14px; }





.select2-container .select2-selection--single {


  height: 35px;


  padding: 3px 10px; }





.select2-container--default .select2-selection--single {


  border: 1px solid #e1eaea;


  border-radius: 3px; }





.select2-container--default .select2-selection--multiple {


  border: 1px solid #e1eaea;


  border-radius: 3px; }





.select2-container--default .select2-selection--single,


.select2-container--default .select2-dropdown,


.select2-container--default .select2-selection--multiple {


  border-color: #e1eaea; }





.form-control,


select,


.email-compose-fields .select2-container--default .select2-selection--multiple,


.select2-container--default .select2-selection--single,


.select2-container--default .select2-selection--single .select2-search__field,


.typeahead,


.tt-query,


.tt-hint {


  border: 1px solid #e1eaea;


  font-weight: 400; }





.select2-container--default .select2-selection--multiple .select2-selection__choice {


  background-color: #0dd0b7;


  border: 1px solid #0dd0b7;


  color: #fff;


  font-size: 14px; }





.datepicker table tr td span.focused,


.datepicker table tr td span:hover,


.datepicker table tr td.day.focused,


.datepicker table tr td.day:hover {


  background: #0dd0b7;


  color: #fff; }





.bootstrap-touchspin .input-group-btn-vertical {


  z-index: 5; }





.checkbox {


  padding: 10px 0;


  min-height: auto;


  position: relative;


  margin-right: 5px; }





.checkbox input[type="checkbox"] {


  margin: 0;


  display: none;


  width: 22px; }





.checkbox input[type="checkbox"] + .cr {


  padding-left: 0; }





.checkbox .cr {


  cursor: pointer; }





.checkbox input[type="checkbox"]:checked + .cr::before {


  background: #1dd5d2;


  border-color: #1dd5d2;


  color: #fff; }





.checkbox input[type="checkbox"] + .cr::before {


  content: "\4e";


  width: 22px;


  height: 22px;


  display: inline-block;


  margin-right: 10px;


  border: 2px solid #e9eaec;


  border-radius: 3px;


  font-size: 15px;


  font-family: ElegantIcons;


  font-weight: 400;


  line-height: 19px;


  vertical-align: bottom;


  text-align: center;


  background: #fff;


  color: transparent;


  cursor: pointer;


  -webkit-transition: all .2s ease-in-out;


  transition: all .2s ease-in-out; }





.checkbox.checkbox-primary input[type="checkbox"]:checked + .cr::before {


  background: #04a9f5;


  border-color: #04a9f5;


  color: #fff; }





.checkbox.checkbox-danger input[type="checkbox"]:checked + .cr::before {


  background: #ff5630;


  border-color: #ff5630;


  color: #fff; }





.stacked-form-area input[type=text],


.stacked-form-area select {


  width: 100%;


  padding: 12px 20px;


  margin: 8px 0;


  display: inline-block;


  border: 1px solid #e1eaea;


  border-radius: 4px;


  box-sizing: border-box; }





.contact-form-area {


  /* Style inputs with type="text", select elements and textareas */ }


  .contact-form-area input[type=text],


  .contact-form-area select,


  .contact-form-area textarea {


    width: 100%;


    padding: 10px;


    border: 1px solid #e1eaea;


    border-radius: 4px;


    box-sizing: border-box;


    margin-top: 6px;


    margin-bottom: 16px;


    resize: vertical; }





.new-checkbox {


  /* The switch - the box around the slider */


  /* Hide default HTML checkbox */


  /* The slider */


  /* Rounded sliders */ }


  .new-checkbox .switch {


    position: relative;


    display: inline-block;


    width: 60px;


    height: 34px; }


  .new-checkbox .switch input {


    opacity: 0;


    width: 0;


    height: 0; }


  .new-checkbox .slider {


    position: absolute;


    cursor: pointer;


    top: 0;


    left: 0;


    right: 0;


    bottom: 0;


    background-color: #ccc;


    -webkit-transition: .4s;


    transition: .4s; }


  .new-checkbox .slider:before {


    position: absolute;


    content: "";


    height: 26px;


    width: 26px;


    left: 4px;


    bottom: 4px;


    background-color: #ffffff;


    -webkit-transition: .4s;


    transition: .4s; }


  .new-checkbox input:checked + .slider {


    background-color: #0dd0b7; }


  .new-checkbox input:focus + .slider {


    box-shadow: 0 0 1px #0dd0b7; }


  .new-checkbox input:checked + .slider:before {


    -webkit-transform: translateX(26px);


    -ms-transform: translateX(26px);


    transform: translateX(26px); }


  .new-checkbox .slider.round {


    border-radius: 34px; }


  .new-checkbox .slider.round:before {


    border-radius: 50%; }





.animated-search-box {


  /* When the input field gets focus, change its width to 100% */ }


  .animated-search-box input[type=text] {


    width: 130px;


    border: 2px solid #e1eaea;


    padding: 10px 15px;


    border-radius: 5px;


    -webkit-transition: width 0.4s ease-in-out;


    transition: width 0.4s ease-in-out; }


  .animated-search-box input[type=text]:focus {


    width: 100%; }





.fullscreen-search-box {


  /* The overlay effect with black background */


  /* The content */


  /* Close button */


  /* Style the search field */


  /* Style the submit button */ }


  .fullscreen-search-box .overlay {


    height: 100%;


    width: 100%;


    display: none;


    position: fixed;


    z-index: 9999;


    top: 0;


    left: 0;


    background-color: black;


    background-color: rgba(0, 0, 0, 0.9);


    -webkit-transition: .4s;


    transition: .4s; }


  .fullscreen-search-box .overlay-content {


    position: relative;


    top: 46%;


    width: 80%;


    text-align: center;


    margin-top: 30px;


    margin: auto;


    -webkit-transition: .4s;


    transition: .4s; }


  .fullscreen-search-box .overlay .closebtn {


    position: absolute;


    top: 20px;


    right: 45px;


    font-size: 60px;


    cursor: pointer;


    color: white;


    -webkit-transition: .4s;


    transition: .4s; }


  .fullscreen-search-box .overlay .closebtn:hover {


    color: #ccc;


    -webkit-transition: .4s;


    transition: .4s; }


  .fullscreen-search-box .overlay input[type=text] {


    padding: 15px;


    font-size: 17px;


    border: none;


    float: left;


    width: 80%;


    background: white;


    -webkit-transition: .4s;


    transition: .4s; }


  .fullscreen-search-box .overlay input[type=text]:hover {


    background: #f1f1f1; }


  .fullscreen-search-box .overlay button {


    float: left;


    width: 20%;


    padding: 15px;


    background: #0dd0b7;


    font-size: 16px;


    color: #ffffff;


    border: none;


    cursor: pointer;


    -webkit-transition: .4s;


    transition: .4s; }


  .fullscreen-search-box .overlay button:hover {


    background-color: #00b8d9; }





.input-group-text {


  background-color: #f3f6f7;


  border: 1px solid #e1eaea; }





.form-group label {


  color: #3c4858; }





.custom-input-file {


  width: .1px;


  height: .1px;


  opacity: 0;


  outline: none;


  overflow: hidden;


  position: absolute;


  z-index: -1; }





.custom-input-file + label {


  text-overflow: ellipsis;


  white-space: nowrap;


  cursor: pointer;


  display: block;


  overflow: hidden;


  padding: .625rem 1.25rem;


  border: 1px solid #e0e6ed;


  border-radius: .25rem;


  color: #8492a6;


  background-color: #fff;


  outline: none;


  margin: 0; }





.custom-input-file + label i {


  font-size: 20px;


  vertical-align: middle;


  fill: currentColor;


  margin-top: -.25em;


  margin-right: .5em; }





.custom-input-file--2 + label {


  color: #fff;


  border-color: #0dd0b7;


  background: #0dd0b7; }





.input-group-append .btn,


.input-group-prepend .btn {


  height: 40px; }





/* :: Login CSS */


.login-area {


  position: relative;


  z-index: 1; }


  .login-area .form-control {


    height: 50px;


    font-size: 14px; }





.login-area::before {


  content: "";


  position: absolute;


  top: 0;


  left: 0;


  width: 100%;


  z-index: -1;


  pointer-events: none;


  height: 430px;


  background-color: #0dd0b7;


  border-bottom-left-radius: 2.5rem; }





.middle-box {


  padding-top: 15px;


  padding-bottom: 15px; }





.login-icon a {


  color: #ffffff;


  background-color: #0dd0b7;


  height: 35px;


  width: 35px;


  display: inline-block;


  border-radius: 50%;


  line-height: 37px;


  color: #ffffff;


  font-size: 12px;


  text-align: center;


  margin: 0 5px;


  transition-duration: 500ms; }


  .login-icon a:hover, .login-icon a:focus {


    -webkit-transform: translateY(-10px);


    -ms-transform: translateY(-10px);


    transform: translateY(-10px); }





.form-control.register {


  height: 50px;


  font-size: 12px; }





.login-form,


.register-form {


  position: relative;


  z-index: 1; }


  .login-form [type="checkbox"] + span:not(.lever)::before,


  .login-form [type="checkbox"]:not(.filled-in) + span:not(.lever)::after,


  .register-form [type="checkbox"] + span:not(.lever)::before,


  .register-form [type="checkbox"]:not(.filled-in) + span:not(.lever)::after {


    top: 0; }





.login-area-2 {


  position: relative;


  z-index: 22; }


  .login-area-2 .middle-box {


    position: relative;


    z-index: 9999; }


    .login-area-2 .middle-box h3 {


      font-size: 30px; }


    .login-area-2 .middle-box .form-control {


      background-color: transparent;


      border-radius: 4px;


      color: #fff;


      font-size: 14px;


      border: 1px solid rgba(255, 255, 255, 0.3); }





.card-body-login img {


  max-height: 30px; }





.middle-box input[type="checkbox"],


.middle-box input[type="radio"] {


  display: none; }


.middle-box [type="checkbox"] + span:not(.lever) {


  position: relative;


  padding-left: 25px;


  cursor: pointer;


  display: inline-block;


  height: 13px;


  line-height: 25px;


  font-size: 1rem;


  -webkit-user-select: none;


  -moz-user-select: none;


  -ms-user-select: none;


  user-select: none; }


.middle-box [type="checkbox"] + span:not(.lever)::before,


.middle-box [type="checkbox"]:not(.filled-in) + span:not(.lever)::after {


  content: '';


  position: absolute;


  top: 3px;


  left: 0;


  width: 18px;


  height: 18px;


  z-index: 0;


  border: 2px solid #777;


  border-radius: 1px;


  -webkit-transition: 0.2s;


  -o-transition: 0.2s;


  transition: 0.2s; }


.middle-box [type="checkbox"]:not(.filled-in) + span:not(.lever)::after {


  border: 0;


  -webkit-transform: scale(0);


  -ms-transform: scale(0);


  transform: scale(0); }


.middle-box [type="checkbox"] + span:not(.lever)::before,


.middle-box [type="checkbox"]:not(.filled-in) + span:not(.lever)::after {


  content: '';


  position: absolute;


  top: 3px;


  left: 0;


  width: 18px;


  height: 18px;


  z-index: 0;


  border: 2px solid #0dd0b7;


  border-radius: 1px;


  -webkit-transition: 0.2s;


  -o-transition: 0.2s;


  transition: 0.2s; }


.middle-box .widgets-todo-list-area .todo-list li [type="checkbox"]:checked + span:not(.lever)::before {


  border-right: 2px solid #0dd0b7;


  border-bottom: 2px solid #0dd0b7; }


.middle-box [type="checkbox"]:checked + span:not(.lever)::before {


  top: -4px;


  left: -5px;


  width: 12px;


  height: 22px;


  border-top: 2px solid transparent;


  border-left: 2px solid transparent;


  border-right: 2px solid #0dd0b7;


  border-bottom: 2px solid #0dd0b7;


  -webkit-transform: rotate(40deg);


  -ms-transform: rotate(40deg);


  transform: rotate(40deg);


  -webkit-backface-visibility: hidden;


  backface-visibility: hidden;


  -webkit-transform-origin: 100% 100%;


  transform-origin: 100% 100%; }





/* ---- Particles Css ---- */


#particles-js {


  height: 100%;


  width: 100%;


  position: relative;


  z-index: 1; }





#particles-js canvas.particles-js-canvas-el {


  position: absolute !important;


  top: 0 !important;


  left: 0 !important;


  z-index: -1 !important; }





/* :: Todo List CSS */


.widgets-todo-list-area .form-add-todo {


  position: relative;


  z-index: 1; }


.widgets-todo-list-area .new-todo-item {


  width: 100%;


  border: 1px solid #e1eaea;


  height: 45px;


  padding: 10px 20px;


  font-size: 15px;


  border-radius: 3px;


  margin-right: 15px; }


  @media only screen and (max-width: 767px) {


    .widgets-todo-list-area .new-todo-item {


      width: 70%; } }


.widgets-todo-list-area .add-todo-item {


  width: 100px;


  height: 45px;


  border: none;


  color: #ffffff;


  background-color: #0dd0b7;


  font-size: 18px;


  border-radius: 3px;


  z-index: 10; }


.widgets-todo-list-area .todo-list {


  position: relative;


  z-index: 1;


  margin-top: 1.25rem; }


  .widgets-todo-list-area .todo-list li {


    -webkit-transition-duration: 500ms;


    -o-transition-duration: 500ms;


    transition-duration: 500ms;


    position: relative;


    z-index: 1;


    padding: 0.4rem 2rem 0.4rem 1rem;


    border: 1px solid #e1eaea;


    border-radius: 3px;


    display: -webkit-box;


    display: -ms-flexbox;


    display: flex;


    -webkit-box-align: center;


    -ms-flex-align: center;


    align-items: center;


    margin-top: 15px;


    font-size: 16px;


    font-weight: 600; }


    .widgets-todo-list-area .todo-list li [type="checkbox"]:checked + span:not(.lever)::before {


      border-right: 2px solid #0dd0b7;


      border-bottom: 2px solid #0dd0b7; }


    .widgets-todo-list-area .todo-list li label {


      margin-right: .5rem; }


    .widgets-todo-list-area .todo-list li .todo-item-delete {


      position: absolute;


      top: 50%;


      right: 1rem;


      height: 16px;


      width: 16px;


      font-size: 16px;


      color: #0dd0b7;


      margin-top: -8px;


      cursor: pointer; }


    .widgets-todo-list-area .todo-list li.todo-completed {


      text-decoration: line-through;


      border-color: #36b37e; }


      .widgets-todo-list-area .todo-list li.todo-completed .todo-item-delete {


        color: #ff5630; }


.widgets-todo-list-area input[type="checkbox"],


.widgets-todo-list-area input[type="radio"] {


  display: none; }


.widgets-todo-list-area [type="checkbox"] + span:not(.lever) {


  position: relative;


  padding-left: 25px;


  cursor: pointer;


  display: inline-block;


  height: 13px;


  line-height: 25px;


  font-size: 1rem;


  -webkit-user-select: none;


  -moz-user-select: none;


  -ms-user-select: none;


  user-select: none; }


.widgets-todo-list-area [type="checkbox"] + span:not(.lever)::before,


.widgets-todo-list-area [type="checkbox"]:not(.filled-in) + span:not(.lever)::after {


  content: '';


  position: absolute;


  top: 3px;


  left: 0;


  width: 18px;


  height: 18px;


  z-index: 0;


  border: 2px solid #777;


  border-radius: 1px;


  -webkit-transition: 0.2s;


  -o-transition: 0.2s;


  transition: 0.2s; }


.widgets-todo-list-area [type="checkbox"]:not(.filled-in) + span:not(.lever)::after {


  border: 0;


  -webkit-transform: scale(0);


  -ms-transform: scale(0);


  transform: scale(0); }


.widgets-todo-list-area [type="checkbox"] + span:not(.lever)::before,


.widgets-todo-list-area [type="checkbox"]:not(.filled-in) + span:not(.lever)::after {


  content: '';


  position: absolute;


  top: 3px;


  left: 0;


  width: 18px;


  height: 18px;


  z-index: 0;


  border: 2px solid #0dd0b7;


  border-radius: 1px;


  -webkit-transition: 0.2s;


  -o-transition: 0.2s;


  transition: 0.2s; }


.widgets-todo-list-area .widgets-todo-list-area .todo-list li [type="checkbox"]:checked + span:not(.lever)::before {


  border-right: 2px solid #0dd0b7;


  border-bottom: 2px solid #0dd0b7; }


.widgets-todo-list-area [type="checkbox"]:checked + span:not(.lever)::before {


  top: -4px;


  left: -5px;


  width: 12px;


  height: 22px;


  border-top: 2px solid transparent;


  border-left: 2px solid transparent;


  border-right: 2px solid #0dd0b7;


  border-bottom: 2px solid #0dd0b7;


  -webkit-transform: rotate(40deg);


  -ms-transform: rotate(40deg);


  transform: rotate(40deg);


  -webkit-backface-visibility: hidden;


  backface-visibility: hidden;


  -webkit-transform-origin: 100% 100%;


  transform-origin: 100% 100%; }





.to-do-list .done-task h6,


.to-do-list .done-task p,


.to-do-list .done-task span {


  text-decoration: line-through; }





.todo--list-area {


  /* Basic Style */


  /* Heading */


  /* New Task */


  /* Task list */


  /* Completed */


  /* Edit Task */ }


  .todo--list-area body {


    background: #fff;


    color: #333;


    font-family: Lato, sans-serif; }


  .todo--list-area .container {


    display: block;


    width: 400px;


    margin: 100px auto 0; }


  .todo--list-area ul {


    margin: 0;


    padding: 0; }


  .todo--list-area li * {


    float: left; }


  .todo--list-area li, .todo--list-area h3 {


    clear: both;


    list-style: none; }


  .todo--list-area input, .todo--list-area button {


    outline: none; }


  .todo--list-area button {


    background: none;


    border: 0px;


    color: #888;


    font-size: 15px;


    width: 60px;


    margin: 10px 0 0;


    font-family: Lato, sans-serif;


    cursor: pointer; }


  .todo--list-area button:hover {


    color: #333; }


  .todo--list-area h3,


  .todo--list-area label[for='new-task'] {


    color: #333;


    font-weight: 700;


    font-size: 15px;


    border-bottom: 2px solid #333;


    padding: 30px 0 10px;


    margin: 0;


    text-transform: uppercase; }


  .todo--list-area input[type="text"] {


    margin: 0;


    font-size: 18px;


    line-height: 18px;


    height: 18px;


    padding: 10px;


    border: 1px solid #ddd;


    background: #fff;


    border-radius: 6px;


    font-family: Lato, sans-serif;


    color: #888; }


  .todo--list-area input[type="text"]:focus {


    color: #333; }


  .todo--list-area label[for='new-task'] {


    display: block;


    margin: 0 0 20px; }


  .todo--list-area input#new-task {


    float: left;


    width: 318px; }


  .todo--list-area p > button:hover {


    color: #0FC57C; }


  .todo--list-area li {


    overflow: hidden;


    padding: 20px 0;


    border-bottom: 1px solid #eee; }


  .todo--list-area li > input[type="checkbox"] {


    margin: 0 10px;


    position: relative;


    top: 15px; }


  .todo--list-area li > label {


    font-size: 18px;


    line-height: 40px;


    width: 237px;


    padding: 0 0 0 11px; }


  .todo--list-area li > input[type="text"] {


    width: 226px; }


  .todo--list-area li > .delete:hover {


    color: #CF2323; }


  .todo--list-area #completed-tasks label {


    text-decoration: line-through;


    color: #888; }


  .todo--list-area ul li input[type=text] {


    display: none; }


  .todo--list-area ul li.editMode input[type=text] {


    display: block; }


  .todo--list-area ul li.editMode label {


    display: none; }





/* :: Widget CSS */


.widget-icon {


  color: #727cf5;


  font-size: 16px;


  background-color: rgba(114, 124, 245, 0.25);


  height: 30px;


  width: 30px;


  text-align: center;


  line-height: 30px;


  border-radius: 3px;


  display: inline-block; }





.rounded-circle {


  border-radius: 50% !important; }





.conversation-list .odd .chat-avatar {


  float: right !important; }





.conversation-list .odd .ctext-wrap {


  background-color: #fef5e4; }





.conversation-list .odd .conversation-text {


  float: right !important;


  margin-right: 12px;


  text-align: right;


  width: 70% !important; }





.inbox-widget .inbox-item {


  border-bottom: 1px solid #fff;


  overflow: hidden;


  padding: .625rem 0;


  position: relative; }





.inbox-widget .inbox-item .inbox-item-img {


  display: block;


  float: left;


  margin-right: 15px;


  width: 40px; }





.inbox-widget .inbox-item .inbox-item-author {


  color: #343a40;


  display: block;


  margin-bottom: 3px; }





.inbox-widget .inbox-item .inbox-item-text {


  color: #8492a6;


  display: block;


  font-size: .8125rem;


  margin: 0; }





.inbox-widget .inbox-item .inbox-item-date {


  color: #98a6ad;


  font-size: .6875rem;


  position: absolute;


  right: 5px;


  top: 10px; }





.timeline-alt .timeline-item {


  position: relative; }


  .timeline-alt .timeline-item::before {


    background-color: #f1f3fa;


    bottom: 0;


    content: "";


    left: 9px;


    position: absolute;


    top: 20px;


    width: 2px;


    z-index: 0; }


  .timeline-alt .timeline-item .icon {


    float: left;


    height: 20px;


    width: 20px;


    border-radius: 50%;


    border: 2px solid transparent;


    font-size: 10px;


    text-align: center;


    line-height: 16px;


    background-color: rgba(77, 92, 242, 0.19) !important; }


  .timeline-alt .timeline-item .timeline-item-info {


    margin-left: 35px; }





.toll-free-box i {


  position: absolute;


  left: 0;


  bottom: -15px;


  font-size: 4rem;


  opacity: .4;


  -webkit-transform: rotate(30deg);


  transform: rotate(30deg); }





.tilebox-one i {


  position: absolute;


  right: 1.5rem;


  font-size: 2rem;


  opacity: .3; }





.message-box .message-widget a .user-thumb img {


  width: 100%; }





.total-earnings-list {


  position: relative;


  z-index: 1; }


  .total-earnings-list li {


    position: relative;


    z-index: 1;


    -webkit-transition-duration: 350ms;


    -o-transition-duration: 350ms;


    transition-duration: 350ms;


    display: -webkit-box;


    display: -ms-flexbox;


    display: flex;


    -webkit-box-pack: justify;


    -ms-flex-pack: justify;


    justify-content: space-between;


    -webkit-box-align: center;


    -ms-flex-align: center;


    align-items: center;


    margin-bottom: 25px; }


    .total-earnings-list li:last-child {


      margin-bottom: 0; }


    .total-earnings-list li::after {


      -webkit-transition-duration: 600ms;


      -o-transition-duration: 600ms;


      transition-duration: 600ms;


      content: '';


      position: absolute;


      width: 3px;


      height: 100%;


      background-color: #0dd0b7;


      top: 0;


      left: -20px;


      z-index: 1;


      opacity: 0;


      visibility: hidden; }


    .total-earnings-list li:hover::after {


      opacity: 1;


      visibility: visible; }


    .total-earnings-list li:hover .author-text h6 {


      color: #0dd0b7; }


  .total-earnings-list .author-info .author-img {


    -webkit-box-flex: 0;


    -ms-flex: 0 0 40px;


    flex: 0 0 40px;


    width: 40px;


    max-width: 40px; }


    .total-earnings-list .author-info .author-img img {


      border-radius: 50%; }


  .total-earnings-list .author-text h6 {


    font-size: 14px;


    -webkit-transition-duration: 500ms;


    -o-transition-duration: 500ms;


    transition-duration: 500ms;


    font-weight: 700; }


    @media only screen and (max-width: 767px) {


      .total-earnings-list .author-text h6 {


        font-size: 13px; } }


  .total-earnings-list .author-text p {


    font-size: 12px;


    font-weight: 700; }





.client-media-content .client-thumb {


  width: 40px; }





.user--media-body h6 {


  font-size: 14px; }





.user--media-body span {


  font-size: 13px; }





/* :: Typography CSS */


.link-btn-typo {


  margin-bottom: 15px;


  display: inline-block; }





.tpography-unordered ul {


  margin: 5px;


  padding: 10px; }


  .tpography-unordered ul li {


    list-style: disc;


    line-height: 1.7; }





/* :: Contact CSS */


.member-content-area .member-contact-content .contact-thumb {


  -webkit-box-flex: 0;


  -ms-flex: 0 0 50px;


  flex: 0 0 50px;


  max-width: 50px;


  width: 50px;


  margin-right: 15px; }


  .member-content-area .member-contact-content .contact-thumb img {


    border-radius: 50%; }


.member-content-area .member-contact-content .member-contact-info {


  -webkit-box-flex: 0;


  -ms-flex: 0 0 80%;


  flex: 0 0 80%;


  max-width: 80%;


  width: 80%; }


.member-content-area h5 {


  font-size: 14px;


  margin-bottom: 0; }


.member-content-area .nav {


  -webkit-box-align: center;


  -ms-flex-align: center;


  align-items: center;


  margin-bottom: 10px; }


  .member-content-area .nav:last-child {


    margin-bottom: 0; }


  .member-content-area .nav .nav-item .img-icon {


    height: 30px;


    width: 30px;


    background-color: #0dd0b7;


    text-align: center;


    line-height: 30px;


    color: #ffffff;


    border-radius: 50%;


    margin-right: 10px;


    font-size: 12px; }


  .member-content-area .nav .nav-item p {


    margin-bottom: 0; }





.contact-content-area .address-contact-area p {


  margin-bottom: 10px;


  color: #343a40;


  font-size: 16px; }


  .contact-content-area .address-contact-area p i {


    display: inline-block;


    width: 30px; }


.contact-content-area .address-contact-area a {


  display: block;


  font-size: 16px;


  margin-bottom: 15px;


  color: #343a40; }


  .contact-content-area .address-contact-area a i {


    width: 30px;


    display: inline-block; }


.contact-content-area .contact-add-icon a {


  font-size: 14px;


  margin-right: 10px; }





.address-content- {


  display: -webkit-box;


  display: -ms-flexbox;


  display: flex;


  -webkit-box-align: center;


  -ms-flex-align: center;


  align-items: center; }


  .address-content- .contact--icon {


    margin-right: 15px; }


    .address-content- .contact--icon i {


      font-size: 22px; }





.contact-add-icon.two a {


  font-size: 12px;


  height: 35px;


  width: 35px;


  border: 2px solid #e1eaea;


  display: inline-block;


  line-height: 34px;


  text-align: center;


  border-radius: 50%;


  color: #0168fa;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms; }


  .contact-add-icon.two a:hover {


    background-color: #0168fa;


    color: #ffffff;


    border-color: #0168fa; }





.form-control.contact {


  border: none;


  background-color: #f2f4f8;


  font-size: 12px;


  padding: 20px; }





.map-container.contact-page {


  width: 100%;


  height: 420px; }


  @media only screen and (max-width: 767px) {


    .map-container.contact-page {


      height: 270px; } }


  .map-container.contact-page iframe {


    width: 100%;


    height: 100%;


    border: none; }





.single-conatct--area {


  overflow: hidden;


  position: relative;


  z-index: 1; }


  .single-conatct--area .side-icon {


    position: relative;


    z-index: 1;


    -webkit-transition-duration: 700ms;


    -o-transition-duration: 700ms;


    transition-duration: 700ms; }


    .single-conatct--area .side-icon a {


      font-size: 20px;


      margin-bottom: 10px;


      font-weight: 700;


      transition-duration: 700ms; }


      .single-conatct--area .side-icon a:hover {


        transform: translateX(-10px); }





/* :: Pricing Table CSS */


.our-ticket-pricing-table-area {


  background-color: #eef5f9; }





.single-ticket-pricing-table {


  background-color: #ffffff;


  padding: 0 40px 40px 40px;


  border-radius: 10px;


  margin-bottom: 1.25rem;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms;


  border: 1px solid #e1eaea; }


  .single-ticket-pricing-table.active {


    -webkit-transform: scale(1.1);


    -ms-transform: scale(1.1);


    transform: scale(1.1); }


  .single-ticket-pricing-table .ticket-plan {


    background-color: #0dd0b7;


    padding: 10px 25px;


    display: block;


    letter-spacing: 1px;


    text-transform: uppercase;


    color: #ffffff;


    border-radius: 0 0 5px 5px;


    margin-bottom: 25px;


    line-height: 1; }


  .single-ticket-pricing-table .ticket-icon {


    font-size: 18px;


    color: #0dd0b7;


    height: 50px;


    width: 50px;


    line-height: 48px;


    display: inline-block;


    border: 1px solid #0dd0b7;


    border-radius: 50%;


    -webkit-transition-duration: 500ms;


    -o-transition-duration: 500ms;


    transition-duration: 500ms; }


  .single-ticket-pricing-table .ticket-price {


    font-size: 60px;


    color: #8492a6;


    font-weight: 600;


    letter-spacing: 1px;


    line-height: 1;


    margin-top: 25px;


    margin-bottom: 15px;


    -webkit-transition-duration: 500ms;


    -o-transition-duration: 500ms;


    transition-duration: 500ms; }


    .single-ticket-pricing-table .ticket-price span {


      font-size: 30px;


      font-weight: 600;


      position: relative;


      top: -20px; }


  .single-ticket-pricing-table .ticket-pricing-table-details p {


    color: #8492a6;


    margin-bottom: 8px; }


    .single-ticket-pricing-table .ticket-pricing-table-details p i {


      color: #0dd0b7;


      margin-right: 5px; }


    .single-ticket-pricing-table .ticket-pricing-table-details p:last-child {


      margin-bottom: 0; }





/* :: Data Table CSS */


.pagination-rounded .page-link {


  border-radius: 30px !important;


  margin: 0 3px;


  border: none; }


  @media only screen and (max-width: 767px) {


    .pagination-rounded .page-link {


      margin: 10px 0px;


      display: block; } }





.page-link {


  position: relative;


  display: block;


  padding: .5rem .75rem;


  margin-left: -1px;


  line-height: 1.25;


  color: #313a46;


  background-color: #fff;


  border: 1px solid #dee2e6;


  cursor: pointer; }





.page-item.active .page-link {


  z-index: 1;


  color: #fff;


  background-color: #0dd0b7;


  border-color: #0dd0b7; }





/* :: Web Icons CSS */


.single_icon {


  padding: 15px;


  text-align: center; }


  .single_icon span {


    font-size: 13px; }


  .single_icon i {


    display: block;


    margin-bottom: 15px;


    font-size: 26px;


    color: #232323; }





.border {


  border-color: #e1eaea !important; }





.shortcodes_content_area .single_icon {


  padding: 15px;


  text-align: center; }





.single_icon_thumb {


  padding: 30px;


  text-align: center; }


  .single_icon_thumb span {


    font-size: 30px;


    display: block;


    margin: auto; }


  .single_icon_thumb code {


    margin-top: 10px;


    display: block;


    font-size: 12px; }


  .single_icon_thumb h6 {


    margin-top: 15px;


    margin-bottom: 0; }





.single_icon_area i {


  font-size: 20px; }





/* :: Card CSS */


.single-card-area {


  border-radius: 10px; }


  .single-card-area .card-thumb {


    border-radius: 10px 10px 0 0; }


  .single-card-area .card-text {


    padding: 1rem; }


    .single-card-area .card-text h4 {


      font-size: 1.25rem; }





.single-card-two-area {


  position: relative;


  z-index: 1;


  height: 300px;


  border-radius: 10px; }


  .single-card-two-area::after {


    position: absolute;


    width: 100%;


    height: 100%;


    right: 0;


    top: 0;


    content: "";


    background-color: rgba(0, 0, 0, 0.5);


    z-index: -1;


    border-radius: 10px; }


  .single-card-two-area .single-card-content .single-card-two-text h4 {


    color: #ffffff; }


  .single-card-two-area .single-card-content .single-card-two-text p {


    font-size: 14px;


    color: #ffffff; }





.single-card-three-area {


  padding: 30px;


  text-align: center;


  background-color: #ffffff; }


  .single-card-three-area .icon {


    height: 70px;


    width: 70px;


    line-height: 72px;


    font-size: 26px;


    margin: auto;


    -webkit-transition-duration: 500ms;


    -o-transition-duration: 500ms;


    transition-duration: 500ms;


    border-radius: 50%;


    background-color: #f2f4f8; }


  .single-card-three-area h4 {


    margin-top: 15px; }


  .single-card-three-area p {


    margin-bottom: 0; }


  .single-card-three-area:hover .icon {


    background-color: #0dd0b7;


    color: #ffffff; }





.card- {


  background: #ffffff; }





.border-info- {


  border: #17a2b8 !important; }





.border-danger- {


  border: 1px solid #f1536e !important; }





.border-primary- {


  border: 1px solid #2466fd !important; }





.medium-card-area .icon-thumb {


  width: 60px;


  height: 60px;


  margin: auto; }


  .medium-card-area .icon-thumb img {


    border-radius: 5px; }





/* :: Cart CSS */


.cart-area .table .thead-light th {


  color: #6c757d;


  background-color: #f1f3fa;


  border-color: #e3eaef; }


.cart-area .select2-container .select2-selection--single {


  border: 1px solid #dee2e6;


  height: calc(2.2125rem + 2px);


  background-color: #fff;


  outline: 0; }


.cart-area .select2-container {


  width: 100% !important; }


.cart-area .select2-container {


  -webkit-box-sizing: border-box;


  box-sizing: border-box;


  display: inline-block;


  margin: 0;


  position: relative;


  vertical-align: middle; }


.cart-area .select2-container .select2-selection--single {


  -webkit-box-sizing: border-box;


  box-sizing: border-box;


  cursor: pointer;


  display: block;


  height: 28px;


  -moz-user-select: none;


  -ms-user-select: none;


  user-select: none;


  -webkit-user-select: none; }


.cart-area .select2-container--default .select2-selection--single {


  background-color: #fff;


  border: 1px solid #aaa;


  border-radius: 4px; }


.cart-area .select2-container .select2-selection--single .select2-selection__rendered {


  line-height: 36px;


  padding-left: 12px;


  color: #6c757d; }


.cart-area .select2-container .select2-selection--single .select2-selection__arrow {


  height: 34px;


  width: 34px;


  right: 3px; }


.cart-area .select2-container--default .select2-selection--single .select2-selection__arrow {


  height: 26px;


  position: absolute;


  top: 1px;


  right: 1px;


  width: 20px; }


.cart-area .select2-container .select2-selection--single .select2-selection__arrow b {


  border-color: #98a6ad transparent transparent transparent;


  border-width: 6px 6px 0 6px; }


.cart-area .form-control {


  display: inline-block; }





.check-out-area .form-control {


  font-size: 13px; }


.check-out-area .input-group-text {


  font-size: 13px; }





/* :: Product CSS */


.product-thumb {


  width: 60px; }





.progress-w-percent .progress {


  width: calc(100% - 50px);


  float: left;


  margin-top: 8px; }





.progress-w-percent .progress-value {


  width: 40px;


  float: right;


  text-align: right;


  line-height: 20px; }





table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before,


table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {


  -webkit-box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.12);


  box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.12);


  background-color: #0acf97;


  top: auto;


  bottom: auto; }





.product-card {


  display: block;


  position: relative;


  width: 100%;


  padding: 18px;


  border-radius: 7px;


  background-color: #fff;


  -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);


  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); }


  .product-card .product {


    margin-bottom: 5px;


    font-size: 20px;


    color: #777 !important;


    text-align: center;


    display: inline-block;


    -webkit-transition-duration: 500ms;


    -o-transition-duration: 500ms;


    transition-duration: 500ms; }


  .product-card .product-price {


    color: #3c4858 !important;


    font-size: 20px;


    font-weight: 600;


    margin-top: 20px; }





.checkout-thumb {


  width: 60px; }





.product-border {


  border: 2px solid #0dd0b7; }





.img-thumbnail {


  border: 2px solid #0dd0b7; }





.product-sell-info {


  border-top: 1px solid #e1eaea;


  border-bottom: 1px solid #e1eaea;


  padding: 15px 0; }





.product-info-table {


  width: 100%; }





.product-info-table tr:not(:last-child) {


  border-bottom: 1px solid #edf2f9; }





.product-info-table tr td:first-child {


  width: 200px; }





.product-info-table tr td {


  padding: 15px; }





#productPanels {


  border: 1px solid #e1eaea; }





.accordion-heading.single-product {


  background-color: #ffffff;


  padding: 15px;


  border-radius: 3px; }


  .accordion-heading.single-product a {


    font-size: 15px; }





.product-gallery {


  width: 400px;


  margin: auto; }


  @media only screen and (max-width: 767px) {


    .product-gallery {


      width: 250px; } }





.tag-link {


  display: inline-block;


  padding: .25rem .5rem;


  -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;


  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;


  border: 1px solid #e7e7e7;


  background-color: rgba(0, 0, 0, 0);


  color: #404040;


  text-decoration: none;


  font-size: .75rem;


  font-weight: 600; }





.single-product-icon a {


  font-size: 17px;


  color: #8492a6;


  display: inline-block;


  -webkit-transition-duration: 300ms;


  -o-transition-duration: 300ms;


  transition-duration: 300ms; }


  .single-product-icon a:hover {


    color: #0dd0b7; }





/* :: Lock CSS */


.middle-box.lock-screen {


  padding: 15px; }


  .middle-box.lock-screen .lock-text {


    font-size: 16px;


    margin-bottom: 15px; }


  .middle-box.lock-screen .lock-profile-thumb {


    width: 70px;


    border-radius: 50%;


    margin: 0 auto; }


  .middle-box.lock-screen .form-control {


    border: 1px solid #e1eaea; }





/* :: Dashboard CSS */


.user-area .nav-tabs {


  border-bottom: none; }


  .user-area .nav-tabs .nav-item {


    margin-bottom: -1px; }


    .user-area .nav-tabs .nav-item a {


      border: none;


      line-height: normal;


      border-radius: 3px;


      padding: 5.5px 16px;


      background-color: transparent;


      color: #3c4858;


      font-size: 13px;


      margin-right: 5px;


      border: 1px solid #e1eaea; }


      @media only screen and (max-width: 767px) {


        .user-area .nav-tabs .nav-item a {


          padding: 5px 8px;


          font-size: 12px; } }


      .user-area .nav-tabs .nav-item a.active, .user-area .nav-tabs .nav-item a.active:focus, .user-area .nav-tabs .nav-item a.active:hover {


        color: #ffffff;


        background-color: #0dd0b7;


        border-color: #0dd0b7; }





.user-data-list li {


  border-bottom: 1px dashed #ebedf2;


  padding: 15px 0; }


  .user-data-list li:last-child {


    border-bottom: none; }


  .user-data-list li:first-child {


    padding-top: 0; }


  .user-data-list li .author-info .author-img {


    width: 40px; }


  .user-data-list li .author-info .author-text h6 {


    font-size: 15px;


    line-height: 1.2; }


  .user-data-list li .author-info .author-text p {


    font-size: 12px; }





.ticket-data-list li {


  border-bottom: 1px dashed #ebedf2;


  padding: 15px 0; }


  .ticket-data-list li:first-child {


    padding-top: 0; }


  .ticket-data-list li:last-child {


    border-bottom: none;


    padding-bottom: 0; }


  .ticket-data-list li .ticket-time {


    -webkit-box-flex: 0;


    -ms-flex: 0 0 60px;


    flex: 0 0 60px;


    width: 60px;


    max-width: 60px;


    text-align: right; }


    @media only screen and (max-width: 767px) {


      .ticket-data-list li .ticket-time {


        display: none; } }


  .ticket-data-list li .avatar-area .avatar {


    -webkit-box-flex: 0;


    -ms-flex: 0 0 40px;


    flex: 0 0 40px;


    width: 40px;


    max-width: 40px;


    line-height: 40px;


    height: 40px;


    text-align: center;


    color: #ffffff;


    border-radius: 50%;


    position: relative;


    z-index: 1; }


    .ticket-data-list li .avatar-area .avatar img {


      border-radius: 50%; }


    .ticket-data-list li .avatar-area .avatar.avatar-online::before {


      background-color: #36b37e;


      position: absolute;


      right: 0;


      bottom: 0;


      width: 25%;


      height: 25%;


      border-radius: 50%;


      content: '';


      border: 1px solid #ffffff; }


    .ticket-data-list li .avatar-area .avatar.avatar-pending::before {


      background-color: #ffab00;


      position: absolute;


      right: 0;


      bottom: 0;


      width: 25%;


      height: 25%;


      border-radius: 50%;


      content: '';


      border: 1px solid #ffffff; }


  @media only screen and (max-width: 767px) {


    .ticket-data-list li .avatar-area .avatar-text h6 {


      font-size: 14px; } }


  .ticket-data-list li .avatar-area .avatar-text p {


    font-size: 13px;


    margin-bottom: .5rem; }





.order-area-index .img-order {


  width: 50px;


  height: 50px;


  border-radius: 50%; }


.order-area-index .admi-checkbox {


  margin-top: 11px;


  left: 8px;


  margin-left: 15px; }





.order-text-desc {


  padding: 20px;


  border: 1px solid #f3f3f3; }


  .order-text-desc .total-count-text h5 {


    font-size: 22px;


    color: #00b8d9;


    font-weight: 700;


    line-height: 1.2; }


  .order-text-desc .total-count-text span {


    font-size: 12px;


    font-weight: 500;


    color: #343a40; }


  .order-text-desc .total-count-text p {


    font-weight: 500; }





.user-important-data-info {


  position: relative;


  z-index: 1; }


  .user-important-data-info .downloads--data-btn li {


    padding-right: 15px;


    margin-right: 15px; }


    .user-important-data-info .downloads--data-btn li:last-child {


      padding-right: 0;


      margin-right: 0;


      border-right: none; }


    @media only screen and (max-width: 767px) {


      .user-important-data-info .downloads--data-btn li {


        padding-right: 7.5px;


        margin-right: 7.5px; } }


    .user-important-data-info .downloads--data-btn li a {


      font-weight: 500;


      color: #0dd0b7;


      padding: 0;


      border-radius: 0;


      font-size: 14px; }


      @media only screen and (max-width: 767px) {


        .user-important-data-info .downloads--data-btn li a {


          font-size: 12px; } }


      @media only screen and (min-width: 480px) and (max-width: 767px) {


        .user-important-data-info .downloads--data-btn li a {


          font-size: 14px; } }


      @media only screen and (min-width: 576px) and (max-width: 767px) {


        .user-important-data-info .downloads--data-btn li a {


          font-size: 12px; } }


      .user-important-data-info .downloads--data-btn li a:hover, .user-important-data-info .downloads--data-btn li a:focus {


        color: #0dd0b7; }


  .user-important-data-info .sales-reports li {


    text-align: center;


    padding-left: 30px;


    margin-left: 30px; }


    @media only screen and (max-width: 767px) {


      .user-important-data-info .sales-reports li {


        padding-left: 15px;


        margin-left: 15px; } }


    .user-important-data-info .sales-reports li:first-child {


      border-left: none;


      margin-left: 0;


      padding-left: 0; }


    .user-important-data-info .sales-reports li span {


      display: block;


      font-size: 13px; }


      .user-important-data-info .sales-reports li span:last-child {


        color: #0dd0b7;


        font-weight: 500;


        font-size: 14px; }


      @media only screen and (max-width: 767px) {


        .user-important-data-info .sales-reports li span {


          font-size: 12px; } }


      @media only screen and (min-width: 480px) and (max-width: 767px) {


        .user-important-data-info .sales-reports li span {


          font-size: 14px; } }


      @media only screen and (min-width: 576px) and (max-width: 767px) {


        .user-important-data-info .sales-reports li span {


          font-size: 12px; } }





.dashboard-clock {


  position: relative;


  z-index: 1;


  margin-right: 15px; }


  @media only screen and (max-width: 767px) {


    .dashboard-clock {


      margin-right: 0; } }


  .dashboard-clock #dashboardDate {


    font-size: 14px;


    font-weight: 500;


    color: #8492a6; }


    @media only screen and (max-width: 767px) {


      .dashboard-clock #dashboardDate {


        font-size: 12px; } }


    @media only screen and (min-width: 480px) and (max-width: 767px) {


      .dashboard-clock #dashboardDate {


        font-size: 13px; } }


  .dashboard-clock ul li {


    font-size: 15px;


    font-weight: 600;


    color: #0168fa;


    font-family: "Open Sans", sans-serif; }


    @media only screen and (max-width: 767px) {


      .dashboard-clock ul li {


        font-size: 13px;


        margin-bottom: 10px; } }


    @media only screen and (min-width: 480px) and (max-width: 767px) {


      .dashboard-clock ul li {


        font-size: 13px; } }





@media only screen and (max-width: 767px) {


  .dashboard-btn-group .btn {


    padding: 0.115rem 0.230rem;


    font-size: 10px; } }


@media only screen and (min-width: 480px) and (max-width: 767px) {


  .dashboard-btn-group .btn {


    padding: 0.2rem 0.4rem;


    font-size: 12px; } }





.dashboard-header-title p {


  font-size: 13px; }


  @media only screen and (max-width: 767px) {


    .dashboard-header-title p {


      font-size: 11px;


      line-height: 1.5; } }


  @media only screen and (min-width: 480px) and (max-width: 767px) {


    .dashboard-header-title p {


      font-size: 12px;


      line-height: 1.5; } }


@media only screen and (max-width: 767px) {


  .dashboard-header-title h6 {


    font-size: 14px; } }


@media only screen and (min-width: 480px) and (max-width: 767px) {


  .dashboard-header-title h6 {


    font-size: 16px; } }





.dashboard-infor-mation {


  position: relative;


  z-index: 1;


  -webkit-box-pack: end;


  -ms-flex-pack: end;


  justify-content: flex-end; }





@media only screen and (max-width: 767px) {


  .single-browser-area img {


    max-width: 30px; } }


@media only screen and (max-width: 767px) {


  .single-browser-area h6 {


    font-size: 13px; } }





@media only screen and (max-width: 767px) {


  .index-flot-chart-area {


    margin-bottom: 50px; } }


@media only screen and (min-width: 576px) and (max-width: 767px) {


  .index-flot-chart-area {


    margin-bottom: 50px; } }





.product-thumb-index img {


  max-width: 130px;


  margin: auto; }


  @media only screen and (min-width: 992px) and (max-width: 1199px) {


    .product-thumb-index img {


      max-width: 200px; } }


  @media only screen and (min-width: 768px) and (max-width: 991px) {


    .product-thumb-index img {


      max-width: 190px; } }


  @media only screen and (min-width: 576px) and (max-width: 767px) {


    .product-thumb-index img {


      max-width: 160px; } }





.action-area {


  text-align: center;


  cursor: pointer;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms;


  margin-bottom: 20px;


  background-color: #f7f7fa;


  padding: 10px;


  border-radius: 2px; }


  .action-area .icon {


    font-size: 24px;


    color: #0dd0b7;


    -webkit-transition-duration: 500ms;


    -o-transition-duration: 500ms;


    transition-duration: 500ms; }


  .action-area .text a h5 {


    font-size: 15px;


    margin-top: 8px;


    margin-bottom: 0;


    -webkit-transition-duration: 500ms;


    -o-transition-duration: 500ms;


    transition-duration: 500ms; }


  .action-area:hover {


    background-color: #0dd0b7; }


    .action-area:hover .icon {


      color: #ffffff; }


    .action-area:hover .text a h5 {


      color: #ffffff; }





/* :: Nested List CSS */


.dd-handle {


  border: 1px solid #dbdbdb; }





#nestable2 .dd-handle {


  color: #fff;


  border: none;


  background-color: #0dd0b7 !important; }





/* :: Table CSS */


.table {


  width: 100%;


  color: #3c4858; }





.table td,


.table th {


  padding: .95rem;


  vertical-align: top;


  border-top: 1px solid  #eff2f7;


  font-size: 13px;


  font-weight: 600; }





.table-centered td,


.table-centered th {


  vertical-align: middle !important; }





.table-hover tbody tr:hover {


  color: #727E8C;


  background-color: #f1f3fa; }





.table thead th {


  border-bottom: 1px solid #e1eaea;


  color: #4b515b;


  font-weight: 700;


  font-size: 14px; }


  @media only screen and (max-width: 767px) {


    .table thead th {


      font-size: 13px; } }





input[data-switch="success"]:checked + label {


  background-color: #0acf97; }





input[data-switch] + label {


  width: 56px;


  height: 24px;


  background-color: #f1f3fa;


  background-image: none;


  border-radius: 2rem;


  cursor: pointer;


  display: inline-block;


  text-align: center;


  position: relative;


  -webkit-transition: all .1s ease-in-out;


  transition: all .1s ease-in-out; }





input[data-switch] {


  display: none; }





input[data-switch]:checked + label::before {


  color: #fff;


  content: attr(data-on-label);


  right: auto;


  left: 4px; }





input[data-switch] + label::before {


  color: #313a46;


  content: attr(data-off-label);


  display: block;


  font-family: inherit;


  font-weight: 600;


  font-size: .75rem;


  line-height: 24px;


  position: absolute;


  right: 3px;


  margin: 0 .21667rem;


  top: 0;


  text-align: center;


  min-width: 1.66667rem;


  overflow: hidden;


  -webkit-transition: all .3s ease-in-out;


  transition: all .3s ease-in-out; }





input[data-switch]:checked + label::after {


  left: 34px;


  background-color: #f1f3fa; }





input[data-switch] + label::after {


  content: '';


  position: absolute;


  left: 4px;


  background-color: #adb5bd;


  -webkit-box-shadow: none;


  box-shadow: none;


  border-radius: 2rem;


  height: 18px;


  width: 18px;


  top: 3px;


  -webkit-transition: all .3s ease-in-out;


  transition: all .3s ease-in-out; }





.table .table-user img {


  height: 30px;


  width: 30px; }





.table .action-icon {


  color: #5E5155;


  font-size: 16px;


  display: inline-block;


  border: 1px solid #e1eaea;


  margin-bottom: 5px;


  width: 25px;


  height: 25px;


  border-radius: 2px;


  text-align: center; }





.table tbody tr td {


  vertical-align: middle !important; }





.dataTables_wrapper .dataTables_paginate .paginate_button {


  font-size: 14px; }





.title.tablesaw-swipe-cellpersist a {


  color: #8492a6; }





.title a {


  color: #8492a6; }





.table-striped tbody tr:nth-of-type(2n+1) {


  background-color: #f1f3fa; }





.table .thead-light th {


  color: #727E8C;


  background-color: #f1f3fa;


  border-bottom: #e1eaea !important; }





.bg-nav-pills {


  background-color: #eff2f7; }





.edit-table-area .table td,


.edit-table-area .table th {


  border-top: 1px solid #e1eaea;


  background-color: #ffffff; }





.prices .table thead {


  font-size: 16px;


  font-weight: 600; }


  @media only screen and (max-width: 767px) {


    .prices .table thead {


      font-size: 12px; } }





.prices .currency-icon {


  max-width: 24px;


  margin-right: 10px; }


  @media only screen and (max-width: 767px) {


    .prices .currency-icon {


      display: none; } }





.filter-table #myInput {


  background-image: url("../images/search.png");


  background-position: 10px 12px;


  /* Position the search icon */


  background-repeat: no-repeat;


  /* Do not repeat the icon image */


  width: 100%;


  /* Full-width */


  font-size: 16px;


  /* Increase font-size */


  padding: 12px 20px 12px 40px;


  /* Add some padding */


  border: 1px solid  #eff2f7;


  /* Add a grey border */


  margin-bottom: 12px;


  /* Add some space below the input */ }


.filter-table #myTable {


  border-collapse: collapse;


  /* Collapse borders */


  width: 100%;


  /* Full-width */


  border: 1px solid  #eff2f7;


  /* Add a grey border */


  font-size: 18px;


  /* Increase font-size */ }


.filter-table #myTable th,


.filter-table #myTable td {


  text-align: left;


  font-size: 14px;


  padding: 12px; }


.filter-table #myTable tr {


  /* Add a bottom border to all table rows */


  border-bottom: 1px solid  #eff2f7; }


.filter-table #myTable tr.header,


.filter-table #myTable tr:hover {


  /* Add a grey background color to the table header and on hover */


  background-color: #f1f1f1; }





/* :: Password CSS */


.forget-password-area {


  background-image: url(../images/bg-7.jpg);


  background-position: center center;


  background-size: cover;


  background-repeat: no-repeat;


  position: relative;


  z-index: 1; }


  .forget-password-area .animation-bg {


    position: absolute;


    width: 100%;


    height: 100%;


    z-index: 0;


    -webkit-animation: animationBg linear 3s infinite;


    animation: animationBg linear 3s infinite; }


@-webkit-keyframes animationBg {


  0% {


    opacity: 0; }


  50% {


    opacity: 1; }


  100% {


    opacity: 0; } }


@keyframes animationBg {


  0% {


    opacity: 0; }


  50% {


    opacity: 1; }


  100% {


    opacity: 0; } }


  .forget-password-area h4 {


    font-size: 30px; }


  .forget-password-area p {


    margin-bottom: 30px; }


  .forget-password-area .form-control {


    background-color: transparent;


    color: #ffffff;


    border-color: #36b37e !important;


    font-size: 14px;


    border-radius: 30px; }


    .forget-password-area .form-control:focus, .forget-password-area .form-control:active, .forget-password-area .form-control:hover {


      border-color: #36b37e !important; }





/* :: Timeout CSS */


#session-timeout-dialog .close {


  padding: 0;


  font-size: 22px;


  margin: 0; }


#session-timeout-dialog .modal-content {


  border: none; }


#session-timeout-dialog .modal-header {


  border-bottom: none; }


#session-timeout-dialog .modal-footer {


  border-top: none; }


#session-timeout-dialog .modal-body {


  border: 1px solid #f1f2f3; }


  #session-timeout-dialog .modal-body p span {


    color: #0dd0b7; }





/* :: Paginator CSS */


.datepaginator-sm .pagination li a,


.datepaginator-lg .pagination li a,


.datepaginator .pagination li a {


  padding: 0 5px;


  height: 60px;


  border: 1px solid #e9ecef;


  float: left;


  position: relative; }





/* :: Avatar CSS */


.avatar-area .thumb-md {


  height: 50px;


  -webkit-box-flex: 0;


  -ms-flex: 0 0 50px;


  flex: 0 0 50px;


  max-width: 50px;


  width: 50px;


  font-size: 14px;


  font-weight: 700; }


.avatar-area .img-group .user-avatar + .user-avatar-group {


  margin-left: -20px; }


.avatar-area .img-group .user-avatar {


  position: relative;


  margin-bottom: 0;


  display: inline-block;


  -webkit-box-flex: 0;


  -ms-flex: 0 0 40px;


  flex: 0 0 40px;


  max-width: 40px;


  width: 40px;


  height: 40px;


  vertical-align: middle; }


.avatar-area .img-group .user-avatar img {


  position: absolute;


  top: 0;


  left: 0;


  -webkit-box-flex: 0;


  -ms-flex: 0 0 30px;


  flex: 0 0 30px;


  max-width: 30px;


  width: 30px;


  height: 30px;


  -webkit-box-shadow: 0 0 0 2px #b6c2e4;


  box-shadow: 0 0 0 2px #b6c2e4; }


.avatar-area .rounded-circle {


  border-radius: 50% !important; }


.avatar-area .img-group .user-avatar:focus,


.avatar-area .img-group .user-avatar:hover {


  z-index: 2; }


.avatar-area .thumb-xl {


  height: 78px;


  -webkit-box-flex: 0;


  -ms-flex: 0 0 78px;


  flex: 0 0 78px;


  max-width: 78px;


  width: 78px;


  font-size: 28px;


  font-weight: 700; }


.avatar-area .thumb-lg {


  height: 60px;


  -webkit-box-flex: 0;


  -ms-flex: 0 0 60px;


  flex: 0 0 60px;


  max-width: 60px;


  width: 60px;


  font-size: 20px;


  font-weight: 700; }


.avatar-area .thumb-md {


  height: 48px;


  -webkit-box-flex: 0;


  -ms-flex: 0 0 48px;


  flex: 0 0 48px;


  max-width: 48px;


  width: 48px;


  font-size: 14px;


  font-weight: 700; }


.avatar-area .thumb-sm {


  height: 36px !important;


  -webkit-box-flex: 0;


  -ms-flex: 0 0 36px;


  flex: 0 0 36px;


  max-width: 36px;


  width: 36px;


  font-size: 12px;


  font-weight: 700; }


.avatar-area .thumb-xs {


  height: 32px !important;


  -webkit-box-flex: 0;


  -ms-flex: 0 0 32px;


  flex: 0 0 32px;


  max-width: 32px;


  width: 32px;


  font-size: 10px;


  font-weight: 700; }


.avatar-area .img-group .avatar-badge {


  position: absolute;


  right: 1px;


  -webkit-box-flex: 0;


  -ms-flex: 0 0 8px;


  flex: 0 0 8px;


  max-width: 8px;


  width: 8px;


  height: 8px;


  border-radius: 8px;


  -webkit-box-shadow: 0 0 0 2px #b6c2e4;


  box-shadow: 0 0 0 2px #b6c2e4;


  z-index: 2; }


.avatar-area .img-group .user-avatar .online {


  background: #1ecab8; }


.avatar-area .img-group .user-avatar .offline {


  background: #f1646c; }





/* :: Toltip CSS */


.mytooltip:hover .tooltip-content2,


.mytooltip:hover .tooltip-content2 i {


  opacity: 1;


  font-size: 18px;


  pointer-events: auto;


  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);


  -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);


  transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }





.mytooltip:hover .tooltip-content4,


.mytooltip:hover .tooltip-text2 {


  pointer-events: auto;


  opacity: 1;


  -webkit-transform: translate3d(0, 0, 0);


  -ms-transform: translate3d(0, 0, 0);


  transform: translate3d(0, 0, 0); }





.mytooltip {


  display: inline;


  position: relative;


  z-index: 10; }





.mytooltip:hover .tooltip-item::after {


  pointer-events: auto; }





.mytooltip:hover .tooltip-content {


  pointer-events: auto;


  opacity: 1;


  -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);


  -ms-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);


  transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); }





.mytooltip:hover .tooltip-content3 {


  opacity: 1;


  pointer-events: auto;


  -webkit-transform: scale3d(1, 1, 1);


  -ms-transform: scale3d(1, 1, 1);


  transform: scale3d(1, 1, 1); }





.mytooltip:hover .tooltip-item2 {


  color: #ffffff;


  -webkit-transform: translate3d(0, -0.5em, 0);


  -ms-transform: translate3d(0, -0.5em, 0);


  transform: translate3d(0, -0.5em, 0); }





.mytooltip:hover .tooltip-content5 {


  opacity: 1;


  pointer-events: auto;


  -webkit-transition-delay: 0s;


  -o-transition-delay: 0s;


  transition-delay: 0s; }





.mytooltip:hover .tooltip-text3 {


  -webkit-transition-delay: 0s;


  -o-transition-delay: 0s;


  transition-delay: 0s;


  -webkit-transform: scale3d(1, 1, 1);


  -ms-transform: scale3d(1, 1, 1);


  transform: scale3d(1, 1, 1); }





.mytooltip:hover .tooltip-inner2 {


  -webkit-transition-delay: 0s;


  -o-transition-delay: 0s;


  transition-delay: 0s;


  -webkit-transform: translate3d(0, 0, 0);


  -ms-transform: translate3d(0, 0, 0);


  transform: translate3d(0, 0, 0); }





.tooltip-content {


  position: absolute;


  z-index: 999998989898989 !important;


  width: 360px;


  left: 50%;


  margin: 0 0 20px -180px;


  bottom: 100%;


  text-align: left;


  font-size: 14px;


  line-height: 30px;


  -webkit-box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);


  box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);


  background: #2b2b2b;


  opacity: 0;


  cursor: default;


  pointer-events: none; }


  .tooltip-content img {


    position: relative;


    height: 140px;


    display: block;


    float: left;


    margin-right: 1em; }





.tooltip-effect-5 .tooltip-content {


  width: 180px;


  margin-left: -90px;


  -webkit-transform-origin: 50% calc(106%);


  -ms-transform-origin: 50% calc(106%);


  transform-origin: 50% calc(106%);


  -webkit-transform: rotate3d(0, 0, 1, 15deg);


  -ms-transform: rotate3d(0, 0, 1, 15deg);


  transform: rotate3d(0, 0, 1, 15deg);


  transition: opacity 0.2s, -webkit-transform 0.2s;


  -o-transition: opacity 0.2s, transform 0.2s;


  transition: opacity 0.2s, transform 0.2s;


  transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;


  -webkit-transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39);


  -o-transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39);


  transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39); }





.tooltip-effect-5 .tooltip-text {


  padding: 1.4em; }





.tooltip-content::after {


  content: '';


  top: 100%;


  left: 50%;


  border: solid transparent;


  height: 0;


  width: 0;


  position: absolute;


  pointer-events: none;


  border-color: transparent;


  border-top-color: #2a3035;


  border-width: 10px;


  margin-left: -10px; }





.tooltip-text {


  font-size: 14px;


  line-height: 24px;


  display: block;


  padding: 1.31em 1.21em 1.21em 0;


  color: #ffffff; }





.tooltip-content2 {


  position: absolute;


  z-index: 9999;


  width: 80px;


  height: 80px;


  padding-top: 25px;


  left: 50%;


  margin-left: -40px;


  bottom: 100%;


  border-radius: 50%;


  text-align: center;


  background: #009efb;


  color: #ffffff;


  opacity: 0;


  margin-bottom: 20px;


  cursor: default;


  pointer-events: none; }





.tooltip-content2 i {


  opacity: 0; }





.tooltip-effect-6 .tooltip-content2 {


  -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg);


  transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg);


  -webkit-transform-origin: 50% 100%;


  -ms-transform-origin: 50% 100%;


  transform-origin: 50% 100%;


  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;


  transition: opacity 0.3s, -webkit-transform 0.3s;


  -o-transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }





.tooltip-effect-6 .tooltip-content2 i {


  -webkit-transform: scale3d(0, 0, 1);


  transform: scale3d(0, 0, 1);


  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;


  transition: opacity 0.3s, -webkit-transform 0.3s;


  -o-transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }





.tooltip-effect-6:hover .tooltip-content2 i {


  -webkit-transform: rotate3d(1, 1, 1, 0);


  transform: rotate3d(1, 1, 1, 0); }





.tooltip-item2 {


  color: #00aeef;


  cursor: pointer;


  z-index: 100;


  position: relative;


  display: inline-block;


  font-weight: 500;


  -webkit-transition: background-color 0.3s, color 0.3s, -webkit-transform 0.3s;


  transition: background-color 0.3s, color 0.3s, -webkit-transform 0.3s;


  -o-transition: background-color 0.3s, color 0.3s, transform 0.3s;


  transition: background-color 0.3s, color 0.3s, transform 0.3s;


  transition: background-color 0.3s, color 0.3s, transform 0.3s, -webkit-transform 0.3s; }





.tooltip-content4 {


  position: absolute;


  z-index: 99;


  width: 360px;


  left: 50%;


  margin-left: -180px;


  bottom: -5px;


  text-align: left;


  background: #00aeef;


  opacity: 0;


  font-size: 14px;


  line-height: 27px;


  padding: 1.5em;


  color: #ffffff;


  border-bottom: 55px solid #2b2b2b;


  cursor: default;


  pointer-events: none;


  border-radius: 5px;


  -webkit-transform: translate3d(0, -0.5em, 0);


  transform: translate3d(0, -0.5em, 0);


  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;


  transition: opacity 0.3s, -webkit-transform 0.3s;


  -o-transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }





.tooltip-content4 a {


  color: #2b2b2b; }





.tooltip-text2 {


  opacity: 0;


  -webkit-transform: translate3d(0, 1.5em, 0);


  transform: translate3d(0, 1.5em, 0);


  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;


  transition: opacity 0.3s, -webkit-transform 0.3s;


  -o-transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }





.tooltip-content5 {


  position: absolute;


  z-index: 9999;


  width: 300px;


  left: 50%;


  bottom: 100%;


  font-size: 20px;


  line-height: 1.4;


  text-align: center;


  font-weight: 400;


  color: #ffffff;


  background: transparent;


  opacity: 0;


  margin: 0 0 20px -150px;


  cursor: default;


  pointer-events: none;


  -webkit-transition: opacity 0.3s 0.3s;


  -o-transition: opacity 0.3s 0.3s;


  transition: opacity 0.3s 0.3s; }





.tooltip-content5 span {


  display: block; }





.tooltip-text3 {


  border-bottom: 10px solid #009efb;


  overflow: hidden;


  -webkit-transform: scale3d(0, 1, 1);


  transform: scale3d(0, 1, 1);


  -webkit-transition: -webkit-transform 0.3s 0.3s;


  transition: -webkit-transform 0.3s 0.3s;


  -o-transition: transform 0.3s 0.3s;


  transition: transform 0.3s 0.3s;


  transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s; }





.tooltip-inner2 {


  background: #2b2b2b;


  padding: 40px;


  -webkit-transform: translate3d(0, 100%, 0);


  transform: translate3d(0, 100%, 0);


  -webkit-transition: -webkit-transform 0.3s;


  transition: -webkit-transform 0.3s;


  -o-transition: transform 0.3s;


  transition: transform 0.3s;


  transition: transform 0.3s, -webkit-transform 0.3s; }





.tooltip-content5::after {


  content: '';


  bottom: -20px;


  left: 50%;


  border: solid transparent;


  height: 0;


  width: 0;


  position: absolute;


  pointer-events: none;


  border-color: transparent;


  border-top-color: #009efb;


  border-width: 10px;


  margin-left: -10px; }





.tooltip-effect-1 .tooltip-content {


  -webkit-transform: translate3d(0, -10px, 0);


  transform: translate3d(0, -10px, 0);


  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;


  transition: opacity 0.3s, -webkit-transform 0.3s;


  -o-transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;


  color: #ffffff; }





.tooltip-effect-2 .tooltip-content {


  -webkit-transform-origin: 50% calc(110%);


  -ms-transform-origin: 50% calc(110%);


  transform-origin: 50% calc(110%);


  -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);


  transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);


  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;


  transition: opacity 0.2s, -webkit-transform 0.2s;


  -o-transition: opacity 0.2s, transform 0.2s;


  transition: opacity 0.2s, transform 0.2s;


  transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s; }





.tooltip-effect-3 .tooltip-content {


  -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);


  transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);


  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;


  transition: opacity 0.3s, -webkit-transform 0.3s;


  -o-transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }





.tooltip-effect-4 .tooltip-content {


  -webkit-transform-origin: 50% 100%;


  -ms-transform-origin: 50% 100%;


  transform-origin: 50% 100%;


  -webkit-transform: scale3d(0.7, 0.3, 1);


  transform: scale3d(0.7, 0.3, 1);


  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;


  transition: opacity 0.2s, -webkit-transform 0.2s;


  -o-transition: opacity 0.2s, transform 0.2s;


  transition: opacity 0.2s, transform 0.2s;


  transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s; }





.tooltip.tooltip-effect-2:hover .tooltip-content {


  -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);


  transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); }





a.mytooltip {


  font-weight: 500;


  color: #009efb; }





.tooltip-effect-7 .tooltip-content2 {


  -webkit-transform: translate3d(0, 10px, 0);


  transform: translate3d(0, 10px, 0);


  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;


  transition: opacity 0.3s, -webkit-transform 0.3s;


  -o-transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }





.tooltip-effect-7 .tooltip-content2 i {


  -webkit-transform: translate3d(0, 15px, 0);


  transform: translate3d(0, 15px, 0);


  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;


  transition: opacity 0.3s, -webkit-transform 0.3s;


  -o-transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }





.tooltip-effect-8 .tooltip-content2 {


  -webkit-transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg);


  transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg);


  -webkit-transform-origin: 50% 100%;


  -ms-transform-origin: 50% 100%;


  transform-origin: 50% 100%;


  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;


  transition: opacity 0.3s, -webkit-transform 0.3s;


  -o-transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }





.tooltip-effect-8 .tooltip-content2 i {


  -webkit-transform: scale3d(0, 0, 1);


  transform: scale3d(0, 0, 1);


  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;


  transition: opacity 0.3s, -webkit-transform 0.3s;


  -o-transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }





.tooltip-effect-9 .tooltip-content2 {


  -webkit-transform: translate3d(0, -20px, 0);


  transform: translate3d(0, -20px, 0);


  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;


  transition: opacity 0.3s, -webkit-transform 0.3s;


  -o-transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }





.tooltip-effect-9 .tooltip-content2 i {


  -webkit-transform: translate3d(0, 20px, 0);


  transform: translate3d(0, 20px, 0);


  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;


  transition: opacity 0.3s, -webkit-transform 0.3s;


  -o-transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s;


  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }





.tooltip {


  z-index: 9999999999999999999999 !important; }





/* :: Register CSS */


.register-page-2 .form-control {


  background-color: transparent;


  color: #ffffff;


  font-size: 14px;


  border-radius: 5px;


  border: 1px solid rgba(255, 255, 255, 0.3); }


.register-page-2 .nice-select .option {


  color: #000; }





/* :: Project CSS */


.progress.progress-sm {


  height: 6px; }





.project-details-area .avatar-sm {


  height: 3rem;


  width: 3rem; }


  .project-details-area .avatar-sm .avatar-title {


    -webkit-box-align: center;


    -ms-flex-align: center;


    align-items: center;


    background-color: #0dd0b7;


    color: #fff;


    display: -webkit-box;


    display: -ms-flexbox;


    display: flex;


    font-weight: 600;


    height: 100%;


    -webkit-box-pack: center;


    -ms-flex-pack: center;


    justify-content: center;


    width: 100%; }





.avatar-title {


  -webkit-box-align: center;


  -ms-flex-align: center;


  align-items: center;


  background-color: #0dd0b7;


  color: #fff;


  display: -webkit-box;


  display: -ms-flexbox;


  display: flex;


  font-weight: 600;


  height: 100%;


  -webkit-box-pack: center;


  -ms-flex-pack: center;


  justify-content: center;


  width: 100%; }





.avatar-xs {


  width: 40px; }





.avatar-sm {


  width: 40px; }





.project-list-area {


  border: 2px solid #0dd0b7; }





/* :: Taskboard CSS */


.tasks {


  padding: 0 1rem 1rem 1rem;


  border: 1px solid #e3eaef;


  vertical-align: top;


  margin-bottom: 30px;


  border-radius: .25rem; }


  .tasks .card {


    white-space: normal;


    margin-top: 1rem; }


  .tasks .task-header {


    background-color: #f1f3fa;


    padding: 1rem;


    margin: 0 -1rem; }





.task-list-items {


  min-height: 100px;


  position: relative; }


  .task-list-items::before {


    content: "No Tasks";


    position: absolute;


    line-height: 110px;


    width: 100%;


    text-align: center;


    font-weight: 600; }





/* :: Tab CSS */


.nav-tabs .nav-link {


  border: 1px solid transparent;


  border-top-left-radius: .25rem;


  border-top-right-radius: .25rem;


  font-weight: 600;


  color: #0dd0b7; }





.nav-pills > li > a,


.nav-tabs > li > a {


  color: #3c4858;


  font-weight: 700;


  font-size: 13px; }


  @media only screen and (max-width: 767px) {


    .nav-pills > li > a,


    .nav-tabs > li > a {


      font-size: 12px; } }


  @media only screen and (min-width: 992px) and (max-width: 1199px) {


    .nav-pills > li > a,


    .nav-tabs > li > a {


      font-size: 12px; } }





.tab-content {


  padding: 20px 0 0 0; }





.nav-pills .nav-link.active,


.nav-pills .show > .nav-link {


  color: #fff;


  background-color: #0dd0b7;


  font-size: 13px; }


  @media only screen and (max-width: 767px) {


    .nav-pills .nav-link.active,


    .nav-pills .show > .nav-link {


      font-size: 12px; } }





.navtab-bg li > a {


  background-color: #f8f8f8;


  margin: 0 5px; }





.nav-pills > a {


  color: #6c857d;


  font-weight: 500; }





.nav-tabs .nav-item.show .nav-link,


.nav-tabs .nav-link.active {


  color: #495057;


  background-color: #fff; }





.nav-bordered {


  border-bottom: 2px solid rgba(152, 166, 173, 0.25) !important; }





.nav-bordered a.active {


  border-bottom: 2px solid #0dd0b7 !important; }





.nav-bordered li a {


  border: 0 !important;


  padding: 10px 20px !important; }





.nav-tabs .nav-link:focus,


.nav-tabs .nav-link:hover {


  border-color: #e9ecef #e9ecef #dee2e6; }





.card-header.tab {


  padding: 1rem 1.5rem;


  margin-bottom: 0;


  background-color: #edeff1;


  border-bottom: 0 solid #f7f7f7; }





.accordion .card .card-header {


  background-color: transparent;


  border-bottom: 1px solid #f1f1f1;


  padding: 10px 25px;


  position: relative; }


.accordion h2 .btn {


  font-weight: 600;


  font-size: 14px;


  padding: 0;


  color: #0dd0b7;


  text-decoration: none; }


  .accordion h2 .btn:focus, .accordion h2 .btn:hover {


    font-size: 14px;


    font-weight: 600;


    color: #038fcf; }





/* :: Dashboard CSS */


.dashboard-area .breadcrumb {


  background-color: transparent;


  padding: 0;


  margin-bottom: 9px; }


  .dashboard-area .breadcrumb a {


    color: #3c4858;


    font-weight: 600;


    font-size: 14px; }


  .dashboard-area .breadcrumb .breadcrumb-item.active {


    color: #0dd0b7;


    font-weight: 600;


    font-size: 14px; }


.dashboard-area .project-table .project-thumb {


  width: 40px;


  min-width: 40px;


  border-radius: 50%; }


.dashboard-area .project-table tr td h6 {


  font-size: 14px;


  margin-bottom: 0; }


.dashboard-area .project-table tr td span {


  font-size: 12px; }


.dashboard-area .project-table tr td h5 {


  font-size: 14px;


  margin-bottom: 0;


  font-weight: 700; }


.dashboard-area tr td {


  font-weight: 600;


  border-top-style: dashed; }


.dashboard-area .table .thead-light th {


  border-top-style: dashed; }


.dashboard-area .table td,


.dashboard-area .table th {


  vertical-align: middle; }


.dashboard-area .table thead th {


  border-top-style: dashed;


  border-bottom-style: dashed; }





.badge-outline-warning {


  color: #fda006;


  border: 1px solid #fda006; }





.badge-outline-success {


  color: #26a69a;


  border: 1px solid #26a69a; }





.badge-outline-info {


  color: #3da5f4;


  border: 1px solid #3da5f4; }





.crypto-news-thumb {


  -webkit-box-flex: 0;


  -ms-flex: 0 0 100px;


  flex: 0 0 100px;


  width: 100px;


  max-width: 100px; }





.dashboard-tab-area .nav-pills > li > a,


.dashboard-tab-area .nav-tabs > li > a {


  color: rgba(255, 255, 255, 0.95); }


.dashboard-tab-area .nav-pills .nav-link.active,


.dashboard-tab-area .nav-pills .show > .nav-link {


  color: #3c4858;


  background-color: #ffffff;


  padding: 5px 15px;


  font-size: 14px; }





.dashboard-tab-thumb {


  -webkit-box-flex: 0;


  -ms-flex: 0 0 150px;


  flex: 0 0 150px;


  width: 150px;


  max-width: 150px; }


  @media only screen and (max-width: 767px) {


    .dashboard-tab-thumb {


      -webkit-box-flex: 0;


      -ms-flex: 0 0 100px;


      flex: 0 0 100px;


      width: 100px;


      max-width: 100px; } }





.dashboard-active-timeline {


  position: relative;


  z-index: 1; }


  .dashboard-active-timeline::after {


    position: absolute;


    content: "";


    border-left: 2px solid #e1eaea;


    top: 0;


    left: 16px;


    height: 100%; }


  .dashboard-active-timeline li {


    position: relative;


    z-index: 1; }


    .dashboard-active-timeline li .timeline-icon {


      -webkit-box-flex: 0;


      -ms-flex: 0 0 35px;


      flex: 0 0 35px;


      width: 35px;


      height: 35px;


      text-align: center;


      line-height: 35px;


      border-radius: 50%;


      color: #ffffff;


      font-size: 16px;


      transition-duration: 500ms; }


    .dashboard-active-timeline li:hover .timeline-icon {


      border-radius: 2px; }





.chat-application .chats .chat-body .chat-content {


  text-align: right;


  position: relative;


  z-index: 1;


  display: block;


  float: right;


  padding: 8px 15px;


  margin: 0 20px 10px 0;


  clear: both;


  color: #fff;


  background-color: #6967ce;


  -webkit-box-shadow: 0 5px 12px 0 rgba(62, 57, 107, 0.36);


  box-shadow: 0 5px 12px 0 rgba(62, 57, 107, 0.36);


  border-radius: 7px; }





.chat-application .chats .chat-body .chat-content::before {


  position: absolute;


  z-index: 1;


  top: 10px;


  right: -10px;


  width: 0;


  height: 0;


  content: '';


  border: 5px solid transparent;


  border-left-color: #6967ce; }





.chat-application .chats .chat-left .chat-avatar {


  float: left; }





.chat-application .chat-avatar .avatar img {


  width: 40px;


  border-radius: 50%; }





.chat-application .chats .chat-left .chat-body {


  margin-right: 0;


  margin-left: 30px; }





.chat-application .chats .chat-body {


  display: block;


  margin: 10px 30px 0 0;


  overflow: hidden; }





.chat-application .chats .chat-left .chat-content {


  text-align: left;


  float: left;


  margin: 0 0 15px 20px;


  color: #6b6f80;


  background-color: #FFFFFF;


  -webkit-box-shadow: 0 7px 12px 0 rgba(62, 57, 107, 0.16);


  box-shadow: 0 7px 12px 0 rgba(62, 57, 107, 0.16); }





.chat-application .chats .chat-left .chat-content::before {


  right: auto;


  left: -10px;


  border-right-color: #FFFFFF;


  border-left-color: transparent; }





.chat-application .chats .chat-body .chat-content::before {


  position: absolute;


  z-index: 1;


  top: 10px;


  right: -10px;


  width: 0;


  height: 0;


  content: '';


  border: 5px solid transparent;


  border-left-color: #6967ce; }





.chat-application .chats .chat-left .chat-content::before {


  right: auto;


  left: -10px;


  border-right-color: #FFFFFF;


  border-left-color: transparent; }





.chat-avatar {


  float: left; }





.chat-application .chats .chat-left .chat-body {


  margin-right: 0;


  margin-left: 30px; }





.chat-application .chats .chat-avatar {


  float: right; }





.chat-application .chats .chat-left .chat-content {


  text-align: left;


  color: #3c4858; }





.chat-content p {


  margin-bottom: 0; }





.dashboard-area .apexcharts-zoom-icon,


.dashboard-area .apexcharts-zoom-in-icon,


.dashboard-area .apexcharts-zoom-out-icon,


.dashboard-area .apexcharts-reset-zoom-icon,


.dashboard-area .apexcharts-pan-icon,


.dashboard-area .apexcharts-selection-icon,


.dashboard-area .apexcharts-menu-icon,


.dashboard-area .apexcharts-toolbar-custom-icon {


  display: none; }





/* :: Progressbar CSS */


.progress-vertical {


  min-height: 250px;


  height: 250px;


  width: 10px;


  position: relative;


  display: inline-block;


  margin-bottom: 0;


  margin-right: 20px; }





.progress-vertical-bottom {


  min-height: 250px;


  height: 250px;


  position: relative;


  width: 10px;


  display: inline-block;


  margin-bottom: 0;


  margin-right: 20px; }





.progress-vertical-bottom .progress-bar {


  width: 100%;


  bottom: 0;


  position: absolute; }





.animated-progressbar #myProgress {


  width: 100%;


  background-color: #e9ecef;


  border-radius: 5px; }


.animated-progressbar #myBar {


  width: 10%;


  height: 18px;


  background-color: #0dd0b7;


  text-align: center;


  line-height: 18px;


  color: #ffffff;


  border-radius: 5px; }





.progress {


  height: 8px; }





/* :: Picker CSS */


.datepicker td, .datepicker th {


  width: 40px;


  height: 40px;


  font-size: 13px;


  color: #3c4858; }





.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {


  background-color: #0dd0b7 !important; }





.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {


  background-color: #0dd0b7 !important; }





.datepicker-inline {


  width: 300px;


  -webkit-box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.2);


  box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.2); }





.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {


  color: #111;


  font-size: 16px; }





/* :: Preloader CSS */


#preloader {


  overflow: hidden;


  background-color: #fff;


  height: 100%;


  left: 0;


  position: fixed;


  top: 0;


  width: 100%;


  z-index: 999999; }





.preloader-load {


  -webkit-animation: 2000ms linear 0s normal none infinite running preloader-load;


  animation: 2000ms linear 0s normal none infinite running preloader-load;


  background: transparent none repeat scroll 0 0;


  border-color: #dddddd #dddddd #0dd0b7;


  border-radius: 50%;


  border-style: solid;


  border-width: 2px;


  height: 40px;


  left: calc(50% - 20px);


  position: relative;


  top: calc(50% - 20px);


  width: 40px;


  z-index: 9; }





@-webkit-keyframes preloader-load {


  0% {


    -webkit-transform: rotate(0deg);


    transform: rotate(0deg); }


  100% {


    -webkit-transform: rotate(360deg);


    transform: rotate(360deg); } }


@keyframes preloader-load {


  0% {


    -webkit-transform: rotate(0deg);


    transform: rotate(0deg); }


  100% {


    -webkit-transform: rotate(360deg);


    transform: rotate(360deg); } }


/* :: Profile CSS */


.user-friends img {


  width: 42px;


  height: 42px;


  margin-bottom: 5px;


  margin-right: 5px; }





.thumb {


  position: relative;


  z-index: 1; }





.profile-heading-thumb {


  width: 70px;


  height: 70px;


  display: inline-block;


  border: 5px solid #36b37e;


  border-radius: 50%; }





.text h4 {


  font-size: 17px;


  font-weight: 700;


  margin-bottom: 0; }





.profile-header-area {


  position: relative;


  z-index: 1; }


  .profile-header-area .thumb {


    position: relative;


    z-index: 1; }





.profile-heading-text {


  background-color: #fff;


  padding: 30px;


  width: 100%;


  border-radius: .75rem;


  -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.05);


  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.05);


  position: absolute;


  bottom: -100px;


  left: 0;


  z-index: 99; }





.widget-download-file .download-file-icon img {


  max-height: 20px; }





.widget-download-file .download-file-icon {


  width: 40px;


  height: 40px;


  background-color: #0dd0b7;


  border-radius: 50%;


  text-align: center;


  padding: 7px 0; }





.profile-friend-thumb {


  width: 60px;


  display: inline-block;


  float: left;


  padding: 10px 5px; }


  .profile-friend-thumb img {


    border-radius: 50%; }





.profile--tumb {


  height: 100px;


  width: 100px;


  margin: auto; }


  .profile--tumb img {


    border-radius: 50%; }





/* :: Ribbon CSS */


.ribbon-wrapper,


.ribbon-wrapper-reverse,


.ribbon-wrapper-bottom,


.ribbon-wrapper-right-bottom {


  position: relative;


  padding: 50px 15px 15px 15px; }





.ribbon-vwrapper {


  padding: 15px 15px 15px 50px;


  position: relative; }





.ribbon-overflow {


  overflow: hidden; }





.ribbon-vwrapper-reverse {


  padding: 15px 50px 15px 15px; }





.ribbon-wrapper-bottom {


  padding: 15px 15px 50px 50px; }





.ribbon-wrapper-right-bottom {


  padding: 15px 50px 50px 15px; }





.ribbon-content {


  margin-bottom: 0px; }





.ribbon {


  padding: 0 8px;


  height: 30px;


  line-height: 30px;


  clear: left;


  position: absolute;


  top: 12px;


  left: -2px;


  color: #fff; }


  @media only screen and (min-width: 992px) and (max-width: 1199px) {


    .ribbon {


      font-size: 12px;


      padding: 0 5px; } }





.ribbon-bookmark:before {


  position: absolute;


  top: 0;


  left: 100%;


  display: block;


  width: 0;


  height: 0;


  content: '';


  border: 15px solid #343a40;


  border-right: 10px solid transparent; }





.ribbon-right {


  left: auto;


  right: -2px; }





.ribbon-bookmark.ribbon-right:before {


  right: 100%;


  left: auto;


  border-right: 15px solid #343a40;


  border-left: 10px solid transparent; }





.ribbon-vertical-l,


.ribbon-vertical-r {


  clear: none;


  padding: 0 5px;


  height: 70px;


  width: 30px;


  line-height: 70px;


  text-align: center;


  left: 12px;


  top: -2px; }





.ribbon-vertical-r {


  left: auto;


  right: 12px; }





.ribbon-bookmark.ribbon-vertical-l:before,


.ribbon-bookmark.ribbon-vertical-r:before {


  top: 100%;


  left: 0;


  margin-top: -14px;


  border-right: 15px solid #343a40;


  border-bottom: 10px solid transparent; }





.ribbon-badge {


  top: 15px;


  overflow: hidden;


  left: -90px;


  width: 100%;


  text-align: center;


  -webkit-transform: rotate(-45deg);


  -ms-transform: rotate(-45deg);


  -o-transform: rotate(-45deg);


  transform: rotate(-45deg); }





.ribbon-badge.ribbon-right {


  left: auto;


  right: -90px;


  -webkit-transform: rotate(45deg);


  -ms-transform: rotate(45deg);


  -o-transform: rotate(45deg);


  transform: rotate(45deg); }





.ribbon-badge.ribbon-bottom {


  top: auto;


  bottom: 15px;


  -webkit-transform: rotate(45deg);


  -ms-transform: rotate(45deg);


  -o-transform: rotate(45deg);


  transform: rotate(45deg); }





.ribbon-badge.ribbon-right.ribbon-bottom {


  -webkit-transform: rotate(-45deg);


  -ms-transform: rotate(-45deg);


  -o-transform: rotate(-45deg);


  transform: rotate(-45deg); }





.ribbon-corner {


  top: 0;


  left: 0;


  background-color: transparent !important;


  padding: 6px 0 0 10px; }





.ribbon-corner i {


  position: relative; }





.ribbon-corner:before {


  position: absolute;


  top: 0;


  left: 0;


  width: 0;


  height: 0;


  content: '';


  border: 30px solid transparent;


  border-top-color: #fb9678;


  border-left-color: #fb9678; }





.ribbon-corner.ribbon-right:before {


  right: 0;


  left: auto;


  border-right-color: #526069;


  border-left-color: transparent; }





.ribbon-corner.ribbon-right {


  right: 0;


  left: auto;


  padding: 6px 10px 0 0; }





.ribbon-corner.ribbon-bottom:before {


  top: auto;


  bottom: 0;


  border-top-color: transparent;


  border-bottom-color: #526069; }





.ribbon-corner.ribbon-bottom {


  bottom: 0;


  top: auto;


  padding: 0 10px 6px 10px; }





.ribbon-custom {


  background: #fb9678; }





.ribbon-bookmark.ribbon-right.ribbon-custom:before {


  border-right-color: #fb9678;


  border-left-color: transparent; }





.ribbon-bookmark.ribbon-vertical-l.ribbon-custom:before,


.ribbon-bookmark.ribbon-vertical-r.ribbon-custom:before {


  border-right-color: #fb9678;


  border-bottom-color: transparent; }





.ribbon-primary {


  background: #fb9678; }





.ribbon-bookmark.ribbon-primary:before {


  border-color: #fb9678;


  border-right-color: transparent; }





.ribbon-bookmark.ribbon-right.ribbon-primary:before {


  border-right-color: #fb9678;


  border-left-color: transparent; }





.ribbon-bookmark.ribbon-vertical-l.ribbon-primary:before,


.ribbon-bookmark.ribbon-vertical-r.ribbon-primary:before {


  border-right-color: #fb9678;


  border-bottom-color: transparent; }





.ribbon-primary.ribbon-corner:before {


  border-top-color: #fb9678;


  border-left-color: #fb9678; }





.ribbon-primary.ribbon-corner.ribbon-right:before {


  border-right-color: #fb9678;


  border-left-color: transparent; }





.ribbon-primary.ribbon-corner.ribbon-bottom:before {


  border-top-color: transparent;


  border-bottom-color: #fb9678; }





.ribbon-success {


  background: #00c292; }





.ribbon-bookmark.ribbon-success:before {


  border-color: #00c292;


  border-right-color: transparent; }





.ribbon-bookmark.ribbon-right.ribbon-success:before {


  border-right-color: #00c292;


  border-left-color: transparent; }





.ribbon-bookmark.ribbon-vertical-l.ribbon-success:before,


.ribbon-bookmark.ribbon-vertical-r.ribbon-success:before {


  border-right-color: #00c292;


  border-bottom-color: transparent; }





.ribbon-success.ribbon-corner:before {


  border-top-color: #00c292;


  border-left-color: #00c292; }





.ribbon-success.ribbon-corner.ribbon-right:before {


  border-right-color: #00c292;


  border-left-color: transparent; }





.ribbon-success.ribbon-corner.ribbon-bottom:before {


  border-top-color: transparent;


  border-bottom-color: #00c292; }





.ribbon-info {


  background: #03a9f3; }





.ribbon-bookmark.ribbon-info:before {


  border-color: #03a9f3;


  border-right-color: transparent; }





.ribbon-bookmark.ribbon-right.ribbon-info:before {


  border-right-color: #03a9f3;


  border-left-color: transparent; }





.ribbon-bookmark.ribbon-vertical-l.ribbon-info:before,


.ribbon-bookmark.ribbon-vertical-r.ribbon-info:before {


  border-right-color: #03a9f3;


  border-bottom-color: transparent; }





.ribbon-info.ribbon-corner:before {


  border-top-color: #03a9f3;


  border-left-color: #03a9f3; }





.ribbon-info.ribbon-corner.ribbon-right:before {


  border-right-color: #03a9f3;


  border-left-color: transparent; }





.ribbon-info.ribbon-corner.ribbon-bottom:before {


  border-top-color: transparent;


  border-bottom-color: #03a9f3; }





.ribbon-warning {


  background: #fec107; }





.ribbon-bookmark.ribbon-warning:before {


  border-color: #fec107;


  border-right-color: transparent; }





.ribbon-bookmark.ribbon-right.ribbon-warning:before {


  border-right-color: #fec107;


  border-left-color: transparent; }





.ribbon-bookmark.ribbon-vertical-l.ribbon-warning:before,


.ribbon-bookmark.ribbon-vertical-r.ribbon-warning:before {


  border-right-color: #fec107;


  border-bottom-color: transparent; }





.ribbon-warning.ribbon-corner:before {


  border-top-color: #fec107;


  border-left-color: #fec107; }





.ribbon-warning.ribbon-corner.ribbon-right:before {


  border-right-color: #fec107;


  border-left-color: transparent; }





.ribbon-warning.ribbon-corner.ribbon-bottom:before {


  border-top-color: transparent;


  border-bottom-color: #fec107; }





.ribbon-danger {


  background: #e46a76; }





.ribbon-bookmark.ribbon-danger:before {


  border-color: #e46a76;


  border-right-color: transparent; }





.ribbon-bookmark.ribbon-right.ribbon-danger:before {


  border-right-color: #e46a76;


  border-left-color: transparent; }





.ribbon-bookmark.ribbon-vertical-l.ribbon-danger:before,


.ribbon-bookmark.ribbon-vertical-r.ribbon-danger:before {


  border-right-color: #e46a76;


  border-bottom-color: transparent; }





.ribbon-danger.ribbon-corner:before {


  border-top-color: #e46a76;


  border-left-color: #e46a76; }





.ribbon-danger.ribbon-corner.ribbon-right:before {


  border-right-color: #e46a76;


  border-left-color: transparent; }





.ribbon-danger.ribbon-corner.ribbon-bottom:before {


  border-top-color: transparent;


  border-bottom-color: #e46a76; }





.ribbon-default {


  background: #343a40; }





.ribbon-bookmark.ribbon-default:before {


  border-color: #343a40;


  border-right-color: transparent; }





.ribbon-bookmark.ribbon-right.ribbon-default:before {


  border-right-color: #343a40;


  border-left-color: transparent; }





.ribbon-bookmark.ribbon-vertical-l.ribbon-default:before,


.ribbon-bookmark.ribbon-vertical-r.ribbon-default:before {


  border-right-color: #343a40;


  border-bottom-color: transparent; }





.ribbon-default.ribbon-corner:before {


  border-top-color: #343a40;


  border-left-color: #343a40; }





.ribbon-default.ribbon-corner.ribbon-right:before {


  border-right-color: #343a40;


  border-left-color: transparent; }





.ribbon-default.ribbon-corner.ribbon-bottom:before {


  border-top-color: transparent;


  border-bottom-color: #343a40; }





/* :: Breadcrumb CSS */


.custom-breadcrumb-bg-img {


  height: 150px;


  padding: 45px;


  margin-bottom: 30px;


  border-radius: .25px;


  position: relative;


  z-index: 1; }


  @media only screen and (max-width: 767px) {


    .custom-breadcrumb-bg-img {


      padding: 30px 15px; } }


  .custom-breadcrumb-bg-img .breadcrumb-title {


    font-size: 24px;


    color: #ffffff; }


  .custom-breadcrumb-bg-img h6 {


    color: #ffffff;


    font-size: 14px;


    margin-bottom: 0;


    font-weight: 400; }





/* :: Scrool Up CSS */


#scrollUp {


  width: 35px;


  height: 35px;


  background-color: #5578eb;


  bottom: 30px;


  right: 30px;


  color: #fff;


  text-align: center;


  font-size: 22px;


  line-height: 35px;


  -webkit-box-shadow: 0 1px 26px 0 rgba(0, 0, 0, 0.15);


  box-shadow: 0 1px 26px 0 rgba(0, 0, 0, 0.15); }





/* :: Editor CSS */


.tox .tox-mbtn__select-label {


  font-weight: 600 !important;


  cursor: pointer !important; }





.editor-toolbar a {


  color: #222f3e !important; }





.adm-editor {


  height: 350px !important;


  background-color: #282f3a;


  color: rgba(255, 255, 255, 0.5);


  padding: 15px;


  border: none;


  border-radius: 3px; }





/* Settings Panel */


.settings-panel {


  border-left: 1px solid #e9e9e9;


  display: block;


  position: fixed;


  top: 70px;


  right: -300px;


  bottom: 0;


  width: 300px;


  height: 100%;


  -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08), 0 1px 6px rgba(0, 0, 0, 0.08);


  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08), 0 1px 6px rgba(0, 0, 0, 0.08);


  background: #ffffff;


  -webkit-transition-duration: 0.25s;


  -moz-transition-duration: 0.25s;


  -o-transition-duration: 0.25s;


  transition-duration: 0.25s;


  -webkit-transition-timing-function: ease;


  -moz-transition-timing-function: ease;


  -o-transition-timing-function: ease;


  transition-timing-function: ease;


  -webkit-transition-property: right, box-shadow;


  -moz-transition-property: right, box-shadow;


  -o-transition-property: right, box-shadow;


  transition-property: right, box-shadow;


  z-index: 99999; }





.settings-panel .nav-tabs {


  display: -webkit-flex;


  display: flex;


  -webkit-justify-content: center;


  justify-content: center;


  width: auto;


  margin: 0;


  padding: 0;


  background: #ffffff; }





.settings-panel .nav-tabs .nav-item {


  border: none; }





.settings-panel .nav-tabs .nav-item .nav-link {


  background: transparent;


  text-align: center;


  border: none;


  display: -webkit-flex;


  display: flex;


  -webkit-align-items: center;


  align-items: center;


  color: #6c7293;


  -webkit-transition-duration: 0.4s;


  -moz-transition-duration: 0.4s;


  -o-transition-duration: 0.4s;


  transition-duration: 0.4s;


  transition-property: color;


  -webkit-transition-property: color;


  -webkit-justify-content: center;


  justify-content: center; }





.settings-panel .nav-tabs .nav-item .nav-link.active {


  background: transparent;


  color: #0dd0b7; }





.settings-panel .tab-content {


  border: none;


  padding: 20px 0 0px 0; }





.settings-panel .tab-content .tab-pane.scroll-wrapper {


  position: relative;


  max-height: 100vh;


  height: 100%;


  padding-bottom: 150px; }





.settings-panel .settings-heading {


  padding: 40px 2px 10px 13px;


  color: #3c4858;


  margin-bottom: 0;


  border-bottom: 1px solid #e9e9e9;


  font-size: 16px; }





.settings-panel .sidebar-bg-options {


  margin-bottom: 15px;


  color: #3c4858;


  background: #ffffff;


  -webkit-transition-duration: 0.25s;


  -moz-transition-duration: 0.25s;


  -o-transition-duration: 0.25s;


  transition-duration: 0.25s;


  -webkit-transition-property: background;


  -moz-transition-property: background;


  -o-transition-property: background;


  transition-property: background;


  cursor: pointer; }





.settings-panel.open {


  right: 0; }





.settings-panel .settings-close {


  position: absolute;


  top: 16px;


  right: 10px;


  color: #ff5630;


  background: transparent;


  border-radius: 4px;


  padding: 0 3px;


  cursor: pointer;


  -webkit-transition-duration: 0.2s;


  -moz-transition-duration: 0.2s;


  -o-transition-duration: 0.2s;


  transition-duration: 0.2s;


  z-index: 999; }





.settings-panel .settings-close:hover {


  background: rgba(255, 255, 255, 0.4); }





#theme-settings .settings-close {


  top: 15px;


  background: transparent; }





#settings-trigger {


  position: fixed;


  top: 200px;


  right: 0;


  height: 40px;


  width: 40px;


  cursor: pointer;


  background-color: #0dd0b7;


  z-index: 5;


  display: -webkit-flex;


  display: flex;


  -webkit-align-items: center;


  align-items: center;


  -webkit-justify-content: center;


  justify-content: center;


  border-radius: 3px 0 0 3px;


  -webkit-animation-duration: 1s;


  -moz-animation-duration: 1s;


  -ms-animation-duration: 1s;


  -o-animation-duration: 1s;


  animation-duration: 1s;


  -webkit-animation-delay: 1s;


  -moz-animation-delay: 1s;


  -ms-animation-delay: 1s;


  -o-animation-delay: 1s;


  animation-delay: 1s;


  -webkit-animation-fill-mode: both;


  -moz-animation-fill-mode: both;


  -ms-animation-fill-mode: both;


  -o-animation-fill-mode: both;


  animation-fill-mode: both; }





#settings-trigger i {


  color: #ffffff;


  font-size: 1rem;


  line-height: 1rem; }





@media (max-width: 991px) {


  #settings-trigger {


    display: none; } }


#settings-trigger i {


  display: block;


  color: #ffffff;


  font-size: 16px;


  -webkit-animation: rotate90deg linear 2s infinite;


  animation: rotate90deg linear 2s infinite;


  line-height: 45px; }





@-webkit-keyframes rotate90deg {


  0% {


    -webkit-transform: rotate(0deg);


    -ms-transform: rotate(0deg);


    transform: rotate(0deg); }


  100% {


    -webkit-transform: rotate(360deg);


    -ms-transform: rotate(360deg);


    transform: rotate(360deg); } }


@keyframes rotate90deg {


  0% {


    -webkit-transform: rotate(0deg);


    -ms-transform: rotate(0deg);


    transform: rotate(0deg); }


  100% {


    -webkit-transform: rotate(360deg);


    -ms-transform: rotate(360deg);


    transform: rotate(360deg); } }


/* :: Alert CSS */


.animated-alert {


  /* The close button */


  /* When moving the mouse over the close button */ }


  .animated-alert .alert {


    padding: 20px;


    color: #ffffff;


    margin-bottom: 15px;


    font-size: 14px; }


  .animated-alert .closebtn {


    margin-left: 15px;


    color: #ffffff;


    float: right;


    font-size: 22px;


    line-height: 20px;


    cursor: pointer;


    transition: 0.3s;


    font-weight: 500;


    line-height: 0.7; }


  .animated-alert .closebtn:hover {


    color: black; }


  .animated-alert .alert {


    opacity: 1;


    transition: opacity 0.6s;


    /* 600ms to fade out */ }





.alert-warning p {


  color: #936f1d; }





/* :: Analytic CSS Area */


.order-stats tbody tr td:first-child {


  width: 70px;


  max-width: 70px; }





.analaytic-img {


  width: 40px;


  border-radius: 2px; }





.icon-section {


  width: 45px;


  height: 45px;


  border-radius: 50%;


  margin-right: 15px;


  text-align: center;


  line-height: 45px; }





.bg-primary-soft {


  background-color: rgba(110, 0, 255, 0.1) !important;


  color: #0dd0b7 !important; }





.bg-danger-soft {


  background-color: rgba(255, 86, 48, 0.11) !important;


  color: #ff5630 !important; }





.bg-success-soft {


  background-color: rgba(7, 191, 88, 0.1) !important;


  color: #07bf58 !important; }





/* Crypto News Area CSS */


.currency-marquee-area {


  width: 100%;


  background: #f1f5fa;


  height: 60px;


  line-height: 66px;


  cursor: pointer;


  z-index: 22;


  overflow: hidden;


  border-radius: 2px; }





[class*="js-conveyor-"] ul li {


  padding: 0 15px;


  line-height: 35px;


  font-size: 16px; }





.line-legend {


  padding-top: 25px;


  padding-left: 18px; }





.line-legend .chart-legend li {


  display: inline-block;


  font-size: 16px;


  text-transform: capitalize;


  position: relative;


  color: #283a5e;


  margin-left: 28px; }





.line-legend .chart-legend li span {


  width: 15px;


  height: 15px;


  display: inline-block;


  background-color: #4e3a9d;


  -webkit-border-radius: 50%;


  -moz-border-radius: 50%;


  border-radius: 50%;


  position: absolute;


  left: -22px;


  top: 3px; }





.line-legend .chart-legend li span.legend__two {


  background-color: #ff7e00; }





.chart-item .sec-heading .sec__list li .fa-check {


  color: #fff;


  width: 25px;


  height: 25px;


  line-height: 25px;


  text-align: center;


  font-size: 13px;


  -webkit-border-radius: 50%;


  -moz-border-radius: 50%;


  border-radius: 50%;


  margin-right: 10px;


  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);


  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);


  box-shadow: 0 0 40px rgba(82, 85, 90, 0.2); }





.chart-item .sec-heading .sec__list li .check-one {


  background-color: #ff7e00; }





.chart-item .sec-heading .sec__list li .check-two {


  background-color: #4e3a9d; }





.chart-item .sec-heading .sec__list li .check-three {


  background-color: #283a5e; }





.chart-item .sec-heading .sec__list li {


  font-size: 16px;


  color: #677286;


  padding-bottom: 20px;


  font-weight: 500; }





.chart-item .sec-heading .sec__list li:last-child {


  padding-bottom: 0; }





.cryp-thumb {


  width: 20px; }





.overlay-icon {


  font-size: 60px;


  color: rgba(110, 0, 255, 0.2); }





/* :: Crypto CSS Area */


.single-solutin-slider .thumb-icon {


  width: 60px;


  height: 60px;


  display: block; }





.currency-exchange .form-control {


  border-color: transparent; }


.currency-exchange .custom-select {


  border: none;


  background: none;


  cursor: pointer; }


.currency-exchange .custom-select:focus {


  border-color: transparent;


  box-shadow: none; }





.cry-chart-area .crypto-report-history ul li a {


  font-size: 12px;


  color: #3c4858;


  font-weight: 600;


  border: 1px solid #e1eaea;


  margin-right: 5px;


  padding: 3px 10px;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms; }


  .cry-chart-area .crypto-report-history ul li a:hover {


    background-color: #0dd0b7;


    color: #ffffff;


    border-color: #0dd0b7; }


.cry-chart-area .apexcharts-toolbar {


  display: none; }





/* :: CRM CSS Area */


.action-item {


  display: inline-block;


  font-size: 16px;


  cursor: pointer;


  color: #8492a6;


  background: transparent;


  border: 0;


  padding: .25rem;


  -webkit-transition: color .3s;


  -o-transition: color .3s;


  transition: color .3s; }





.bg-gradient-warning {


  background: -o-linear-gradient(40deg, #ffab00, #fff800) !important;


  background: linear-gradient(50deg, #ffab00, #fff800) !important; }





.bg-gradient-primary {


  background: -o-linear-gradient(40deg, #0dd0b7, #b0f) !important;


  background: linear-gradient(50deg, #0dd0b7, #b0f) !important; }





.bg-gradient-danger {


  background: -o-linear-gradient(40deg, #ff5630, #ff9430) !important;


  background: linear-gradient(50deg, #ff5630, #ff9430) !important; }





.clint-icon {


  width: 3rem;


  height: 3rem;


  line-height: 3rem;


  text-align: center;


  font-size: 16px; }





.badge-soft-warning {


  color: #ffab00;


  background-color: #fec; }





.single-conatct-area .conatct-thumb {


  width: 70px;


  height: 70px;


  margin: auto;


  position: relative;


  z-index: 1;


  margin-bottom: 20px; }


  .single-conatct-area .conatct-thumb::after {


    position: absolute;


    content: "";


    z-index: 33;


    background-color: #ff9430;


    height: 10px;


    width: 10px;


    border-radius: 50%;


    top: 10px;


    right: 0; }


  .single-conatct-area .conatct-thumb img {


    border-radius: 50%; }


.single-conatct-area .member-info h6 {


  font-size: 18px;


  margin-bottom: 5px; }


.single-conatct-area .member-info p {


  font-size: 13px; }


.single-conatct-area .contact-social-icon {


  padding-bottom: 15px;


  border-bottom: 1px solid #e1eaea; }


  .single-conatct-area .contact-social-icon a {


    color: #8492a6;


    font-size: 16px;


    -webkit-transition-duration: 400ms;


    -o-transition-duration: 400ms;


    transition-duration: 400ms; }


    .single-conatct-area .contact-social-icon a:hover {


      color: #36b37e; }


.single-conatct-area .contact-footer {


  padding: 15px 0; }


  .single-conatct-area .contact-footer a {


    color: #3c4858;


    font-weight: 600;


    -webkit-transition-duration: 400ms;


    -o-transition-duration: 400ms;


    transition-duration: 400ms; }


    .single-conatct-area .contact-footer a:hover {


      color: #0dd0b7; }





.profile-social-icon a {


  color: #0dd0b7;


  font-size: 16px;


  margin: 0 10px;


  -webkit-transition-duration: 400ms;


  -o-transition-duration: 400ms;


  transition-duration: 400ms; }


  .profile-social-icon a:hover {


    color: #36b37e; }





.profile-crm-area .nav-tabs {


  border-bottom: none; }


.profile-crm-area .nav-tabs .nav-item.show .nav-link,


.profile-crm-area .nav-tabs .nav-link.active {


  border-color: transparent; }


.profile-crm-area .nav-tabs .nav-link.active {


  background-color: #0dd0b7;


  color: #fff; }


.profile-crm-area .nav-tabs .nav-link {


  height: 30px;


  width: 80px;


  padding: 0;


  text-align: center;


  line-height: 28px;


  color: #3c4858;


  border-radius: 2px;


  font-size: 13px; }


.profile-crm-area .nav-tabs .nav-link:focus,


.profile-crm-area .nav-tabs .nav-link:hover {


  border-color: transparent; }


.profile-crm-area .profile-row {


  padding: 15px 0;


  border-bottom: 1px solid #e1eaea;


  margin-bottom: 5px; }


.profile-crm-area .profile-cat {


  color: #3c4858;


  font-weight: 600; }





.media-pill {


  position: relative;


  padding: 2px 1rem 2px 2px;


  border-radius: 50rem;


  -webkit-transition: all .2s ease;


  transition: all .2s ease; }





.avatar.rounded-circle img {


  border-radius: 50%; }





.crm-chart .apexcharts-toolbar {


  display: none; }





/* :: Job CSS Area */


.job-content-area {


  border: 1px solid #e1eaea;


  padding: 30px; }


  .job-content-area .job-logo-icon {


    -webkit-box-flex: 0;


    -ms-flex: 0 0 40px;


    flex: 0 0 40px;


    max-width: 40px;


    width: 40px; }


  .job-content-area .job-desc-info a h6 {


    -webkit-transition-duration: 300ms;


    -o-transition-duration: 300ms;


    transition-duration: 300ms; }


    .job-content-area .job-desc-info a h6:hover {


      color: #0dd0b7; }


  .job-content-area .job-button-area .job-duration {


    border: 1px solid #ddd;


    padding: 2px 10px;


    display: inline-block;


    color: #3c4858;


    font-size: 13px;


    font-weight: 600;


    -webkit-transition-duration: 400ms;


    -o-transition-duration: 400ms;


    transition-duration: 400ms; }


    .job-content-area .job-button-area .job-duration:hover {


      background-color: #0dd0b7;


      border-color: #0dd0b7;


      color: #ffffff; }





.g-width-110 {


  width: 100px !important; }





.tag-line-area li {


  display: inline-block; }


  .tag-line-area li a {


    border: 1px solid #ddd;


    padding: 2px 15px;


    display: inline-block;


    color: #3c4858;


    border-radius: 3px;


    -webkit-transition-duration: 400ms;


    -o-transition-duration: 400ms;


    transition-duration: 400ms;


    font-size: 12px; }


    .tag-line-area li a:hover {


      background-color: #0dd0b7;


      border-color: #0dd0b7;


      color: #ffffff; }





.g-mx-10 {


  margin-left: 0.71429rem !important;


  margin-right: 0.71429rem !important; }





.g-color-primary--hover:hover {


  color: #72c02c !important; }





/* :: Ecommerce CSS Area */


.ecommerce-chart .apexcharts-zoom-icon,


.ecommerce-chart .apexcharts-zoom-in-icon,


.ecommerce-chart .apexcharts-zoom-out-icon,


.ecommerce-chart .apexcharts-reset-zoom-icon,


.ecommerce-chart .apexcharts-pan-icon,


.ecommerce-chart .apexcharts-selection-icon,


.ecommerce-chart .apexcharts-menu-icon,


.ecommerce-chart .apexcharts-toolbar-custom-icon {


  display: none; }





.ecommerce-slider-area {


  cursor: pointer; }


  .ecommerce-slider-area .eccomerce-single-slider .ecco-thumb {


    width: 280px; }





/* :: Inbox CSS */


.email-content-area .mail-sidebar {


  border-right: 1px solid #e1eaea; }


  .email-content-area .mail-sidebar .menu-bar {


    width: 100%;


    float: right;


    height: 100%;


    min-height: 100%; }


    .email-content-area .mail-sidebar .menu-bar .menu-items {


      padding: 0;


      margin-bottom: 0;


      height: auto;


      list-style-type: none; }


      .email-content-area .mail-sidebar .menu-bar .menu-items li {


        padding: 6px 10px;


        transition: 0.4s;


        position: relative;


        border-radius: 4px;


        display: -webkit-flex;


        display: flex;


        -webkit-align-items: center;


        align-items: center;


        -webkit-justify-content: space-between;


        justify-content: space-between; }


        .email-content-area .mail-sidebar .menu-bar .menu-items li:hover {


          background: #eef0f7; }


        .email-content-area .mail-sidebar .menu-bar .menu-items li a {


          color: #3c4858;


          font-size: 14px;


          font-weight: 600; }


          .email-content-area .mail-sidebar .menu-bar .menu-items li a i {


            color: #0dd0b7;


            margin-right: 5px;


            font-weight: 600; }


        .email-content-area .mail-sidebar .menu-bar .menu-items li.active {


          background: #eef0f7; }


    .email-content-area .mail-sidebar .menu-bar .mail-profile-list .mail-profile-list-item {


      margin-bottom: 20px; }


      .email-content-area .mail-sidebar .menu-bar .mail-profile-list .mail-profile-list-item .mail-client .thumb {


        -webkit-box-flex: 0;


        -ms-flex: 0 0 20%;


        flex: 0 0 20%;


        width: 20%;


        max-width: 20%; }


        .email-content-area .mail-sidebar .menu-bar .mail-profile-list .mail-profile-list-item .mail-client .thumb img {


          border-radius: 50%; }


      .email-content-area .mail-sidebar .menu-bar .mail-profile-list .mail-profile-list-item .mail-client .user {


        -webkit-box-flex: 0;


        -ms-flex: 0 0 80%;


        flex: 0 0 80%;


        width: 80%;


        max-width: 80%;


        margin-left: 15px; }


.email-content-area .mail-list-area .mail-list {


  display: -webkit-box;


  display: -ms-flexbox;


  display: flex;


  border-bottom: 1px solid #e1eaea; }


  .email-content-area .mail-list-area .mail-list .content {


    -webkit-box-flex: 0;


    -ms-flex: 0 0 65%;


    flex: 0 0 65%;


    width: 65%;


    max-width: 65%; }


    .email-content-area .mail-list-area .mail-list .content .sender-name {


      font-size: 15px;


      color: #161537;


      font-weight: 600;


      margin-bottom: 0;


      line-height: 1.5; }


    .email-content-area .mail-list-area .mail-list .content .message_text {


      font-size: 13px;


      margin-bottom: 0; }


  .email-content-area .mail-list-area .mail-list .time {


    text-align: right;


    -webkit-box-flex: 0;


    -ms-flex: 0 0 25%;


    flex: 0 0 25%;


    width: 25%;


    max-width: 25%; }


    .email-content-area .mail-list-area .mail-list .time p {


      font-size: 12px; }


  .email-content-area .mail-list-area .mail-list .custom-control.custom-checkbox {


    -webkit-box-flex: 0;


    -ms-flex: 0 0 10%;


    flex: 0 0 10%;


    width: 10%;


    max-width: 10%; }





.widgets-todo-list-area .todo-list li [type="checkbox"]:checked + span:not(.lever)::before {


  border-right: 2px solid #0dd0b7;


  border-bottom: 2px solid #0dd0b7; }





.widgets-todo-list-area [type="checkbox"]:checked + span:not(.lever)::before {


  top: -4px;


  left: -5px;


  width: 12px;


  height: 22px;


  border-top: 2px solid transparent;


  border-left: 2px solid transparent;


  border-right: 2px solid #0dd0b7;


  border-bottom: 2px solid #0dd0b7;


  -webkit-transform: rotate(40deg);


  -ms-transform: rotate(40deg);


  transform: rotate(40deg);


  -webkit-backface-visibility: hidden;


  backface-visibility: hidden;


  -webkit-transform-origin: 100% 100%;


  transform-origin: 100% 100%; }





.single-widget-area .profit-icon {


  -webkit-box-flex: 0;


  -ms-flex: 0 0 50px;


  flex: 0 0 50px;


  width: 50px;


  max-width: 50px;


  height: 50px;


  display: inline-block;


  font-size: 20px;


  line-height: 53px;


  text-align: center;


  color: #ffffff;


  background-color: #0dd0b7;


  border-radius: 50%;


  margin-right: 15px; }





.widget-slider-content-inbox {


  border: 2px solid #0dd0b7; }


  .widget-slider-content-inbox .icon {


    color: #0dd0b7; }





.widget-slider-area:hover {


  cursor: crosshair; }





/* :: Inbox - 2 CSS */


.form-control.inbox- {


  margin-bottom: 0;


  padding: 8px; }





.mail-ontact {


  padding: 5px !important; }





.file-manager {


  list-style: none outside none;


  margin: 0;


  padding: 0; }





.space-25 {


  margin: 25px 0;


  display: block; }





.folder-list li a,


.category-list li a {


  color: #3c4858;


  display: block;


  padding: 12px 11px 10px;


  font-size: 14px;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms;


  font-weight: 400;


  border-left: 3px solid #f2f4f8;


  margin-bottom: 10px; }


  @media only screen and (min-width: 576px) and (max-width: 767px) {


    .folder-list li a,


    .category-list li a {


      font-size: 13px; } }


  .folder-list li a i,


  .category-list li a i {


    margin-right: 8px; }


  .folder-list li a:hover,


  .category-list li a:hover {


    color: #269b66;


    border-left: 3px solid #0dd0b7;


    background-color: #f2f4f8; }


  .folder-list li a .badge,


  .category-list li a .badge {


    font-size: 10px;


    padding: 5px 10px; }


.folder-list li:last-child a,


.category-list li:last-child a {


  margin-bottom: 0; }


.folder-list li.active a,


.category-list li.active a {


  color: #0168fa;


  border-left: 3px solid #0dd0b7;


  background-color: #f2f4f8; }





.mail-box-header {


  background-color: #ffffff; }





.mail-subject a {


  font-size: 13px;


  color: #8492a6;


  font-weight: 500; }





.mail-ontact a {


  color: #8492a6;


  font-size: 13px;


  font-weight: 500; }





.inbox-title h2 {


  font-size: 20px; }


  .inbox-title h2 span {


    font-size: 16px;


    color: #0168fa; }





.label-danger {


  background-color: #ff5630;


  color: #ffffff;


  padding: 2px 10px;


  border-radius: 5px;


  font-size: 10px; }





.label-warning {


  background-color: #ffab00;


  color: #ffffff;


  padding: 2px 10px;


  border-radius: 5px;


  font-size: 10px; }





.label-info {


  background-color: #36b37e;


  color: #ffffff;


  padding: 2px 10px;


  border-radius: 5px;


  font-size: 10px; }





.label-primary {


  background-color: #0168fa;


  color: #ffffff;


  padding: 2px 10px;


  border-radius: 5px;


  font-size: 10px; }





.mail- {


  border-top: 1px solid #e1eaea;


  padding: 20px;


  background-color: #ffffff; }





.message-title {


  font-size: 18px;


  font-weight: 400;


  margin-bottom: 20px; }





.mail-tools.tooltip-demo h3 {


  font-size: 13px;


  color: #8492a6;


  font-weight: 400; }





.mail-add-title {


  font-size: 12px;


  color: #888da8;


  font-weight: 400;


  margin-bottom: 0; }





.mail- p {


  font-size: 13px; }





.mail-attachment {


  background-color: #ffffff;


  border-top: 1px solid #e1eaea;


  padding: 20px 0; }





.file-box {


  float: left;


  width: 220px; }





.file {


  border: 1px solid #e1eaea;


  padding: 0;


  background-color: #ffffff;


  position: relative;


  margin-bottom: 30px;


  display: block; }


  .file .icon {


    padding: 37px 10px;


    text-align: center; }


    .file .icon i {


      font-size: 70px;


      color: #eef5f9; }


  .file .file-name {


    padding: 10px;


    background-color: #eef5f9;


    border-top: 1px solid #e1eaea; }


    .file .file-name .h6 {


      font-size: 12px;


      color: #8492a6;


      margin-bottom: 0; }





.mail-attachment p {


  font-size: 14px; }





.summernote {


  padding: 20px; }


  .summernote p {


    font-size: 12px; }





.mail-box-header h2 {


  font-size: 20px; }





.label.label-warning.inbox,


.label.label-info.inbox,


.label.label-danger.inbox,


.label.label-warning.inbox {


  padding: 1px 7px;


  font-size: 11px;


  border-radius: 3px; }





.unread td {


  padding-right: 0; }





.mail-btn-group a {


  font-size: 16px;


  margin-right: 5px;


  padding: 5px 10px;


  color: #8392a5;


  text-align: center;


  border: 1px solid #e1eaea; }


  .mail-btn-group a:hover {


    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);


    border-color: transparent; }


  @media only screen and (max-width: 767px) {


    .mail-btn-group a {


      font-size: 16px; } }


  .mail-btn-group a i {


    font-weight: 700; }


  .mail-btn-group a:hover, .mail-btn-group a:focus {


    font-size: 16px;


    color: #0dd0b7; }


.mail-btn-group .dashboard-dropdown .btn {


  font-size: 20px; }





.search-wrapper {


  position: relative;


  z-index: 1; }





.search-wrapper form button {


  font-size: 18px;


  cursor: pointer;


  color: #0dd0b7;


  background-color: transparent;


  border: none;


  position: absolute;


  top: 10px;


  right: 0;


  z-index: 9999999; }





.mail-body p {


  font-weight: 300; }





.mail-pager span {


  color: #8492a6;


  font-size: 14px;


  margin-right: 15px; }


.mail-pager a {


  font-size: 20px;


  margin-right: 10px;


  color: #8392a5;


  text-align: center;


  border: 1px solid #e1eaea;


  padding: 3px 9px 0px 8px;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms; }


  .mail-pager a:hover {


    color: #0dd0b7;


    -webkit-box-shadow: 0 0 10px 0 rgba(58, 70, 93, 0.2);


    box-shadow: 0 0 10px 0 rgba(58, 70, 93, 0.2); }





.admi-mail-list {


  border-left: 1px solid #e1eaea;


  border-right: 1px solid #e1eaea; }





.admi-mail-item {


  border-top: 1px solid #e1eaea;


  position: relative;


  display: -webkit-box;


  display: -ms-flexbox;


  display: flex;


  -webkit-box-align: center;


  -ms-flex-align: center;


  align-items: center;


  padding: 7px 20px;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms; }


  .admi-mail-item:hover {


    background-color: #f2f4f8;


    -webkit-box-shadow: 0 0 10px 0 rgba(58, 70, 93, 0.1);


    box-shadow: 0 0 10px 0 rgba(58, 70, 93, 0.1); }


  .admi-mail-item:last-child {


    border-bottom: 1px solid #e1eaea; }





.admi-mail-star {


  font-size: 18px;


  color: #fdb901; }





.admi-mail-subject span {


  font-size: 13px;


  color: #70737c; }





.admi-mail-date {


  font-size: 14px;


  color: #3c4858;


  margin-left: auto; }


  @media only screen and (max-width: 767px) {


    .admi-mail-date {


      display: none; } }





.admi-mail-from {


  font-size: 15px;


  color: #222222;


  font-weight: 600; }





.mail-subject--text-- {


  font-size: 14px;


  font-weight: 500;


  color: #252525; }


  .mail-subject--text-- span {


    font-weight: 300;


    color: #8492a6; }





.mail-attach-file {


  margin-top: 8px; }





.mail-attach-file span {


  border: 1px solid #dbdbdb;


  border-radius: 30px;


  padding: 5px 12px;


  font-size: 12px;


  color: #8492a6;


  font-weight: 400;


  -webkit-transition-duration: 500ms;


  -o-transition-duration: 500ms;


  transition-duration: 500ms; }


  .mail-attach-file span:hover {


    border: 1px solid #0dd0b7;


    color: #0dd0b7; }





.form-control.inbox-mail {


  width: 350px;


  border: 2px solid #dbdbdb;


  padding: 0 20px;


  border-radius: 6px;


  height: 40px; }


  @media only screen and (max-width: 767px) {


    .form-control.inbox-mail {


      width: 200px; } }


  .form-control.inbox-mail:focus {


    border-color: #0168fa;


    -webkit-box-shadow: none;


    box-shadow: none; }





.search-results {


  position: absolute;


  top: 0;


  right: 5px;


  z-index: 999; }





.search-results i {


  line-height: 0.7; }





.mail-tools.tooltip-demo {


  -ms-flex-wrap: wrap;


  flex-wrap: wrap; }





@media only screen and (min-width: 992px) and (max-width: 1199px) {


  .inbox-area .row .col-xl-3,


  .email-view-email--area .row .col-xl-3,


  .compose-email--area .row .col-xl-3 {


    -webkit-box-ordinal-group: 51;


    -ms-flex-order: 50;


    order: 50; }


    .inbox-area .row .col-xl-3 .ibox,


    .email-view-email--area .row .col-xl-3 .ibox,


    .compose-email--area .row .col-xl-3 .ibox {


      margin-top: 50px; } }


@media only screen and (min-width: 768px) and (max-width: 991px) {


  .inbox-area .row .col-xl-3,


  .email-view-email--area .row .col-xl-3,


  .compose-email--area .row .col-xl-3 {


    -webkit-box-ordinal-group: 51;


    -ms-flex-order: 50;


    order: 50; }


    .inbox-area .row .col-xl-3 .ibox,


    .email-view-email--area .row .col-xl-3 .ibox,


    .compose-email--area .row .col-xl-3 .ibox {


      margin-top: 50px; } }


@media only screen and (max-width: 767px) {


  .inbox-area .row .col-xl-3,


  .email-view-email--area .row .col-xl-3,


  .compose-email--area .row .col-xl-3 {


    -webkit-box-ordinal-group: 51;


    -ms-flex-order: 50;


    order: 50; }


    .inbox-area .row .col-xl-3 .ibox,


    .email-view-email--area .row .col-xl-3 .ibox,


    .compose-email--area .row .col-xl-3 .ibox {


      margin-top: 50px; } }





@media only screen and (max-width: 767px) {


  .compose-email--area input[type="file"] {


    width: 200px !important; } }





.note-popover.popover {


  max-width: none;


  display: none; }





.bullet.bullet-sm {


  width: 10px;


  height: 10px; }





.bullet.bullet-success {


  background-color: #39DA8A; }





.mail-side-menu {


  -webkit-box-flex: 0;


  -ms-flex: 0 0 17%;


  flex: 0 0 17%;


  width: 17%;


  max-width: 17%;


  margin-right: 30px; }


  @media only screen and (max-width: 767px) {


    .mail-side-menu {


      -webkit-box-flex: 0;


      -ms-flex: 0 0 100%;


      flex: 0 0 100%;


      width: 100%;


      max-width: 100%; } }


  @media only screen and (min-width: 992px) and (max-width: 1199px) {


    .mail-side-menu {


      -webkit-box-flex: 0;


      -ms-flex: 0 0 20%;


      flex: 0 0 20%;


      width: 20%;


      max-width: 20%; } }


  @media only screen and (min-width: 576px) and (max-width: 767px) {


    .mail-side-menu {


      -webkit-box-flex: 0;


      -ms-flex: 0 0 27%;


      flex: 0 0 27%;


      width: 27%;


      max-width: 27%; } }


  @media only screen and (min-width: 768px) and (max-width: 991px) {


    .mail-side-menu {


      -webkit-box-flex: 0;


      -ms-flex: 0 0 20%;


      flex: 0 0 20%;


      width: 20%;


      max-width: 20%; } }





.mail-body--area {


  -webkit-box-flex: 0;


  -ms-flex: 0 0 80%;


  flex: 0 0 80%;


  width: 80%;


  max-width: 80%; }


  @media only screen and (max-width: 767px) {


    .mail-body--area {


      -webkit-box-flex: 0;


      -ms-flex: 0 0 100%;


      flex: 0 0 100%;


      width: 100%;


      max-width: 100%; } }


  @media only screen and (min-width: 576px) and (max-width: 767px) {


    .mail-body--area {


      -webkit-box-flex: 0;


      -ms-flex: 0 0 70%;


      flex: 0 0 70%;


      width: 70%;


      max-width: 70%; } }


  @media only screen and (min-width: 768px) and (max-width: 991px) {


    .mail-body--area {


      -webkit-box-flex: 0;


      -ms-flex: 0 0 77%;


      flex: 0 0 77%;


      width: 77%;


      max-width: 77%; } }


  @media only screen and (min-width: 992px) and (max-width: 1199px) {


    .mail-body--area {


      -webkit-box-flex: 0;


      -ms-flex: 0 0 77%;


      flex: 0 0 77%;


      width: 77%;


      max-width: 77%; } }





.compose-add-icon {


  font-size: 20px;


  color: #70737c;


  margin-right: 8px; }





/* :: Email View CSS */


@media only screen and (max-width: 767px) {


  .mail-windoe-body-area {


    margin-top: 100px; } }


.mail-windoe-body-area .mail-window-header {


  border-bottom: 1px solid #e1eaea;


  padding: 0 0 15px 0; }


  @media only screen and (max-width: 767px) {


    .mail-windoe-body-area .mail-window-header {


      border-bottom: none; } }


  .mail-windoe-body-area .mail-window-header a {


    font-size: 16px;


    margin-right: 10px;


    color: #475F7B;


    text-align: center;


    border: 1px solid #DFE3E7;


    padding: 4px 15px; }


    .mail-windoe-body-area .mail-window-header a:hover {


      color: #0dd0b7; }


.mail-windoe-body-area .mail-window-text-content {


  padding-top: 15px; }


  .mail-windoe-body-area .mail-window-text-content p {


    font-size: 14px; }


  .mail-windoe-body-area .mail-window-text-content .mail-avatra .mail-avatar-thumb {


    -webkit-box-flex: 0;


    -ms-flex: 0 0 50px;


    flex: 0 0 50px;


    max-width: 50px;


    width: 50px;


    border-radius: 50%;


    margin-right: 10px; }


    .mail-windoe-body-area .mail-window-text-content .mail-avatra .mail-avatar-thumb img {


      border-radius: 50%; }


.mail-windoe-body-area .avatar-title {


  -webkit-box-align: center;


  -ms-flex-align: center;


  align-items: center;


  background-color: #727cf5;


  color: #fff;


  display: -webkit-box;


  display: -ms-flexbox;


  display: flex;


  font-weight: 600;


  height: 100%;


  -webkit-box-pack: center;


  -ms-flex-pack: center;


  justify-content: center;


  width: 100%; }


.mail-windoe-body-area .avatar-sm {


  height: 3rem;


  width: 3rem; }





.bg-primary-lighten {


  background-color: rgba(114, 124, 245, 0.25) !important; }





.note-popover .popover-content,


.panel-heading.note-toolbar {


  padding: 0 0 5px 5px;


  margin: 0;


  border-bottom: 1px solid #e1eaea; }





.note-editor.note-frame {


  border: 1px solid #e1eaea;


  border-radius: 3px; }





.dropdown-menu.note-check.dropdown-fontname li a {


  color: #000;


  font-size: 12px;


  padding: 0 5px; }





/* :: Coming Soon CSS */


.coming-soon-area {


  width: 100%;


  height: 100vh;


  position: relative;


  z-index: 2; }





.coming-soon-content {


  position: relative;


  display: -webkit-box;


  display: -ms-flexbox;


  display: flex;


  -webkit-box-align: center;


  -ms-flex-align: center;


  align-items: center;


  z-index: 1;


  -webkit-box-flex: 0;


  -ms-flex: 0 0 40%;


  flex: 0 0 40%;


  max-width: 40%;


  width: 40%;


  margin-bottom: 50px; }


  @media only screen and (max-width: 767px) {


    .coming-soon-content {


      -webkit-box-flex: 0;


      -ms-flex: 0 0 100%;


      flex: 0 0 100%;


      max-width: 100%;


      width: 100%; } }


  .coming-soon-content .text-form-area h2 {


    color: #222222;


    font-size: 80px;


    font-weight: 700;


    margin-bottom: 15px; }


    @media only screen and (max-width: 767px) {


      .coming-soon-content .text-form-area h2 {


        font-size: 30px; } }


  .coming-soon-content .text-form-area p {


    font-size: 18px;


    color: #8492a6; }


    @media only screen and (max-width: 767px) {


      .coming-soon-content .text-form-area p {


        font-size: 13px; } }





.social-info-area {


  margin-right: 70px; }


  @media only screen and (max-width: 767px) {


    .social-info-area {


      padding-bottom: 30px;


      margin-top: 30px; } }


  @media only screen and (min-width: 768px) and (max-width: 991px) {


    .social-info-area {


      padding-bottom: 30px; } }


  .social-info-area p {


    display: inline-block;


    margin-bottom: 0;


    margin-right: 20px;


    color: #333;


    font-size: 18px;


    text-transform: uppercase; }


    @media only screen and (max-width: 767px) {


      .social-info-area p {


        display: block;


        margin-bottom: 30px;


        margin-right: 0; } }


  .social-info-area a {


    height: 40px;


    width: 40px;


    text-align: center;


    line-height: 40px;


    font-size: 18px;


    color: #ffffff;


    margin-right: 10px;


    display: inline-block;


    border-radius: 50%;


    -webkit-transition-duration: 500ms;


    -o-transition-duration: 500ms;


    transition-duration: 500ms; }


    .social-info-area a:hover {


      background-color: #0dd0b7; }





.countdown-timer {


  margin-top: 50px; }


  .countdown-timer #clock {


    display: -webkit-box;


    display: -ms-flexbox;


    display: flex; }


    .countdown-timer #clock div {


      font-size: 44px;


      font-weight: 600;


      background-color: #edf3f9;


      margin-right: 15px;


      padding: 32px 0;


      width: 120px;


      height: 120px;


      display: inline-block;


      text-align: center;


      line-height: 0.9;


      color: #0dd0b7;


      border-radius: 50%; }


      @media only screen and (max-width: 767px) {


        .countdown-timer #clock div {


          height: 60px;


          width: 60px;


          font-size: 20px;


          line-height: 1;


          background-color: transparent; } }


      @media only screen and (min-width: 576px) and (max-width: 767px) {


        .countdown-timer #clock div {


          width: 100px;


          height: 100px;


          background-color: #edf3f9;


          font-size: 24px; } }


      .countdown-timer #clock div span {


        margin-top: 10px;


        font-size: 18px;


        color: #222222;


        font-weight: 500;


        display: block; }


        @media only screen and (max-width: 767px) {


          .countdown-timer #clock div span {


            font-size: 14px; } }





.purple {


  background-color: #0dd0b7; }





.sky {


  background-color: #00bae3; }





.red {


  background-color: #d91a18; }





.blue {


  background-color: #0085d7; }





/* :: 404 CSS */


.colorlib-error-page-area {


  min-height: 100vh;


  width: 100%;


  position: relative;


  z-index: 1;


  display: flex;


  align-items: center;


  justify-content: center; }





.error-content {


  text-align: center;


  padding: 30px 15px; }





.erro-thumb img {


  max-width: 100%;


  height: auto; }





.error-content h2 {


  font-size: 48px;


  color: #202020;


  margin-bottom: 15px;


  margin-top: 20px;


  text-transform: uppercase; }





.error-content p {


  font-size: 18px;


  color: #636363; }





.colorlib-btn {


  height: 60px;


  width: 240px;


  line-height: 60px;


  text-align: center;


  text-decoration: none;


  border-radius: 30px;


  display: inline-block;


  background-color: #43aed8;


  margin-top: 50px;


  color: #fff;


  font-weight: 600;


  transition-duration: 500ms;


  text-transform: capitalize;


  box-shadow: 0px 18px 32px 0px rgba(108, 98, 255, 0.2); }





.colorlib-btn:hover {


  background-color: #6c62ff;


  color: #fff; }





/* ---- Responsive Css ---- */


@media (min-width: 320px) and (max-width: 767px) {


  .error-content h2 {


    font-size: 24px;


    line-height: 1.5; }





  .error-content p {


    font-size: 15px; } }


@media (min-width: 480px) and (max-width: 767px) {


  .error-content h2 {


    font-size: 30px; } }


.bg-gradient-danger {


  background: linear-gradient(50deg, #ff5630, #ff9430) !important; }





/* :: Sidebar Dark CSS */


.sidebar-dark .ecaps-page-wrapper .ecaps-sidemenu-area .slimScrollDiv {


  background: -o-linear-gradient(40deg, #273444, #272b44) !important;


  background: linear-gradient(50deg, #273444, #272b44) !important;


  -webkit-box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.09);


  box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.09); }


  .sidebar-dark .ecaps-page-wrapper .ecaps-sidemenu-area .slimScrollDiv .sidebar-menu li a {


    color: rgba(255, 255, 255, 0.8) !important;


    font-weight: 400; }


  .sidebar-dark .ecaps-page-wrapper .ecaps-sidemenu-area .slimScrollDiv .sidebar-menu > li.active > a,


  .sidebar-dark .ecaps-page-wrapper .ecaps-sidemenu-area .slimScrollDiv .sidebar-menu > li.menu-open > a {


    color: rgba(255, 255, 255, 0.8) !important;


    background: rgba(255, 255, 255, 0.05); }


.sidebar-dark .sidebar-menu .treeview-menu > li.active > a {


  background-color: rgba(255, 255, 255, 0.07); }


.sidebar-dark .color-white {


  color: rgba(255, 255, 255, 0.8) !important; }


.sidebar-dark .sidebar-menu li a i {


  color: rgba(255, 255, 255, 0.8) !important;


  font-weight: 400; }


.sidebar-dark .ecaps-logo a {


  background-color: #fff; }


.sidebar-dark .top-header-area {


  background-color: #fff; }





/* :: Dark CSS */


.vertical-dark {


  background-color: #1a1d27; }


  .vertical-dark .admetro-logo a {


    border-bottom: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .top-header-area {


    background-color: #12121b;


    box-shadow: none;


    border-bottom: none; }


  .vertical-dark .dropdown-menu {


    background-color: #2b273d;


    -webkit-box-shadow: 0 0 20px rgba(115, 105, 215, 0.15) !important;


    box-shadow: 0 0 20px rgba(115, 105, 215, 0.15) !important; }


  .vertical-dark .dropdown-item:focus,


  .vertical-dark .dropdown-item:hover {


    background-color: #13151c; }


  .vertical-dark .top-search-bar input {


    background-color: #2b273d; }


  .vertical-dark .message-box .dropdown-item {


    border-bottom-color: rgba(255, 255, 255, 0.05); }


  .vertical-dark .notifications-box .dropdown-item,


  .vertical-dark .notifications-box .nav-link {


    border-bottom-color: rgba(255, 255, 255, 0.05); }


  .vertical-dark .card {


    background-color: #2b273d; }


  .vertical-dark .bg-boxshadow {


    border-color: transparent; }


  .vertical-dark .footer-area {


    background-color: #1a1d27;


    border-top: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .az-content-label {


    color: #ffffff; }


  .vertical-dark h1,


  .vertical-dark h2,


  .vertical-dark h3,


  .vertical-dark h4,


  .vertical-dark h5,


  .vertical-dark h6 {


    color: #ffffff; }


  .vertical-dark .text-black {


    color: #fff !important; }


  .vertical-dark .border-bottom {


    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }


  .vertical-dark .widget-new-content {


    background-color: #2b273d !important; }


  .vertical-dark .list-wrapper ul li {


    border: 1px solid rgba(255, 255, 255, 0.05);


    color: #ffffff; }


  .vertical-dark .add-items .form-control {


    border: 1px solid rgba(255, 255, 255, 0.05);


    background-color: transparent; }


  .vertical-dark small {


    color: #ffffff; }


  .vertical-dark .table thead th {


    border-bottom: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .table {


    border: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .project-table tbody tr:hover {


    background-color: rgba(255, 255, 255, 0.05); }


  .vertical-dark .table td,


  .vertical-dark .table th {


    border-top: 1px solid rgba(255, 255, 255, 0.05);


    color: #ffffff; }


  .vertical-dark .choose-layout-area,


  .vertical-dark .choose-layout-area .setting-trigger-icon {


    background-color: #2b273d;


    -webkit-box-shadow: 0 0 20px rgba(115, 105, 215, 0.15);


    box-shadow: 0 0 20px rgba(115, 105, 215, 0.15); }


  .vertical-dark .choose-layout-area .single-demos a {


    -webkit-box-shadow: 0 0 20px rgba(115, 105, 215, 0.15);


    box-shadow: 0 0 20px rgba(115, 105, 215, 0.15); }


  .vertical-dark .card-footer.bg-white,


  .vertical-dark .bg-boxshadow.bg-white,


  .vertical-dark .widget-chart-content.bg-white,


  .vertical-dark .widget-content-area-3.bg-white {


    background-color: #2b273d !important; }


  .vertical-dark .widget-content-area-3.bg-white {


    border-color: transparent; }


  .vertical-dark .widget-content-area-3 .footer-widget-3 {


    border-top: 1px solid transparent; }


  .vertical-dark .white-opacity-0_2 {


    border-color: transparent; }


  .vertical-dark .vertical-timeline-content .vertical-date {


    color: #ffffff; }


  .vertical-dark .light--timeline .vertical-timeline-content,


  .vertical-dark .llight--timeline.center-orientation .vertical-timeline-content {


    background: #2b273d; }


  .vertical-dark .light--timeline .vertical-timeline-content::before {


    border-color: transparent #2b273d transparent transparent; }


  .vertical-dark .light--timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content::before,


  .vertical-dark .light--timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content::before {


    border-color: transparent #2b273d transparent transparent; }


  .vertical-dark .light--timeline.center-orientation .vertical-timeline-content::before {


    border-color: transparent transparent transparent #2b273d; }


  .vertical-dark .accordian-style-1 a.collapsed {


    color: #ffffff; }


  .vertical-dark .card-header {


    border: none; }


  .vertical-dark p,


  .vertical-dark body {


    color: #757575; }


  .vertical-dark .button-demo,


  .vertical-dark .progress-demo,


  .vertical-dark .button-checkbox,


  .vertical-dark .md-content > div {


    background-color: #2b273d; }


  .vertical-dark .alert,


  .vertical-dark abbr,


  .vertical-dark address,


  .vertical-dark .tpography-unordered ul li {


    color: #ffffff; }


  .vertical-dark .alert-light-default,


  .vertical-dark .alert-light-primary,


  .vertical-dark .alert-light-warning,


  .vertical-dark .alert-light-success,


  .vertical-dark .alert-light-info,


  .vertical-dark .alert-light-danger,


  .vertical-dark .alert-light-dark {


    border-color: transparent;


    color: #222 !important; }


  .vertical-dark .border {


    border: 1px solid rgba(255, 255, 255, 0.1) !important; }


  .vertical-dark .modal-content {


    border: 1px solid transparent;


    background-color: #2b273d; }


  .vertical-dark .modal-backdrop {


    background-color: transparent; }


  .vertical-dark .modal-header {


    border-bottom: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .modal-footer {


    border-top: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .md-content,


  .vertical-dark .md-content h3,


  .vertical-dark .swal-modal,


  .vertical-dark .swal-icon--success__hide-corners {


    background-color: #2b273d; }


  .vertical-dark .invoice-content span,


  .vertical-dark div {


    color: #ffffff; }


  .vertical-dark .form-control {


    border: 1px solid rgba(255, 255, 255, 0.05);


    background-color: transparent; }


  .vertical-dark .swal-icon--success::after,


  .vertical-dark .swal-icon--success::before {


    background: transparent; }


  .vertical-dark .warning-element .agile-header {


    border-bottom: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .g-bg-gray-light-v5 {


    background-color: #2b273d !important; }


  .vertical-dark .single-banner .single-banner__title,


  .vertical-dark .single-banner .single-banner__category {


    color: #ffffff; }


  .vertical-dark .copy-cut-page-btn a {


    border: 1px solid rgba(255, 255, 255, 0.05);


    color: #ffffff; }


  .vertical-dark .wizard > .content {


    background: #2b273d;


    border: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .wizard > .content > .body input {


    border: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .text-dark {


    color: #ffffff !important; }


  .vertical-dark .dropzone.dz-clickable * {


    color: #ffffff; }


  .vertical-dark .external-event.dot-outline {


    background-color: #2b273d; }


  .vertical-dark .fc-month-button.btn.btn-primary,


  .vertical-dark .fc-agendaWeek-button.btn.btn-primary,


  .vertical-dark .fc-agendaDay-button.btn.btn-primary,


  .vertical-dark .fc-prev-button.btn.btn-primary,


  .vertical-dark .fc-next-button.btn.btn-primary,


  .vertical-dark .fc-today-button.btn.btn-primary.disabled {


    color: #fff !important;


    border: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .btn-primary:not(:disabled):not(.disabled).active,


  .vertical-dark .btn-primary:not(:disabled):not(.disabled):active,


  .vertical-dark .show > .btn-primary.dropdown-toggle {


    color: #fff !important;


    border-color: rgba(255, 255, 255, 0.05); }


  .vertical-dark .table-bordered td,


  .vertical-dark .table-bordered th {


    border: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .html5buttons-tables .btn.btn-default {


    background-color: #2b273d; }


  .vertical-dark table.table-bordered.dataTable tbody th,


  .vertical-dark table.table-bordered.dataTable tbody td,


  .vertical-dark table.table-bordered.dataTable th,


  .vertical-dark table.table-bordered.dataTable td,


  .vertical-dark .pagination li a {


    color: #ffffff; }


  .vertical-dark table.sortable > thead th:hover:not([data-defaultsort="disabled"]) {


    background: transparent; }


  .vertical-dark table.sortable th::after {


    color: #ffffff; }


  .vertical-dark .price-table-area--1 {


    border: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .bg-gray {


    background-color: #2b273d; }


  .vertical-dark .chat-header-text {


    border-bottom: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .chat .chat-history .my-message,


  .vertical-dark .form-control.contact {


    background: #1c1a24; }


  .vertical-dark .chat .chat-history {


    border-bottom: 2px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .people-list .chat-list li.active,


  .vertical-dark .people-list .chat-list li:hover {


    background-color: #1c1a24; }


  .vertical-dark .skill .info .bootstrap-tagsinput input {


    border: 1px solid rgba(255, 255, 255, 0.05);


    background-color: #1c1a24;


    color: #ffffff; }


  .vertical-dark .profile-navbar a,


  .vertical-dark .contact-content-area .address-contact-area p,


  .vertical-dark .contact-content-area .address-contact-area a,


  .vertical-dark .call-to-action-text-1 p,


  .vertical-dark .folder-list li a,


  .vertical-dark .category-list li a {


    color: #9b9b9b; }


  .vertical-dark .card-footer-comment > a,


  .vertical-dark .error-content h2 {


    color: #ffffff; }


  .vertical-dark .mail-box-header {


    background-color: #2b273d;


    border: 1px solid transparent; }


  .vertical-dark .admi-mail-list {


    border-left: 1px solid transparent; }


  .vertical-dark .admi-mail-item {


    border-top: 1px solid transparent;


    background-color: transparent; }


  .vertical-dark .mail-subject--text-- {


    color: #fff !important; }


  .vertical-dark .mail-windoe-body-area .mail-window-header {


    border-bottom: 1px solid transparent;


    border-top: 1px solid transparent; }


  .vertical-dark .mail-windoe-body-area .mail-window-header a,


  .vertical-dark .mail-btn-group a {


    color: #ffffff; }


    .vertical-dark .mail-windoe-body-area .mail-window-header a:hover,


    .vertical-dark .mail-btn-group a:hover {


      color: #0dd0b7; }


  .vertical-dark .mail-windoe-body-area {


    border-left: 1px solid transparent; }


  .vertical-dark ul.wysihtml5-toolbar {


    border: 1px solid rgba(255, 255, 255, 0.05); }


    .vertical-dark ul.wysihtml5-toolbar .btn-default {


      background-color: transparent;


      color: #ffffff; }


  .vertical-dark .jvectormap-zoomin,


  .vertical-dark .jvectormap-zoomout,


  .vertical-dark .jvectormap-goback {


    background: #1c1a24; }


  .vertical-dark .blog-details-text .post-meta a {


    color: #ffffff; }


  .vertical-dark .post-author-area {


    border-top: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .post-author-area .popular-tags li a,


  .vertical-dark .post-author-area .author-social-info p,


  .vertical-dark .post-author-area .author-social-info a {


    color: #9b9b9b; }


  .vertical-dark .comment_area .comment-content .comment-meta a.like,


  .vertical-dark .comment_area .comment-content .comment-meta a.reply {


    border: 1px solid rgba(255, 255, 255, 0.05);


    color: #9b9b9b; }


  .vertical-dark .comment_area {


    border-bottom: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .side-menu-area {


    margin-top: 30px; }


  .vertical-dark .left-side-navbar .nav-item.dropdown .btn {


    border: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .right-side-navbar .nav-item.dropdown .btn,


  .vertical-dark .mail-subject--text-- span {


    color: #757575; }


  .vertical-dark .dashboard-clock #dashboardDate {


    color: #fff; }


  .vertical-dark .user-important-data-info .downloads--data-btn li a {


    color: #fff; }


    .vertical-dark .user-important-data-info .downloads--data-btn li a:hover, .vertical-dark .user-important-data-info .downloads--data-btn li a:focus {


      color: #0dd0b7; }


  .vertical-dark .user-important-data-info .sales-reports li span:last-child {


    color: #fff; }


  .vertical-dark .widget-slider-area.style-2 .owl-prev,


  .vertical-dark .widget-slider-area.style-2 .owl-next {


    color: #fff; }


  .vertical-dark .ticket-data-list li {


    border-bottom: 1px dashed rgba(255, 255, 255, 0.05); }


  .vertical-dark .widget-slider-3-area .slider-content-text h6 span {


    color: #fff; }


  .vertical-dark .project-table a {


    color: #fff; }


  .vertical-dark .widget-content-area-3 .footer-widget-3 a {


    color: #fff; }


  .vertical-dark .chat .chat-message .form-control {


    border: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .folder-list li.active a,


  .vertical-dark .category-list li.active a,


  .vertical-dark .folder-list li a:hover,


  .vertical-dark .category-list li a:hover {


    background-color: rgba(255, 255, 255, 0.05); }


  .vertical-dark .mail-attach-file span {


    border: 1px solid rgba(255, 255, 255, 0.05);


    color: #757575; }


  .vertical-dark .note-editor.note-frame {


    border: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .admi-mail-item:last-child {


    border-bottom: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .note-editor.note-frame .note-editing-area .note-editable {


    background-color: transparent; }


  .vertical-dark .single-card-three-area {


    background-color: #2b273d; }


  .vertical-dark .bg-light {


    background-color: #2b273d !important; }


  .vertical-dark .single-card-three-area .icon {


    background-color: transparent; }


  .vertical-dark .warning-element span {


    color: #757575; }


  .vertical-dark .breadcrumb {


    background-color: #1c1a24; }


  .vertical-dark .accordian-style-2 a.collapsed {


    color: #fff; }


  .vertical-dark .dd-item > button::before {


    color: #fff; }


  .vertical-dark .page-link {


    background-color: transparent;


    border: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .dd-handle {


    border: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .dd-handle:hover {


    color: #2ea8e5;


    background: rgba(255, 255, 255, 0.05); }


  .vertical-dark .widgets-todo-list-area .new-todo-item {


    border: 1px solid rgba(255, 255, 255, 0.05);


    background: transparent; }


  .vertical-dark .img-thumbnail {


    background-color: rgba(255, 255, 255, 0.05);


    border: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .input-group-text {


    background-color: rgba(255, 255, 255, 0.05);


    border: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .custom-file-label {


    background-color: rgba(255, 255, 255, 0.05);


    border: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .nice-select {


    background-color: rgba(255, 255, 255, 0.05);


    border: solid 1px rgba(255, 255, 255, 0.05); }


  .vertical-dark .nice-select .list {


    background-color: #1c1a24; }


  .vertical-dark .nice-select .option:hover,


  .vertical-dark .nice-select .option.focus,


  .vertical-dark .nice-select .option.selected.focus {


    background-color: #2b273d; }


  .vertical-dark .clockpicker-popover .popover-title {


    background-color: #1c1a24; }


  .vertical-dark .clockpicker-popover .popover-content {


    background-color: #2b273d; }


  .vertical-dark .clockpicker-tick {


    color: #1c1a24; }


  .vertical-dark .btn-default {


    background-color: #1c1a24;


    color: #fff; }


  .vertical-dark .wizard > .steps .disabled a {


    background: #1c1a24;


    color: #434a54;


    border: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .table-striped tbody tr:nth-of-type(2n+1) {


    background-color: rgba(255, 255, 255, 0.05); }


  .vertical-dark .dataTables_wrapper .dataTables_filter input,


  .vertical-dark .dataTables_wrapper .dataTables_filter input:focus {


    background-color: #1c1a24;


    color: #fff; }


  .vertical-dark div.dataTables_wrapper div.dataTables_info {


    color: #fff; }


  .vertical-dark .dataTables_wrapper .dataTables_paginate .paginate_button {


    color: #fff; }


  .vertical-dark .error-page-area {


    background-color: #1c1a24; }


  .vertical-dark .search-result .search-link {


    color: #fff; }


  .vertical-dark .vote-item {


    background: transparent;


    border-top: 1px solid rgba(255, 255, 255, 0.05); }


  .vertical-dark .vote-item .vote-title {


    color: #fff; }


  .vertical-dark .single-shop-area .product-desc {


    background-color: #2b273d; }


  .vertical-dark .tabs-container .form-group label {


    color: #fff; }


  .vertical-dark .shopping-cart .product-item .product-title a {


    color: #fff; }


  .vertical-dark .border-top {


    border-top: 1px solid rgba(255, 255, 255, 0.05) !important; }


  .vertical-dark .jvectormap-container {


    background-color: transparent !important; }


  .vertical-dark .single_icon i {


    color: #fff; }





/* :: Sidebar Background Image */


.ecaps-page-wrapper.sidebar-bg-img .ecaps-sidemenu-area {


  background-image: url(../images/bg-1.jpg);


  background-position: center center;


  background-repeat: no-repeat;


  background-size: cover; }


  .ecaps-page-wrapper.sidebar-bg-img .ecaps-sidemenu-area .slimScrollDiv {


    background-color: transparent; }


    .ecaps-page-wrapper.sidebar-bg-img .ecaps-sidemenu-area .slimScrollDiv::after {


      position: absolute;


      width: 100%;


      height: 100%;


      top: 0;


      left: 0;


      z-index: -2;


      content: "";


      background-color: rgba(18, 18, 27, 0.7); }





/* :: Sidebar colorfull CSS */


.sidebar-color .ecaps-page-wrapper .ecaps-sidemenu-area .slimScrollDiv {


  background-color: #0dd0b7;


  -webkit-box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.09);


  box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.09); }


  .sidebar-color .ecaps-page-wrapper .ecaps-sidemenu-area .slimScrollDiv .sidebar-menu li a {


    color: rgba(255, 255, 255, 0.85);


    border-bottom: 1px solid rgba(255, 255, 255, 0.15); }


  .sidebar-color .ecaps-page-wrapper .ecaps-sidemenu-area .slimScrollDiv .sidebar-menu > li.active > a,


  .sidebar-color .ecaps-page-wrapper .ecaps-sidemenu-area .slimScrollDiv .sidebar-menu > li.menu-open > a {


    color: #fff;


    font-weight: 400;


    background-color: rgba(255, 255, 255, 0.2); }


.sidebar-color .sidebar-menu .treeview-menu > li.active > a {


  background-color: rgba(31, 45, 61, 0.15); }


.sidebar-color .sidebar-menu li a i {


  color: rgba(255, 255, 255, 0.9) !important; }


.sidebar-color .color-white {


  color: rgba(255, 255, 255, 0.9) !important; }


.sidebar-color .ecaps-logo a {


  background-color: #fff; }


.sidebar-color .top-header-area {


  background-color: #fff; }


.sidebar-color .ecaps-page-wrapper .ecaps-sidemenu-area .slimScrollDiv .sidebar-menu > li.active > a,


.sidebar-color .ecaps-page-wrapper .ecaps-sidemenu-area .slimScrollDiv .sidebar-menu > li.menu-open > a {


  background-color: rgba(31, 45, 61, 0.15); }





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