sergiocerrutti

<link rel="import" href="../paper-tabs/paper-tabs.html">
<link rel="import" href="../paper-tabs/paper-tab.html">
<link rel="import" href="../google-map/google-map.html">
<link rel="import" href="../paper-toast/paper-toast.html">
<link rel="import" href="../topeka-elements/avatars.html">
<link rel="import" href="../core-icon/core-icon.html">
<link rel="import" href="../topeka-elements/theme.html">
<link rel="import" href="../topeka-elements/topeka-resources.html">
<link rel="import" href="../topeka-elements/topeka-app.html">
<link rel="import" href="../core-drawer-panel/core-drawer-panel.html">

sergiocerrutti

/**
 * Circle Loading Spinner
 */
 
 .wrapper {
	 display: inline-block;
	 padding: 32px;
	 background-color: #000;
	 border-radius: 10px;
 }

sergiocerrutti

// Animations used in webRTC calls
// ==========================================================================

// Waves
.i-cht-waves {
	@include animation(wrtc-wave 2s infinite);
}

.i-cht-wave-l1b,
.i-cht-wave-r2b {

sergiocerrutti

.dck-up a {
	background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
	background:         linear-gradient(to top, rgba(255, 255, 255, 0),    rgba(255, 255, 255, 1) 70%);
}
.dck-down a {
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
	background:   linear-gradient(to bottom, rgba(255, 255, 255, 0),    rgba(255, 255, 255, 1) 70%);	
}

sergiocerrutti

/* Different opacities */

/*  default */.i-op-light, .i-default-light,
/*    hover */.i-hover-light:hover, .i-text:hover .i-hover-light,
/*   active */.i-active.i-active-light, .ics-active .i-active-light, .i-active-light:active,
/* disabled */.i-disabled.i-disabled-light, .i-disabled.i-disabled-light:hover
{
	opacity: .25;
}

sergiocerrutti

/* Tabs navigation
   ========================================================================== */
.tabs {
	position: relative;
	border-bottom: 1px solid rgb(238, 238, 238);
	margin-bottom: 12px;
	box-shadow: inset 0 -1px 0 rgb(248, 248, 248);
}
	.tabs li {
		position: relative;

sergiocerrutti

/* Tabs navigation
   ========================================================================== */
.tabs { position: relative; border-bottom: 1px solid rgb(238, 238, 238); margin-bottom: 12px; }
.tabs:before {
	content: "";
	position: absolute; bottom: 0;
	width: 100%;
	height: 1px;
	background-color: rgb(248, 248, 248);
}

sergiocerrutti

/* Tabs navigation
   ========================================================================== */
.tabs { position: relative; border-bottom: 1px solid rgb(238, 238, 238); margin-bottom: 12px; }
.tabs:before {
	content: "";
	position: absolute; bottom: 0;
	width: 100%;
	height: 1px;
	background-color: rgb(248, 248, 248);
}