/* Scss variable  Created By Yasmin on 21-Apr-2020 */
/*
Name 					: Deepak Pandey
date 					: 03/07/2020 - 12/08/2020
Modification History	: Changes on ui design and coding struture
*/
/*
$dark-theme-color:#1643A3;
$dark-theme-color2:#2E1170;
$dark-theme-color3:rgb(0, 174, 255);
$dark-theme-color4:rgb(0, 119, 255);
$dark-theme-color:#0a37aa;
$dark-theme-color2:#051046;
$dark-theme-color3:#0a37aa;
$dark-theme-color4:#2b6cc0;
$dark-theme-color:#051046;
$dark-theme-color2:#0a2777;
$dark-theme-color3:#0a37aa;
$dark-theme-color4:#0a37aa;
$dark-theme-color5:#2b6cc0;
$dark-theme-color6:#2639ff;
$dark-theme-color7:#2568ff;
$dark-theme-color8:#4b81ff;
*/
/* added by deepak 09/07/2020 */
/* added by deepak 09/07/2020 */
/* GRADIENT LISTS
============================================= */
/*@import 'dashboard-chart';*/
.portlets__card {
  position: relative;
  margin-bottom: 1rem;
  width: 100%;
  -webkit-appearance: none;
  border-radius: 6px;
  border: rgba(0, 0, 0, 0.1) 1px solid;
  color: #fff;
  -webkit-text-fill-color: inherit;
  transition: all 0.25s ease;
  opacity: 1;
  padding: 10px;
  	/*	&__content{
  			text-align: $left;
  			padding:$s2;
  			color: $white;
  			border-radius: 3px 3px 0 0;
  			position: relative;
  			a {
  				color: #fff;
  			    i{
  			    	font-size: .7rem;
  			    }
  			}
  			p{
  				margin: $s0;
  				position: absolute;
  				right: 1rem;
  				bottom: 1rem;
  				i{
  					font-size: 4rem;
      				opacity: .2;
  				}
  			}
  			h4{
  				font-size: 2rem;
  			}
  			
  			
  		}
  	
  	
  	&__charts{
  		border-radius:0 0 3px 3px ;
  		padding: $s1 $s2;
  		color: $white;
  		-webkit-text-fill-color:inherit;
  		.charts__content{
  			height:25px;
  			
  			.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
  				stroke: $white;
  				stroke-width: .6rem;
  			}
  			.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
  				stroke: $gray;
  				stroke-width: .6rem;
  			}
  			// .ct-labels{display: none;}
  			// foreignObject{display: none!important}
  		}
  	}
  	*/ }
  .portlets__card:hover {
    opacity: .8;
    color: #fff;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0px 5px 5px rgba(126, 142, 177, 0.5); }
  .portlets__card i.portlets__card-icon {
    float: right;
    font-size: 3.6rem;
    margin-top: 1px;
    opacity: .3; }
  .portlets__card p {
    margin: 0;
    line-height: 1.3; }
    .portlets__card p.portlets__card-heading i {
      font-size: .6rem;
      margin-left: 4px; }
    .portlets__card p.portlets__card-counter {
      font-size: 2rem; }
  .portlets__card a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .portlets__card.portlets-card-round {
    background: #fff;
    color: #000;
    height: 90px; }
    .portlets__card.portlets-card-round span.portlets__card-icon {
      float: right;
      border-radius: 50%;
      color: #fff;
      padding: .4rem;
      font-size: 2.5rem;
      width: 68px;
      height: 68px;
      text-align: center; }

.portlet-bg-yellow {
  background: #fdcb00; }

.portlet-bg-green {
  background: #5ad068; }

.portlet-bg-blue {
  background: #257ddf; }

.portlet-bg-coffee {
  background: #4f3a05; }

.portlets__card__charts {
  background: rgba(0, 0, 0, 0.1);
  text-align: center; }

.dashboard-portlet {
  height: 350px;
  position: relative;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin-bottom: 1rem;
  padding: 1rem;
  background: #fff; }
  .dashboard-portlet.fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    bottom: 0;
    height: auto;
    border-radius: 0; }
  .dashboard-portlet__header {
    position: relative;
    border-bottom: rgba(0, 0, 0, 0.05) 1px solid; }
    .dashboard-portlet__header h5 {
      font-size: 1.2rem;
      margin-bottom: 0.5rem; }
      .dashboard-portlet__header h5 .more-links {
        font-size: 120%;
        color: #6b6b6b; }
    .dashboard-portlet__header.active .more-links-list {
      display: block; }
  .dashboard-portlet__content {
    padding: 0.5rem 0; }
    .dashboard-portlet__content__chart {
      height: 260px; }
      .dashboard-portlet__content__chart .ct-chart-donut .ct-label {
        color: #fff;
        fill: #fff; }
      .dashboard-portlet__content__chart .ct-series-a .ct-line {
        stroke: #051046; }
      .dashboard-portlet__content__chart .ct-series-a .ct-point {
        stroke: #051046; }
      .dashboard-portlet__content__chart .ct-series-a .ct-bar {
        stroke: #fdcb00; }
      .dashboard-portlet__content__chart .ct-series-a .ct-slice-donut {
        stroke: #257ddf; }
      .dashboard-portlet__content__chart .ct-series-a .ct-area {
        stroke: #051046;
        fill: #051046; }
      .dashboard-portlet__content__chart .ct-series-a .ct-slice-pie {
        stroke: #257ddf; }
      .dashboard-portlet__content__chart .ct-series-a .ct-slice-donut-solid {
        fill: #fdcb00; }
      .dashboard-portlet__content__chart .ct-series-b .ct-line {
        stroke: #fdcb00; }
      .dashboard-portlet__content__chart .ct-series-b .ct-point {
        stroke: #fdcb00; }
      .dashboard-portlet__content__chart .ct-series-b .ct-bar {
        stroke: #5ad068; }
      .dashboard-portlet__content__chart .ct-series-b .ct-slice-donut {
        stroke: #fdcb00; }
      .dashboard-portlet__content__chart .ct-series-b .ct-area {
        stroke: #fdcb00;
        fill: #fdcb00; }
      .dashboard-portlet__content__chart .ct-series-b .ct-slice-pie {
        stroke: #0a2777; }
      .dashboard-portlet__content__chart .ct-series-b .ct-slice-donut-solid {
        fill: #4f3a05; }
      .dashboard-portlet__content__chart .ct-series-c .ct-line {
        stroke: #fdcb00; }
      .dashboard-portlet__content__chart .ct-series-c .ct-point {
        stroke: #fdcb00; }
      .dashboard-portlet__content__chart .ct-series-c .ct-bar {
        stroke: #fdcb00; }
      .dashboard-portlet__content__chart .ct-series-c .ct-slice-donut {
        stroke: #fdcb00; }
      .dashboard-portlet__content__chart .ct-series-c .ct-area {
        stroke: #5ad068;
        fill: #051046; }
      .dashboard-portlet__content__chart .ct-series-c .ct-slice-pie {
        stroke: #0a2777; }
      .dashboard-portlet__content__chart .ct-series-c .ct-slice-donut-solid {
        fill: #0a2777; }
      .dashboard-portlet__content__chart .ct-series-d .ct-line {
        stroke: #fdcb00; }
      .dashboard-portlet__content__chart .ct-series-d .ct-point {
        stroke: #fdcb00; }
      .dashboard-portlet__content__chart .ct-series-d .ct-bar {
        stroke: #5ad068; }
      .dashboard-portlet__content__chart .ct-series-d .ct-slice-donut {
        stroke: #fdcb00; }
      .dashboard-portlet__content__chart .ct-series-d .ct-area {
        stroke: #051046;
        fill: #4f3a05; }
      .dashboard-portlet__content__chart .ct-series-d .ct-slice-pie {
        stroke: #fdcb00; }
      .dashboard-portlet__content__chart .ct-series-d .ct-slice-donut-solid {
        fill: #5ad068; }
      .dashboard-portlet__content__chart .ct-series-e .ct-line {
        stroke: #0a2777; }
      .dashboard-portlet__content__chart .ct-series-e .ct-point {
        stroke: #0a2777; }
      .dashboard-portlet__content__chart .ct-series-e .ct-bar {
        stroke: #0a2777; }
      .dashboard-portlet__content__chart .ct-series-e .ct-slice-donut {
        stroke: #5ad068; }
      .dashboard-portlet__content__chart .ct-series-e .ct-area {
        stroke: #fdcb00;
        fill: #051046; }
      .dashboard-portlet__content__chart .ct-series-e .ct-slice-pie {
        stroke: #fdcb00; }
      .dashboard-portlet__content__chart .ct-series-e .ct-slice-donut-solid {
        fill: #257ddf; }
      .dashboard-portlet__content__chart .ct-series-f .ct-line {
        stroke: #0a2777; }
      .dashboard-portlet__content__chart .ct-series-f .ct-point {
        stroke: #0a2777; }
      .dashboard-portlet__content__chart .ct-series-f .ct-bar {
        stroke: #fdcb00; }
      .dashboard-portlet__content__chart .ct-series-f .ct-slice-donut {
        stroke: #0a2777; }
      .dashboard-portlet__content__chart .ct-series-f .ct-area {
        stroke: #5ad068;
        fill: #5ad068; }
      .dashboard-portlet__content__chart .ct-series-f .ct-slice-pie {
        stroke: #0a2777; }
      .dashboard-portlet__content__chart .ct-series-f .ct-slice-donut-solid {
        fill: #5ad068; }
    .dashboard-portlet__content__details {
      height: 260px;
      overflow: hidden; }

.filter-section {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #fff;
  padding: 2rem 3rem;
  opacity: 0;
  backface-visibility: hidden;
  transition: all .2s ease-in-out;
  z-index: -1; }
  .filter-section.show {
    opacity: 1;
    z-index: 1; }
  .filter-section .filter__close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    font-size: 120%; }

.more-links-list {
  position: absolute;
  right: 2rem;
  top: -1px;
  text-align: center;
  transition: all .2s ease-in-out;
  background: #fff;
  border-radius: 2px;
  display: none; }
  .more-links-list ul {
    margin: 0; }
    .more-links-list ul li {
      display: inline-block; }
      .more-links-list ul li a {
        display: block;
        padding: 0.2rem 0.5rem;
        color: #6b6b6b; }

.dashboard-portlet.filled {
  color: #fff; }
  .dashboard-portlet.filled .dashboard-portlet__header {
    color: #fff; }
    .dashboard-portlet.filled .dashboard-portlet__header h5 .more-links {
      color: #fff; }
  .dashboard-portlet.filled .more-links-list {
    background: transparent; }
    .dashboard-portlet.filled .more-links-list a {
      color: #fff; }
  .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-label {
    color: #fff;
    fill: #fff; }
  .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-series-a .ct-line, .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-series-a .ct-point, .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-series-a .ct-bar, .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-series-a .ct-area {
    stroke: #ffffff; }
  .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-series-b .ct-line, .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-series-b .ct-point, .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-series-b .ct-bar, .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-series-b .ct-area {
    stroke: rgba(255, 255, 255, 0.75); }
  .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-series-c .ct-line, .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-series-c .ct-point, .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-series-c .ct-bar, .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-series-c .ct-area {
    stroke: rgba(255, 255, 255, 0.5); }
  .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-series-d .ct-line, .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-series-d .ct-point, .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-series-d .ct-bar, .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-series-d .ct-area {
    stroke: rgba(52, 58, 64, 0.15); }
  .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-series-e .ct-line, .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-series-e .ct-point, .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-series-e .ct-bar, .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__chart .ct-series-e .ct-area {
    stroke: rgba(52, 58, 64, 0.3); }
  .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__details table tr td, .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__details table tr th {
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.2); }
  .dashboard-portlet.filled .dashboard-portlet__content .dashboard-portlet__content__details table tr th {
    background: transparent;
    border-bottom-color: rgba(255, 255, 255, 0.2); }

@media screen and (min-width: 992px) {
  .dashboard-portlet.fixed {
    left: 275px;
    top: 85px;
    right: 1rem; } }
@media screen and (min-width: 1440px) {
  .dashboard-portlet.fixed {
    left: 280px;
    right: 1.5rem; } }

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