/* componentes genericos de UI */

/* divs de interface */

/* frame de tela cheia */
.frame_full, .frame_full_top20, .frame_full_top24, .frame_full_top26, .frame_full_top28, .frame_full_top30 {
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
}
.frame_full { top:0px; }
.frame_full_top20 { top:20px; }
.frame_full_top24 { top:24px; }
.frame_full_top26 { top:26px; }
.frame_full_top28 { top:28px; }
.frame_full_top30 { top:30px; }

/* barra de topo para espaco de botoes */
.topbar, .topbar20, .topbar22, .topbar24, .topbar26, .topbar28, .topbar30 {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
}
.topbar20 { height:20px; }
.topbar22 { height:22px; }
.topbar24 { height:24px; }
.topbar26 { height:26px; }
.topbar28 { height:28px; }
.topbar30 { height:30px; }


/* piscar */
.bg-blink {
	animation: blink-background-image 0.7s steps(5, start) infinite;
	-webkit-animation: blink-background-image 0.7s steps(5, start) infinite;
}
.bg-blink-slow {
	animation: blink-background-image 1.2s steps(5, start) infinite;
	-webkit-animation: blink-background-image 1.2s steps(5, start) infinite;
}
.bg-blink-fast {
	animation: blink-background-image 0.4s steps(5, start) infinite;
	-webkit-animation: blink-background-image 0.4s steps(5, start) infinite;
}
@keyframes blink-background-image { to { background-image: none; } }
@-webkit-keyframes blink-background-image { to { background-image: none; } }

/* loadings */
.loading, .sm-loading, .sm-gif-loader, .sm-gif-load-content {background-image: url(/web/assets/gif/loader.gif);}
.sm-gif-realoading {background-image: url(/web/assets/gif/realoading.gif);}
.sm-load-content {background-image: url(/web/assets/gif/loader.gif);}

/* blink */
.sm-gif-alertblink {background-image: url(/web/assets/gif/alertblink.gif);}
.sm-gif-loading-rgb {background-image: url(/web/assets/gif/loading-rgb.gif);}

/* barras horizontais tipo facebook */
.sm-gif-stream-green {background-image: url(/web/assets/gif/stream-green.gif);}
.sm-gif-stream-blue {background-image: url(/web/assets/gif/stream-blue.gif);}

/* carregando - tipo medidor de tempo com areia */
.sm-gif-wait-borderless {background-image: url(/web/assets/gif/wait-borderless.gif);}
.sm-gif-wait-border {background-image: url(/web/assets/gif/wait-border.gif);}
.sm-gif-wait-gray {background-image: url(/web/assets/gif/wait-gray.gif);}
.sm-gif-wait-disc {background-image: url(/web/assets/gif/wait-disc.gif);}

/* carregando - tipo ajax */
.sm-gif-loading-blue {background-image: url(/web/assets/gif/loading-blue.gif);}
.sm-gif-loading-green {background-image: url(/web/assets/gif/loading-green.gif);}
.sm-gif-loading-orange {background-image: url(/web/assets/gif/loading-orange.gif);}
.sm-gif-loading-red {background-image: url(/web/assets/gif/loading-red.gif);}
.sm-gif-loading-white {background-image: url(/web/assets/gif/loading-white.gif);}
.sm-gif-loading-round {background-image: url(/web/assets/gif/loading-round.gif);}
.sm-gif-loading {background-image: url(/web/assets/gif/loading.gif);}


/* carregando - tipo refresh */
.sm-gif-refresh-blue {background-image: url(/web/assets/gif/refresh-blue.gif);}
.sm-gif-refresh-green {background-image: url(/web/assets/gif/refresh-green.gif);}
.sm-gif-refresh-orange {background-image: url(/web/assets/gif/refresh-orange.gif);}
.sm-gif-refresh-red {background-image: url(/web/assets/gif/refresh-red.gif);}
.sm-gif-refresh-white {background-image: url(/web/assets/gif/refresh-white.gif);}
.sm-gif-refresh {background-image: url(/web/assets/gif/refresh.gif);}