/*
	Descrição: Estilos relacionados à página Guia de Estilos
    Autor: Adriano Angélico
	Data: 20/03/2015
	Versão: 1.0
*/

/* botões */
.btn-forms { clear: both; overflow: hidden; padding: 15px 0; right: 5px; }
.btn-forms [type=button], .btn-forms [type=reset] { border: 0; border-radius: 3px; cursor: pointer; float: right; font: 11px Arial, Tahoma, sans-serif; margin-left: 5px; min-width: 70px; outline: 0 none; padding: 7px 10px; }
.btn-forms [type=button] { background: #397999; border: 1px solid #397999; color: #fff; }
.btn-forms [type=reset] { background-color: #fff; border: 1px solid #ccc; color: #333; }
.btn-forms [type=button], .btn-forms [type=reset], .btn-forms [type=button]:focus, .btn-forms [type=reset]:focus { outline: none; }
.btn-forms [type=button]:hover { background: #3b99c7; border-color: #3b99c7; }
.btn-forms [type=reset]:hover { background: #eee; color: #000; }
.btn-forms [type=button]:active, .btn-forms [type=reset]:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
/* /botões */

/* Progress Bar */
.progressbar { background: #eaeaea; border: 1px solid #ccc; border-radius: 2px; display: block; height: 18px; position: relative; width: 100%; }
.progressbar .percentage-bar { background: #BBE0F2; color: #fff; display: block; height: 16px; text-align: center; }
.progressbar .percentage-value { color: #000; display: block; font-weight: bold; height: 16px; line-height: 16px; position: absolute; text-align: center; top: 0; width: 100%; z-index: 100; }
/* /Progress Bar*/