/* 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;
 
}
.button.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;
}
.button.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: #6b6f82;
}

.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: #6b6f82;
  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;
}

.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;
}
  
  
  
.input-field>label{
        position:revert !important;
        font-size:smaller !important;
        }
        input{
        height : 3rem !important;
        }