.icon-bg-circle{
    color: $white;
    padding: 0.5rem;
    border-radius: 50%;
}
.icon-left{
    margin-right:0.5rem;
}
.icon-right{
    margin-right:0.5rem;
}
.icon-spin {
	display: inline-block;
  	animation: spin 1s infinite linear;
}

.blockOverlay{
  z-index: 1050 !important;
}
.blockElement, .blockPage{
  z-index: 1051 !important;
}

@-moz-keyframes spin {
  	from {
    	-moz-transform: rotate(0deg);
  	}
  	to {
    	-moz-transform: rotate(360deg);
  	}
}

@-webkit-keyframes spin {
  	from {
    	-webkit-transform: rotate(0deg);
  	}
  	to {
    	-webkit-transform: rotate(360deg);
  	}
}

@keyframes spin {
  	from {
    	transform: rotate(0deg);
  	}
  	to {
    	transform: rotate(360deg);
  	}
}

.hidden{
	display: none;
	visibility: hidden;
}

//Disabled
a{
	&.disabled{
		// color: $dropdown-link-disabled-color !important;
	}
	&:hover {
		cursor: pointer;
	}
}

.round{@include border-radius(1.5rem);}
.square{@include border-radius($btn-border-radius-square);}

//Accordion open close animation
.accordion {
	.panel-title{
	    line-height: 2.3rem;
	    &:before,
	    &:after{
			position: absolute;
			right: 20px;
			font-family: 'icomoon';
			transition: all 300ms linear 0s;
	    }
	    &:before{
	    	content: "\e114";
	    }
	    &:after {
		  content: "\e115";
		}
		&[aria-expanded="false"]:before {
		  opacity: .8;
		}
		&[aria-expanded="false"]:after {
		  opacity: 0;
		  transform: rotate(-180deg);
		}
		&[aria-expanded="true"]:before {
		  opacity: 0;
		  transform: rotate(180deg);
		}
	}
}

.mega-dropdown-menu{
  p.accordion-text{
    line-height: 1.45;
  }
  a[aria-expanded="true"]{
    padding-bottom:1rem;
  }
}

// Line on Side

.line-on-side {
    border-bottom: 1px solid #dadada; 
    line-height: 0.1em;
    margin: 10px 0 20px; 
}
.line-on-side span {
    background:#fff; 
    padding:0 10px;
}

.icon-line-height{
    line-height : 1.5rem !important; 
}

//Tables
//--------------------------
.table-middle{
    td{
        vertical-align: middle;
    }
}

// Spinner classes
.spinner {
    display: inline-block;
    -webkit-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}