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

/* Chrome Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
 
::-webkit-scrollbar-track {
    background: #efefef; 
    border-radius: 4px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #cacaca; 
}
/* /Chrome Scrollbar */

/* 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; font-weight: bold; text-transform: uppercase;}
.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); }
.btn-forms .limpar-filtros, .btn-forms .limpar-filtros:hover { background: transparent; height: 28px; border: 0 none; color: #999; float: left; font-weight: bold; margin-left: 0; }
.btn-forms .limpar-filtros:hover { color: #666; }
.btn-forms .limpar-filtros:active { box-shadow: none; }
.btn-forms .limpar-filtros:before { content: "X "; font-family: cursive; }
.btn-forms .filtrar-todos { text-transform: uppercase; font-weight: bold;}
/* /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; }
.progressbar .until-10-per { background: #e6675c; }
.progressbar .until-30-per { background: #dd9b67; }
.progressbar .until-50-per { background: #b0cf73; }
.progressbar .until-100-per { background: #87beed; }
/* /Progress Bar*/

/* Prioridades */
[class$="-priority"] { border-radius: 3px; color: #fff; display: block; font-weight: bold; height: 20px; line-height: 17px; margin: 0 auto; padding: 2px 2px; text-align: center; text-transform: uppercase; width: 50px; }
.low-priority { background: #daca44; }
.medium-priority { background: #dd9b67; }
.high-priority { background: #b31616; }
[class$="-priority-filtro"] { border-radius: 3px; color: #fff; display: inline; position: absolute; font-weight: bold; height: 20px; line-height: 17px; margin: 0 auto; padding: 2px 4px; text-align: center; text-transform: uppercase; width: 50px; }
.BAIXA-priority-filtro { background: #daca44; }
.MEDIA-priority-filtro { background: #dd9b67; }
.ALTA-priority-filtro { background: #b31616; }
/* /Prioridades */