@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: #fff;
}

.preloader .cssload-speeding-wheel {
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px);
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #fc4b6c;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

/*******************
/*Top bar
*******************/
.topbar {
  background: rgba(0, 0, 0, 0.3);
}

.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(158, 42, 42, 0.8);
}

.topbar .navbar-light .navbar-nav .nav-item>a.nav-link {
  color: rgba(255, 255, 255, 0.8) !important;
}

.topbar .navbar-light .navbar-nav .nav-item>a.nav-link:hover,
.topbar .navbar-light .navbar-nav .nav-item>a.nav-link:focus {
  color: #ffffff !important;
}

/*******************
/*General Elements
*******************/
a {
  color: #318DAC;
}

a:hover {
  color: #017299;
}

a.link:hover,
a.link:focus {
  color: #017299 !important;
}

.bg-theme {
  background-color: #01c0c8 !important;
}

/*
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #01c0c8;
  border-color: #01c0c8;
}*/

.right-sidebar .rpanel-title {
  background: #01c0c8;
}

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

.text-themecolor {
  color: #2AD2C5 !important;
}

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

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
  color: #01c0c8;
}

/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
  background: #01c0c8;
  color: #ffffff;
  border: 1px solid #01c0c8;
}

.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
  background: #01c0c8;
  opacity: 0.7;
  border: 1px solid #01c0c8;
}

.btn-themecolor.active,
.btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
  background: #028ee1;
}

/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
  background: #fff;
}

.sidebar-nav ul li a {
  color: #34393B;
}

.sidebar-nav ul li a:hover {
  color: #34393B;
  background-color: #F0F0F1;
}

.sidebar-nav ul li a.active {
  color: #34393B;
  background-color: #CAC9CA;
}

.sidebar-nav ul li.nav-small-cap {
  color: #99abb4;
}

.sidebar-nav>ul>li.active>a,
.sidebar-nav>ul>li.active:hover>a {
  background: rgba(0, 0, 0, 0.3);
  color: white;
}

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

.sidebar-nav>ul>li.active>a:after,
.sidebar-nav>ul>li.active:hover>a:after {
  border-color: #ffffff;
}

/*
.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
  color: #00897b;
}*/

.sidebar-nav>ul>li>a i {
  color: #34393B;
  position: relative;
  bottom: 2px;
  right: 5px;
}

.sidebar-nav>ul>li>a.active {
  font-weight: 400;
  background: rgba(0, 0, 0, 0.3);
  color: white;
  box-shadow: none;
}

.language-selector {
  z-index: 1;
  position: relative;
  bottom: 1px;
}

.language-selector .btn-info,
.language-selector .btn-info:hover,
.language-selector .btn-info.active,
.btn-info:active,
.language-selector.show>.btn-info.dropdown-toggle {
  background: none;
  border: none;
}

.navbar-brand img {
  margin-bottom: 6px !important;
  right: 10px;
  position: relative;
}

.user-company {
  position: relative;
  bottom: 7px;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus {
  background-color: #21A399;
  border: 1px solid #21A399;
}

/*******************
Headings
*******************/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #34393B;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 400;
}

.todo-list li .checkbox label {
  font-weight: 400;
  color: #34393B;
}

body {
  font-family: "Helvetica Neue", sans-serif;
  color: #34393B;
}

.text-info {
  color: #318DAC !important;
}

a.text-info:hover {
  color: #017299;
}

a.link:hover,
a.link:focus {
  color: #017299;
}

a.link {
  color: #318DAC;
}

.myadmin-dd .dd-list .dd-item .dd-handle {
  font-family: "Helvetica Neue", sans-serif;
}

.floating-labels .form-control {

  font-family: "Helvetica Neue", sans-serif;
}

.c3-chart-arcs-title,
.c3-legend-item {
  font-family: "Helvetica Neue", sans-serif;
  fill: #67757c;
}

.btn {
  border-radius:2px;
}

.btn-primary {
  background: #2AD2C5;
  border: 1px solid #2AD2C5;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.btn-primary:hover {
  background: #21A399;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #21A399;
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus {
  background: #21A399;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-secondary {
  background: #F0F0F1;
  border: 1px solid #F0F0F1;
  color:#7C848D;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  z-index: 10 !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
  height: 38px !important;
}

.btn-secondary:hover {
  background: #e6e6e6 !important;
  color:#7C848D !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #e6e6e6 !important;
  z-index: 10 !important;
}

.btn-secondary.active,
.btn-secondary:active,
.btn-secondary:focus,
.show>.btn-secondary.dropdown-toggle {
  color: #e6e6e6 !important;
  background:#4791dc !important;
  -webkit-box-shadow: non !important;
  box-shadow: none !important;
  border: 1px solid #e6e6e6 !important;
  z-index: 10 !important;
}

.btn-success {
  background: none;
  border: 1px solid #4777AF;
  color:#4777AF;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.btn-success:hover {
  background: #E5F0FD;
  color:#4777AF;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #4777AF;
}

.btn-success.active,
.btn-success:active,
.btn-success:focus {
  background: #E5F0FD;
  color:#4777AF;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #4777AF;
}

.btn-info {
  background: none !important;
  border: 1px solid #4777AF !important;
  color:#4777AF !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: 0.2s ease-in !important;
  -o-transition: 0.2s ease-in !important;
  transition: 0.2s ease-in ;
  border-radius: 0% !important;
  
}

.btn-info:hover {
  background: #E5F0FD !important;
  color:#4777AF !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #4777AF !important;
}

.btn-info.active,
.btn-info:active,
.btn-info:focus,
.show>.btn-info.dropdown-toggle {
  background: #E5F0FD !important;
  color:#4777AF !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #4777AF !important;
}

.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary[disabled],
.btn-secondary.disabled,
.btn-secondary:disabled,
.btn-secondary[disabled],
.btn-success.disabled,
.btn-success:disabled,
.btn-success[disabled],
.btn-info.disabled,
.btn-info:disabled,
.btn-info[disabled] {
  background: none !important;
  border: 1px solid #A3A9AF !important;
  color:#A3A9AF !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: 0.2s ease-in !important;
  -o-transition: 0.2s ease-in !important;
  transition: 0.2s ease-in !important;
  cursor: not-allowed !important;
}

.btn-success[disabled]:focus

.btn-primary.disabled:hover,
.btn-primary:disabled:hover,
.btn-primary[disabled]:hover,
.btn-secondary.disabled:hover,
.btn-secondary:disabled:hover,
.btn-secondary[disabled]:hover,
.btn-success.disabled:hover,
.btn-success:disabled:hover,
.btn-success[disabled]:hover,
.btn-info.disabled:hover,
.btn-info:disabled:hover,
.btn-info[disabled]:hover {
  background: none !important;
  border: 1px solid #A3A9AF !important;
  color:#A3A9AF !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: 0.2s ease-in !important;
  -o-transition: 0.2s ease-in !important;
  transition: 0.2s ease-in !important;
  cursor: not-allowed !important;
}

.btn-primary.disabled.active,
.btn-primary[disabled].active,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
.btn-success.disabled.active,
.btn-success[disabled].active,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
.btn-info.disabled.active,
.btn-info[disabled].active,
.btn-info.disabled:focus,
.btn-info[disabled]:focus {
  background: none !important;
  border: 1px solid #A3A9AF !important;
  color:#A3A9AF !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: 0.2s ease-in !important;
  -o-transition: 0.2s ease-in !important;
  transition: 0.2s ease-in !important;
  cursor: not-allowed !important;
}

.btn-link {
  color: #318DAC !important;
}

.btn-link:focus, .btn-link:hover {
  color:#017299 !important;
  outline: none !important;
}

.table-bordered {
  border: 1px solid #ECF1F5 !important;
}

select {
  border: 1px solid #ccc !important;
  border-radius: 2px !important;
  color: #34393B !important;
  font-weight: 300 !important;
  padding: 5px !important;
}

select:focus {
  border-color:#2AD2C5 !important;
}

.form-control:focus {
  border-color:#2AD2C5 !important;
}

.ngx-pagination .current {
  color: #2AD2C5 !important;
  background: #E0FBF9 !important;
}

.chart-legend .legend-labels {
  background:none !important;
}

.ngx-charts .grid-panel.odd rect {
  fill:none !important;
}