/*
Template Name: KonnectCo
Author: Hema Sundar
Email: sundher.somereddy@freyrsolutions.com
File: scss
*/
/*
Template Name: KonnectCo
Author: Hema Sundar
Email: sundher.somereddy@freyrsolutions.com
File: scss
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: rgba(255, 255, 255, 0.5); }
  .preloader .cssload-speeding-wheel {
    position: absolute;
    top: calc(50% - 3.5px);
    left: calc(50% - 3.5px); }

/* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
/* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
/* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
/*******************
/*Top bar
*******************/
.topbar {
  background: #0F2027; }
  .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
    display: none; }
  .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    display: inline-block;
    color: rgba(255, 255, 255, 0.8); }
  .topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
    color: #ffffff !important; }
    .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
      color: rgba(255, 255, 255, 0.8) !important; }

/*******************
/*General Elements
*******************/
a.link:hover, a.link:focus {
  color: #1793d1 !important; }

.bg-theme {
  background: #1793d1 !important; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background: #1793d1;
  border-color: #1793d1; }

.right-sidebar .rpanel-title {
  background: rgba(15, 32, 39, 0.69); }

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
  border-left: 4px solid #1793d1; }

.text-themecolor {
  color: #1793d1 !important; }

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
  border-bottom: 2px solid #1793d1;
  color: #1793d1; }
.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
  color: #1793d1; }

/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
  background: #1793d1;
  color: #ffffff;
  border: 1px solid #1793d1; }
  .btn-themecolor:hover,
  .btn-themecolor.disabled:hover {
    background: #1793d1;
    opacity: 0.7;
    border: 1px solid #1793d1; }
  .btn-themecolor.active, .btn-themecolor:focus,
  .btn-themecolor.disabled.active,
  .btn-themecolor.disabled:focus {
    background: #028ee1; }

.btn-konnectco {
  background: #1793d1;
  color: #ffffff; }

/*******************
/*sidebar navigation
*******************/
.label-themecolor {
  background: #1793d1; }

.sidebar-nav > ul > li.active > a {
  color: #1793d1;
  border-color: #1793d1; }
  .sidebar-nav > ul > li.active > a i {
    color: #1793d1; }

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
  color: #1793d1; }
  .sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i {
    color: #1793d1; }

/*******************
/*Form Wizard
*******************/
.wizard-content .wizard > .steps > ul > li.current .step {
  border-color: #1793d1;
  background-color: #fff;
  color: #1793d1; }

.wizard-content .wizard > .steps > ul > li.done .step {
  background: #1793d1;
  border-color: #1793d1;
  color: #fff; }

.wizard-content .wizard > .actions > ul > li > a {
  background-color: #1793d1;
  color: #fff; }

.wizard-content .wizard.wizard-circle > .steps > ul > li:after,
.wizard-content .wizard.wizard-circle > .steps > ul > li:before,
.wizard-content .wizard.wizard-notification > .steps > ul > li:after,
.wizard-content .wizard.wizard-notification > .steps > ul > li:before {
  background: #1793d1; }

.wizard-content .wizard.wizard-notification > .steps > ul > li.current .step {
  border: 2px solid #1793d1;
  color: #1793d1;
  line-height: 36px; }

.wizard-content .wizard.wizard-notification > .steps > ul > li.current .step:after,
.wizard-content .wizard.wizard-notification > .steps > ul > li.done .step:after {
  border-top-color: #1793d1; }

.dot-nav li.active, .dot-nav li:hover {
  background-color: #1793d1; }

.k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-button, .k-draghandle, .k-treemap-tile, html .km-pane-wrapper .k-header {
  background-color: #ffffff; }

.wizard-content .vertical > .steps > ul > li.current .step {
  border-color: #00c6ff;
  color: #00c6ff; }

.wizard-content .vertical > .steps > ul > li.done .step {
  background: #ffffff;
  border-color: #00c6ff;
  color: #00c6ff; }

.wizard-content .vertical.wizard-circle > .steps > ul > li:after, .wizard-content .vertical.wizard-circle > .steps > ul > li:before, .wizard-content .vertical.wizard-notification > .steps > ul > li:after, .wizard-content .vertical.wizard-notification > .steps > ul > li:before {
  background: #00c6ff; }

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus {
  background: #1793d1;
  box-shadow: none;
  color: #ffffff;
  border-color: transparent; }

/* COLORS DEFINE */
.ko-gradient-bg {
  background: #1793d1; }

.ko-gradient-bg-1 {
  background: #00c6ff; }

.konnectco-login-logo img, .btn-facebook, .btn-linkedin, .btn-googleplus, .progress {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); }
  .konnectco-login-logo img:hover, .btn-facebook:hover, .btn-linkedin:hover, .btn-googleplus:hover, .progress:hover {
    -webkit-filter: grayscale(0);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0);
    color: #ffffff; }

.disabled, .disabled:hover {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); }

.onboarding-all .disabled, .onboarding-all .disabled:hover {
  -webkit-filter: none;
  filter: none; }

.bg-transparent {
  background-color: transparent; }

.btn-linkedin-dropdown:hover {
  background-color: #007bb6;
  color: #ffffff; }

.btn-googleplus-dropdown:hover {
  background-color: #dd4b39;
  color: #ffffff; }

.btn-facebook-dropdown:hover {
  background-color: #3b5998;
  color: #ffffff; }

.btn-konnectco-dropdown:hover {
  background-color: #1793d1;
  color: #ffffff; }

.customvtab .tabs-vertical li .nav-link.active, .customvtab .tabs-vertical li .nav-link:hover, .customvtab .tabs-vertical li .nav-link:focus {
  border-right: 2px solid #1793d1;
  color: #1793d1; }

.btn-success {
  background: #26c6da !important;
  border-color: #26c6da !important; }

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #1793d1;
  border-color: #1793d1; }

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 147, 209, 0.82); }

.btn-info:hover, .btn-info.disabled:hover {
  background: #1793d1;
  border: 1px solid #1793d1;
  box-shadow: none; }

.btn-info, .btn-info.disabled {
  background: #1793d1;
  border: 1px solid #1793d1; }

.ko-welcome-post-section {
  background: #fff;
  margin: 0px 0px 5px 0px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.19), 0 1px 0px rgba(0, 0, 0, 0.23);
  border: 4px solid #1793d1;
  border-image: repeating-linear-gradient(45deg, #1693d1, #1793d1 1%, #a3d0e4 1%, #a3d0e4 8%) 10; }

.ko-welcome-post-section-1 {
  padding: 10px 30px 5px 30px;
  background: #f5f5f5; }
  .ko-welcome-post-section-1 p {
    margin: 0 !important;
    color: #707070 !important;
    font-weight: 400 !important;
    font-size: 10px !important;
    text-transform: capitalize;
    line-height: 1.4 !important; }
  .ko-welcome-post-section-1 h6 {
    font-family: 'Roboto',sans-serif;
    margin-top: 0;
    line-height: 1.1;
    font-weight: 500;
    color: #000;
    line-height: normal !important; }

.ko-welcome-user-picture img {
  width: 113px;
  /*125px;*/
  height: 113px;
  /*125px;*/
  /*position: absolute;*/
  /*top: 30px;*/
  /*right: 15px;*/
  float: right;
  border-radius: 50%;
  border: 10px solid rgba(56, 169, 209, 0.18);
  background: #d9eff9; }

.ko-welcome-post-section-2-sub {
  padding: 10px 69px 10px 69px; }
  .ko-welcome-post-section-2-sub p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: rgba(0, 0, 0, 0.6) !important; }
  .ko-welcome-post-section-2-sub h6 {
    margin: 0;
    font-size: 13px;
    font-weight: 500; }
  .ko-welcome-post-section-2-sub .item {
    padding: 10px 20px 0px 20px;
    width: 50%; }

.ko-welcome-post-section {
  float: left;
  max-width: 600px; }
  .ko-welcome-post-section h4 {
    font-size: 12px;
    text-align: left !important;
    line-height: 1.4 !important;
    color: #555 !important;
    padding: 0 9px 0 15px; }
  .ko-welcome-post-section h5 {
    /*font-family: 'Noto Serif', serif;*/
    font-weight: bold !important;
    font-size: 14px;
    color: #707070;
    margin-bottom: 10px;
    border: 0 !important; }

/* +++ Currently only tested in latest Chrome & Firefox (e.g. add -webkit- prefix to box-shadow for Safari) +++ */
#bubbleCanvas, #bubbleCanvas1 {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: transparent; }
  #bubbleCanvas .bubbles, #bubbleCanvas1 .bubbles {
    position: absolute;
    top: 19rem;
    width: 5px;
    height: 5px;
    margin-left: -5px;
    background: transparent;
    opacity: 0.05;
    bottom: 0;
    border-radius: 50%; }
    #bubbleCanvas .bubbles:nth-child(1), #bubbleCanvas1 .bubbles:nth-child(1) {
      box-shadow: 6vw -9px 0 2px lightgreen, 44vw -8px 0 3px lawngreen, 62vw -29px 0 1px teal, 3vw -3px 0 5px rebeccapurple, 22vw -17px 0 6px hotpink, 48vw -27px 0 3px gold, 99vw -10px 0 5px lightpink, 50vw -12px 0 5px lightpink, 93vw -9px 0 2px tomato, 14vw -4px 0 5px lawngreen, 42vw -8px 0 2px lightpink, 57vw -1px 0 5px lawngreen, 39vw -6px 0 2px lawngreen, 32vw -13px 0 1px darkturquoise, 15vw -1px 0 6px orange;
      animation: bubbleUp 17s linear 6s infinite; }
    #bubbleCanvas .bubbles:nth-child(2), #bubbleCanvas1 .bubbles:nth-child(2) {
      box-shadow: 92vw -7px 0 2px lightseagreen, 57vw -16px 0 3px rebeccapurple, 97vw -29px 0 1px orange, 40vw -3px 0 5px tomato, 6vw -1px 0 6px deepskyblue, 2vw -2px 0 3px rebeccapurple, 1vw -2px 0 5px teal, 29vw -13px 0 5px lightgreen, 3vw -13px 0 2px aquamarine, 28vw -1px 0 5px lightpink, 46vw -19px 0 2px teal, 14vw -2px 0 5px hotpink, 74vw -8px 0 2px gold, 9vw -18px 0 1px gold, 51vw -2px 0 6px orange;
      animation: bubbleUp 12s linear 8s infinite; }
    #bubbleCanvas .bubbles:nth-child(3), #bubbleCanvas1 .bubbles:nth-child(3) {
      box-shadow: 12vw -5px 0 2px teal, 39vw -6px 0 3px lightseagreen, 56vw -19px 0 1px hotpink, 27vw -1px 0 5px lightgreen, 72vw -13px 0 6px darkturquoise, 12vw -24px 0 3px lightpink, 80vw -7px 0 5px tomato, 12vw -27px 0 5px darkturquoise, 57vw -38px 0 2px tomato, 93vw -6px 0 5px darkturquoise, 89vw -17px 0 2px deepskyblue, 31vw -1px 0 5px lightgreen, 22vw -15px 0 2px deepskyblue, 60vw -24px 0 1px rebeccapurple, 53vw -3px 0 6px gold;
      animation: bubbleUp 24s linear 6s infinite; }
    #bubbleCanvas .bubbles:nth-child(4), #bubbleCanvas1 .bubbles:nth-child(4) {
      box-shadow: 31vw -8px 0 2px lightpink, 18vw -15px 0 3px hotpink, 28vw -18px 0 1px violet, 77vw -3px 0 5px lawngreen, 45vw -2px 0 6px darkturquoise, 12vw -19px 0 3px darkturquoise, 1vw -10px 0 5px lightgreen, 7vw -24px 0 5px tomato, 100vw -36px 0 2px tomato, 38vw -3px 0 5px darkturquoise, 95vw -16px 0 2px violet, 23vw -4px 0 5px hotpink, 22vw -18px 0 2px teal, 66vw -3px 0 1px lawngreen, 67vw -4px 0 6px lightpink;
      animation: bubbleUp 12s linear 2s infinite; }
    #bubbleCanvas .bubbles:nth-child(5), #bubbleCanvas1 .bubbles:nth-child(5) {
      box-shadow: 84vw -10px 0 2px lawngreen, 14vw -8px 0 3px gold, 20vw -4px 0 1px lightseagreen, 39vw -1px 0 5px tomato, 72vw -9px 0 6px darkturquoise, 41vw -17px 0 3px teal, 22vw -10px 0 5px lightgreen, 71vw -6px 0 5px rebeccapurple, 16vw -9px 0 2px orange, 77vw -9px 0 5px deepskyblue, 3vw -10px 0 2px orange, 83vw -2px 0 5px lightpink, 5vw -15px 0 2px darkturquoise, 31vw -5px 0 1px gold, 88vw -1px 0 6px violet;
      animation: bubbleUp 18s linear 5s infinite; }
    #bubbleCanvas .bubbles:nth-child(6), #bubbleCanvas1 .bubbles:nth-child(6) {
      box-shadow: 58vw -3px 0 2px gold, 89vw -6px 0 3px lawngreen, 99vw -23px 0 1px deepskyblue, 86vw -5px 0 5px orange, 96vw -11px 0 6px rebeccapurple, 58vw -1px 0 3px teal, 38vw -7px 0 5px aquamarine, 1vw -18px 0 5px aquamarine, 38vw -6px 0 2px gold, 89vw -9px 0 5px darkturquoise, 76vw -10px 0 2px gold, 90vw -4px 0 5px gold, 55vw -17px 0 2px lightgreen, 4vw -3px 0 1px aquamarine, 74vw -2px 0 6px rebeccapurple;
      animation: bubbleUp 25s linear 3s infinite; }
    #bubbleCanvas .bubbles:nth-child(7), #bubbleCanvas1 .bubbles:nth-child(7) {
      box-shadow: 76vw -3px 0 2px lightpink, 89vw -8px 0 3px tomato, 1vw -26px 0 1px aquamarine, 89vw -5px 0 5px deepskyblue, 50vw -10px 0 6px lightseagreen, 89vw -14px 0 3px tomato, 58vw -8px 0 5px aquamarine, 79vw -4px 0 5px tomato, 12vw -16px 0 2px lawngreen, 63vw -5px 0 5px deepskyblue, 44vw -18px 0 2px lightseagreen, 53vw -3px 0 5px lawngreen, 74vw -11px 0 2px aquamarine, 3vw -16px 0 1px tomato, 40vw -3px 0 6px deepskyblue;
      animation: bubbleUp 11s linear 8s infinite; }
    #bubbleCanvas .bubbles:nth-child(8), #bubbleCanvas1 .bubbles:nth-child(8) {
      box-shadow: 38vw -3px 0 2px violet, 55vw -4px 0 3px hotpink, 70vw -14px 0 1px deepskyblue, 95vw -5px 0 5px lightpink, 13vw -6px 0 6px tomato, 4vw -11px 0 3px hotpink, 52vw -2px 0 5px orange, 53vw -2px 0 5px darkturquoise, 48vw -28px 0 2px darkturquoise, 7vw -10px 0 5px violet, 42vw -4px 0 2px lawngreen, 95vw -4px 0 5px aquamarine, 98vw -11px 0 2px aquamarine, 47vw -29px 0 1px hotpink, 86vw -3px 0 6px violet;
      animation: bubbleUp 21s linear 1s infinite; }
    #bubbleCanvas .bubbles:nth-child(9), #bubbleCanvas1 .bubbles:nth-child(9) {
      box-shadow: 22vw -10px 0 2px lightpink, 56vw -3px 0 3px lightpink, 51vw -2px 0 1px lawngreen, 25vw -1px 0 5px aquamarine, 41vw -2px 0 6px rebeccapurple, 64vw -4px 0 3px lightseagreen, 58vw -5px 0 5px lawngreen, 30vw -22px 0 5px lawngreen, 10vw -12px 0 2px orange, 79vw -7px 0 5px orange, 59vw -4px 0 2px lightgreen, 82vw -4px 0 5px lightseagreen, 88vw -17px 0 2px hotpink, 35vw -6px 0 1px rebeccapurple, 53vw -4px 0 6px tomato;
      animation: bubbleUp 17s linear 7s infinite; }
    #bubbleCanvas .bubbles:nth-child(10), #bubbleCanvas1 .bubbles:nth-child(10) {
      box-shadow: 40vw -9px 0 2px tomato, 13vw -9px 0 3px aquamarine, 5vw -30px 0 1px lightpink, 35vw -3px 0 5px rebeccapurple, 61vw -8px 0 6px lightseagreen, 48vw -18px 0 3px lawngreen, 10vw -8px 0 5px deepskyblue, 93vw -6px 0 5px gold, 81vw -7px 0 2px deepskyblue, 67vw -8px 0 5px lightgreen, 3vw -9px 0 2px rebeccapurple, 1vw -4px 0 5px lawngreen, 30vw -4px 0 2px gold, 6vw -9px 0 1px lightgreen, 39vw -3px 0 6px orange;
      animation: bubbleUp 27s linear 7s infinite; }
    #bubbleCanvas .bubbles:nth-child(11), #bubbleCanvas1 .bubbles:nth-child(11) {
      box-shadow: 74vw -2px 0 2px rebeccapurple, 42vw -9px 0 3px orange, 88vw -9px 0 1px lightpink, 59vw -3px 0 5px lightgreen, 55vw -10px 0 6px darkturquoise, 89vw -20px 0 3px violet, 17vw -11px 0 5px orange, 13vw -9px 0 5px gold, 31vw -27px 0 2px darkturquoise, 24vw -8px 0 5px darkturquoise, 34vw -5px 0 2px lightseagreen, 72vw -1px 0 5px orange, 18vw -19px 0 2px darkturquoise, 27vw -11px 0 1px rebeccapurple, 100vw -4px 0 6px orange;
      animation: bubbleUp 16s linear 4s infinite; }
    #bubbleCanvas .bubbles:nth-child(12), #bubbleCanvas1 .bubbles:nth-child(12) {
      box-shadow: 3vw -9px 0 2px tomato, 77vw -20px 0 3px lightseagreen, 14vw -13px 0 1px rebeccapurple, 64vw -2px 0 5px deepskyblue, 40vw -17px 0 6px lightpink, 1vw -16px 0 3px lightgreen, 98vw -2px 0 5px lightgreen, 8vw -23px 0 5px deepskyblue, 78vw -24px 0 2px rebeccapurple, 26vw -6px 0 5px gold, 25vw -19px 0 2px lightseagreen, 25vw -2px 0 5px lawngreen, 71vw -4px 0 2px deepskyblue, 64vw -3px 0 1px deepskyblue, 14vw -3px 0 6px rebeccapurple;
      animation: bubbleUp 25s linear 2s infinite; }

@keyframes bubbleUp {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(-20rem); } }
.ko-primary-color {
  color: #1793d1; }

.pos-right-0 {
  right: 0; }

.margin-left-right-20 {
  margin-left: 20px;
  margin-right: 20px; }

.nopadding-top {
  padding-top: 0; }

.max-height-200 {
  max-height: 200px; }

.scroll-auto-y {
  overflow-y: auto; }

/*# sourceMappingURL=ko-theme.css.map */