/* spinner on button css  start  */

/*.button {
	display: inline-block;
	outline: none;
	padding: 10px 20px;
	background: #444;
	border-radius: 4px;
	color: #fff;
	border: 0;
	position: relative;
	transition: padding-right 0.3s ease;
   
  }*/
	.spinning:after {
	  pointer-events: none;
	content: "";
	right: 60%;
	top: 50%;
	width: 0;
	height: 0;
	position: absolute;
	border-radius: 50%;
	-webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
			animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
  }
	.spinning:before {
  pointer-events: none;
	content: "";
	width: 0px;
	height: 0px;
	border-radius: 50%;
	right: 60%;
	top: 50%;
	position: absolute;
	border: 3px solid #f8f8f8;
	border-right: 3px solid #ff4081;
	-webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
			animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
  }
  @-webkit-keyframes rotate360 {
	100% {
	  -webkit-transform: rotate(360deg);
			  transform: rotate(360deg);
	}
  }
  @keyframes rotate360 {
	100% {
	  -webkit-transform: rotate(360deg);
			  transform: rotate(360deg);
	}
  }
  @-webkit-keyframes exist {
	100% {
	  width: 15px;
	  height: 15px;
	  margin: -8px 5px 0 0;
	}
  }
  @keyframes exist {
	100% {
	  width: 15px;
	  height: 15px;
	  margin: -8px 5px 0 0;
	}
  }	
  
  
  /* spinner on butotn css end */
/* Custom responsive code for table start */

.rwd-table {
	margin: auto;
	/*min-width: 300px;*/
	max-width: 100%;
	border-collapse: collapse;
}

.rwd-table tr:first-child {
	border-top: none;
	/* background: #428bca; */
	color: #333;
}

.rwd-table tr {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	/* background-color: #f5f9fc; */
}


.rwd-table th {
	color:black;
	display: none;
}

.rwd-table td {
	display: block;
}

.rwd-table td:first-child {
	margin-top: .5em;
}

.rwd-table td:last-child {
	margin-bottom: .5em;
}

.rwd-table td:before {
	content: attr(data-th) ": ";
	font-weight: bold;
	width: 120px;
	display: inline-block;
	color: #000;
	inline-size: 100%;
}

.rwd-table th,
.rwd-table td {
	text-align: left;
}

.rwd-table {
	color: #333;
	border-radius: .4em;
	overflow: hidden;
}

.rwd-table tr {
	border-color: #bfbfbf;
}

.rwd-table th,
.rwd-table td {
	padding: .5em 1em;
}

@media screen and (max-width: 601px) {
	.rwd-table tr:nth-child(2) {
		border-top: none;
	}
}

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

	.rwd-table td:before {
		display: none;
	}

	.rwd-table th,
	.rwd-table td {
		display: table-cell;
		padding: .25em .5em;
	}

	
	.rwd-table th:first-child,
	.rwd-table td:first-child {
		padding-left: 0;
	}

	.rwd-table th:last-child,
	.rwd-table td:last-child {
		padding-right: 0;
	}

	.rwd-table th,
	.rwd-table td {
		padding: 1em !important;
	}
}


/* THE END OF THE IMPORTANT STUFF */


@-webkit-keyframes leftRight {
	0% {
		-webkit-transform: translateX(0)
	}

	25% {
		-webkit-transform: translateX(-10px)
	}

	75% {
		-webkit-transform: translateX(10px)
	}

	100% {
		-webkit-transform: translateX(0)
	}
}

@keyframes leftRight {
	0% {
		transform: translateX(0)
	}

	25% {
		transform: translateX(-10px)
	}

	75% {
		transform: translateX(10px)
	}

	100% {
		transform: translateX(0)
	}
}

/* Custom table responsice end  */
/* ON mobile view footer menu highlight */

.icon-preview.active>a {
	color: #40e0d0 !important; 
}
.icon-preview.active>div>a {
	color: #40e0d0 !important; 
}
.icon-preview a {
	color: rgb(249, 243, 243);
}

/* ON mobile view in top menu icons are not in inline*/
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	#icon_bell{
	  padding-top: 60%;
	}
	#icon_person{
	  padding-top: 60%;
	}
	}

/* datapack tab background color*/
.light1-light-blue{
	background-color: #ADD8E6 !important;
}
.light1-white{
	background-color: white !important;
}
.light1-red{
	background-color: #FFCCCB !important;
}
.light1-pink{
	background-color: #f5b9e8 !important;
}
.light1-purple{
	background-color: #c397ce !important;
}
.light1-deep-purple{
	background-color: #bda3c9 !important;
}
.light1-cyan{
	background-color: #E0FFFF !important;
}
.light1-teal{
	background-color: #b2d8d8 !important;
}
.light1-amber{
	background-color: #FFE68F !important;
}
.light1-brown{
	background-color: #CAB69D !important;
}
.light1-blue{
	background-color: #B8E2F2 !important;
}
.light1-spring-bud{
    background-color: #ecffbd !important;
}

.light1-lincoln-green{
    background-color: #87aa83 !important;
}

/* Label Color */
.spring-bud-text{
    color: #B3FF00 !important;
}

.lincoln-green-text{
    color: #005912 !important;
}

/* Background Color*/
.spring-bud{
	background-color: #B3FF00 !important;
}

.lincoln-green{
	background-color: #005912 !important;
}

/* fallback */
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(font.woff2) format('woff2');
  }
  
  .material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
  }
  .input-field>label{
        position:revert !important;
        font-size:smaller !important;
        }
        input{
        height : 2rem !important;
        }