/***   application	 : ipro.mice3.com			 				***/
	/***   libraries	 : cascading style sheet	 				***/
	/***   file name 	 : color.css								***/
	/***   created	  	 : 08 Apr 2019								***/
	/***   modified  	 : 22 Oct 2019								***/
	
	
/* background color */
/*
	.bg-white {
  		width: 100%;
  		background-color: #ffffff;
	}
		
	.bg-vividviolet {
  		color: white;
  		background-color: #8e24aa;
	}
	
	
	.bg-vividviolet-grad {
  		color: white;
  		background: linear-gradient(60deg, #ab47bc, #8e24aa);
	}
	
	.bg-irishblue-grad {
  		color: white;
  		background: linear-gradient(60deg, #26c6da, #00acc1);
	}
	
	.bg-saladgreen-grad {
		color: white;
	  	background: linear-gradient(60deg, #66bb6a, #43a047);
	}  
	
	.bg-darkorange-grad {
		color: white;
	  	background: linear-gradient(60deg, #ffa726, #fb8c00);
	}  
	
	.bg-red-grad {
		color: white;
	  	background: linear-gradient(60deg, #ef5350, #e53935);
	}  
	
	.bg-ruby-grad {
		color: white;
	  	background: linear-gradient(60deg, #ec407a, #d81b60);
	}  
*/	
	
/* card */
	/* purple */
	.card .card-header-purple .card-icon,
	.card .card-header-purple .card-text,
	.card .card-header-purple:not(.card-header-icon):not(.card-header-text),
	.card.bg-white,
	.card.card-rotate.bg-purple .front,
	.card.card-rotate.bg-purple .back {
  		background: linear-gradient(60deg, #f3e5f5, #ba68c8);
	}

	.card .card-header-purple .card-icon,
	.card .card-header-purple:not(.card-header-icon):not(.card-header-text),
	.card .card-header-purple .card-text {
  		box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(144, 164, 174, 0.4);
	}

	/* blue */
	.card .card-header-blue .card-icon,
	.card .card-header-blue .card-text,
	.card .card-header-blue:not(.card-header-icon):not(.card-header-text),
	.card.bg-white,
	.card.card-rotate.bg-blue .front,
	.card.card-rotate.bg-blue .back {
  		background: linear-gradient(60deg, #e3f2fd, #64b5f6);
	}

	.card .card-header-blue .card-icon,
	.card .card-header-blue:not(.card-header-icon):not(.card-header-text),
	.card .card-header-blue .card-text {
  		box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(144, 164, 174, 0.4);
	}
	
	/* cyan */
	.card .card-header-cyan .card-icon,
	.card .card-header-cyan .card-text,
	.card .card-header-cyan:not(.card-header-icon):not(.card-header-text),
	.card.bg-white,
	.card.card-rotate.bg-cyan .front,
	.card.card-rotate.bg-cyan .back {
  		background: linear-gradient(60deg, #e0f7fa, #4dd0e1);
	}

	.card .card-header-cyan .card-icon,
	.card .card-header-cyan:not(.card-header-icon):not(.card-header-text),
	.card .card-header-cyan .card-text {
  		box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(77, 208, 225, 0.4);
	}
		
	/* green */
	.card .card-header-green .card-icon,
	.card .card-header-green .card-text,
	.card .card-header-green:not(.card-header-icon):not(.card-header-text),
	.card.bg-white,
	.card.card-rotate.bg-green .front,
	.card.card-rotate.bg-green .back {
  		background: linear-gradient(60deg, #e8f5e9, #81c784);
	}

	.card .card-header-green .card-icon,
	.card .card-header-green:not(.card-header-icon):not(.card-header-text),
	.card .card-header-green .card-text {
  		box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(144, 164, 174, 0.4);
	}
	
	/* teal */
	.card .card-header-teal .card-icon,
	.card .card-header-teal .card-text,
	.card .card-header-teal:not(.card-header-icon):not(.card-header-text),
	.card.bg-white,
	.card.card-rotate.bg-teal .front,
	.card.card-rotate.bg-teal .back {
  		background: linear-gradient(60deg, #e0f2f1, #4db6ac);
	}

	.card .card-header-teal .card-icon,
	.card .card-header-teal:not(.card-header-icon):not(.card-header-text),
	.card .card-header-teal .card-text {
  		box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(144, 164, 174, 0.4);
	}
		
	/* lime */
	.card .card-header-lime .card-icon,
	.card .card-header-lime .card-text,
	.card .card-header-lime:not(.card-header-icon):not(.card-header-text),
	.card.bg-white,
	.card.card-rotate.bg-lime .front,
	.card.card-rotate.bg-lime .back {
  		background: linear-gradient(60deg, #f9fbe7, #dce775);
	}

	.card .card-header-green .card-icon,
	.card .card-header-green:not(.card-header-icon):not(.card-header-text),
	.card .card-header-green .card-text {
  		box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(144, 164, 174, 0.4);
	}
	
	/* red */
	.card .card-header-red .card-icon,
	.card .card-header-red .card-text,
	.card .card-header-red:not(.card-header-icon):not(.card-header-text),
	.card.bg-white,
	.card.card-rotate.bg-red .front,
	.card.card-rotate.bg-red .back {
  		background: linear-gradient(60deg, #ffebee, #e57373);
	}

	.card .card-header-red .card-icon,
	.card .card-header-red:not(.card-header-icon):not(.card-header-text),
	.card .card-header-red .card-text {
  		box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(144, 164, 174, 0.4);
	}

	/* pink */
	.card .card-header-pink .card-icon,
	.card .card-header-pink .card-text,
	.card .card-header-pink:not(.card-header-icon):not(.card-header-text),
	.card.bg-white,
	.card.card-rotate.bg-pink .front,
	.card.card-rotate.bg-pink .back {
  		background: linear-gradient(60deg, #fce4ec, #f06292);
	}

	.card .card-header-pink .card-icon,
	.card .card-header-pink:not(.card-header-icon):not(.card-header-text),
	.card .card-header-pink .card-text {
  		box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(144, 164, 174, 0.4);
	}

	/* amber */
	.card .card-header-amber .card-icon,
	.card .card-header-amber .card-text,
	.card .card-header-amber:not(.card-header-icon):not(.card-header-text),
	.card.bg-white,
	.card.card-rotate.bg-amber .front,
	.card.card-rotate.bg-amber .back {
  		background: linear-gradient(60deg, #fff8e1, #ffd54f);
	}

	.card .card-header-amber .card-icon,
	.card .card-header-amber:not(.card-header-icon):not(.card-header-text),
	.card .card-header-amber .card-text {
  		box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(144, 164, 174, 0.4);
	}
	

	/* orange */
	.card .card-header-orange .card-icon,
	.card .card-header-orange .card-text,
	.card .card-header-orange:not(.card-header-icon):not(.card-header-text),
	.card.bg-white,
	.card.card-rotate.bg-orange .front,
	.card.card-rotate.bg-orange .back {
  		background: linear-gradient(60deg, #fff3e0, #ffb74d);
	}

	.card .card-header-orange .card-icon,
	.card .card-header-orange:not(.card-header-icon):not(.card-header-text),
	.card .card-header-orange .card-text {
  		box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(144, 164, 174, 0.4);
	}

    /* brown */
	.card .card-header-brown .card-icon,
	.card .card-header-brown .card-text,
	.card .card-header-brown:not(.card-header-icon):not(.card-header-text),
	.card.bg-white,
	.card.card-rotate.bg-brown .front,
	.card.card-rotate.bg-brown .back {
  		background: linear-gradient(60deg, #efebe9, #a1887f);
	}

	.card .card-header-brown .card-icon,
	.card .card-header-brown:not(.card-header-icon):not(.card-header-text),
	.card .card-header-brown .card-text {
  		box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(144, 164, 174, 0.4);
	}