/* Quadro de tarefas -- Inicio */


.criarTarefa {
	display: block;
	min-height: 25px;
	width: 30px;
	float:left;
	margin-right: 10px;
	background-image: url(../img/novaTarefaHover.png);
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
}
.criarTarefa:hover {
	background-image: url(../img/novaTarefaHover.png);
}

.reaproveitarTarefa {
	display: block;
	height: 100%;
	min-height: 25px;
	width: 30px;
	float:left;
	margin-right: 10px;
	background-image: url(../img/recuperarTarefaHover.png);
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
}

.reaproveitarTarefa:hover {
	background-image: url(../img/recuperarTarefaHover.png);
}
		
.anexoQT{
	display:block;
	background-image: url(../img/anexoQT.png);
	width:30px;
	min-height:23px;
	height: 100%;
	float:right;
	background-repeat: no-repeat;
	background-position: center;
}

.setaAbrirMenu {
	display:block;
	background-image: url(../img/abrirMenu.png);
	width:24px;
	min-height:23px;
	height: 100%;
	float:right;
	cursor: pointer; cursor: hand;
	background-repeat: no-repeat;
	background-position: center;
}
.setaAbrirMenu:hover {
	background-image: url(../img/abrirMenuHover.png);
}
.setaAbrirMenu.setaContextoInvertidaY {
	background-image: url(../img/abrirMenuInvertida.png) !important;
	width:23px;
	min-height:24px;
}
.setaAbrirMenu.setaContextoInvertidaY:hover {
	background-image: url(../img/abrirMenuHoverInvertida.png) !important;
}

/* Layout da Tarefa */
.progressoQT{
	margin: 12px 15px;
	width: calc(100% - 32px) !important;
	width: -moz-calc(100% - 32px) !important;
	width: -webkit-calc(100% - 32px) !important;
}
.progressoTextoQT {
	line-height: 39px !important;
}

.areaMarcadaConjuntoTarefas{
	border: 1px #eabd21 dashed !important;
	background-color: #fbf4d5;
}

.areaMarcadaHoverConjuntoTarefas {
	border: 1px #86b11e dashed !important;
	background-color: #f2f9e3;
}

.tarefaExpandida{
	margin: 5px;
	overflow: visible;
	height: 100%;
}

.conjuntoTarefas {
       overflow: visible;
       height: calc(100% - 22px);
       height: -webkit-calc(100% - 22px);
       height: -moz-calc(100% - 22px);
       padding-bottom:10px;
}

.tarefaLayout, .tarefaLayout.ui-draggable {
	height:80px;
	width:150px;
	cursor:pointer; cursor:grab; cursor:-webkit-grab; cursor:-moz-grab;
	border-radius:1px;
	margin:5px;
	float: left;
	font-size:12px;
	position: relative;
}

.tarefa {
	border:1px #d7da00 solid;
	color:#565100;
	background: rgb(255,251,194); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,251,194,1) 0%, rgba(245,233,133,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,251,194,1)), color-stop(100%,rgba(245,233,133,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,251,194,1) 0%,rgba(245,233,133,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,251,194,1) 0%,rgba(245,233,133,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,251,194,1) 0%,rgba(245,233,133,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,251,194,1) 0%,rgba(245,233,133,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbc2', endColorstr='#f5e985',GradientType=0 ); /* IE6-9 */
}


.relogio .relogioMovimento{ 
	display:none;
}	

.relogio.iniciado .relogioMovimento { 
	background-image: url(../img/relogio.gif);	
	width:15px;
	height:15px;
	float:left;
	margin-right:6px;
	margin-left:5px;
	cursor: pointer;
	display: block;
        background-size: cover;
        background-repeat: no-repeat;
	
}

.relogio .relogioParado {
	background-image: url(../img/relogioParado.png);
	width:15px;
	height:15px;
	float:left;
	margin-right:6px;
	margin-left:5px;
	cursor: pointer;
        background-size: cover;
        background-repeat: no-repeat;
	
}

.setaContextoTarefa {
	margin-right:10px;
	background-image: url(../img/abrirMenu.png);
	width:14px;
	height:14px;
	float:right;
	cursor: pointer;
        background-size: cover;
        background-repeat: no-repeat;
}
.setaContextoTarefa.setaContextoInvertidaY {
	background-image: url(../img/setaContextoTarefaInvertida.png) !important;
	width:14px;
	height:14px;
}

.tarefaImpedida {
	background: url(../img/historiaImpedida.png) no-repeat right;
}

.textMembroSelecionado {
	font-size: 16px;
	color: #fb7c00;
	float: left;
	width: auto;
	font-weight: 800;
	padding: 8px 0 0 0;
}

.filtroTodos {
	background-image: url(../img/equipe.png);
}

.flagTarefa {
	background-image: url(../img/flagTarefa.png);
	width:19px;
	height:22px;
	top: 2px;
    right: 1px;
    position: absolute;
    display: block;
  
}

.abas {  
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    cursor: pointer;
}

.abas+.contornoArredondadoTabelas {
    border-top-left-radius: 0 !important;
}

.aba {
    float: left;
    border: 1px solid #fff;
    border-bottom-width: 0;
    margin: 0px 6px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    background: #fff;
}

.aba.abaSelecionada {
    border-color: #ddd;
    background: #f3f3f3;
}

.aba.abaSelecionada .abaTexto {
    background: #f3f3f3;
}

.aba .abaTexto {
    font-size: 16px;
    text-decoration: none;
    display: block;
    padding: 8px 12px;
    color: var(--beeplus-background);
    border-radius: 3px 3px 0px 0px;
    top: 2px;
    position: relative;
}

.aba:not   (.abaSelecionada   ) .abaTexto:hover {
    background: #bbb;
    color: #fff;
}

.aba.contextMenuAbaAberto .abaTexto {
    background: #bbb !important;
    color: #fff;
}

.aba .abaTexto .setaPopUpAba {
    width: 8px;
    height: 7px;
    background: url(../img/setaVerdePopUpAba.png) no-repeat center;
    float: right;
    padding: 5px;
    margin-top: 2px;
}

.aba:not (.abaSelecionada ) .abaTexto:hover .setaPopUpAba {
    background-image: url(../img/setaBrancaPopUpAba.png);
}

.contextMenuAbaAberto .setaPopUpAba {
    background-image: url(../img/setaBrancaPopUpAba.png) !important;
}

.conteudoAbas > .conteudoAba {
    display: block;
    visibility: hidden;
    margin-right: -100%;
    width: 100%;
}

.conteudoAbas > .ativo {
    visibility: visible;
}



.conteudoAba .container {
    padding: 0px 0px 0px 0px;
    border-radius: 1px 4px 4px 4px;
    border-top: 1px #ddd solid;
}

.conteudoAba .container .interiorColuna {
    border-top-left-radius: 0px;
    border-top: 0px #f3f3f3 solid;
    /*box-shadow: inset 0px 5px 0px 0px #f3f3f3;*/
    min-height: 510px;
    height: 100%;
}

.conteudoAba .container .limiteAlturaPopupContainer{
   max-height: 65vh;
   overflow-y: scroll
}

.conteudoAba .contornoArredondadoTabelas {
    min-height: 510px;
    height: auto;
}

.conteudoAba .attachmentField {
    min-height: 430px;
    height: auto;
}

.conteudoAbas {
    display: flex;
    width: 100%
}.attachmentTag {
	float:left;
	border-radius:4px;
	background-color: #f3f3f3;
	color: #bbb;
	margin-left:5px;
	margin-bottom: 5px;
	cursor:pointer;
	cursor:hand;
}

.attachmentTag .icon {
	line-height: 28px;
	margin-right:5px;
	margin-bottom: 4px;
	float: none;
	display:inline-block;
}

.attachmentTag .dropboxIcon {
	margin-top:5px;
	margin-left:5px;
}

.attachmentTag:hover {
	background-color: #e3e3e3;
}

.attachmentTag .attachmentTagFile {
	display:inline-block;
	max-width: 100px;
        margin-top: 3px;
	overflow:hidden;
	max-height:28px;
	line-height: 28px;
	color:#333;
}

.espacoVazio {
	width:0;
	height:0;
}

@-moz-document url-prefix() {
    .attachmentTag .closeMensagemSuperior {
            margin-bottom:9px;
    }
}

.iconAttachmentDropBox {
	background-image: url(../img/dropbox.png);
	width:22px;
	height:22px;
	background-repeat: no-repeat;
	margin: 0;
	margin-right: 5px;
	padding: 0;
	background-color: inherit;
}

.contextMenuItem:not  (.contextMenuItemDesativado  ):hover .iconAttachmentDropBox
	{
	background-image: url(../img/dropbox.png);
}

.iconAttachmentGoogleDrive {
	background-image: url(../img/googleDrive.png);
	width:22px;
	height:22px;
	background-repeat: no-repeat;
	margin: 0;
	margin-right: 5px;
	padding: 0;
	background-color: inherit;
}

.contextMenuItem:not  (.contextMenuItemDesativado  ):hover .iconAttachmentGoogleDrive
	{
	background-image: url(../img/googleDrive.png);
}
/*MENSAGEM SUPERIOR - INICIO*/
.mensagemSuperior {
	width:100%;
	background-color:#fcefda;
	font:10px tahoma;
	text-align:center;
	line-height:20px;
	color:#ff9023;
}

.linkMensagemSuperior {
	font:10px Tahoma;
	font-weight:800;
	text-shadow:1px 1px 0px rgb(255,255,255);
	text-decoration:none;
}
	a.linkMensagemSuperior:link {color:#cb8600}
	a.linkMensagemSuperior:visited {color:#cb8600}
	a.linkMensagemSuperior:hover {-moz-transition: color 0.2s; transition: color 0.2s; -webkit-transition:color 0.2s; color:#f45000; border-bottom:dotted 1px #f45000 ;}
	a.linkMensagemSuperior:active {color:#cb8600}
/*MENSAGEM SUPERIOR - FIM*/.barraProgresso {
	border: 1px #86b11e solid;
	border-radius: 3px;
	text-align: center;
	position: relative;
	height: 38px;
	width: calc(100% -   2px);
	width: -moz-calc(100% -   2px);
	width: -webkit-calc(100% -   2px);
}

.barraProgressoFundo {
		float: left;
		background: url(../img/x-repeat.png) 0px -331px repeat-x;
		width: 1%;
		height: 100%;
	}

.barraProgressoTexto {
	position: absolute;
	line-height: 36px;
	font-size: 14px;
	width: 100%;
}

.barraProgresso.barraPartes {
	background: url(../img/barraNaoFeita.png) repeat-x;
	height: 24px;
}

.barraProgresso.barraPartes .barraProgressoFundo.naMeta {
	background: url(../img/naMeta.png) repeat-x;	
}

.barraProgresso.barraPartes .barraProgressoFundo.foraDaMeta {
	background: url(../img/foraDaMeta.png) repeat-x;
}

.barraProgresso.barraPartes .barraProgressoFundo.historiaExtra {
	background: url(../img/historiaExtra.png) repeat-x;
}

.barraProgresso.barraPartes .barraProgressoFundo {
	float: left;
	background: url(../img/barraFeita.png) repeat-x;
	height: 100%;
}

.barraProgresso.barraReleaseFeita, .barraProgresso.barraOverflow {
	background: none;
	border: none;
	position: absolute;
	margin-top: 9px;
	height: 6px;
}

.barraProgresso.barraPartes .barraProgressoTexto.branco {
	color: #fff;
	line-height: 25px;
	top: 1px;
	font-size: 13px;
}/*botaoPadrao - INICIO*/
.botaoPadrao {
	background-color: var(--beeplus-background);
	border: 1px solid;
        border-color: var(--beeplus-border);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	cursor: hand;
	float: right;
	margin: 0 0 2px 5px;
	text-decoration: none;
	padding: 8px 14px 8px 12px;
}

.botaoPadraoDisabled {
	background-color: var(--beeplus-background-disabled);
	border: 1px var(--beeplus-border-disabled) solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float: right;
	margin: 0 0 2px 5px;
	text-decoration: none;
	padding: 8px 14px 8px 12px;
}

.botaoPadrao:hover {
    background-color: var(--beeplus-hover);
    color: #fff;
    border: 1px solid;
    border-color: var(--beeplus-border-hover);
}

.botaoPadrao:active {
	background-color: var(--beeplus-hover);
}

.botaoPadrao.topDireitaTela {
	margin: 2px 0 2px 10px;
	float: right;
}

.botaoPadrao.topEsquerdaTela {
	margin: 2px 0 2px 10px;
	float: left;
}

.botaoPadrao.bottomDireitaTela {
	margin: 2px 0 0 10px;
	float: right;
}

.textoBotaoPadrao, .textoBotaoPadraoDisabled {
	font-size: 14px;
	color: #fff;
	display: block;
	text-transform: capitalize;
}

.textoBotaoPadraoDisabled {
	color: var(--beeplus-text-disabled);;
}

.iconeDeBotaoPadrao,.iconeDeBotaoAcao,.iconePadrao {
	display: block;
	float: left;
	margin-right: 6px;
	width: 17px;
	height: 17px;
}

/* botao Azul do design */
.botaoConfirmar {
    background-color: #fb7c01;
    border: 1px #fb7c01 solid !important;
}

.botaoConfirmar:hover {
    background-color: #f69333;
}

.botaoConfirmar:active {
	background-color: #fb7c01;
}

/*botao Vermelho do design*/
.botaoCancelar {
    border: 1px #53697C solid !important;
    background-color: #53697C;
}

.botaoCancelar:hover {
    background-color: #435565;
}

.botaoCancelar:active {
    background-color: #435565;
}

/*
.botaoPadrao.atualizarPagina {
	width: auto;
}

.fecharSprint {
	width:auto;
}*/
.maisIcon {
	background-image: url(../img/maisIcone.png);
}

.clonar {
    background-image: url(../img/clonar-white.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.textoBotaoPadraoDisabled .clonar {
    background-image: url(../img/clonar-disabled.png) !important;
}

.garbageIcon {
	background-image: url(../img/excluirGeralHover.png);
}

.usuarioBranco {
	background-image: url(../img/usuarioBranco.png);
	width: 13px;
	height: 13px;
	display: block;
	float: left;
	margin-top: 2px;
	margin-left: 5px;
}

.refreshIcon {
	background-image: url(../img/atualizar.png);
}

.turnOffIcon {
    background-image: url(../img/finish.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.limparBuscaIcon {
    background-image: url(../img/clear.png);
    width: 24px;
    height: 23px;
    cursor: pointer;
}

.chartIcon {
	background-image: url(../img/chartIcon.png);
}

.limparBuscaIcon:hover {
	background-image: url(../img/clearHover.png);
}

.calendario {
	background-image: url(../img/calendario.png);
	margin-top: 3px;
	cursor: pointer;
	cursor: hand;
}

.calendario:hover {
	background-image: url(../img/calendarioHover.png);
}

/*botaoPadrao - FIM*/
.botaoAcao {
	font-size: 14px;
	border-radius: 3px;
	color: #fff;
	float: left;
	cursor: pointer;
	cursor: hand;
	margin: 0 12px;
	padding: 8px 12px;
	line-height: normal;
}

.iconeDeBotaoAcao {
	float: left;
	display: block;
}

.iconeTickBranco {
    background-image: url(../img/checkBranco.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.iconeImportarItens {
    background-image: url(../img/Import-Linear-24px.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotateX(180deg);
}

.iconeXisBranco {
	background-image: url(../img/xisFechar.png);
	background-repeat: no-repeat;
	background-position: center;
}

.textoBotaoAcao {
	float: left;
	display: block;
	text-transform: capitalize;
}

.iconPDF {
	display: block;
	float: left;
	background-image: url(../img/pdf.png);
	width: 20px;
	height: 20px;
	margin-right: 8px;
	cursor: pointer;
	cursor: hand;
}

.pagarIcon {
	display: block;
	float: left;
	background-image: url(../img/pagar.png);
}

.gearIcon {
	background-image: url(../img/gearIcon.png);
	background-repeat: no-repeat;
        background-size: cover;
}

.houseIcon {
	background-image: url(../img/houseIcon.png);
	background-repeat: no-repeat;
        background-size: cover;
}

.botaoPDF {
	display: block;
	float: left;
	background-image: url(../img/iconePDF.png);
	height: 18px;
	cursor: pointer;
	cursor: hand;
}

.paypalBT {
	width: 77px;
	height: 38px;
	background-image: url(../img/paypal.png);
}

.wirecardBT {
	width: 100px;
	height: 38px;
	background-image: url(../img/wirecardBT.png);
}

.pagbankBT {
	width: 78px;
	height: 38px;
	background-image: url(../img/pagbank.png);
}

.convite_proposto {
	display: block;
	float: left;
	background-image: url(../img/msg.png);
	width:19px;
	height:13px;
	margin-top:2px;
	margin-left:5px;
}

.convite_pendente {
	display: block;
	float: left;
	background-image: url(../img/SmsNotification-Linear-24px.png);
	width:24px;
	height:24px;
	margin-top:2px;
	margin-left:5px;
}

.pbSetaContexto {
	cursor: pointer;
	width: 20px;
	height: 19px;
	background: url(../img/setaContexto.png) no-repeat center;
	padding: 2px;
	float: left;
	display: block;
}

.highlightSelected .pbSetaContexto {
	background-image: url(../img/setaContextoSelecionada.png);
}

.sobeBotao {
	margin-bottom: 1px;
}

.desceAlinhamentoBotao {
	margin-top: 6px;
}

.extra {
	background-image: url(../img/extra.png);
	background-repeat: no-repeat;
	background-position: top right;
}

.closeIcon {
	width: 8px;
	height: 7px;
	background: url(../img/fecharTag.png) no-repeat center;
}

.checkColumn {
	display: block;
	float: left;
}

.historyIcon {
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
}

.checkIcon {
	background-image: url(../img/historiaConcluida.png);	
}

.highlightSelected .checkIcon {
	background-image: url(../img/historiaConcluidaHover.png);
}

.impedimentIcon {
	background-image: url(../img/historiaImpedida.png);
}

.highlightSelected .impedimentIcon {
	background-image: url(../img/historiaImpedidaHover.png);
}

.iniciadaIcon {
	background-image: url(../img/historiaAndamento.png);	
}

.highlightSelected .iniciadaIcon {
	background-image: url(../img/historiaAndamentoHover.png);	
}

.naoIniciadaIcon {
	background-image: url(../img/historiaNaoIniciada.png);
}

.highlightSelected .naoIniciadaIcon {
	background-image: url(../img/historiaNaoIniciadaHover.png);
}

.checkedIcon {
	width: 24px;
	height: 24px;
	background-image: url(../img/checked.png);
}

.highlightSelected .checkedIcon {
	width: 24px;
	height: 24px;
	background-image: url(../img/checkedHover.png);
}

.bug {
    background-image: url(../img/iconeBug-accent.png);	
    background-size: contain;
    background-repeat: no-repeat;
}

.technical {
    background-image: url(../img/monitor-accent.png);	
    background-size: cover;
    background-repeat: no-repeat;
}

.highlightSelected .technical {
	background-image: url(../img/monitor-white.png);	
}

.epic{
    background-image: url(../img/health-accent.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.highlightSelected .epic{
    background-image: url(../img/health-white.png);	
}

.highlightSelected .bug {
    background-image: url(../img/iconeBug-white.png);	
    background-size: contain;
    background-repeat: no-repeat;
}

.attachment {
    width: 24px;
    height: 24px;
    background: url(../img/anexoNaoSelecionado.png) no-repeat center;
    padding: 2px;
    float:left;
    display: block;
}

 .highlightSelected .attachment {
	background-image: url(../img/anexoSelecionado.png);
 }

.shLogo {
	background-image: url(../img/logo-beeplus-x3.png);
	min-height: 120px;
	background-repeat: no-repeat;
	background-position: center;
}

.lockIcon {
	width:17px;
	height:17px;
	background-image: url(../img/lock.png);
        background-size: contain;
}

.olark-launch-button-wrapper .olark-button-focus-wrapper:focus-within{
    background: #f17b22 !important;
    padding: 2px !important;
}

.dropboxIcon {
	background-image: url(../img/dropbox.png);
	width:22px;
	height:22px;
	background-repeat: no-repeat;
	margin: 0;
	margin-right: 5px;
	padding: 0;
	background-color: inherit;
}

.googledriveIcon {
	background-image: url(../img/googleDrive.png);
	width:22px;
	height:22px;
	background-repeat: no-repeat;
	margin: 5px;
	padding: 0;
	background-color: inherit;
}

.downloadIcon {
    background-image: url(../img/DocumentDownload-Linear-24px.png);
    width:24px;
    height:24px;	
    margin-top: 5px;
    margin-left: 5px;
    cursor:pointer;
    background-repeat: no-repeat;
    background-position: center;
}

.buscadorIcon {
	background-image: url(../img/lupaBuscador.png);
	width:18px;
	height:19px;
	display:block;
}

.divisoria {
	background-image: url(../img/divisoria.png);
	width:2px;
	height:22px;
	margin-top: 3px;
	margin-bottom:3px;
}

.aDireita {
	float:right !important;
}

.aEsquerda {
	float:left !important;
}

.historiaNaMeta {
	min-height: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../img/historiaNaMetaBotao.png);
}

.highlightSelected .historiaNaMeta {
	min-height: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../img/historiaNaMetaBotaoHover.png);	
}

.historiaForaDaMeta {
	min-height: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../img/historiaForaDaMetaBotao.png);
}

.highlightSelected .historiaForaDaMeta {
	min-height: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../img/historiaForaDaMetaBotaoHover.png);
}

.historiaExtra {
	min-height: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../img/historiaExtraBotao.png);	
}

.release {
	background-image: url(../img/release.png);
}

.highlightSelected .release {
	background-image: url(../img/releaseSelecionada.png);
}

.release.proxima {
	background-image: url(../img/releaseUrgente.png);
}

.sincronizeIcon {
	background-image: url(../img/sincronizacaoBranca.png);
	background-repeat: no-repeat;
}
/*
.highlightSelected .release.proxima {
	background-image: url(../img/releaseUrgente.png);
}*/

.locked {
	background-image: url(../img/locked.png);
	background-repeat: no-repeat;
	background-position: center;	
}

.highlightSelected .locked {
	background-image: url(../img/lockedHover.png);	
}

.filtro {
	background-image: url(../img/filtro.png);

}
.filtro:hover {
	background-image: url(../img/FiltroHover.png);
}

.removeFiltro {
	background-image: url(../img/removeFiltro.png);

}
.removeFiltro:hover {
	background-image: url(../img/removeFiltroHover.png);
}/*
	Arquivo para a Assinatura e o Projeto


*/

.caminho {
	width: auto;
	height: 30px;
	vertical-align: middle;
}

.caminho:empty {
	display: none;
}

.caminho * {
	display: inline-table;
	float: left;
	vertical-align: middle;
}

.nomePerfil {
	font-size:22px;
	color: #3c3c3c;
	font-weight:800;
}

.setaDireita {
    background-image: url(../img/setaDireita.png);
    width: 15px;
    height: 15px;
    margin: 5px 5px 0px 10px;
}

.estiloSubCaminho {
	display: block;
	margin: 8px 0px 0px 0px;
	font-size:13px;
	color: #fb7c00;
	font-weight: 500;
	text-transform:capitalize;
}

.estiloSubCaminhoLink {
	color: #6da806!important;
	text-decoration: none!important;
	display: block;
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
	text-transform:capitalize;
}

.estiloSprintCaminho {
	float: right;
	vertical-align: bottom;
	font-size: 13px;
	color: #cacaca;
	font-style: italic;
	margin: 8px 0px 0px 0px;
}

.bCAssinatura {
	float:left;
	display: inline-block;
	vertical-align: middle;
	min-width: 70px;
	padding-right: 15px;
	border-right: 1px solid #eaeaea;
	margin-right:15px;
}

.bCProjeto {
	float:left;
	display: inline-block;
	vertical-align: middle;
	padding-right: 15px;
	border-right: 1px solid #eaeaea;
	margin-right:15px;
}

.setaMenuBC {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../img/ArrowSquareDown-Linear-Gray-16px.png) no-repeat;
	background-position: center bottom;
	float:right;
        margin-left: 5px;
        margin-top: -2px;
}

.bCMenuWrapper .scrollDiv {
	background-color: #fff;
}

.bCMenu { 
	display:none;
	margin-left: -16px;
	min-width: 70px;
	position:absolute;
	background-color: #fff;
	border: 1px solid #ddd;
	border-top: 0px;
	padding-bottom:5px;
	border-radius: 5px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	max-width:650px;
	margin-top: 3px;
}

.bCMenu .contornoComScroll table a {
	display: inline-block;
	padding: 7px 20px;
	cursor: pointer;
	font-size: 14px;
	width: calc(100%);
}

.bCMenu .contornoComScroll a:hover {
	background-color: #eee;
	cursor: pointer;
}

.bCMenuWrapper{
	float: left;
	cursor: pointer;
}

.bCMenuWrapper:focus {
	outline: none;
}

.bCMenuWrapper:focus .bCMenu, .bCMenuWrapper .bCMenu:hover {
	display:block;
	cursor: default;
}

a.estiloSubCaminho[href] {
	font-size: 16px;
	color: #86b11e;
	font-weight: 200;
	text-decoration: none;
}

.estiloSubCaminho {
	margin: 0;
}

.nomeSessao {
	float: left;
	margin-right: 10px;
	font-size: 16px;
	color: #999;
	line-height: 28px;
}

.nomeAssinatura, .nomeProjeto, .nomePai {
	float:left;
}

.nomeProjeto, .nomeAssinatura, .nomePai, .atual, a.atual, a.atual[href] {
	font-size: 16px;
	color: #fb7c00;
	font-weight: 200;
	line-height: 28px;
}

.caminho a.nomePai[href] {
	color: #86b11e;
	text-decoration: none;
}

.caminho .nomePai {
	color: #999;
}

.caminho .setaDireita {
	background-image: url(../img/ArrowRight2-Linear-Gray-16px.png);
	margin-top: 7px;
}

li.abaSelecionada a.abaTexto {
	color: #fb7c00;
}
/*
	chat.css
*/

#chat, #chat .popUpMaximizado {
	display: block;
}

#chat .popUpMaximizado {
	width: auto; 
}

#chat .corpoPopUp {
	padding-bottom: 20px;
}

.chat-channel-room {
	height: 430px;
	width: 500px;
	border-radius: 3px 0 0 3px;
	border: 1px #ddd solid;
}

.chat-contacts-container {
	height: 430px;
	width: 300px;
	border: 1px #ddd solid;	
}

.chat-msg-sent, .chat-msg-received {
	padding: 2px 7px;
}

.chat-msg-balloon {
	width: 410px;
	border: 1px #ddd solid;
	min-height: 24px;
	margin: 0px 0;
	border-radius: 3px;
	margin-bottom: 0;
	padding: 5px;
	top: 3px;
	position: relative;
}

.chat-msg-pointer {
	font-size: 0px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	margin-top: 11px;
	position: relative;
	z-index: 1;
}

.chat-msg-pointer:after {
	content:'';
	font-size: 0px;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent; 
	position: absolute;
	top:-9px;
}

.chat-msg-time {
	position: absolute;
	right: 6px;
	bottom: 5px;
	line-height: 18px;
	font-size: 9px;
}

.chat-avatar {
	width: 40px;
	height: 40px;
	border-radius: 3px;
	background-color: #ccc;
	margin:5px;
}

.chat-msg-content {
	line-height: 24px;
	font-size: 16px;
	padding:0;
	max-width: 360px;
	position: relative;
	white-space: pre-wrap;
}

.chat-channel-member .chat-avatar{
	width: 25px;
	height: 25px;
}

.chat-msg-content:before {
	line-height: 24px;
	font-size: 16px;
	content: ':\00a0';
}

.chat-msg-balloon .chat-name {
	line-height: 24px; font-size: 16px;
}

.chat-msg-sent .chat-msg-balloon {
	margin-left: 5px;
}

.chat-msg-sent .chat-msg-pointer {
	border-left:10px solid #ddd;
}

.chat-msg-received .chat-msg-pointer:after {
	border-right:10px solid white;
	left: 1px;
}

.chat-msg-sent .chat-avatar{
	margin: 0 5px;
}

.chat-msg-received .chat-avatar{
	margin: 0 5px;
}

.chat-msg-received .chat-avatar,
.chat-msg-received .chat-msg-pointer{
	float:left !important;
}

.chat-msg-sent .chat-avatar,
.chat-msg-sent .chat-msg-pointer{
	float:right !important;
}

.chat-msg-received .chat-msg-balloon {
	margin-left: 60px;
}

.chat-msg-received .chat-msg-pointer {
	border-right:10px solid #ddd;
}

.chat-msg-sent .chat-msg-pointer:after {
	border-left:10px solid white;
	right: 1px;
}

.chat-msg-sent .chat-name, .chat-msg-sent .chat-msg-time {
	color: #888;
}

.chat-msg-received .chat-name, .chat-msg-received .chat-msg-time {
	color: #ff7e00;
}

.chat-channel-msgs {
	min-height:319px;
	max-height:319px;
	overflow: hidden;
}

.chat-channel-textarea {
	height: 40px;
	background-color: #e6e6e6;
	padding:10px;
	border-top: 1px solid #ddd;
}

.chat-channel-text {
	width: 345px;
	max-width: 345px;
	font-size: 16px;
	height: 22px;
	max-height: 22px;
	line-height: 22px;
	padding: 7px;
	resize: none;
	font-family: Tahoma, myCustomFont, Arial, sans-serif;
}

.chat-channel {
	border-bottom: 1px solid #ddd;
	cursor:pointer;
}

.chat-channel > .chat-avatar {
	margin-left: 10px;
}

.chat-channel-members {
	padding-left: 20px;
	border-top: 1px solid #ddd;
	background-color: white;
	cursor: default;
}

.chat-channel .chat-name {
	margin-top: 13px;
	color: #86b11e;
	font-size: 16px;
	margin-left: 5px;
	max-width: 140px;
	overflow: hidden;
}

.chat-channel-member .chat-name {
	margin-top: 6px;
	color: #999;
	font-size: 16px;
	max-width: 165px;
	overflow: hidden;
}

.chat-channel-member {
	background-color: white;
	border-bottom: 1px solid #ddd;
}

.chat-channel-member:last-child {
	border-bottom: 0;
}

.chat-channel-unread {
	color: white;
	background-color: #f26522;
	border-radius: 5px;
	padding: 5px 10px;
	margin-top: 8px;
	display: none;
}

.chat-channel-info{
    background-color: #f8f8f8;
    color: #f17b22;
}

.chat-channel-leave{
	margin-right: 10px;
	margin-top: 7px;
	padding: 7px 5px;
	background-color: #f26522;
	border-color: #e25512;
}

.chat-channel-leave:hover {
	margin-right: 10px;
	margin-top: 7px;
	padding: 7px 5px;
	background-color: #f28542;
	border-color: #e25512;
}

.chat-channel-leave:active {
	margin-right: 10px;
	margin-top: 7px;
	padding: 7px 5px;
	background-color: #d24502;
	border-color: #e25512;
}

.chat-channel-enter {
	margin-right: 10px;
	margin-top: 7px;
	padding: 7px 5px;
}

.chatUsuario {
	background-color: #f0f8e4;
	border-bottom: 1px solid #ddd;
}

.chatUsuario .chat-name {
	margin-top: 13px;
	color: #999;
	font-size: 16px;
	max-width: 165px;
	overflow: hidden;
}

.chat-channel.atual .chat-channel-enter {
	display: none;
}

#chat .headerPopUpMinimizado,
#chat .popUpMinimizado{
	width: 350px;
}

#chat .headerPopUpMinimizado .chat-status{
	margin-top: 0px;	
}
#chat .headerPopUp .chat-status{
	margin-top: 14px;	
}

#chat .tituloHeaderPopUp,
#chat .tituloPopUpMinimizado{
	margin-top: 0px;	
}

#chat .tituloHeaderPopUp{
	margin-left: 15px;
}

#chat.collapsed .headerPopUp .chat-userName{
	 max-width: 100px;
}
#chat.collapsed .headerPopUp .chat-status{
	 display:none;
}

#chat .tituloPopUpMinimizado{
	width: 230px;
}

#chat .tituloHeaderPopUp{
	margin-top: 0px;
}

.chat-status {
	color: #86b11e;
	margin-top: 6px;
	margin-right: 10px;
}

.chat-status.offline {
	color: #f26522;
}

.chat-channel.atual {
	background-color: #f8f8f8;
	cursor: default;
}

.chat-channel.atual .chat-name {
	max-width: 410px;
}

.chat-avatar img {
	border-radius: 3px;
}

.chatNumeroOnline {
	margin-top: 13px;
	color: #888;
	font-size: 16px;
	margin-right: 5px;
	max-width: 140px;
	overflow: hidden;
}

#chat .corpoPopUp .chat-channel-room {
	vertical-align: bottom;
}

.chat-userName{
	color: #999;
	margin-left:10px;
	margin-top: 14px;
	margin-right: 10px;
}

#chat .tituloPopUpMinimizado .chat-userName{
	margin-top: 0px;
	max-width: 100px;
}

.iconePortaBrancaSaida{
	background-image: url(../img/portaSaida.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 0;
}

.iconePortaBranca {
	background-image: url(../img/portaEntrar.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 0;
}

.empty-chat{
	height: 120px !important;
}

.empty-message{
	padding: 5px;
	background: #f28542;
	color: white;
	text-align: center;
}

#chat .maximizarPopUp {
	position: relative;
}

.designerClass {
	 text-align: center;
    border-radius: 0 0 3px 3px;
    color: white;
    padding: 4px 0;
    font-size: 14px;
}

.designerClass span {
    padding: 3px;
    border-radius: 3px;
    color: #86b11e;
    cursor: pointer;
}

.loader-small {
	background-image: url(../img/page-loader-small.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 0;
}input[type=text],input[type=password] {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #fff;
	border: 1px solid #cacaca;
	width: calc(100% -     14px);
	width: -moz-calc(100% -     14px);
	width: -webkit-calc(100% -     14px);
	height: 30px;
	float: left;
	padding: 3px 2px 3px 10px;
	font-size: 14px;
}

customComboBox
input[type=text]:disabled,input[type=text]:hover:disabled,input[type=text][readonly="readonly"],input[type=text][readonly="readonly"]:hover,textarea[type=text][readonly="readonly"],textarea[type=text][readonly="readonly"]:hover
	{
	color: #8d8d8d;
	min-height: 32px;
	border: 0px !important;
	/*margin:10px 0;*/
	background-color: #f3f3f3 !important;
	-moz-box-shadow: 0 0 0px 0px var(--beeplus-hover);
	-webkit-box-shadow: 0 0 0px 0px var(--beeplus-hover);
	box-shadow: 0 0 0px 0px var(--beeplus-hover);
}

input[type=text]:hover,input[type=password]:hover {
	background: #ffffff;
	border: 1px solid;
        border-color: var(--beeplus-hover);
	-moz-box-shadow: 0 0 2px 2px var(--beeplus-hover);
	-webkit-box-shadow: 0 0 2px 2px var(--beeplus-hover);
	box-shadow: 0 0 2px 2px var(--beeplus-hover);
}

input[type=text]:focus,input[type=password]:focus {
    outline: none;	
}

textarea[type=text], .attachmentField {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #fff;
	border: 1px solid #cacaca;
	width: calc(100% -     22px);
	width: -moz-calc(100% -     22px);
	width: -webkit-calc(100% -     22px);
	height: 50px;
	clear: both;
	padding: 10px 10px;
	font-size: 14px;
	font-family: inherit;
	resize: vertical;
        min-height: 150px;
        max-height: 450px;
}

.attachmentField {
	overflow: auto;
	height: 65px;
	min-height: 65px;
}

@media all and (min-height: 800px) {
	.popUp textarea[type=text] {
		height: 100px;
	}
}

@media all and (min-height: 1000px) {
	.popUp textarea[type=text] {
		height: 150px;
	}
}

textarea[type=text]:hover {
	background: #ffffff;
	border: 1px solid var(--beeplus-hover);
	-moz-box-shadow: 0 0 2px 2px var(--beeplus-hover);
	-webkit-box-shadow: 0 0 2px 2px var(--beeplus-hover);
	box-shadow: 0 0 2px 2px var(--beeplus-hover);
}

input[type=submit] {
	background: #006699;
	color: #ffffff;
}

.inputSelecionado {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #F3F3F3;
	width: 300px;
	height: 32px;
	line-height: 32px;
	float: left;
	margin-bottom: 20px;
	padding-left: 20px;
}

.textoInputSelecionado {
	font-size: 14px;
	color: #8d8d8d;
	line-height: 30px;
	text-shadow: 1px 1px 0px rgb(255, 255, 255);
}

.linkEditar {
	font-size: 14px;
	padding-top: 3px;
}

.linkEdicao {
	font-size: 14px;
	text-decoration: none;
	margin-left: 15px;
	margin-top: 22px;
}

label {
	font-size: 15px;
}

input[type=checkbox] {
	height: 20px;
	width: 20px;
	border: 1px solid #ddd;
	-webkit-appearance: none;
	cursor: pointer;
        border-radius: 20px;
}

input[type=checkbox]:checked {
	content: url(../img/check2.png);
	display: block;
	position: relative;
	top: -1px;
        right: 1px
}

input[type="radio"] {
	height: 13px;
	width: 13px;
	border: 1px solid #ddd;
	border-radius: 8px;
	-webkit-appearance: none;
	cursor: pointer;
}

input[type="radio"]:checked {
	/* content: url(../img/radio.png); */
	background: var(--beeplus-background);
	border: 2px solid #ddd;
}

.itensDentroDoInput {
	overflow: auto;
	float: right;
	position: absolute;
	right: 0px;
	margin: 8px 5px 0 0;
}

.itensDentroDoInput * {
	float: left;
	margin-left: 10px
}

.tdComportamentoDiv {
	position: relative;
}

.colunaLarga {
	width: 1200px;
	clear: both;
	margin: 20px 0;
}

.coluna {
	width: 48%;
	height: auto;
	float: left;
	margin: 2% 0;
}

.container {
	margin: 20px 0 10px 0;
	padding: 0;
	clear: both;
	overflow: hidden;
}

.coluna+.coluna {
	margin-left: 30px;
}

.container:first-child {
	margin-top: 0px;
}

.container:last-child {
	margin-bottom: 0px;
}

.tituloContainer {
	margin-bottom: 10px;
	float: left;
}

.textTituloContainer {
	font-size: 16px;
	color: #333;
	float: left;
	width: auto;
	font-weight: 800;
	padding: 8px 0 0 0;
}

.acoesContainer {
	float: left;
	margin-top: 8px;
	margin-left: 10px;
}

.acoesContainer div {
	display: inline-block;
}

a.acaoContainer {
	color: #6da806;
	font-size: 12px;
	text-decoration: underline;
	margin-right: 5px;
}

.acaoContainer.editar:link,.acaoContainer.salvar:link,.acaoContainer.cancelar:link
{
    color: var(--beeplus-background);
}

.acaoContainer.editar:visited,.acaoContainer.salvar:visited,.acaoContainer.cancelar:visited
	{
	color: var(--beeplus-background);
}

.acaoContainer.editar:hover,.acaoContainer.salvar:hover,.acaoContainer.cancelar:hover
	{
	-moz-transition: color 0.2s;
	transition: color 0.2s;
	-webkit-transition: color 0.2s;
	color: #999;
}

.acaoContainer.editar:active,.acaoContainer.salvar:active,.acaoContainer.cancelar:active
	{
	color: var(--beeplus-background);
}

a.acaoContainer.excluir {
	color: #a7220c;
}

.acaoContainer.excluir:link {
	color: #a7220c;
}

.acaoContainer.excluir:visited {
	color: #a7220c;
}

.acaoContainer.excluir:hover {
	-moz-transition: color 0.2s;
	transition: color 0.2s;
	-webkit-transition: color 0.2s;
	color: #999;
}

.acaoContainer.excluir:active {
	color: #a7220c;
}

.interiorColuna {
	border: 1px #ddd solid;
	border-radius: 4px;
	padding: 10px 20px;
	position: relative;
	overflow: auto;
	clear: both;
}

.interiorSemBorda {
	margin: 15px;
}

.tabelaParaAlinhamento {
	width: 100%;
	border-spacing: 0;
}

.alinhamentoGerarRelatorio {
	margin-left: 15px;
	margin-right: 5px;
	float: right;
	min-width: 95px;
}

.hand {
	cursor: pointer;
	cursor: grab;
	cursor: -webkit-grab;
	cursor: -moz-grab;
}

.grabbing {
	cursor: pointer;
	cursor: grabbing;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
}

.separadorHoras {
	padding: 9px 1px 8px 1px;
}

.tempoPrevisto span,.tempoPrevisto input {
	float: left;
	display: inline-block;
	font-size: 14px;
}

.tempoPrevisto {
	border: 1px solid #cacaca;
	border-radius: 3px;
	width: 65px;
	float: right;
}

.tempoPrevisto:hover {
	border: 1px solid var(--beeplus-hover);
	-moz-box-shadow: 0 0 2px 2px var(--beeplus-hover);
	-webkit-box-shadow: 0 0 2px 2px var(--beeplus-hover);
	box-shadow: 0 0 2px 2px var(--beeplus-hover);
}

.tempoPrevisto input {
	padding: 3px 0px 3px 3px;
	width: calc(65% -   8px);
	width: -moz-calc(65% -   8px);
	width: -webkit-calc(65% -   8px);
	text-align: right;
	border: none;
}

.tempoPrevisto input:hover,.tempoPrevisto input:focus {
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline-width: 0;
}

.iconeEsquerdaDentroInput {
	overflow: auto;
	float: left;
	position:absolute;
}

.tempoPrevisto input:nth-child(3) {
	text-align: left;
	padding: 3px 0px 3px 0px;
	width: calc(40% -   6px);
	width: -moz-calc(40% -   6px);
	width: -webkit-calc(40% -   6px);
}

.closeMensagemSuperior {
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: url(../img/fecharTag.png) no-repeat center;
    float: right;
    margin-top: 3px;
    margin-right: 12px;
}

.overlayMulti {
	position: absolute;
	background-color:  rgba(0,0,0,.8);
}

.overlayButton {
	position: absolute;
	background-color:  rgba(127,127,127,.5);
}

.overlaySingle {
	position: absolute;
	background-color:  rgba(0,0,0,.0);
}

.noIcon {
	background: none !important;
}

.multiLoading {
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../img/page-loader-medium.gif);
	width: 100px;
	height: 120px;
	margin: 0 auto;
}

.singleLoading {
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../img/page-loader-small.gif);
	width: 30px;
	height: 30px;
	float: right;
}

.ui-widget-overlay {
	background: white !important;
	opacity: 0.8 !important;
}

/* Fundo da imagem */
.gatPag{
	background-image: url(../img/gatewayPagamento.png) !important;
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}/*contextMenu - INICIO*/
.pequenaSetaContexto {
  cursor: pointer;
  width: 20px;
  height: 19px;
  background-image: url(../img/setaContexto.png);
  background-repeat: no-repeat;
  background-position: center;
  padding: 2px;
  display: block;
}

.highLight .pequenaSetaContexto {
  background-image: url(../img/setaContextoSelecionada.png);
}

.pequenaSetaContexto.setaContextoInvertidaY {
  background-image: url(../img/setaContextoInvertida.png);
  height: 19px;
  width: 20px;
}

.highLight .pequenaSetaContexto.setaContextoInvertidaY {
  background-image: url(../img/setaContextoSelecionadaInvertidaY.png);
}

.contextMenu {
  position: fixed;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #fff;
  display: none;
  width: 240px;
  padding: 2px;
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
}

.contextMenuItem {
  display: block;
  width: 100%;
  display: table;
  height: 38px;
}

.contextMenuItem:hover:not(.contextMenuItemDesativado) {
  background: var(--beeplus-background);
  cursor: pointer;
}

.contextMenuItem:hover:not(.contextMenuItemDesativado) .reproporIcon {
  background-image: url(../img/ClipboardExport-Linear-White-24px.png);
}
.contextMenuItem:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.contextMenuItem:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.separadorPontilhado {
  clear: both;
  width: 90%;
  border-bottom: dotted 2px #ccc;
  margin: 0 auto;
}

.contextMenuItemText {
  display: block;
  font-size: 13px;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding-right: 12px;
  line-height: 38px;
}

/*.contextMenuItem:hover .contextMenuItemText
    {
    color: #86b11e;
}*/

.contextMenuItemDesativado .contextMenuItemText {
  color: #aaa !important;
}

/*		.contextMenuItem div {
                padding: 7px 0px;
                height: 25px;
            }
*/
.contextMenuList {
  list-style-type: none;
}

.contextMenuItemSemIcon {
  display: block;
  float: left;
  height: 100%;
  min-height: 38px;
  margin: 0 12px;
  background-repeat: no-repeat;
  background-position: center;
}

.contextMenuItemImg {
  display: block;
  float: left;
  width: 20px;
  height: 100%;
  min-height: 38px;
  margin: 0 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.iconEditarHistoria {
  background-image: url(../img/editar.png);
}

.contextMenuItem:hover .iconEditarHistoria {
  background-image: url(../img/editarSelecionado.png);
}

.iconMoverCima {
  background-image: url(../img/moverParaUm-accent.png);
}

.contextMenuItem:hover .iconMoverCima {
  background-image: url(../img/moverParaUm-white.png);
}

.iconMoverBaixo {
  background-image: url(../img/moverParaUm-accent.png);
  transform: rotate(180deg);
}

.contextMenuItem:hover .iconMoverBaixo {
  background-image: url(../img/moverParaUm-white.png);
  transform: rotate(180deg);
}

.iconMoverTopo {
  background-image: url(../img/moverParaFim-accent.png);
}

.contextMenuItem:hover .iconMoverTopo {
  background-image: url(../img/moverParaFim-white.png);
}

.iconMoverFim {
  background-image: url(../img/moverParaFim-accent.png);
  transform: rotate(180deg);
}

.contextMenuItem:hover .iconMoverFim {
  background-image: url(../img/moverParaFim-white.png);
  transform: rotate(180deg);
}

.iconVisualizarHistoria {
  background-image: url(../img/iconeVisualizar.png);
}

.contextMenuItem:hover .iconVisualizarHistoria {
  background-image: url(../img/iconeVisualizarHover.png);
}

.iconCollapsarHistoriaQT {
  background-image: url(../img/collapseFase.png);
}

.contextMenuItem:hover .iconCollapsarHistoriaQT {
  background-image: url(../img/collapseFaseHover.png);
}

.iconDesCollapsarHistoriaQT {
  background-image: url(../img/expandirFase.png);
}

.contextMenuItem:hover .iconDesCollapsarHistoriaQT {
  background-image: url(../img/expandirFaseHover.png);
}

.iconCollapsarFaseQT {
  background-image: url(../img/collapseFase.png);
}

.contextMenuItem:hover .iconCollapsarFaseQT {
  background-image: url(../img/collapseFaseHover.png);
}

.organizarAZ {
  background-image: url(../img/organizar_az.png);
  width: 16px;
}

.organizarZA {
  background-image: url(../img/organizar_za.png);
  width: 16px;
}

.organizarDataCima {
  background-image: url(../img/organizar_data_cima.png);
}

.organizarDataBaixo {
  background-image: url(../img/organizar_data_baixo.png);
}

.contextMenuItem:hover .organizarAZ {
  background-image: url(../img/organizar_az_hover.png);
  color: "#fff";
}

.contextMenuItem:hover .organizarZA {
  background-image: url(../img/organizar_za_hover.png);
  color: "#fff";
}

.contextMenuItem:hover .organizarDataCima {
  background-image: url(../img/organizar_data_cima_hover.png);
  color: "#fff";
}

.contextMenuItem:hover .organizarDataBaixo {
  background-image: url(../img/organizar_data_baixo_hover.png);
  color: "#fff";
}

.iconDesCollapsarFaseQT {
  background-image: url(../img/expandirFase.png);
}

.contextMenuItem:hover .iconDesCollapsarFaseQT {
  background-image: url(../img/expandirFaseHover.png);
}

.iconeRetirarDaSprint {
  background-image: url(../img/iconeRetirarSprint.png);
}

.contextMenuItem:hover .iconeRetirarDaSprint {
  background-image: url(../img/iconeRetirarSprintHover.png);
}

.iconExcluirHistoria {
  background-image: url(../img/excluirHistoria.png);
}

.contextMenuItem:hover .iconExcluirHistoria {
  background-image: url(../img/excluirHistoriaHover.png);
}

.iconEditarTarefa {
  background-image: url(../img/editarTarefa.png);
}

.contextMenuItem:hover .iconEditarTarefa {
  background-image: url(../img/editarTarefaHover.png);
}

.iconExcluirTarefa {
  background-image: url(../img/excluirTarefa.png);
}

.contextMenuItem:hover .iconExcluirTarefa {
  background-image: url(../img/excluirTarefaHover.png);
}

.iconMarcarTarefa {
  background-image: url(../img/marcarTarefa.png);
}

.contextMenuItem:hover .iconMarcarTarefa {
  background-image: url(../img/marcarTarefaHover.png);
}

.iconDesmarcarTarefa {
  background-image: url(../img/desmarcarTarefa.png);
}

.contextMenuItem:hover .iconDesmarcarTarefa {
  background-image: url(../img/desmarcarTarefaHover.png);
}

.iconPausarTarefa {
  background-image: url(../img/pause.png);
}

.contextMenuItem:hover .iconPausarTarefa {
  background-image: url(../img/pauseHover.png);
}

.iconContinuarTarefa {
  background-image: url(../img/play.png);
}

.contextMenuItem:hover .iconContinuarTarefa {
  background-image: url(../img/playHover.png);
}

.iconTornarPO {
  background-image: url(../img/productOwner.png);
}

.contextMenuItem:hover .iconTornarPO {
  background-image: url(../img/productOwnerHover.png);
}

.iconTornarSM {
  background-image: url(../img/scrumMaster.png);
}

.contextMenuItem:hover .iconTornarSM {
  background-image: url(../img/scrumMasterHover.png);
}

.iconTornarEquipe,
.iconTornarKanban {
  background-image: url(../img/equipe.png);
}

.contextMenuItem:hover:not(.contextMenuItemDesativado) .iconTornarEquipe,
.contextMenuItem:hover:not(.contextMenuItemDesativado) .iconTornarKanban {
  background-image: url(../img/equipeHover.png);
}

.iconExcluirKanban {
  background-image: url(../img/removerUsuario.png);
}

.contextMenuItem:hover:not(.contextMenuItemDesativado) .iconExcluirKanban {
  background-image: url(../img/removerUsuarioHover.png);
}

.iconTornarST {
  background-image: url(../img/stakeholder.png);
}

.contextMenuItem:hover .iconTornarST {
  background-image: url(../img/stakeholderHover.png);
}

.iconEditarPonto {
  background-image: url(../img/editarGeral.png);
}

.contextMenuItem:hover .iconEditarPonto {
  background-image: url(../img/editarGeralHover.png);
}

.iconExcluirPonto {
  background-image: url(../img/excluirGeral.png);
}

.contextMenuItem:hover .iconExcluirPonto {
  background-image: url(../img/excluirGeralHover.png);
}

.iconReenviarConvite {
  background-image: url(../img/resendMsg.png);
}

.contextMenuItem:hover .iconReenviarConvite {
  background-image: url(../img/resendMsgHover.png);
}

.iconEditarPonto {
  background-image: url(../img/editarGeral.png);
}

.contextMenuItem:hover .iconEditarPonto {
  background-image: url(../img/editarGeralHover.png);
}

.iconExcluirPonto {
  background-image: url(../img/excluirGeral.png);
}

.contextMenuItem:hover .iconExcluirPonto {
  background-image: url(../img/excluirGeralHover.png);
}

.iconXisContextMenu {
  background-image: url(../img/xis.png);
}

.contextMenuItem:hover .iconXisContextMenu {
  background-image: url(../img/xisHover.png);
}

.iconPDFContextMenu {
  background-image: url(../img/iconePDFVerde.png);
}

.contextMenuItem:hover .iconPDFContextMenu {
  background-image: url(../img/iconePDF.png);
}

.iconOffContextMenu {
  background-image: url(../img/finishVerde.png);
}

.contextMenuItem:hover .iconOffContextMenu {
  background-image: url(../img/finish.png);
}

.iconConfirmaContextMenu {
  background-image: url(../img/check.png);
}

.contextMenuItem:hover .iconConfirmaContextMenu {
  background-image: url(../img/checkBranco.png);
}

.iconMaisContextMenu {
  background-image: url(../img/maisHistoria.png);
}

.contextMenuItem:hover .iconMaisContextMenu {
  background-image: url(../img/maisIcone.png);
}

.iconTornarGC {
  width: 25px;
  height: 25px;
  background-image: url(../img/contrato.png);
}

.contextMenuItem:hover .iconTornarGC {
  background-image: url(../img/contratoHover.png);
}

.iconTornarGO {
  width: 25px;
  height: 25px;
  background-image: url(../img/operacional.png);
}

.contextMenuItem:hover .iconTornarGO {
  background-image: url(../img/operacionalHover.png);
}

.iconTornarGF {
  width: 25px;
  height: 25px;
  background-image: url(../img/financeiro.png);
}

.contextMenuItem:hover .iconTornarGF {
  background-image: url(../img/financeiroHover.png);
}

.contextMenuItem .iconAprovar {
  background-image: url(../img/aprovar.png);
  background-size: 23px;
}

.contextMenuItem:hover .iconAprovar {
  background-image: url(../img/aprovarHover.png);
}

.contextMenuItem .iconReprovar {
  background-image: url(../img/reprovarHover.png);
}

.iconDesfazerRevisao {
  background-image: url(../img/clear.png);
}

.contextMenuItemImg.iconAprovar,
.contextMenuItemImg.iconReprovar {
  width: 30px;
}

.iconAprovar {
  background-image: url(../img/aprovar.png);
  width: 19px;
  height: 25px;
  float: left;
}

.iconReprovar {
  background-image: url(../img/reprovada.png);
  width: 19px;
  height: 25px;
  float: left;
}

.contextMenuItemImg.iconReprovar {
  background-image: url(../img/reprovar.png);
  float: left;
}

.contextMenuItem:hover .contextMenuItemImg.iconReprovar {
  background-image: url(../img/reprovarHover.png);
}

.iconDesfazerRevisao {
  background-image: url(../img/iconHistoriaCancelar.png);
}

.contextMenuItem:hover:not (.contextMenuItemDesativado ) .iconDesfazerRevisao {
  background-image: url(../img/iconHistoriaCancelarHover.png);
}

.reproporIcon {
  background-image: url(../img/reproporHistoria.png);
}

.contextMenuItem:hover:not (.contextMenuItemDesativado ) .reproporIcon {
  background-image: url(../img/reproporHistoriaHover.png);
}

.iconAvancarFase {
  background-image: url(../img/setaProxima.png);
}

.contextMenuItem:hover .iconAvancarFase {
  background-image: url(../img/setaProximaHover.png);
}

.iconRetrocederFase {
  background-image: url(../img/setaAnterior.png);
}

.contextMenuItem:hover .iconRetrocederFase {
  background-image: url(../img/setaAnteriorHover.png);
}

.iconMoverFase {
  background-image: url(../img/setaMudarFase.png);
}

.contextMenuItem:hover .iconMoverFase {
  background-image: url(../img/setaMudarFaseHover.png);
}

.participante {
  background-image: url(../img/participante.png);
}

.filtro {
  background-image: url(../img/filtro.png);
}

.contextMenuItem:hover .participante {
  background-image: url(../img/participanteHover.png);
}

.tarefaParaParticipante {
  background-image: url(../img/tarefaParaParticipante.png);
}

.filtro {
  background-image: url(../img/filtro.png);
}

.contextMenuItem:hover .tarefaParaParticipante {
  background-image: url(../img/tarefaParaParticipanteHover.png);
}

.subContextMenu {
  position: absolute;
  margin-top: -38px;
  left: 232px;
  background: #fff;
  min-width: 240px;
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
  display: none;
  border-radius: 3px;
}

li:hover ul.subContextMenu {
  display: block;
}

.iconeSubMenu {
  width: 16px;
  background-image: url(../img/ArrowRight2-Linear-Gray-16px.png);
}

.contextMenuItem:hover:not (.contextMenuItemDesativado ):hover > .iconeSubMenu,
.contextMenuItem:not (.contextMenuItemDesativado ):hover > * > .iconeSubMenu,
,
.contextMenuItem:not
  (.contextMenuItemDesativado ):hover
  > a
  > span
  > .iconeSubMenu {
  background-image: url(../img/setaDireitaHover.png);
}

.iconeMoverRelease {
  background-image: url(../img/releaseAdd.png);
}

.contextMenuItem:hover:not
  (.contextMenuItemDesativado ):hover
  > .iconeMoverRelease,
.contextMenuItem:not
  (.contextMenuItemDesativado ):hover
  > a
  > .iconeMoverRelease {
  background-image: url(../img/releaseAddHover.png);
}

.iconeHistoriaRelease {
  background-image: url(../img/emRelease.png);
}

.contextMenuItem:hover:not
  (.contextMenuItemDesativado ):hover
  > .iconeHistoriaRelease,
.contextMenuItem:not
  (.contextMenuItemDesativado ):hover
  > a
  > .iconeHistoriaRelease {
  background-image: url(../img/emReleaseHover.png);
}

.iconeSincronizar {
  background-image: url(../img/sincronizacao.png);
}

.contextMenuItem:not(.contextMenuItemDesativado) .iconeSincronizar {
  background-image: url(../img/sincronizacaoBranca.png);
}

.iconVisualizarFase {
  background-image: url(../img/abrirGeral.png);
}

.contextMenuItem:not(.contextMenuItemDesativado) .iconVisualizarFase {
  background-image: url(../img/abrirGeralHover.png);
}

.iconExcluirFase {
  background-image: url(../img/excluirGeral.png);
}

.contextMenuItem:not(.contextMenuItemDesativado) .iconExcluirFase {
  background-image: url(../img/excluirGeralHover.png);
}

.iconProgramarHistoria {
  background-image: url(../img/historiaProgramada.png);
}

.contextMenuItem:hover .iconProgramarHistoria {
  background-image: url(../img/historiaProgramadaHover.png);
}

.contextMenuItem.contextMenuItemDesativado .iconProgramarHistoria,
.contextMenuItem.contextMenuItemDesativado:hover .iconProgramarHistoria {
  background-image: none !important;
}

/*.contextMenuItem:not(.contextMenuItemDesativado) .iconProgramarHistoria {
  background-image: url(../img/historiaProgramadaHover.png);
}*/

.iconSynchroTo {
  width: 25px;
  height: 25px;
  background-image: url(../img/receive.png);
}

.contextMenuItem:hover .iconSynchroTo {
  background-image: url(../img/receiveHover.png);
}
/*not(.contextMenuItemDesativado) */
.iconSynchroFrom {
  width: 25px;
  height: 25px;
  background-image: url(../img/send.png);
}

.contextMenuItem:hover .iconSynchroFrom {
  background-image: url(../img/sendHover.png);
}
/* not(.contextMenuItemDesativado)  */
.iconReorderTB {
  width: 25px;
  height: 25px;
  background-image: url(../img/reorderTopBottom.png);
}

.contextMenuItem:hover .iconReorderTB {
  background-image: url(../img/reorderTopBottomHover.png);
}

/* not(.contextMenuItemDesativado) */

.iconFinalizarHistoria {
  background-image: url(../img/historiaConcluida.png);
}

.contextMenuItem:hover .iconFinalizarHistoria {
  background-image: url(../img/historiaConcluidaHover.png);
}

.iconReorderTBAlt {
  width: 25px;
  height: 25px;
  background-image: url(../img/reorderTopBottomAlt.png);
}

.contextMenuItem:hover .iconReorderTBAlt {
  background-image: url(../img/reorderTopBottomAltHover.png);
}

.releaseRow .releaseIcon {
  background-image: url(../img/release.png);
  height: 20px;
  display: block;
  width: 27px;
  float: right;
  margin-top: 5px;
  background-repeat: no-repeat;
}

.releaseRow.active .releaseIcon {
  background-image: url(../img/releaseUrgente.png);
}

.releaseRow.done .releaseIcon {
  background-image: url(../img/releaseEntregue.png);
}

.contextMenuItem:hover .iconAttachmentDropBox {
  background-image: url(../img/dropbox.png);
}
.contextMenuItem:hover .iconAttachmentGoogleDrive {
  background-image: url(../img/googleDrive.png);
}

/*contextMenu - FIM*/
.fundoDialogo {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.7);
	display: none;
}

.whiteBackground .dialogo {
	box-shadow: none;
	opacity: 1;
}

.dialogo {
	padding: 15px 0px;
	background-color: rgb(255, 255, 255);
	position: absolute !important;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	width: 350px;
	margin: 0 auto;
}

.okDialogo {
	padding: 0 15px 10px 15px;
	font-weight: 800;
	border-bottom: 1px #eee solid;
}

.textDialogo {
	font-size: 13px;
	margin: 15px;
	padding-left: 8px;
}

.botoesDialogo {
	overflow: auto;
	float: right;
	margin-right: 12px;
}

.botaoDialogo {
	text-align: center;
	font-size: 14px;
	margin: 0 3px;
}

.textoLoad {
	text-align: center;
	color: #717174;
	font-size: 14px;
	/*font-weight: bold;*/
}

.imagemLoad {
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../img/logoSHLoading.png');
	height: 70px;
}

.whiteBackground {
	background-color: #FFF;
}

.modal {
	min-width: 100px;
	min-height: 100px;
	padding: 10px;
	background-color: rgb(255, 255, 255);
	position: absolute;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	padding-bottom: 20px;
}

.fecharModal {
	width: 24px;
	height: 24px;
	position: absolute;
	right: 9px;
	background-image: url(../img/fecharHistoria.png);
	background-size: cover;
	background-repeat: no-repeat;
	cursor: pointer;
}

.fecharModal:hover {
	background-image: url(../img/fecharModalHover.png);
}.imgTelaErro {
	background-image: url("../img/telaPaginaErro.png");	
	width:376px;
	height:284px;
	float:left;
}

.imgTelaManut {
	background-image: url("../img/telaPaginaManut.png");	
	width:376px;
	height:284px;
	float:left;
}

.caixaTextoTelaError {
	width:450px;
	float:left;
	margin-left:50px;
	
}

.alinhamentoTelaErro {
	width:900px;
	height:500px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-175px;
	margin-left:-450px;
	
}

.fonteGrande {
	font-size:50px;
	color:#999;
	margin-bottom:10px;
	
}

.textoError {
	font-size:20px;
	color:#333;
	line-height:40px;
	
}

.linkVerde{
				color: var(--beeplus-background);
				text-decoration:underline;
				cursor:pointer; cursor:hand;
			}
		.linkVerde:link {color: var(--beeplus-background);}
		.linkVerde:visited {color: var(--beeplus-background);}
		.linkVerde:hover {-moz-transition: color 0.2s; transition: color 0.2s; -webkit-transition:color 0.2s; color:#999;}
		.linkVerde:active {color: var(--beeplus-background);}/*form com tabela - INICIO*/
.tabelaFormulario {
  width: 100%;
  border-collapse: collapse;
}

.tabelaFormulario > tbody > tr > td {
  padding-top: 10px;
  padding-bottom: 10px;
}

.alinhaPrimeiraColuna tr td:first-child {
  text-align: left;
}

.tabelaSemSpacing tr td > * {
  margin-top: 15px;
  display: block;
}

.tabelaSemSpacing tr:last-child td {
  padding-bottom: 15px;
}

.tabelaSemSpacing {
  border-spacing: 0 !important;
}

.tabelaFormulario td.shrinkCell {
  width: 1px;
  white-space: nowrap;
}

.width100 {
  width: 100px;
}

.height10 {
  height: 10px;
}

.height20 {
  height: 20px;
}

.width40 {
  width: 40px;
}

.width20 {
  width: 20px;
}

.width210 {
  width: 210px;
}

.labelAEsquerda {
  margin-right: 10px;
}
.labelADireita {
  margin-left: 8px;
}
.labelAoCentro {
  margin-left: 20px;
  margin-right: 10px;
}

.labelACima {
  margin-bottom: 10px;
  display: block;
}

.forceRight {
  float: right;
}

.labelParaForm {
  margin: 5px 35px 10px 0px;
  font-size: 15px;
  color: #000;
  float: left;
  width: 100px;
  text-align: left;
}

.labelImagem {
  background-repeat: no-repeat;
  background-position: center;
  float: left;
}

.radioButtonDeLabel {
  margin-left: 15px;
  margin-right: 15px;
}

.labelImagem + .radioButtonDeLabel {
  margin-top: 11px;
}

.startHidden {
  visibility: hidden;
}

.inputDesabilitado {
  background-color: #f3f3f3;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  min-height: 38px;
  padding: 0px 15px;
}

.textoInputDesabilitado {
  font-size: 14px;
  color: #8d8d8d;
  margin: 10px 0;
}

.twitterLink {
  float: right;
}

.customComboBox select {
  display: inline-block;
  width: 100%;
  height: 36px;
  background: #fff;
  font-size: 14px;
  outline: none;
  -webkit-appearance: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 8px 5px;
  color: #000;
}

/* for Webkit's CSS-only solution */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .customComboBox select {
    padding-right: 25px;
  }
}

.customComboBox select:hover {
  -webkit-box-shadow: 0 0 3px 1px var(--beeplus-hover);
  -moz-box-shadow: 0 0 3px 1px var(--beeplus-hover);
  box-shadow: 0 0 3px 1px var(--beeplus-hover);
}

.customComboBox select:disabled {
  background-color: #eee;
  color: #777;
}

.customComboBox select:disabled:hover {
  -webkit-box-shadow: 0 0 0 0 var(--beeplus-hover);
  -moz-box-shadow: 0 0 0 0 var(--beeplus-hover);
  box-shadow: 0 0 0 0 var(--beeplus-hover);
}

.customComboBox {
  position: relative;
  display: inline-block;
  width: calc(100% - 2px);
  width: -moz-calc(100% - 2px);
  width: -webkit-calc(100% - 2px);
  border: 1px solid #bbb;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  min-width: 140px;
}

.customComboBox:after {
  content: "▼";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 80%;
  line-height: 38px;
  padding: 0 10px;
  background: #f4f4f4;
  color: #777;
  pointer-events: none;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.no-pointer-events .customComboBox:after {
  content: none;
}

/*form com tabela - FIM*/
/* 
gantt.css
*/

.contornoComScrollY {
	overflow-x: hidden;
	padding-right: 7px;
}

.contornoComScrollX {
	overflow-y: hidden;
	padding-bottom: 7px;
}

.timeTable table {
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.timeTable table td, .releaseBack table td {
	border: 1px solid #ccc;
	border-collapse: collapse;
	text-align: center;
}

.timeTable table .timeTableHeader td, .releaseBack table .timeTableHeader td {
	border: 1px solid #ccc;
	border-collapse: collapse;
	background-color: #e8e8e8;
	font-size:14px;
}

.monthBase {
	height: 21px;
}

.dayBase {
	height:22px
}

.releaseBack table .timeTableHeader td, .releaseBack table td {
	border-right: 0px;
}

.timeTableCellContent {
	min-width: 25px;
	min-height: 20px;
}

.timeTableRow .timeTableCellContent {
	min-height: 30px;
	line-height: 30px;
}

.timeTable table td.firstDay {
	border-collapse: collapse;
	border-left-width: 3px;
}

.releaseBack {
	width:300px;
}

.releaseTable .releaseRow td {
	height: 29px;
	position:relative;
}

.releaseRow .timeTableCellContent {
	min-width: 280px;
	min-height: 30px;
	line-height: 30px;
	font-size: 15px;
	text-align: left;
	padding: 0 10px;
}

.releaseTable {
	position: relative;
	float:left;
	margin-top: 40px;
	z-index: 2;
}

.releaseTable table {
	position: absolute;
}

.barraProgresso.barraPartes {
	background:none !important;
	width:100%;
}

.barraProgresso.barraPartes .barraProgressoFundo.naMeta, .barraProgresso.barraPartes .barraProgressoFundo.foraDaMeta, .barraProgresso.barraPartes .barraProgressoFundo.historiaExtra {
	margin-top:3px;
	
}

.barraProgresso.barraPartes.noColor .barraProgressoFundo.naMeta {
	background: url(../img/naMeta.png) repeat-x;
}

.barraProgresso.barraPartes.noColor .barraProgressoFundo.foraDaMeta {
	background: url(../img/naMeta.png) repeat-x;
}

.barraProgresso.barraPartes.noColor .barraProgressoFundo.historiaExtra {
	background: url(../img/naMeta.png) repeat-x;
}

.barraProgresso.barraPartes .bordaGantt {
	height: 100%;
	top: 0;
	position: absolute;
	border-width: 0px;
}

.bordaInterna {
	height: 100%;
	border: 3px solid #86b11e;
	width: calc(100% - 6px);
	border-radius: 3px;
}

.barraProgresso.barraPartes p.barraProgressoTexto {
	margin-top: 2px;
	height:24px;
	top:0;
}

.barraProgresso.barraPartes .barraOverflow {
	width: 100%;
	margin-top: 0;
	top:0;
}

.barraProgresso.barraPartes div.barraOverflow div.barraProgressoFundo {
		float: right;
		background: url(../img/acimaDoPlanejadoLess.png) repeat-x;
		width: 0px;
		height: 28px;
		border-radius: 0 3px 3px 0;
		border-left: none;
}

.barraProgresso .barraProgresso.barraReleaseFeita .barraProgressoFundo {
		float: left;
		margin-top: 9px;
		height: 10px;
		width: calc(50%);
		margin-left:2px;
}

.barraProgresso .barraProgresso.barraReleaseFeita {
	margin-top:0;
	background: none;
	height: 25px;
	opacity: 0.4;
	top:1px;
}

.barraProgresso.barraPartes {
	border-width: 0px;
}

.timeTable table tr:nth-child(even), .releaseBack table tr:nth-child(even) {
	background: #f4f4f4;
}

.ui-resizable-handle {
	height: 100%;
	width: 10px;
	position: absolute;
	top: 0;
	cursor: e-resize;
}

.ui-draggable {
	cursor: move;
}

.ui-resizable-e {
	right: -5px;
}

.ui-resizable-w {
	left: -5px;	
}

.today {
	background-color:#fbf4d5 !important;
}

.ui-sortable-helper {
	background-color: #fff;
}

.ui-sortable-placeholder {
	height:29px;
	background-color: #fbf4d5;
}

.spanDoTexto {
    color: black;
    font-weight: bold;
}/*MENSAGEM SUPERIOR - INICIO*/
.mensagemSuperior {
	width:100%;
	background-color:#fcefda;
	font-size:10px;
	text-align:center;
	line-height:20px;
	color:#ff9023;
}

.linkMensagemSuperior {
	font-size:10px;
	font-weight:800;
	text-shadow:1px 1px 0px rgb(255,255,255);
	text-decoration:none;
}
	a.linkMensagemSuperior:link {color:#cb8600}
	a.linkMensagemSuperior:visited {color:#cb8600}
	a.linkMensagemSuperior:hover {-moz-transition: color 0.2s; transition: color 0.2s; -webkit-transition:color 0.2s; color:#f45000; border-bottom:dotted 1px #f45000 ;}
	a.linkMensagemSuperior:active {color:#cb8600}
/*MENSAGEM SUPERIOR - FIM*//*MENU SUPERIOR - INICIO*/

#topo{
    position: static;
    width: 100vw;
}

#navigation, #menuAuxiliar, .mensagemSuperior{
	width: 100%;
	position:relative;
}

#navigation {
	margin: 0px auto;
	text-align: center;
	background-image: url(../img/menu/backgroundMenuSuperiorCinza.png);
	background-repeat: repeat-x;
	height: 47px;
	border: 0px #ccc solid;
}

#menuAuxiliar, .barraSubMenu {
    background-color: #435565;
    height: 32px;
	
}

.barraSubMenu{
	position: absolute;
	width: 100%;
}

nav ul ul {
	display: none;
	position: relative;
	top: 100%;
	width:440px;
}

nav ul li:hover>ul {
	display: table;
}

.itemMenu {
	font-size: 12px;
	font-weight: 800;
	color: #555;
	text-shadow: 1px 1px 0px rgb(255, 255, 255);
	text-decoration: none;
	display: block;
	padding: 0px 20px;
	text-decoration: none;
	text-align: center;
	height: 47px;
	line-height: 43px;
	cursor: pointer;
	cursor: hand;
}

.itemMenu:hover {
	-moz-transition: color 0.2s;
	transition: color 0.2s;
	-webkit-transition: color 0.2s;
	color: var(--beeplus-background);
}

.itemMenuClick {
	color: var(--beeplus-background);
	border-top-width: 2px;
	border-top-color: var(--beeplus-border);
	border-top-style: solid;
	height: 45px;
}

#Admin.itemMenu {
	padding-left: 45px;
	padding-right: 45px;
}

.itemMenuEsquerda:last-child .itemMenu {
	width: 10px;
}

.itemMenuEsquerda:last-child {
	border-right: none;
	box-shadow: none;
}

.itemMenuEsquerda:last-child:hover {
	background: none;
}

.logo {
    background-image: url(../img/menu/logo-beeplus.png);
    width: 170px;
    height: 47px;
    float: left;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    border-right: 1px #FFF solid;
    box-shadow: 1px 0px 0px rgb(210, 210, 210);
}

nav ul {
	list-style: none;
	display: inline-table;
	margin: 0;
	padding: 0;
	border: 0;
}
/*nav ul.menu > li:hover {
		border-top: 2px solid #86b11e;
		height: 45px;
	}*/
#menuEsquerda {
	float: left;
}

.itemMenuEsquerda {
	float: left;
	border-right: 1px #FFF solid;
	box-shadow: 1px 0px 0px rgb(210, 210, 210);
}

.itemMenuDireita:hover,.itemMenuEsquerda:hover {
	background: rgba(55, 55, 55, 0.05);
}

nav ul#menuEsquerda ul {
	position: absolute;
}

nav ul#menuEsquerda ul li {
	float: left;
	margin: 0px 0px 0px 15px;
}

nav ul#menuEsquerda ul li:hover {
	background: rgba(55, 55, 55, 0.1);
}

nav ul#menuEsquerda ul li a.itemSubMenu {
	display: block;
	font-size: 12px;
	text-decoration: none;
	padding: 0px 5px;
	color: #fff;
	height: 32px;
	line-height: 28px;
}

nav ul#menuDireita {
	float: right;
}

nav ul li.itemMenuDireita {
	float: left;
	border-left: 1px #FFF solid;
	box-shadow: -1px 0px 0px rgb(210, 210, 210);
}

nav ul li div {
	float: left;
}

nav ul li .imagemAvatar {
	width: 30px;
	height: 30px;
	margin-top: 7px;
	float: left;
	margin-right: 15px;
}

nav ul li .imagemSeta {
	width: 12px;
	height: 12px;
	background-image: url(../img/menu/setaPerfilUsuarioCinza.png);
	margin-top: 18px;
	float: right;
	margin-left: 5px
}

nav ul li a#PerfilUsuario:hover .imagemSeta {
	background-image: url(../img/menu/setaPerfilUsuarioVerde.png);
}

nav ul#menuDireita ul {
	position: absolute;
	top: 47px;
	background-color: #f9f9f9;
	border: 1px #c2c2c2 solid;
}

nav ul#menuDireita ul li {
	float: none;
	width: auto;
	text-align: center;
}

nav ul#menuDireita li a div.perfilNome {
	display: block;
	float: left;
	max-width: 120px;
}

nav ul#menuDireita ul li a.itemMenuRolagem {
	display: block;
	padding: 10px 10px;
	font-size: 12px;
	font-weight: 800;
	text-shadow: 1px 1px 0px rgb(255, 255, 255);
	text-decoration: none;
	color: #000;
}

nav ul#menuDireita ul li:hover > a.itemMenuRolagem {
	background: rgba(55, 55, 55, 0.05);
}

.rolagemItemSelecionadoFundo { /*usado no javascript*/
	background-image: url(../img/menu/backgroundMenuRolagem.png);
	background-repeat: repeat-x;
	border-top: 1px #dfdfdf solid;
	border-bottom: 1px #cacaca solid;
}

.rolagemItemSelecionadoFundoPrimeiro { /*usado no javascript*/
	background-image: url(../img/menu/backgroundMenuRolagem.png);
	background-repeat: repeat-x;
	border-bottom: 1px #cacaca solid;
}

.rolagemItemSelecionadoFundoUltimo { /*usado no javascript*/
	background-image: url(../img/menu/backgroundMenuRolagem.png);
	background-repeat: repeat-x;
	border-top: 1px #dfdfdf solid;
}

#chatNotification {
	display: block;
	background-image: url(../img/menu/chat.png);
	background-repeat: no-repeat;
	background-position: center;
	max-height: 47px;
	width: 10px;
	position: relative;
}

#chatNotification.chatClicado {
	background-image: url(../img/menu/chatHover.png);
}

#ajudaOverlay {
	display: block;
	background-image: url(../img/menu/ajudaNormal.png);
	background-repeat: no-repeat;
	background-position: center;
	max-height: 47px;
	position: relative;
}

#ajudaOverlay.ajudaClicado {
	background-image: url(../img/menu/ajudaClicado.png);
}

#badgeConvites {
	display:block;
	background-image: url(../img/menu/badgeConvites.png);
	background-repeat: no-repeat;
	background-position:center;
	max-height:47px;
	min-width: 10px;
	position:relative;
}

#notificacoes {
	display:block;
	background-image: url(../img/menu/notificacao.png);
	background-repeat: no-repeat;
	background-position:center;
	max-height:47px;
	min-width: 10px;
	position:relative;
}

.redBall{
	display:block;
	position: absolute;
	border-radius: 25px;
	width:18px;
	height: 18px;
	background: #ef2d00;
	color: white;
	top:23px;
	left:27px;
	font-weight: 300;
	font-size:9px;
	line-height: 18px;
	text-shadow:none;
}

.itemMenuEsquerda .itemMenu.itemMenuClick + ul.subMenu {
	display: table;
}

.itemMenuEsquerda:hover ~ .itemMenuEsquerda .itemMenu.itemMenuClick + ul.subMenu {
	display: none;
}

.barraSubMenu {
	display: none;
	width: calc(100% - 170px);
	top: 47px;
}

.itemMenuEsquerda:hover + div.barraSubMenu {
	display: block;
}

.itemMenuEsquerda:hover .itemMenu + ul.subMenu {
	display: table;
}

.itemMenuDireita {
       position: relative;
}

.itemMenuDireita:hover .rolagem  {
       display: block;
       width:100%;
}

.itemMenuEsquerda ul.subMenu .itemSubMenu {
       margin: 0px;
       height:33px !important;
       line-height: 33px;
}

.itemMenuEsquerda ul.subMenu .itemSubMenu.subMenuClick, .itemMenuEsquerda ul.subMenu .itemSubMenu.subMenuClick:hover {
       color:#fb7c00 !important;;
       background-color: white;
}

.itemMenuEsquerda ul.subMenu .itemSubMenu:hover {
       color: var(--beeplus-hover) !important;
       background-color: white;
}

/*MENU SUPERIOR - FIM*/
.chardinjs-overlay {
	position: absolute;
	opacity: 0;
	/*background-color: #000;*/
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.chardinjs-helper-layer {
	position: absolute;
	/*color: white;*/
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	pointer-events : none;
} /*
  .chardinjs-helper-layer.chardinjs-left {
    border-left: solid white 1px;
    margin-left: -10px; }
  .chardinjs-helper-layer.chardinjs-right {
    border-right: solid white 1px;
    padding-right: 10px; }
  .chardinjs-helper-layer.chardinjs-bottom {
    border-bottom: solid white 1px;
    padding-bottom: 10px; }
  .chardinjs-helper-layer.chardinjs-top {
    border-top: solid white 1px;
    padding-top: 10px; }
*/
.chardinjs-tooltip {
	position: absolute;
	-webkit-transition: opacity 0.1s ease-out;
	-moz-transition: opacity 0.1s ease-out;
	-ms-transition: opacity 0.1s ease-out;
	-o-transition: opacity 0.1s ease-out;
	transition: opacity 0.1s ease-out;
	min-width: 150px;
	max-width: 240px;
}

.chardinjs-tooltip.chardinjs-left {
	margin-left: -120px;
	padding-right: 10px;
}
/* Criando rightS */
.chardinjs-tooltip.chardinjs-right, .chardinjs-tooltip.chardinjs-rightS {
	margin-right: -145px;
	padding-left: 10px;
}
/* Criando BottomB */
.chardinjs-tooltip.chardinjs-bottom,.chardinjs-tooltip.chardinjs-bottomB {
	margin-bottom: -25px;
	padding-top: 10px;
}

.chardinjs-tooltip.chardinjs-top {
	margin-top: -25px;
	padding-bottom: 10px;
	/* pointer-events: auto; Comentado para deixar o 'saiba mais...' clic�vel */
}
/* Criando BottomB e rightS */
.chardinjs-tooltip.chardinjs-right:before,.chardinjs-tooltip.chardinjs-left:after,.chardinjs-tooltip.chardinjs-bottom:before,.chardinjs-tooltip.chardinjs-top:after, .chardinjs-tooltip.chardinjs-bottomB:before,.chardinjs-tooltip.chardinjs-rightS:before
	{
	content: ".";
	display: inline-block;
	/*background-color: white;*/
	height: 1px;
	overflow: hidden;
	position: absolute;
}
/* Criando rightS */
.chardinjs-tooltip.chardinjs-right:before,.chardinjs-tooltip.chardinjs-left:after, .chardinjs-tooltip.chardinjs-rightS:before
	{
	width: 15px;
	top: 50%;
}
/* Criando BottomB */
.chardinjs-tooltip.chardinjs-bottom:before,.chardinjs-tooltip.chardinjs-top:after,.chardinjs-tooltip.chardinjs-bottomB:before {
	width: 1px;
	height: 15px;
	left: 50%;
	margin-left: -15px;
}
/* Criando BottomB */
.chardinjs-tooltip.chardinjs-bottom:before,.chardinjs-tooltip.chardinjs-bottomB:before {
	top: -25px;
}

.chardinjs-tooltip.chardinjs-top:after {
	bottom: -25px;
}
/* Criando rightS */
.chardinjs-tooltip.chardinjs-right:before, .chardinjs-tooltip.chardinjs-rightS:before {
	left: -25px;
}

.chardinjs-tooltip.chardinjs-left:after {
	right: -25px;
}

.chardinjs-relative-position {
	position: relative;
}

/*
.chardinjs-tooltip.chardinjs-right:before, .chardinjs-tooltip.chardinjs-left:after, .chardinjs-tooltip.chardinjs-bottom:before, .chardinjs-tooltip.chardinjs-top:after {
  content: none;
}*/
.chardinjs-tooltip {
	background-color: rgba(252, 229, 150, 0.9);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	padding: 10px;
	border-radius: 5px;
	color: black;
	font-size: 15px;
}
/* Criando BottomB */
.chardinjs-tooltip.chardinjs-bottom:before,.chardinjs-tooltip.chardinjs-bottomB:before {
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 25px solid #fce596;
}

.chardinjs-tooltip.chardinjs-top:after {
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 25px solid #fce596;
}

.chardinjs-tooltip.chardinjs-left:after {
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 25px solid #fce596;
}
/* Criando rightS */
.chardinjs-tooltip.chardinjs-right:before, .chardinjs-tooltip.chardinjs-rightS:before {
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 25px solid #fce596;
}

.chardinjs-tooltip-more {
  color:#86b11e;
}.notificacoes {
	position:fixed;
	left:0;
	top: 100px;
}

.notificacao {
	background:#ddd;
	border-radius:4px;
	border:2px #ccc solid;
	margin-bottom:5px;
	text-align:center;
	text-shadow:1px 1px 0px rgb(255,255,255);
	padding:10px 30px;
	font-size:14px;
}

.notificacoes > .notificacao {
	opacity: .95;
	filter:alpha(opacity=95); /* For IE8 and earlier */
}

.notificacaoWarning {
	background-color:#fdefa4;
	border:2px #f2eb75 solid;
}

.notificacaoErro {
	background-color:#fecbc7;
	border:2px #ffb8b3 solid;
}

.notificacaoOk {
	background-color:#dfecbf;
	border:2px #c0e36c solid;
}

.fecharNotificacao {
	background-image: url(../img/fecharTag.png);
        background-repeat: no-repeat;
        background-size: cover;
	width:8px;
	height:7px;
	cursor:pointer;
	right:5px;
	margin-top:5px;
	float:right;
}/*Participantes - Inicio*/

.tabelaListaParticipantes td:last-child { width: 1px;}
.tabelaListaParticipantes tr { border-bottom: 1px solid #ddd; cursor:pointer; cursor:grab; cursor:-webkit-grab; cursor:-moz-grab}
.tabelaListaParticipantes tr:last-child { border-bottom: none;}
.headerListaParticipantes thead tr th:first-child{width: 30%; min-width: 300px}
.headerListaParticipantes thead tr th:nth-child(2){padding-right:20px;}

.headerListaParticipantes {
	min-width: 600px;
}

.tabelaListaParticipantes tr:hover {
	background-color: #fbf4d5;
	border-bottom:1px #ffd130 dotted;
	text-shadow: 1px 0px 0px rgb(255,255,255);	
}

.searchComIcone{
	width:	calc(100% - 47px) !important;
	width:	-webkit-calc(100% - 47px) !important;
	width:	-moz-calc(100% - 47px) !important;
	padding-right: 35px !important;
}
.searchComIconeELink {
	width:calc(100% - 167px) !important; 
	padding-right: 155px !important;
}

.linkConvidarMembro {
	font-size:14px;
	font-weight: 400;
	cursor:pointer; cursor:hand;
	margin-top: 3px;
	display: none;
}

.pequenaSetaContexto {
	cursor: pointer; cursor: hand;
	width: 20px;
	height: 19px;
	background: url(../img/setaContexto.png) no-repeat center;
	padding: 2px;
	float:left;
	display: block;
}

.papelParticipantes {
	position: relative;
	margin-top: 10px;
	margin-bottom: 20px;
}
.papelParticipantes:last-child {
	margin-bottom:0px;
}
		
.nomePapelParticipantes {
	position: absolute;
	background-color: #fff;
	padding: 0 5px;
	top: -10px;
	left: 10px;
	font-size: 14px;
	color: #aaa;
}

.areaParticipantesComPapel {
	border: 1px #ddd solid;
	border-radius: 4px;
	min-height: 70px;
	overflow: auto;
	padding: 10px;
}
.areaMarcadaParticipantes {
	border: 1px #86b11e dashed !important;
	background-color: #f2f9e3;
}
.areaMarcadaHoverParticipantes {
	border: 1px #eabd21 dashed !important;
	background-color: #fbf4d5;
}

/*
.participante {
	float: left;
	padding: 4px 0;
	background-color: #f3f3f3;
	margin: 5px 5px 0px 0;
}

.participante:hover {
	background-color: #fbf4d5;
}

.participanteEnfatizado {
	background-color: #fbf4d5;
}

.participanteDraggable {
	background-image: url(../img/participante.png);
	width:20px;
	height:20px;
}

.participanteDraggable.ui-draggable-dragging {
	cursor:pointer; cursor:grabbing; cursor:-webkit-grabbing; cursor:-moz-grabbing;
}

.nomeParticipante {
	display: block;
	float: left;
	color: #999;
	margin: 0 8px;
	font-size: 13px;
}*/

/*.nomeParticipanteDragable {
	font-size:14px;
	font-color:#000;
}*/

/*.participante .closeTagButton {
	margin: 1px 4px 0 0;
	padding: 8px 8px 0 0;
}*/

/*Participantes - FIM*/.containerFlex {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.colunaFlex {
	-moz-box-flex: 1.0; /* Firefox */
	-webkit-box-flex: 1.0; /* Safari and Chrome */
	-ms-flex: 1.0; /* Internet Explorer 10 */
	box-flex: 1.0;
	border: 1px solid #ccc;
	border-right: none;
	min-height: 100px;
	padding-bottom: 42px;
	position: relative;
	display: inline-block;
}

.colunaFlex:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-right: 1px solid #ccc;
}

.colunaFlex:last-child>.titulo {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0px;
}

.colunaFlex:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.colunaFlex:first-child>.titulo {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 0px;
}

.colunaFlex>div {
	-moz-box-flex: 0; /* Firefox */
	-webkit-box-flex: 0; /* Safari and Chrome */
	-ms-flex: 0; /* Internet Explorer 10 */
	box-flex: 0;
	text-align: center;
}

.conteudo {
	border-top: 1px solid #ccc;
	color: #c0c0c0;
	padding: 8px;
}

.titulo {
	background-color: #f3f3f3;
	font-weight: bold;
	padding: 8px;
}

.possui {
	background-image: url(../img/has.png);
	display: block;
	width: 100%;
}

.naoPossui {
	background-image: url(../img/hasnot.png);
	display: block;
	width: 100%;
}

.naoHabilitado {
	background-image: url(../img/grayHas.png);
	display: block;
	width: 100%;
}

.precoConteiner {
	font-size: 1.1em;
	text-align: center;
	margin-bottom: 10px;
}

.preco {
	font-weight: bold;
	color: #2d2d2d;
}

.selecionar {
	bottom: 10px;
	width: 100%;
	position: absolute;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

.molduraBotoesTabela {
	margin-top: 10px;
}

.conteudo>table {
	margin: 0 auto;
	text-align: left;
	border-spacing: 5px;
	width: 100%;
}

.flexWidth1 {
	width: 100%;
}

.flexWidth2 {
	width: 50%;
}

.flexWidth3 {
	width: 33.222222%;
}

.flexWidth4 {
	width: 24.888888%;
}

.flexWidth5 {
	width: 19.888888%;
}

.flexWidth6 {
	width: 16.55555%;
}

.flexWidth7 {
	width: 14.2%;
}

.flexWidth8 {
	width: 12.5%;
}

.planoSelecionado .titulo {
	background: #9fca37;
	color: #FFF;
}

.selecionar>input {
	border-color: #999;
}

.selecionar>input:checked {
	border-color: #bbb;
}

.tdVazio {
	height: 38px;
}

.containerEscolhaPeriodicidade {
	border: 1px #ddd solid;
	border-radius: 4px;
	overflow: auto;
	color: #c0c0c0;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
}

.textoPeriodicidade {
	font-size: 20px;
	margin-right: 20px;
	margin-left: 20px;
}

.textoPeriodicidadeSelecionada {
	font-size: 20px;
	margin-right: 20px;
	margin-left: 20px;
	color: #86b11e;
}

.tabelaEscolhaTipoPeriodicidade {
	width: 500px;
	margin: 0 auto;
}/*popUp - INICIO*/
.popUp{
	bottom: 0px;
	right: 15px;
	position: fixed !important;
}

.popUpMaximizado {
	width:600px;
	background-color:#fff;
	border:1px #ddd solid;
	border-radius:5px 5px 0px 0px;
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.35);
	bottom: 0px;
	right: 0px;
}

.headerPopUp {
	width: 100%;
	height: 50px;
	border-bottom:1px #fff solid;
	background-color:#f4f4f4;
	border-radius:5px 5px 0px 0px;
	box-shadow: 0px 1px 0px 0px #ddd;
	
}

input[type=text].inputTituloHeaderPopUp {
	display: none;
	font-size: 18px;
	float:left;
	margin: 8px 0px 0px 20px;
	background-color: #f4f4f4;
	text-shadow: 1px 1px 0px rgb(255,255,255);
	width: calc(100% - 118px);
	width: -moz-calc(100% - 150px);
	width: -webkit-calc(100% - 150px);
}			

.tituloHeaderPopUp {
	display: block;
	font-size: 18px;
	text-shadow: 1px 1px 0px rgb(255,255,255);
	float: left;
	margin: 15px 0px 0px 30px;
	width: calc(100% - 120px);
	width: -moz-calc(100% - 150px);
	width: -webkit-calc(100% - 150px);
}

.minimizarPopUp {
	background:url(../img/minimizarHistoria.png) no-repeat center;
        background-repeat: no-repeat;
	padding:9px 5px;
	width:22px;
	height:5px;
	float:right;
	margin-top:13px;
	margin-right:15px;
	cursor:pointer;
}

.fecharPopUp {
	background-image: url(../img/fecharHistoria.png);
        background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	float:right;
	margin-top:15px;
	margin-right:15px;
	cursor:pointer;
}

.expand {
	background-image: url(../img/expand.png);
	width: 20px;
	height: 18px;
	float: right;
	margin-top: 17px;
	margin-right: 15px;
	cursor:pointer;
	cursor: hand;
}

.collapse {
	background-image: url(../img/unExpand.png);
	width: 20px;
	height: 18px;
	float: right;
	margin-top: 17px;
	margin-right: 15px;
	cursor:pointer;
	cursor: hand;
}
		
.corpoPopUp {
	padding: 20px 20px 45px 20px;
	font-size:16px;
}

.corpoPopUp .tabelaFormulario {
	border-spacing: 0 15px;
}

input[type=text].inputEstimativa {
	width:50px;
}

input[type=text].inputValorAgregado {
	width:50px;
}

.rodapePopUp {
	width:100%;
	height:35px;
	border-top:1px #fff solid;
	bottom:0px;
	background-color:#f4f4f4;
	box-shadow: 0px -1px 0px 0px #ddd;
}

.molduraBotoesPopUp {
	border-top:1px #fff solid;
			border-left:1px #ddd solid;
			border-top-left-radius: 4px;
			position: absolute;
			bottom: 0px;
			right: 1px;
			background-color:#f4f4f4;
			box-shadow: 0px -1px 0px 0px #ddd;
			overflow: auto;
			padding:19px 20px;
}

/*popUp - FIM*/
/*popUpMinimizado - INICIO*/
.popUpMinimizado {
	height:50px;
	width:260px;
	background-color:#fff;
	border:1px #ddd solid;
	border-radius:5px 5px 0px 0px;
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.35);
	right: 0px;
	bottom: 0px;
}
	
.headerPopUpMinimizado {
	width:260px;
	height:50px;
	border-bottom:1px #fff solid;
	background-color:#f4f4f4;
	border-radius:5px 5px 0px 0px;
	box-shadow: 0px 1px 0px 0px #ddd;
	line-height:50px;
}

.tituloPopUpMinimizado {
	display:block;
	font-size:16px;
	float:left;
	margin-left:20px;
	text-shadow: 1px 1px 0px rgb(255,255,255);
	width:140px;
}

.maximizarPopUp {
	background-image: url(../img/maximizar.png);
	width:20px;
	height:18px;
	float:right;
	margin-top:17px;
	margin-right:15px;
	cursor:pointer; cursor:hand;
}
/*popUpMinimizado - FIM*/
.alinhamentoTelaRedirect {
	width:900px;
	height:500px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-175px;
	margin-left:-450px;
}

.imgTelaRedirect {
	background-image: url(../img/logoSHLoading.png);	
	width:376px;
	height:284px;
	float:left;
	background-repeat: no-repeat;
}			

.caixaTextoTelaRedirect {
	width:450px;
	float:left;
	margin-left:50px;
	
}

.fonteGrandeRedirect {
	font-size:50px;
	color:#999;
	margin-bottom:10px;
	
}

.textoRedirect {
	font-size:20px;
	color:#333;
	line-height:40px;
	
}/*RODAPE - INICIO*/
.rodape {
	padding: 0;
	background-image: url(../img/rodape/backgroundRodape.png);
	background-repeat: repeat-x; 
	width: 100%;
	height: 50px;
	clear: both;
	position: absolute;
	bottom: 0px;
}

	.divisoriaEsquerdaRodape {
		float: left;
		height: inherit;
		width: 20%;
		position: relative;
	}
	
	.divisoriaCentroRodape {
		float: left;
		width:60%;
		height: inherit;
		position: relative;
	}
	
	.divisoriaDireitaRodape {
		float: left; 
		width: 20%;
		height: inherit;
		position: relative;
	}
	
		.linksRodape {
			list-style: none;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
		}
			
			.itemRodape {float:left;}
		
		.linksEsquerdaRodape  { 
			width: 35%;
			min-width: 130px;
			height: 60%;
		}
			
			.linksEsquerdaRodape .itemRodape {
				margin: 0;
			}
			
				.godaddy {
					background-image: url(../img/rodape/godaddy.png);
					width: 132px;
					height: 31px;
				}
		
		.linksCentroRodape  { 
			width: 46%;
			min-width: 550px;
			height: 45%;
		}	
			
			.linksCentroRodape .itemRodape {
				border-right: 1px solid #ccc;
				border-left: 1px solid #fff;
				padding: 0 20px;
				text-decoration: none;
			}
			.linksCentroRodape .itemRodape:first-child {border-left: 0;}
			.linksCentroRodape .itemRodape:last-child {border-right: 0;}
			
			.textoLinkRodape {
				font-size: 14px;
				text-shadow: 1px 1px 0px rgb(255,255,255);
				color: var(--beeplus-background);
			}
			.textoLinkRodape:link {color: var(--beeplus-background);}
			.textoLinkRodape:visited{color: var(--beeplus-background);}
			.textoLinkRodape:hover{-moz-transition: color 0.2s; transition: color 0.2s; -webkit-transition:color 0.2s; color: var(--beeplus-hover); border-bottom:dotted 1px var(--beeplus-border-hover) ;}
			.textoLinkRodape:active{color: var(--beeplus-background);}
	
		.linksDireitaRodape { 
			width: 50%;
			min-width: 231px;
			height: 55%;
		}
		
			.linksDireitaRodape .itemRodape {
				margin-left: 4px;
			}
				.linkRedondoRodape {
					width: 25px;
					height: 25px;
					margin: 0 5px;
                                        background-size: contain;

				}
					
				.rss {
					background-image: url(../img/rodape/rss.png);
				}

				.email {
					background-image: url(../img/rodape/email.png);
				}

				.facebook {
					background-image: url(../img/rodape/facebook.png);
				}

				.youtube {
					background-image: url(../img/rodape/youtube.png);
				}
				
				.twitter {
					background-image: url(../img/rodape/twitterX.png);
				}
                                
                                .linkedin {
					background-image: url(../img/rodape/linkedin.png);
				}
				
                                .instagram {
					background-image: url(../img/rodape/instagram.png);
				}
                                
                                
				.blog {
					background-image: url(../img/rodape/blog.png);
				}
	
/*RODAPE - FIM*/.contornoComScroll {
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 10px;
}

.telaScrollavel {
	position: absolute;
	top: 0;
	width: 100%;
}

.scrollThumb {
	background-color: #bbb;
	border-radius: 4px;
	opacity: 0.5;
	-moz-opacity: 0.5;
	min-height: 20px;
}

.scrollBar:hover {
	width: 8px;
	right: 1px;
	background-color: #888;
}

.scrollBarHover {
	width: 8px;
	right: 1px;
	background-color: #888;
}.roundGreen {
	padding:5px 13px;
	border-radius:40px;
	background:#86b11e;
	color:white;
	font-size:24px;
	margin-right: 15px;
}

.topAlign {
	vertical-align: top;
}

.hiddenBorders {
	border-width:0;
	margin-top: 0px;
}

.linhaSeparadora {
	margin: 75px 14px 75px 15px;
	min-width: 1px;
	height:100%;
	float:left;
	background-color: #E0e0e0;
}

input[type=checkbox] {
	margin-right:10px;
}

.linkVerde{
	color: var(--beeplus-background);
	text-decoration:underline;
	cursor:pointer;
}

.linkVerde:link {color: var(--beeplus-background);}
.linkVerde:visited {color: var(--beeplus-background);}
.linkVerde:hover {-moz-transition: color 0.2s; transition: color 0.2s; -webkit-transition:color 0.2s; color:#999;}
.linkVerde:active {color: var(--beeplus-background);}

.marginRight20 {
	margin-right: 25px;
}.plusAndMinus {
	float: right;
	max-width: 20px;
}

.barraProgresso {
	width:calc(100% - 40px);
}

.spinner-disabled .barraProgresso{
	width: 100%;
}

.botaoConfirmar {
    background-color: #fb7c01;
    border: 1px #fb7c01 solid !important;
}

.botaoConfirmar:hover {
    background-color: #f69333;
}

.botaoConfirmar:active {
	background-color: #f69333;
}

.botaoExcluir {
	background-image: url(../img/bgBotaoExcluir.png);
	border:1px #993914 solid  !important;
	background-color:#b3623f;
}
.botaoExcluir:hover {
	background-color:#b3623f;
	background-image:none;
}
.botaoExcluir:active {
	background-color: #7a432b;
}

.botaoMinus {
	margin-top:3px;
	background-image: url(../img/menosIconeMenor.png);
	background-position: center;
	background-repeat: no-repeat;
}

.botaoPlus {
	background-image: url(../img/maisIconeMenor.png);
	background-position: center;
	background-repeat: no-repeat;
}

.botaoPlus.desativado, .botaoMinus.desativado, .botaoPlus.desativado:hover, .botaoMinus.desativado:hover, .botaoPlus.desativado:active, .botaoMinus.desativado:active {
	background-color: #aaa;
	border-color: #888 !important;
}

.botaoMinus:hover {
	background-image: url(../img/menosIconeMenor.png);
}

.botaoPlus:hover {
	background-image: url(../img/maisIconeMenor.png);
}

.barraProgresso.spinner{
	background: url(../img/x-repeat.png) 0px -719px repeat-x;
}

.barraProgressoExtra {
	float:right;
	width: 0%;
	background: url(../img/x-repeat.png) 0px -253px repeat-x;
}

.barraProgressoRemove {
	float:left;
	width: 0%;
	background: url(../img/x-repeat.png) 0px -292px repeat-x;
}.contornoArredondadoTabelas {
  border: 1px solid #ddd;
  overflow: hidden;
  clear: both;
  border-radius: 4px;
  overflow-x: scroll;
  max-width: calc(100vw - 45px);
}

.headerTabela {
  border-collapse: collapse;
  width: 100%;
  background-color: #f3f3f3;
  height: 50px;
  text-align: left;
  font-size: 14px;
  color: #333;
  clear: both;
  border-bottom: 1px solid #ddd;
}

.headerTabela th {
  padding: 12px;
  white-space: nowrap;
}

.scrollBarExists {
  padding-right: 29px !important;
}

.contornoTabela {
  min-height: 10px;
  overflow: auto;
}

.alturaCalculadaScrollTabela {
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
}

.tabelas {
  border-collapse: collapse;
  font-size: 14px;
  color: #333;
  text-shadow: 1px 1px 0px rgb(255, 255, 255);
  background: #fff;
  width: 100%;
}

.tabelas td {
  padding: 10px 12px;
}

.tabelas td.tableLinehandler.invisivel {
  visibility: hidden;
}

.textLinhaTabela {
  display: block;
}

.textObservacao {
  color: #999;
  font-size: 12px;
  text-align: right;
}

.linkDentroTabela {
  color: var(--beeplus-background) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.linkDentroTabela:hover {
  border-bottom: 1px dotted var(--beeplus-border);
}

.textLinhaTabelaVazia {
  display: block;
  font-size: 14;
  width: 100%;
}

.tableEven tr:nth-child(even),
.trEven {
  background: #f6f6f6;
}

.tableMark tr:hover {
  background-color: #fbf4d5;
  text-shadow: 1px 0px 0px rgb(255, 255, 255);
}

.handlerIcon {
  width: 7px;
  height: 10px;
  padding: 18px 6px;
  display: block;
  cursor: pointer;
  cursor: grab;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  margin-left: 4px;
  background-size: 20px !important;
}

.handlerIcon:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.tableMark tr:hover .tableLinehandler {
  background: #fcf1a6;
}

tr:hover .handlerIcon {
  background: #fcf1a6 url(../img/HambergerMenu-Linear-Gray-24px.png) no-repeat
    center;
}

tr.highlightSelected:hover .handlerIcon {
  background: var(--beeplus-background)
    url(../img/HambergerMenu-Linear-24px.png) no-repeat center;
}

tr.highlightSelected .handlerIcon {
  background: var(--beeplus-background)
    url(../img/HambergerMenu-Linear-24px.png) no-repeat center;
}

.emptyBox {
  height: 0px;
}

.ko-datatable-empty-message {
  display: block;
  width: 100%;
  font-size: 14px;
  padding: 12px;
}

.checkColumn {
  display: block;
  float: left;
}

.iconeNaTabela {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-bottom: -3px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
}

.ko-checkbox {
  background-color: #fff;
  margin-right: 0 !important;
}

.comBotao p {
  padding: 11px 12px;
}

.comBotao a.botaoPadrao {
  display: none;
}

.comBotao:hover a.botaoPadrao {
  display: inline-block;
}

.comBotao a.botaoPadrao:first-child {
  margin-right: 16px !important;
}
ul.pbTags{
	margin-top: 4px;
	clear: both;
}

ul.pbTags:empty{
	display: none;
}

	li.tag {
		list-style: none;
		float: left;
		padding: 2px 7px;
		margin: 4px 8px 0px 0px;
		border-radius: 3px;
		background-color: #e2e2e2;
	}
		
		 ul.pbTags li.tag  div {
			display: block;
		}
		
		.tagText {
			padding-right: 8px;
			font-size:12px;
			font-style:italic;
			color: #000;
			text-shadow: 1px 1px 0px rgb(255,255,255);
			max-width: 150px;
			float: left;
			display: block;
		}
	
		.closeTagButton {
			cursor: pointer;
			width: 16px;
			height: 16px;
			background: url(../img/fecharTag.png) no-repeat center;
			float:left;
			display: block;			
		}
		html *{
	margin: 0; padding: 0; border: 0;
}

@font-face {
	font-family: 'Conv_tahoma';
	src: local('tahoma'), url('../css/tahoma.eot?') format('eot'), url('../fonts/tahoma.woff') format('woff'), url('../fonts/tahoma.ttf') format('truetype'), url('../fonts/tahoma.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-size:16px;
}

/*@font-face {
	font-family: myCustomFont;
	src: url(../fonts/tahoma.ttf);
	font-weight: normal;
}

@font-face {
	font-family:myCustomFont;
	src: url(../css/tahoma.eot);
	font-weight: normal;
}*/

body {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	font-family:Conv_tahoma, Tahoma, Arial, sans-serif;
}

a {
	pointer-events: initial;
}

/* #scrumhalf {
	position: static;
} */

#principal {
	padding: 10px 30px 15px 30px;;
	position: relative;
	min-height: 550px;
	overflow: hidden;
        max-width: 100vw;
}

#prePagina {
    position: static;
    max-width: 100vw;
}

.barraHorizontal {
	background-image: url(../img/hr.png);
	height :8px;
	clear: both;
}

.navegacaoBarraHorizontal  {
	width: 100%;
}

.tituloPagina {
	font-size: 20px;
	color: #000;
	margin-bottom: 10px;
	margin-top:10px;
	
}

.contornoPagina {
	border: 1px #ddd solid;
	border-radius: 4px;
	padding: 0px 0 0px 0; 
	overflow: auto;
}

.centroPagina {
	width:1200px;
	margin:0 auto;
}

.navegacaoBarraHorizontalPerfil  {
	width: 100%;
}
.cancelaFloat {
	clear: both;
}

.containerLarguraTelaToda{
    max-width: 100vw;
    margin: 20px 0px 20px 0px;
	
}

.containerMetadeTelaToda {
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	width: -moz-calc(50% - 10px);
	float: left;
}

.containerMetadeTelaToda:first-child { margin-right: 10px; }
.containerMetadeTelaToda:last-child { margin-left: 10px; }

#javax_faces_developmentstage_messages { display: none; }

#promocao{
	
}

#iframe-promocao{
	width: 100%;
}

.termos-promocao{
	font-size: 12px;
	margin-top: 20px;
}
.toggleGroup {
	border: 1px #ddd solid;
	border-radius: 4px;
	width: calc(100% -     2px);
	width: -webkit-calc(100% -     2px);
	width: -moz-calc(100% -     2px);
	overflow: auto;
	padding: 0;
}

.toggle {
	clear: both;
}

.toggleHeader {
	width: 100%;
	clear: both;
	border-bottom: 1px #ddd solid;
	background-color: #fff;
	cursor: pointer;
	height: 40px;
}

.toggle:last-child  .toogleHeader {
	border-bottom: none;
}

.toggleHeader:hover {
	background-color: #f7f7f7;
}

.opened .toggleHeader {
	background-color: #f7f7f7;
}

.toggle:last-child .opened {
	border-bottom: 1px #ddd solid;
}

.toggleIcon {
	float: left;
	width: 10px;
	height: 13px;
	margin: 4px 8px 0px 0px;
	background-image: url(../img/expandir.png);
        background-repeat: no-repeat;
}

.toggleControls {
	float:right;
	height: 100%;
	padding: 0 2px;
	margin-right: 10px;
}

.opened .toggleIcon {
	background-image: url(../img/collapse.png);
}

.dashboardToggleIcon {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    margin: -2px 8px 0px 0px;
    cursor: pointer;
    background-image: url(../img/ArrowSquareDown-Linear-24px.png);
    background-repeat: no-repeat;
    background-position: center;
}

.opened .dashboardToggleIcon {
	background-image: url(../img/ArrowSquareUp-Linear-24px.png);
}

.toggleTitle {
	padding: 10px 0px;
	display: block;
	font-size: 15px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}

.setaContextoCollapseHeader {
	float: right;
	height: 100% !important;
	padding: 0 2px !important;
	margin-right: 8px;
}

.toggleBody {
	clear: both;
	border-bottom: 1px #ddd solid;
}

.alturaCalculada #direita .toggleHeader .dashboardToggleIcon {
	background-image: url(../img/expandir.png);
}
			
.alturaCalculada #direita .opened .toggleHeader .dashboardToggleIcon {
	background-image: url(../img/collapse.png);
}/*todos os valores de todas as tags que podem receber textos 
de comprimento variavel mas possuem tamanho maximo em pixels*/
.tamanhoVariavel { 
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	background-color:#fff;
	border:2px rgba(70,70,70,0.3) solid;
	color:#333;
	/*background-color:#4c4c4c;
	color:#fff;
	border:2px #000 solid;*/
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0px 10px #aaa;
	border-radius:5px;
	font-size:13px;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}#menuAuxiliar {
	z-index: 0;
}

.abas, .scrollThumb {
	z-index: 1;
}

.notificacoes, .headerTabela {
	z-index: 2;
}

.chadinjs-overlay {
	z-index: 3;
}

#ajudaOverlay, .barraSubMenu, .hint {
	z-index: 4;
}

.chardinjs-helper-layer, .chardinjs-show-elements, .marcador, .subMenu, nav ul#menuDireita ul, .itemMenuEsquerda:hover + div.barraSubMenu, .historia {
	z-index: 5;
}

.popUp, .itemMenuEsquerda:hover .itemMenu + ul.subMenu {
	z-index:6;
}

.contextMenu, .fecharModal  {
	z-index: 7;
}

.fundoDialogo {
	z-index:8;
}

.bCMenu {
	z-index:9;
}

.ui-tooltip {
	z-index:10;
}

.olrk-fixed-left{
	z-index: 6 !important;
}