/*=========================================*/
/* DEFINI��ES INICIAIS | INICIO
/*=========================================*/

#barra-lateral-esquerda a {
	text-decoration: none;
	display: block;
}
#divHorarioAtendimentoTelaInicial
#barra-lateral-esquerda a:hover {
	text-decoration: none;
}

ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

li {
	position: relative;
	cursor: pointer;
}



/*=========================================*/
/* CLASSES PRINCIPAIS | INICIO
/*=========================================*/
.esconder {
	display: none !important;
}

/*- - - - - - - - - - - - - - - - - - - - -*/
/* SUB-MENUS | INICIO
/*- - - - - - - - - - - - - - - - - - - - -*/
.sub-menu {
	display: none;
	background-color: rgba(90, 90, 90, 0.8);
	cursor: default;
}

/* .sub-menu:active {
	display:none !important;
}*/

.sub-menu-titulo {
	height: 30px;
	line-height: 30px;
	text-align: left;
	font-weight: normal;
}

.li-avatar-data-user {
	padding: 13px 7px;
}


.linha-sub-menu {
	position: relative;
	display: block;
	/*margin-bottom:21px;*/
}

.linha-sub-menu-1x1 {
	height: 132px;
}

.linha-sub-menu-2x1_5 {
	width: 204px;
	height: 182px;
}

.linha-sub-menu-2x2_5 {
	width: 204px;
	height: 285px;
}

.linha-sub-menu-2x3 {
	width: 204px;
	height: 335px;
}

.trigger-sub-menu:hover .sub-menu {
	display: block;
}

/*- - - - - - - - - - - - - - - - - - - - -*/
/* SUB-MENUS (Defini��es Gerais) | FIM
/*- - - - - - - - - - - - - - - - - - - - -*/

/*- - - - - - - - - - - - - - - - - - - - -*/
/* BOXES (Cores e dimens�es) | INICIO
/*- - - - - - - - - - - - - - - - - - - - -*/
.box-menu-150 {
	position: relative;
	float: left;
	width: 150px;
	height: 150px;
	cursor: pointer;
	margin-right: 10px;
	border-radius: 5px;
	background-color: #69d2e7;
	color: white;
	opacity: .6;
}

.box-menu-150:HOVER {
	opacity: 1;
}

.box-menu-150 .titulo-topo {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	font-size: 15px;
}

.box-menu-150 .icone-menu {
	position: absolute;
	top: 55px;
	left: 0px;
	right: 0px;
	text-align: center;
	font-size: 48px;
}

.icone-menu {
	font-size: 20px;
}

.box-menu-150 .titulo-rodape-esquerda,
.box-menu-150 .titulo-rodape-direita {
	position: absolute;
	bottom: 10px;
	font-size: 18px;
}

.box-menu-150 .titulo-rodape-esquerda {
	left: 10px;
}

.box-menu-150 .titulo-rodape-direita {
	right: 10px;
}

.box-menu-150 .titulo-rodape {
	position: absolute;
	bottom: 10px;
	left: 0px;
	right: 0px;
	text-align: center;
}

.box-menu-85 {
	position: relative;
	float: left;
	width: 85px;
	height: 85px;
	color: rgb(255, 255, 255);
	cursor: pointer;
	margin-right: 5px;
}

.box-menu-85 .icone-menu {
	position: absolute;
	top: 15px;
	left: 0px;
	right: 0px;
	text-align: center;
	font-size: 28px;
}

.box-menu-85 .titulo-rodape {
	position: absolute;
	top: 50px;
	bottom: 20px;
	left: 10px;
	right: 10px;
	text-align: center;
	font-size: 12px;
}

.box-40 {
	cursor: pointer;
	height: 20px;
	padding: 10px;
}

/*- - - - - - - - - - - - - - - - - - - - -*/
.box-verde {
	background: rgb(0, 158, 15);
}

.box-verde:hover {
	background: rgb(0, 136, 14);
}

.box-azul {
	background-color: rgb(0, 118, 188);
	color: rgb(255, 255, 255);
}

.box-azul:hover {
	background-color: rgb(5, 91, 142);
}

.box-amarelo {
	background-color: #ea7500
}

.box-amarelo:hover {
	background-color: #d26900;
}

.box-cinza {
	background-color: rgb(153, 153, 153);
}

.box-cinza:hover {
	background-color: rgb(130, 130, 130);
}

.box-rosa {
	background-color: rgb(224, 102, 102);
}

.box-rosa:hover {
	background-color: rgb(215, 57, 57);
}

.box-vermelho {
	background-color: rgb(204, 0, 0);
}

.box-vermelho:hover {
	background-color: rgb(170, 0, 0);
}

.box-branco {
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(51, 51, 51);
}

.box-branco:hover {
	background-color: rgb(5, 91, 142);
	color: rgb(255, 255, 255);
}

/*- - - - - - - - - - - - - - - - - - - - -*/
/* BOXES (Cores) | FIM
/*- - - - - - - - - - - - - - - - - - - - -*/

/*- - - - - - - - - - - - - - - - - - - - -*/
/* BOXES (Tamanhos e Posi��es) | INICIO
/*- - - - - - - - - - - - - - - - - - - - -*/
.box-grupo-tema {
	position: relative;
	width: auto;
	display: block;
	height: 40px;
}

.box-tema {
	position: relative;
	width: 28px;
	height: 28px;
	display: block;
	float: left;
	margin: 1px;
	cursor: pointer;
	overflow: visible;
}

.box-grupo {
	position: relative;
	width: auto;
	float: left;
	display: block;
}

.box {
	position: relative;
	width: 100px;
	height: 100px;
	display: block;
	float: left;
	margin: 1px;
	cursor: pointer;
	overflow: hidden;
}

.box>a {
	display: table;
	width: 100%;
	height: 100%;
}

.box-50 {
	width: 100px;
	height: 49px;
	margin: 1px;
}

.box-wide {
	display: block;
	overflow: visible;
	width: 202px;
}

.box-wide-50 {
	display: block;
	overflow: visible;
	width: 202px;
	height: 49px;
	margin: 1px;
}

.box-pai-50 {
	background-color: transparent;
	overflow: visible;
}

.box-pai-wide-50 {
	background-color: transparent;
	overflow: visible;
	width: 202px;
}

.box-pai-50>.box-50,
.box-pai-wide-50>.box-wide-50 {
	margin: 0px 0px 2px 0px;
}

.box-alinha-topo .icone-sub-menu {
	position: relative;
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	vertical-align: middle;
}

.box-alinha-esquerda .icone-sub-menu {
	display: table-cell;
	width: 25px;
	min-width: 25px;
	line-height: normal;
	font-size: 16px;
	vertical-align: middle;
}

.box-alinha-topo .descricao-item-sub-menu {
	position: relative;
	display: block;
	width: 90px;
	height: 50px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 5px;
}

.box-alinha-esquerda .descricao-item-sub-menu {
	display: table-cell;
	width: 65px;
	padding-left: 5px;
	font-size: 12px;
	line-height: normal;
	text-align: left;
	vertical-align: middle;
}

/*- - - - - - - - - - - - - - - - - - - - -*/
/* BOXES (Tamanhos e Posi��es) | FIM
/*- - - - - - - - - - - - - - - - - - - - -*/

/*- - - - - - - - - - - - - - - - - - - - -*/
/* BORDAS LATERAIS (Menu Usu�rio) | INICIO
/*- - - - - - - - - - - - - - - - - - - - -*/
.borda-item-esquerda,
.borda-item-direita {
	position: absolute;
	height: 20px;
	width: 1px;
	top: 15px;

	border-left: 1px solid #dddddd;
	position: initial;
	margin: 0 10px;
}

.borda-item-esquerda {
	left: 0px;

}

.borda-item-direita {
	right: 0px;
}

/*- - - - - - - - - - - - - - - - - - - - -*/
/* BORDAS LATERAIS (Menu Usu�rio) | FIM
/*- - - - - - - - - - - - - - - - - - - - -*/

/*- - - - - - - - - - - - - - - - - - - - -*/
/* GRIDS | INICIO
/*- - - - - - - - - - - - - - - - - - - - -*/
.grid-listagem {
	width: 100%;
}

.grid-listagem {
	border: 1px solid rgb(51, 51, 51);
}

.grid-listagem th:last-child,
.grid-listagem td:last-child {
	border-right: 1px solid rgb(51, 51, 51);
}

.grid-listagem tr:last-child>td {
	border-bottom: 1px solid rgb(51, 51, 51);
}

.rodape-grid {
	margin-top: 10px;
	/*margin-bottom:10px;*/
	/*width:100%;
	height:40px;*/
}

.rodape-grid .botoes-paginacao,
.rodape-grid .estatisticas-paginacao {

	height: 100%;
	display: inline-block;
	float: left;
}

/*
.rodape-grid .botoes-paginacao span:first-child {
    border-radius: 5px 0 0 5px;
}

.rodape-grid .botoes-paginacao span:last-child {
    border-radius: 0 5px 5px 0;
}
*/

.rodape-grid .botoes-paginacao {
	width: 70%;
}

.rodape-grid .estatisticas-paginacao {
	width: 30%;
}

.rodape-grid .botoes-paginacao {
	text-align: left;
}

.rodape-grid .estatisticas-paginacao {
	text-align: right;
	line-height: 40px;
}

.rodape-grid .botoes-paginacao>span {
	border: 1px solid rgba(0, 0, 0, .0625);
	display: inline-block;
	padding: 6px 12px;
	position: relative;
	top: 10px;
}

.rodape-grid .botoes-paginacao>span:hover {
	background-color: #f9fafb;
	cursor: pointer;
}

/*- - - - - - - - - - - - - - - - - - - - -*/
/* GRIDS | FIM
/*- - - - - - - - - - - - - - - - - - - - -*/
/*=========================================*/
/* CLASSES PRINCIPAIS (FIM)
/*=========================================*/

/*=========================================*/
/* CARREGAMENTO INICIAL | INICIO
/*=========================================*/
#div-carregamento-inicial {
	width: 100%;
	margin: 0 auto;
	border: 0;
	position: relative;
	padding: 1px 0;
	z-index: 9999;
}

#div-carregamento-inicial:before {
	content: '';
	border-radius: 10px;
	position: absolute;
	top: 0;
	right: 0px;
	bottom: 0px;
	left: 0px;

}

#div-carregamento-inicial div {
	position: absolute;
	top: 0;
	right: 100%;
	bottom: 0;
	left: 0;
	background: #2196F3;
	width: 0;
	animation: borealisBar 2s linear infinite;
}

@keyframes borealisBar {
	0% {
		left: 0%;
		right: 100%;
		width: 0%;
	}

	10% {
		left: 0%;
		right: 75%;
		width: 25%;
	}

	90% {
		right: 0%;
		left: 75%;
		width: 15%;
	}

	100% {
		left: 100%;
		right: 50%;
		width: 0%;
		background: #94d0ff;
	}
}


/*=========================================*/
/* CARREGAMENTO INICIAL | FIM
/*=========================================*/

/*=========================================*/
/* AVISO TRIAL | INICIO
/*=========================================*/
#avisoTopo {
	position: relative;
	width: 100%;
	text-align: center;
	height: 25px;
	line-height: 25px;
	font-size: 15px;
	color: rgb(255, 255, 255);
	z-index: 3999;
}

#avisoTopo>div {
	position: relative;
	margin: auto;
}

#avisoTopo>div>p {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	color: rgb(255, 255, 255);
}

#avisoTopo>div>a {
	display: inline-block;
	margin: 0px;
	color: rgb(255, 255, 255);
	text-decoration: underline;
	margin-left: 5px;
}

/*=========================================*/
/* AVISO TRIAL | FIM
/*=========================================*/

/*=========================================*/
/* CONTAINER SISTEMA | INICIO
/*=========================================*/
#container-sistema {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	top: 0px;
	overflow: hidden;
}

#container-sistema.avisoTopo {
	top: 25px;
}

/*=========================================*/
/* CONTAINER SISTEMA | FIM
/*=========================================*/

/*=========================================*/
/* MENU SUPERIOR | INICIO
/*=========================================*/
#menu-header {
	position: absolute;
	left: 0px;
	right: 0px;
	height: 55px;
	background-color: rgb(255, 255, 255);
	/*color:rgb(255,255,255);*/
	z-index: 9999;
	border-bottom: 1px solid rgba(0, 0, 0, .0625);
}

#menu-header-direita>li a {
	color: #888888;
}

/*- - - - - - - - - - - - - - - - - - - - -*/
/* ABAS | INICIO
/*- - - - - - - - - - - - - - - - - - - - -*/
#container-abas {
	position: absolute;
	left: 260px;
	right: 425px;
	/* height: 32px; */
	font-size: 15px;
	overflow: hidden;
	white-space: nowrap;
	padding: 8px 0px 15px 11px;
	border-left: 1px solid rgba(0, 0, 0, .0625);
}

#container-abas>div {
	padding-right: 10px;
	display: inline-block;
	padding: 14px 2px 11px 2px;
	margin-right: 5px;

}


#container-abas>div>a {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 400;
	color: #2196F3;
	cursor: pointer;
}

#container-abas span.nome-aba span.lnr-home {
	font-size: 13px;
}

#container-abas>div>a>span.nome-aba {
	margin-right: 2px;
}

#container-abas>div>span.fechar-aba {
	font-size: 9px;
	color: #cccccc;
}

#container-abas>div>span.fechar-aba:hover {
	color: black;
	cursor: pointer;
}

/*- - - - - - - - - - - - - - - - - - - - -*/
/* ABAS | FIM
/*- - - - - - - - - - - - - - - - - - - - -*/

/*- - - - - - - - - - - - - - - - - - - - -*/
/* MENU SUPERIOR ESQUERDA (Principal) | INICIO
/*- - - - - - - - - - - - - - - - - - - - -*/
#menu-header-esquerda {
	float: left;
	height: 100%;
	width: 125px;
	line-height: 43px;
	text-align: center;
	box-shadow: 1px 1px 1px #dddddd;
	border-bottom: 1px solid #cccccc;
}

#menu-header-esquerda>li>a:hover {
	background-color: rgb(5, 91, 142);
}

#menu-header-esquerda li a {
	color: rgb(255, 255, 255);
}

#menu-header-esquerda li .icone-menu {
	margin-right: 10px;
}

#menu-header-esquerda li:hover .sub-menu {
	display: block;
}

#sub-menu-header-esquerda {
	width: 878px;
	height: 465px;
}

/*- - - - - - - - - - - - - - - - - - - - -*/
/* MENU SUPERIOR ESQUERDA (Sub-Menu Nivel 2) (INICIO)
/*- - - - - - - - - - - - - - - - - - - - -*/
.sub-menu-nivel2 {
	overflow: visible !important;
}

/*.sub-menu-nivel2 > a:hover {
	pointer-events: none;
}*/

.sub-menu-nivel2>a:hover~.sub-menu-nivel2-conteudo,
.sub-menu-nivel2-conteudo:hover {
	opacity: 1;
	visibility: visible;
}

.sub-menu-nivel2-conteudo {
	/* pointer-events: auto; */
	position: absolute;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	background-color: rgb(255, 255, 255);
	width: 200px;
	margin-top: -10px;
	margin-left: -60px;
	padding: 5px;
	border: solid 1px rgb(55, 55, 55);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radus: 10px;
}

.sub-menu-nivel2-conteudo:before {
	content: "";
	width: 0;
	height: 0;
	border-bottom: 10px solid rgb(255, 255, 255);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	top: -10px;
	left: 100px;
}

/*.sub-menu-nivel2.no-pointer-events {
	pointer-events: auto !important;
}

.sub-menu-nivel2.no-visibility .sub-menu-nivel2-conteudo {
	visibility: visible !important;
	display: none;
}

.sub-menu-nivel2.no-visibility:hover .sub-menu-nivel2-conteudo {
	display: block;
}

.sub-menu-nivel2.no-opacity .sub-menu-nivel2-conteudo {
	opacity: 1 !important;
}*/

.sub-menu-nivel2-conteudo li {
	list-style-type: none;
	white-space: nowrap;
}

.sub-menu-nivel2-conteudo a {
	border-bottom: 1px solid rgb(55, 55, 55);
	text-indent: 5px;
	padding-right: 5px;
	color: rgb(55, 55, 55) !important;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	text-align: left;
}

.sub-menu-nivel2-conteudo a:hover {
	background: rgb(11, 168, 220);
	color: rgb(255, 255, 255) !important;
}

.sub-menu-nivel2 .descricao-item-sub-menu {
	max-width: 45px;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*- - - - - - - - - - - - - - - - - - - - -*/
/* MENU SUPERIOR ESQUERDA (Sub-Menu Nivel 2) (FIM)
/*- - - - - - - - - - - - - - - - - - - - -*/


/*- - - - - - - - - - - - - - - - - - - - -*/
/* MENU SUPERIOR ESQUERDA (Principal) (FIM)
/*- - - - - - - - - - - - - - - - - - - - -*/

/*- - - - - - - - - - - - - - - - - - - - -*/
/* MENU SUPERIOR DIREITA (Usu�rio) | INICIO
/*- - - - - - - - - - - - - - - - - - - - -*/
#menu-header-direita {
	float: right;
	height: 100%;
	line-height: 43px;
	text-align: center;
}

#menu-header-direita li {
	float: left;
	padding: 6px 5px;
}

#menu-header-direita li#botao-menu-usuario {
	padding: 6px 18px 6px 8px;
	color: #2196F3;
	/*width:240px;
	height:43px;*/
}

/*
#menu-header-direita > li:hover{
	background-color: #f9fafb;
}
*/


/*
#menu-header-direita li a{
	color:rgb(51,51,51);
}
*/

#sub-menu-header-direita {
	background-color: white;
	border-left: 1px solid rgba(0, 0, 0, .0625);
	border-bottom: 1px solid rgba(0, 0, 0, .0625);
	border-right: 1px solid rgba(0, 0, 0, .0625);
	color: rgb(51, 51, 51);
	/*height: 277px;*/
	position: absolute;
	right: 0px;
	text-transform: none;
	width: 200px;
	top: 55px;
	z-index: 9999;
	border-radius: 0 0 0 5px;
	box-shadow: -2px 15px 20px 0px rgba(200, 200, 200, 0.35);
}

#botao-menu-usuario .avatar span,
#botao-menu-usuario .avatar img {
	background-color: #eee;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
	line-height: 32px;
	padding: 0;
	font-size: 16px;
	margin-right: 5px;
}

#sub-menu-usuario>li {
	float: none;
	text-align: left;
	padding: 0px;
}

#sub-menu-usuario>li>div {
	line-height: 25px;
	padding: 7px 15px;
	color: #333333;
}

#sub-menu-usuario>li>div:hover {
	background-color: #f9fafb;
}


#sub-menu-usuario>li>a:hover {
	background-color: rgb(221, 221, 221);
}


#sub-menu-usuario>li>div>span.icone-sub-menu {
	font-size: 16px;
	margin-right: 13px;
	display: inline-block;
	vertical-align: middle;
	line-height: 25px;
}

#sub-menu-usuario>li>div>span.descricao-item-sub-menu {
	display: inline-block;
	vertical-align: middle;
}

#sub-menu-usuario li.li-avatar-data-user {
	margin-top: 20px;
}

#sub-menu-header-direita h5.sub-menu-titulo {
	font-size: 13px;
	height: 18px;
}

#sub-menu-usuario li hr {
	border: 1px solid rgba(0, 0, 0, .0625)
}




.linha-sub-menu div div .user-avatar {
	float: left;

}

.linha-sub-menu div div .user-avatar>div {
	background-color: #2196F3;
	border-radius: 50%;
	padding: 10px 15px;
	margin-right: 10px;
}

.linha-sub-menu div div .user-avatar span.lnr {
	font-size: 35px;
	color: white;
	padding: 8px 2px;
	display: block;
}

.linha-sub-menu div div .user-data {
	text-align: center;
}

.linha-sub-menu div div .user-data>div {
	line-height: 22px;
}

.linha-sub-menu div div .user-data .user-name {
	font-size: 17px;
}

.linha-sub-menu div div .user-data .user-email {
	word-wrap: break-word;
}

.linha-sub-menu div div .user-data .user-account span {
	background-color: #cccccc;
	color: black;
	font-size: 12px;
	font-family: monospace;
	padding: 0 5px;
	border-radius: 5px;
}

.linha-sub-menu div div .user-data .user-account,
.linha-sub-menu div div .user-data .user-perfil {
	display: inline-block;
	vertical-align: middle;
}

.linha-sub-menu div div .user-data .user-perfil {
	margin-left: 10px;
}

.linha-sub-menu div div .user-data .user-info {
	margin-top: 10px;
}

/*- - - - - - - - - - - - - - - - - - - - -*/
/* MENU SUPERIOR DIREITA (Usu�rio) (FIM)
/*- - - - - - - - - - - - - - - - - - - - -*/
/*=========================================*/
/* MENU SUPERIOR (FIM)
/*=========================================*/


/*=========================================*/
/* BARRA DIREITA | INICIO
/*=========================================*/
#barra-direita {
	position: absolute;
	left: 65px;
	right: 0;
	bottom: 0px;
	top: 0px;
	z-index: 999;
}

/*=========================================*/
/* BARRA DIREITA | FIM
/*=========================================*/

/*=========================================*/
/* BARRA LATERAL ESQUERDA | INICIO
/*=========================================*/
#barra-lateral-esquerda {
	position: absolute;
	float: left;
	top: 0px;
	bottom: 0px;
	width: 65px;
	background-color: #2196F3;
	z-index: 1000;
	border-right: 1px solid rgba(0, 0, 0, .0625);
}

#barra-lateral-esquerda>ul {
	display: none;
}

#barra-lateral-esquerda .titulo-menu {
	display: none;
}

.sombra-menu-lateral {
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.8);
}

.barra-lateral-esquerda-menu>li {
	height: 45px;

}

.barra-lateral-esquerda-menu li:hover {
	background-color: #2196F3;
	/*border: 1px solid rgba(0,0,0,.0625);*/
}

.barra-lateral-esquerda-menu .sub-menu {
	background-color: #2196F3;
}

.barra-lateral-esquerda-menu .sub-menu>ul>li>a:hover {
	background-color: #1f82d2 !important;
}


.barra-lateral-esquerda-menu li:hover .titulo-menu {
	display: block !important;
}

.barra-lateral-esquerda-menu a {
	height: 45px;
	line-height: 45px;
	padding: 0px 5px;
	color: white;
	text-align: left;
}

.barra-lateral-esquerda-menu .icone-menu {
	padding-left: 14px;
}

.barra-lateral-esquerda-menu>li>a>span.titulo-menu {
	position: absolute;
	height: 100%;
	left: 61px;
	top: 0px;
	font-size: 15px;
	line-height: 44px;
}

.barra-lateral-esquerda-menu>li:not(.li-nao-expansiva):hover {
	width: 200px;
}

.barra-lateral-esquerda-menu .sub-menu {
	position: absolute;
	left: 100%;
	width: 150px;
	font-size: 15px;
	background-color: #2196F3;
	padding: 5px;
	/*color: green;*/
	border: 1px solid rgba(0, 0, 0, .0625)
}

.barra-lateral-esquerda-menu .sub-menu a {
	padding: 0px 5px;
	height: 35px;
	line-height: 35px;
}

.barra-lateral-esquerda-menu>li span.icon-angle-right {
	position: absolute;
	top: 12px;
	right: 2px;
}

#sub-menu-configuracoes li .gray,
#barra-lateral-esquerda li.gray a {
	color: rgba(255, 255, 255, 0.35);
}

#colLeftConfiguracao .dropdown div.gray {
	opacity: 0.5;
	color: inherit;
}

#barra-lateral-esquerda li.gray a .color-destaque {
	font-size: 10px;
	margin-left: -10px;
}

#barra-lateral-esquerda li.faturamentoTissView.gray a .color-destaque {
	margin-left: -15px;
}

/*- - - - - - - - - - - - - - - - - - - - -*/
/* BARRA LATERAL ESQUERDA TOPO | INICIO
/*- - - - - - - - - - - - - - - - - - - - -*/
#barra-lateral-esquerda-topo {
	position: absolute;
	width: 100%;
	top: 0px;
	text-align: center;
}

#barra-lateral-esquerda-topo>.controle-menu-esquerda .icon-menu {
	position: absolute;
	top: 10px;
}

#barra-lateral-esquerda-topo>.controle-menu-esquerda #logo {
	position: absolute;
	font-size: 75px;
	top: -14px;
}

#barra-lateral-esquerda-topo>.controle-menu-esquerda .icon-caret-left {
	position: absolute;
	right: 10px;
	top: 12px;
	display: none;
}

#barra-lateral-esquerda-topo .sub-menu {
	top: 0px;
}

/*- - - - - - - - - - - - - - - - - - - - -*/
/* BARRA LATERAL ESQUERDA TOPO (FIM)
/*- - - - - - - - - - - - - - - - - - - - -*/

/*- - - - - - - - - - - - - - - - - - - - -*/
/* BARRA LATERAL ESQUERDA RODAPE | INICIO
/*- - - - - - - - - - - - - - - - - - - - -*/
#barra-lateral-esquerda-rodape {
	position: absolute;
	width: 100%;
	bottom: 0px;
	text-align: center;
}

.barra-lateral-esquerda-menu>span.borda-item-topo {
	position: absolute;
	display: block;
	height: 1px;
	width: 85%;
	border-top: 1px solid rgb(255, 255, 255);
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

#barra-lateral-esquerda-rodape .sub-menu {
	bottom: 0px;
	border-radius: 0 5px 5px 0;
}

/*- - - - - - - - - - - - - - - - - - - - -*/
/* BARRA LATERAL ESQUERDA RODAPE (FIM)
/*- - - - - - - - - - - - - - - - - - - - -*/

/*=========================================*/
/* BARRA LATERAL ESQUERDA (FIM)
/*=========================================*/

/*=========================================*/
/* CONTEUDO SISTEMA | INICIO
/*=========================================*/
#div-conteudo-sistema {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 55px;
	bottom: 0px;
	padding: 0px;
	/*border-top:1px solid rgb(155,155,155);*/
}

/*- - - - - - - - - - - - - - - - - - - - -*/
/* POPUP GERAL (INICIO)
/*- - - - - - - - - - - - - - - - - - - - -*/
/*
.mascara-popup{
	position:absolute;
	display:none;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.7);
	overflow-y:auto;
}
*/

.popup-container {
	position: absolute;
	top: 30px;
	/*padding:20px 0px;*/
	width: 100%;
	/*background-color:rgb(255,255,255);*/
	text-align: left;
}

.popup {
	position: relative;
	background-color: white;
	margin: auto;
	padding: 15px;
	box-shadow: 0 10px 45px rgba(120, 120, 120, 0.75);
	border-radius: 4px;
}

.barra-topo-popup {
	height: 30px;
	line-height: 30px;
}

.titulo-popup {
	display: inline-block;
	font-size: 25px;
}

.fechar-popup {
	position: absolute;
	right: 15px;
	font-size: 1em;
	cursor: pointer;

}

.fechar-popup:hover {
	color: red;
}

.conteudo-popup {
	position: relative;
}

.divPopUpParcial .popup-container {
	/*box-shadow: 2px 2px 10px #bbbbbb;*/
}

/*- - - - - - - - - - - - - - - - - - - - -*/
/* POPUP GERAL (FIM)
/*- - - - - - - - - - - - - - - - - - - - -*/

/*- - - - - - - - - - - - - - - - - - - - -*/
/* POPUP TOTAL (INICIO)
/*- - - - - - - - - - - - - - - - - - - - -*/
#mascara-popup-total {
	z-index: 999;
}

/*- - - - - - - - - - - - - - - - - - - - -*/
/* POPUP TOTAL (FIM)
/*- - - - - - - - - - - - - - - - - - - - -*/

/*- - - - - - - - - - - - - - - - - - - - -*/
/* POPUP PARCIAL (INICIO)
/*- - - - - - - - - - - - - - - - - - - - -*/
#mascara-popup-parcial {
	z-index: 10;
}

/*- - - - - - - - - - - - - - - - - - - - -*/
/* POPUP PARCIAL (FIM)
/*- - - - - - - - - - - - - - - - - - - - -*/


/*- - - - - - - - - - - - - - - - - - - - -*/
/* TELAS GENERICO (INICIO)
/*- - - - - - - - - - - - - - - - - - - - -*/
/*
.sub-tela, #div-dashboard{
	display:none;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	background:rgb(255,255,255);
}

.sub-tela .barra-lateral-230px{
	position:absolute;
	width:230px;
	left:0px;
	top:0px;
	bottom:0px;
	background-color:rgb(250,250,250);
	overflow-y:auto;
}

.titulo-sub-tela{
	font-size:34px;
	padding-left:20px;
	padding-top:20px;
}
*/
/*- - - - - - - - - - - - - - - - - - - - -*/
/* TELAS GENERICO (FIM)
/*- - - - - - - - - - - - - - - - - - - - -*/

/*- - - - - - - - - - - - - - - - - - - - -*/
/* TELA DASHBOARD (INICIO)
/*- - - - - - - - - - - - - - - - - - - - -*/
#div-dashboard {
	display: block !important;
	overflow: auto;
}

#div-dashboard>h1 {
	margin-top: 20px;
	margin-left: 20px;
}

#div-dashboard #menu-dashboard {
	position: relative;
	margin: 20px;
	height: 150px;
	min-width: 850px;
}

#div-dashboard #secao-grafico {
	position: relative;
	margin: 20px;
	top: 20px;
}


#div-dashboard #grafico {
	width: 100%;
	height: 300px;
	margin-top: 5px;
}

#div-dashboard .titulo-rodape {
	font-size: 18px !important;
}

#div-dashboard .background:HOVER {
	opacity: 0.9;
}

#secao-grafico #titulo-opcoes-grafico {
	text-align: right;
}

/*- - - - - - - - - - - - - - - - - - - - -*/
/* TELA DASHBOARD (FIM)
/*- - - - - - - - - - - - - - - - - - - - -*/

/*- - - - - - - - - - - - - - - - - - - - -*/
/* TELA AGENDA (INICIO)
/*- - - - - - - - - - - - - - - - - - - - -*/
.agenda-barra-topo {
	background-color: #f9f9f9;
	border: 1px solid #eeeeee;
	border-radius: 3px;
	left: 0;
	margin: 15px;
	min-height: 55px;
	padding: 15px;
	right: 0;
}



.agenda-conteudo {
	position: absolute;
	top: 115px;
	bottom: 0px;
	left: 300px;
	right: 0px;
	overflow-y: auto;

}

#h1TituloAgenda div:first-child {
	/*ont-size: 18px;*/
	text-decoration: none;
}

#h1TituloAgenda div:first-child:hover {
	text-decoration: underline;
	cursor: pointer;
}

#h1TituloAgenda div:last-child {
	font-size: 12px;
}

div.agenda-barra-topo button {
	font-size: 13px;
}


/*8888 Vers�o 3 da agenda*/

.agenda-barra-topo-v3 {
	left: 0;
	padding: 2px 8px 0;
	right: 0;
}

.agenda-barra-topo-v3 #h1TituloAgenda div:first-child {
	/*
	font-size: 18px;
	text-decoration: none;
	*/
	margin-top: 13px;
}

.agenda-barra-topo-v3 #h1TituloAgenda div:first-child:hover {
	text-decoration: underline;
	cursor: pointer;
}

.agenda-barra-topo-v3 #h1TituloAgenda div:last-child {
	font-size: 12px;
}

.agenda-barra-topo-v3 button {
	font-size: 13px;
}


/*- - - - - - - - - - - - - - - - - - - - -*/
/* TELA AGENDA (FIM)
/*- - - - - - - - - - - - - - - - - - - - -*/

/*- - - - - - - - - - - - - - - - - - - - -*/
/* TELA PRONTUARIO (INICIO)
/*- - - - - - - - - - - - - - - - - - - - -*/
#div-prontuario>#prontuario-barra-lateral-2 {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 230px;
	width: 165px;
	overflow-y: auto;
	overflow-x: hidden;
	/*border-right: 1px solid #dddddd;*/
	box-shadow: 2px 1px 2px #dddddd;
}

#div-prontuario>#prontuario-conteudo {
	position: absolute;
	top: 0px;
	bottom: 95px;
	left: 395px;
	right: 0px;
	overflow-y: auto;
	border-bottom: solid 1px rgb(243, 243, 243);
	padding: 15px;
}

#div-prontuario>#prontuario-conteudo-tela {
	position: absolute;
	top: 0px;
	bottom: 95px;
	left: 0px;
	right: 0px;
	overflow-y: auto;
	border-bottom: solid 1px rgb(243, 243, 243);
}

#div-prontuario>#prontuario-acoes-rodape {
	position: absolute;
	height: 95px;
	bottom: 0px;
	left: 395px;
	right: 0px;
	box-shadow: 2px 2px 10px #bbbbbb;
	background-color: #f5f5f5;
}

#div-prontuario>#prontuario-acoes-rodape-tela {
	position: absolute;
	height: 95px;
	bottom: 0px;
	left: 0px;
	right: 0px;

}

#div-prontuario>#prontuario-acoes-rodape>div:first-child {
	position: relative;
	/*margin:5px auto;*/
	/*width:365px;*/
	padding-left: 15px;
	padding-top: 5px;
	margin-right: 20px;
}

#div-prontuario>#prontuario-acoes-rodape>div.right {
	margin-right: 20px;
}

#div-prontuario>#prontuario-acoes-rodape-tela>div {
	position: relative;
	margin: 0 0 0 20px;
	/*width:365px;*/
}

#formCadProntuario #cadastro-conteudo #divDadosPacienteProntuario {
	background-color: #f9f9f9;
	border: 1px solid #eeeeee;
	border-radius: 3px;
	margin: 15px;
	min-width: 600px;
	padding: 15px;
}

#formCadProntuario #divDadosAdicionaisAtendimento>div>span:first-child {
	font-weight: 500;
	display: block;
	float: left;
	width: 75px;
}

#formCadProntuario #divDadosAdicionaisAtendimento>div>span:last-child {
	display: block;
	height: 20px;
	overflow: hidden;
	white-space: nowrap;
	width: 250px;
}

#formCadProntuario #divDadosAdicionaisAtendimento>div.left {
	width: 350px;
}


/*- - - - - - - - - - - - - - - - - - - - -*/
/* TELA PRONTUARIO (FIM)
/*- - - - - - - - - - - - - - - - - - - - -*/

/*- - - - - - - - - - - - - - - - - - - - -*/
/* TELA CADASTRO (INICIO)
/*- - - - - - - - - - - - - - - - - - - - -*/
#cadastro-conteudo {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 261px;
	right: 0px;
	overflow-y: auto;
}

#cadastro-topo {
	position: relative;
	padding: 12px 25px;
	height: 30px;
}

#formCadProntuario #cadastro-topo {
	position: relative;
	padding: 10px;
	height: 40px;
}

#cadastro-conteudo>#cadastro-topo .titulo-sub-tela {
	float: left;
	padding: 0px;
}


#cadastro-filtros {
	position: relative;
	text-align: right;
	padding-right: 20px;
	margin-top: 10px;
	margin-bottom: 6px;
	float: right;
}

#cadastro-filtros>div {
	display: block;
	float: left;
	margin: 0px 2px;
}

#cadastro-filtros>input#filtro-por-nome {
	display: inline-block;
	padding: 10px;
}

#cadastro-filtros>input#filtro-por-data {
	display: inline-block;
	padding: 10px;
	width: 90px;
}

.cadastro-interno {
	padding: 20px;
}


#cadastro-grid {
	padding: 0px 20px;
}

#cadastro-grid .ncb span {
	/*padding: 4px 6px;*/
	text-decoration: none;
}

#cadastro-grid .ncb span:hover {
	background-color: #eeeeee;
}

/*- - - - - - - - - - - - - - - - - - - - -*/
/* TELA CADASTRO (FIM)
/*- - - - - - - - - - - - - - - - - - - - -*/

/*=========================================*/
/* CONTEUDO SISTEMA (FIM)
/*=========================================*/


/*=========================================*/
/* ANIMACAO ICONES | INICIO
/*=========================================*/
/*
.gly-spin {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.gly-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.gly-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.gly-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.gly-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.gly-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
*/
/*=========================================*/
/* ANIMACAO ICONES | FIM
/*=========================================*/

/*=========================================*/
/* TOUR | INICIO
/*=========================================*/
.tour-step-background {
	background-color: rgb(255, 255, 255);
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

.barra-lateral-esquerda-menu>li.tour-step-backdrop>a {
	background-color: rgb(0, 118, 188);
}

.popover {
	max-width: 80%;
}

.popover-title {
	color: #317eac;
}

.popover-navigation .btn-group {
	margin-right: 30px;
}

.container-video {
	width: 500px;
	height: 500px;
}

/*=========================================*/
/* TOUR | FIM
/*=========================================*/

/*=========================================*/
/* RESPONSIVIDADE | INICIO
/*=========================================*/
@media only screen and (min-width: 320px) and (max-width: 800px) {

	/*#barra-lateral-esquerda{width:50px;}
	#barra-lateral-esquerda .titulo-menu{display:none}
	
	#barra-direita{left:50px;}*/

}

/*=========================================*/
/* RESPONSIVIDADE | FIM
/*=========================================*/


.lista-anexos {
	width: 150px;
	padding: 20px 0;
	margin: 5px;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	float: left;
	text-decoration: none;
	position: relative;
	height: 100px;
}

.lista-anexos>span {
	font-size: 60px;
}

.lista-anexos {
	background-color: #efefef;
	cursor: pointer;
}

.lista-anexos:hover div.excluir-anexo {
	display: block;
}

.lista-anexos div.excluir-anexo {
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}

.div-arrow-info {

	height: 164px;

	/*padding: 130px 0 0 220px;*/
	position: absolute;
	min-width: 320px;

}

.botoes-quadrados button {
	display: block;
	float: left;
	margin: 0 2px;

}

/*=========================================*/
/* RESPONSIVIDADE
/*=========================================*/

.divTelas {
	display: table;
}

.divTelas .modulo {
	width: 200px;
	margin-bottom: 20px;
	padding: 5px;
}

.divTelas .modulo:hover {
	background-color: #f9f9f9;
}

.divTelas .modulo>div {
	/*margin-left: 10px;*/
	cursor: pointer;
	padding: 2px;
}

.divTelas .checkbox.tela {
	padding: 3px;
}

.divTelas .modulo>div:hover {
	background-color: #dddddd;
}

li#shospDashboardInicialViewsp {
	padding-right: 3px;
}

li#shospDashboardInicialViewsp span.fechar-aba {
	display: none;
}

.tour-step-backdrop {
	z-index: 1101 !important;
}

/**** HORARIO DE ATENDIMENTO *****/

#divListaHorariosAtendimento {
	/* margin-top:20px;	 */
}


#divListaHorariosAtendimento .box-horarios {
    /* float: right; */
}

#divListaHorariosAtendimento h3 {
	margin-left: 0 !important;
}

#divListaHorariosAtendimento .horarios {
	margin: 5px;
}

#divListaHorariosAtendimento .horarios>div {
	float: left;
	margin: 0 5px 0 0;
}

#divListaHorariosAtendimento .horarios a {
	text-decoration: underline;
}

#divListaHorariosAtendimento .horarios>div:last-child {
	clear: both;
	float: none;
}

#divSelecaoUnidadeSessao>div {
	border: 1px solid rgba(0, 0, 0, .0625);
	background-color: white;
	padding: 10px;
	margin: 10px 0;
	overflow: hidden;
}

#divSelecaoUnidadeSessao div:hover {
	background-color: #f0f0f0;
	cursor: pointer;
}

#divSelecaoUnidadeSessao>div div span {
	display: inline-block;
	width: 290px;
}

#divSelecaoUnidadeSessao>div div span:nth-child(1) {
	width: 38px;
	vertical-align: top !important;
}

#divSelecaoUnidadeSessao>div div:last-child {
	width: 328px;
}

#divSelecaoUnidadeSessao>div div {
	float: left;
}


.divTiposCamposCategoriaProntuario>div {
	float: left;
	margin-right: 2px;
}

.divTiposCamposCategoriaProntuario>div div.imagem {
	background-color: #dddddd;
	border: 1px solid #cccccc;
	height: 100px;
	width: 102px;
	border-radius: 3px;
	text-align: center;
}

.divTiposCamposCategoriaProntuario>div div.imagem:hover {
	background-color: #d4d4d4;
	cursor: pointer;
}

.divTiposCamposCategoriaProntuario>div div.txt {
	color: #999999;
	font-size: 13px;
	text-align: center;
	margin: 5px 0;
}

.prontuarioFormularioPrevia {
	border: 2px dashed #cccccc;
	display: table;
	cursor: move;
	margin: 5px 0;
}

.prontuarioFormularioPrevia:hover {
	background-color: #efefef;
	border: 2px dashed #b5b5b5;
}

.prontuarioFormularioPrevia.select {
	border: 2px dashed #a3a3a3;
	background-color: #c9c9c9;
}

.prontuarioFormularioPrevia div.alteracao {
	background-color: white;
	border: 1px solid #cccccc;
	display: none;
	margin-top: -35px;
	padding: 5px;
	position: absolute;
	width: 95px;
}

.prontuarioFormularioPrevia:hover div.alteracao {
	display: block;
}

.prontuarioFormularioPrevia.titulo div.alteracao {
	margin-top: -30px;
}

.tabelaAgenda .status {
	border-radius: 50%;
	font-weight: 400;
	padding: 10px;
	text-align: center;
	color: rgba(255, 255, 255, 0.9);
	font-size: 20px;
	width: 25px;
	margin-left: 20px;
}

.tabelaAgenda div.divLivreAgenda {
	display: none;
}

.tabelaAgenda tr:hover div.divLivreAgenda {
	display: block;
}

.col-left #divDataInicioAgenda {
	display: none;
	text-align: center;
}

#financeiroCadastroView .col-left>div {
	display: none;
}

#shospCadastroView .col-left>div {
	display: none;
}

#relatorioCadastroView .col-left .dropdown {
	display: none;
}

#configuracaoClienteView .col-left .dropdown {
	display: none;
}

#faturamentoTissView .col-left>div {
	display: none;
}

#estoqueCadastroView .col-left>div {
	display: none;
}

#container-left {
	float: left;
}

#container-left #divShospMarca {
	width: 240px;
	text-align: center;
}

#container-left #divMenuAdicionar {
	margin: 16px 0 0 20px;
	float: left;


}

.divAdicionarGrupoHorizontal div.divAdicionar {
	display: inline-block;
}


#botoesAgenda div {
	display: inline-block;
}

.barra-navegacao-agenda div.left div,
.barra-navegacao-agenda div.right div {
	display: inline-block;
}

.barra-navegacao-agenda div.left div {
	display: inline-block;
}

.barra-navegacao-agenda div.leftv {
	margin-top: 3px;
}

.divAdicionar {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;
	color: #2196F3;
	cursor: pointer;
	padding: 5px;
	border: 1px solid white;
	background-color: white;
	min-height: auto;
}

.divAdicionar:hover {
	background-color: #f9fafb;
	border: 1px solid rgba(0, 0, 0, .0625);
}

.divAdicionar span {
	margin-left: 1px;
	/*border: 1px solid white;*/
}

.divCancelar {
	color: #EB6B67;
	cursor: pointer;
	padding: 5px;
	border: 1px solid #EB6B67;
	background-color: white;
	min-height: auto;
	height:34px;
	margin-right: 4px;
	margin-left: 4px;
}

#cadastro-topo .divAdicionar {
	font-size: 12px;
}

button.divAdicionar:disabled,
button.divAdicionar[disabled]:hover {
	color: gray;
	background-color: #eeeeee !important;
}



#divShospMarca img {
	width: 90px;
	margin: 8px 0 0 16px;
}

/*
.dropdown-breadcrumbs {
  position: relative;
  display: inline-block;
}

.dropdown-breadcrumbs-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-breadcrumbs-content a {
  color: black;
  padding: 8px 8px;
  text-decoration: none;
  display: block;
}

.dropdown-breadcrumbs-content a:hover {background-color: #f1f1f1}

.dropdown-breadcrumbs:hover .dropdown-breadcrumbs-content {
  display: block;
}
*/



/* progress bar */
.progressbar {
	position: relative;
	background: #EEE;
	border-radius: 5px;
	height: 10px;
	width: 100%;
}

.progressbar .percent {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background: #66B366;
	border-radius: 5px;
	transition: width 1s ease-in-out;
}

/* checkbox grande */
.checkbox-grande {
	display: block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	color: #4A535C;
	font-size: 16px;
	line-height: 23px;
	font-weight: 400;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkbox-grande input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	width: 0;
	height: 0;
	outline: none;
}

.checkbox-grande .lnr {
	position: absolute;
	top: 0;
	left: 0;
	height: 23px;
	width: 23px;
	border-radius: 50%;
	border: 1px solid #4A535C;
	background-color: transparent;
	transition: all .3s;
}

.checkbox-grande .lnr:before {
	font-size: 24px;
	position: absolute;
	top: -2px;
	left: -1px;
	opacity: 0;
	transition: opacity .3s;
}

.checkbox-grande:hover input~.lnr:before {
	opacity: 0.7;
	transition: opacity .3s;
}

.checkbox-grande input:checked~.lnr:before {
	opacity: 1;
}

.checkbox-grande input:checked~.lnr {
	color: #fff;
	background: #2196F3;
	border-color: #2196F3;
	transition: all .3s;
}

.checkbox-grande input:checked~.text {
	color: #2196F3;
}

.checkbox-grande.destaque input:checked~.lnr {
	background: #66B366;
	border-color: #66B366;
}

.checkbox-grande.destaque input:checked~.text {
	color: #66B366;
}

/* helpers flex */
.flex-display {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.flex-wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex-nowrap {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.flex-justify-between {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex-justify-around {
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flex-align-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.flex-column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.flex-row {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

.border-gray {
	border: 1px solid #DCDCDC
}

.fw300 {
	font-weight: 300;
}

.fw400 {
	font-weight: 400;
}

.fw500 {
	font-weight: 500;
}

.fw600 {
	font-weight: 600;
}

.line-height {
	line-height: 25px;
}

.box-sizing,
.box-sizing * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.inline-block {
	display: inline-block;
	vertical-align: middle;
}

.text-center {
	text-align: center;
}

#shospPacienteCadastroPopUpView {
	z-index: 1998;
}

#divPopupContainerPaciente {
	top: 50px;
}

.color-orange {
	color: #FFA726;
}

/* Contas a Pagar */

.row_code {
	display: flex;
	justify-content: space-between;
}

.row_code span,
.row_code strong {
	display: inline-block;
	width: 50%;
}

.row_code strong,
.row_code span:nth-child(2) {
	text-align: right;
}

.row_code strong {
	font-weight: 500;
}

#codigoBarraErro {
	position: absolute;
	color: #ff2929;
}

#codigoBarraErro span strong {
	letter-spacing: 3em;
	font-weight: 700;
}

.spanTotalAnexo {
	cursor: pointer;
	background-color: #ff3c7e;
	color: white;
	font-size: 10px;
	border-radius: 10px;
	margin: 0px 0 0px -25px;
	position: relative;
	top: -20px;
	right: -10px;
	font-weight: 500;
	padding: 2px 8px;
	display: none;
}

.anexoItem {
	display: inline-block;
	width: 110px;
	height: 110px;
	position: relative;
	margin: 5px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	padding: 5px;
	border: 3px solid #fff;
}
/*  */
.label-top {
	vertical-align: top;
	padding-top: 9px;
}

.anexoItem .fechar-popup{
	right: 0px;
}

.anexoItem:hover {
	border: 3px solid #efefef;
}

.anexoItem img{
	max-width: 80%;
	max-height: 80px;
	margin-bottom: 10px;
	display: inline-block;
}

#divArquivosContaPagar {
	width:690px;
	height: 250px;
	top: 20px;
	position: absolute;
	/* bottom: 0; */
}

#outerAnexos {
	bottom: 0;
	width:700px;
	height: 250px;
	margin-left: -10px;
	position: relative;
}

/* PopPup Pagar Contas */
.row-flex {
	display: flex;
	/* justify-content: space-between; */
}
.row-flex .dadosPagamento {
	width: 40%;
	padding-right: 28px;
}

.row-flex .dadosPagamento h1{
	margin-bottom: 25px;
}

.row-flex .debitarConta {
	width: 60%;
}

.row_code.total {
	padding-top: 20px;
	margin-top: 15px;
	border-top: 1px solid #d4d4d4;
	font-size: 20px;
}

.footer_form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: flex-end;
	align-items: end;
	min-height: 38px;
}

.footer_form .grupo_botoes {
	width: 450px;
	min-height: 40px;
}

.footer_form .status {
	margin-top: -10px;
}

.footer_form .status h4{
	font-size: 13px;
	margin-bottom: 0px !important;
	font-weight: 300;
}

.footer_form .status p{
	font-size: 16px;
    padding-right: 10px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.footer_form .status p#statusContaDebitada{
	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.divAdicionarGrande {
	background: #f5f8fa;
	border-radius: 3px;
	padding: 15px 10px;
	display: block;
	text-align: center;
	width: 100px;
	cursor: pointer;
	margin-bottom: 10px;
	border: 1px solid rgba(0, 0, 0, .0625);
}

.row-flex .debitarConta #debitarContaEm{
	width: 400px;
	height: 340px;
	position: absolute;
}
.row-flex .debitarConta #debitarContaEm #contas{
	width: 380px;
}

.divAdicionarGrande.active,
.divAdicionarGrande:not(.disabled):hover {
	background: #2196F3;
	color: #ffffff;
}

.divAdicionarGrande.disabled {
	color: #bcc2bf;
	border-color: #bcc2bf;
	cursor: not-allowed;
	opacity: 0.7;
}

.divAdicionarGrande .lnr {
	display: block;
	font-size: 20px;
	margin-bottom: 10px;
}

.divAdicionarGrande p {
	padding-top: 0;
	font-size: 12px;
}

.divAdicionarGrande p:last-child {
	padding-bottom: 0;
}

/**
 * Novo PopUp Horário
 */

#divHorarioAtendimentoTelaInicial {
	position: absolute;
}

#divHorarioAtendimentoTelaInicial > .popup {
	padding: 12px 15px 10px 24px;
	width: 679px;
	/*max-height:450px;*/
}

#divHorarioAtendimentoTelaInicial .popup .aba-content {
	padding-bottom: 0 !important;
	/* padding-right: 0 !important; */
}

.tabelaLista.listaRegras thead td {
	border-bottom: none;
	padding: 2px;
}
.tabelaLista.listaRegras td.a {
	text-align: center;
	padding: 2px 5px;
}

.tabelaLista.listaRegras thead td select {
	font-size: 13px;
}

.tabelaLista.listaRegras thead td button{
	background-color: #66b366;
}
.tabelaLista.listaRegras tbody td{
	font-size: 14px;
	border-bottom: none;
}

#divListaHorariosAtendimento {
	/*height: 250px;*/
	width: 679px;
	position: relative;
	padding-bottom: 0;
	margin-bottom: 0;
}

#divListaHorariosAtendimento .horarios {
	display: flex;
	justify-content: space-between;
	align-content: center;
	padding-left: 15px;
	padding-bottom: 15px;
}

#divListaHorariosAtendimento .dropdown {
	padding-left: 0;
}

#divListaHorariosAtendimento .dropdown .header_dropdown{
	margin-left: 0px !important;
}

#divListaHorariosAtendimento .dropdown .body_dropdown{
	margin-top: -10px;
	/* margin-bottom: 15px; */
}

#divListaHorariosAtendimento .horarios .regra {
	display: block;
	margin-left: auto;
	position: relative;
	width: 20px;
	height: 15px;
}

#divListaHorariosAtendimento .horarios div.regra a {
	display: inline-block !important;
	color: #2196F3 !important;
	padding-left: 0 !important;
	height: 15px;
}

#divListaHorariosAtendimento .horarios div.excluir span {
	display: inline-block !important;
	height: 22px;
	margin-top: 6px;
	/* margin-bottom: 0px; */
}

#divListaHorariosAtendimento .horarios div.regra a:hover {
	background-color: transparent;
}

#divListaHorariosAtendimento .horarios .spanQuantidadeRegras {
	background-color: #ff3c7e;
	color: white;
	font-size: 10px;
	border-radius: 10px;
	margin: 0 0 0px -10px;
	position: relative;
	top: -13px;
	font-weight: 500;
	padding: 3px 6px;
}

/* PopUp Adicionar Horário */

#divHorarioAtendimentoPrestadorForm .popup {
	padding: 12px 24px 18px;
}

#divHorarioAtendimentoPrestadorForm h3 {
	font-size: 22px;
	margin-bottom: 13px;
}

#divHorarioAtendimentoPrestadorForm label,
#divHorarioAtendimentoPrestadorForm input[type="text"],
#divHorarioAtendimentoPrestadorForm select {
	font-size: 14px;
	line-height: 24px;
	display: inline-block;
	vertical-align: middle;
}

#divHorarioAtendimentoPrestadorForm input[type="text"] {
	padding: 5px;
	line-height: 24px;
	max-height: 24px !important;
}

#divHorarioAtendimentoPrestadorForm label {
	margin-right: 10px;
}

#divHorarioAtendimentoPrestadorForm .form-group {
	display: flex;
	align-items: center;
	font-size: 14px;
	margin-bottom: 10px;
}

#divHorarioAtendimentoPrestadorForm .span-label {
	font-size: 14px;
	display: inline-block;
	margin: 0 10px;
}

#divHorarioAtendimentoPrestadorForm #tdListaDiasSemanaHorario {
	margin-bottom: 20px;
}

#divHorarioAtendimentoPrestadorForm #tdListaDiasSemanaHorario .lbl-radio-customizado,
#divRestricaoAtendimentoPrestadorForm .lbl-radio-customizado {
	margin-right: 5px;
	padding: 5px;
	height: 24px;
	line-height: 24px;
	width: 30px;
	text-align: center;
	font-size: 12px;
}

#divHorarioAtendimentoPrestadorForm #tdListaDiasSemanaHorario .lbl-radio-customizado:last-child,
#divRestricaoAtendimentoPrestadorForm .lbl-radio-customizado:last-child {
	margin-right: 0;
}

/* Adicionar Regra */

h3.webui-popover-title {
	font-size: 22px !important;
}


/*
#listaRegrasDef {
	display: block;
	width: 402px;
	height: 190px;
	position: relative;
	margin-bottom: 0;
	padding-bottom: 0;
}
#tableListaRegras {

}
#tableListaRegras tr td {
	padding: 10px;
	height: 16px;
}
*/

/* Aba Restrição */

#tabelaListaRestricaoAtendimento th,
#tabelaListaRestricaoAtendimento2 td {
	padding: 10px;
}

#divListaRestricaoAtendimento {
	height: 250px;
	position: relative;
}

#tabelaListaRestricaoAtendimento .thRestricao {
	width: 250px;
}


#tabelaListaRestricaoAtendimento2 .tdRestricao {
	width: 250px;
}
#tabelaListaRestricaoAtendimento .thPeriodo {
	width: 200px;
}
#tabelaListaRestricaoAtendimento2 .tdPeriodo {
	width: 200px;
	padding-left: 15px;
}
#tabelaListaRestricaoAtendimento2 .tdSemana {
	/* width: 200px;  */
	padding-left: 15px;
}

#divListaRestricaoAtendimentoServico {
	height: 38px;
}

#tabelaListaRestricaoAtendimento2 tr {
	color: #000;
}

tr.old {
	color: #bcbcbc;
}

#divRestricaoAtendimentoPrestadorForm table {
	border-spacing: 10px;
}

#divRestricaoAtendimentoPrestadorForm table td{
	padding-bottom: 11px;
	font-size: 14px;
}

#divRestricaoAtendimentoPrestadorForm table td.a{
	padding-left: 10px;
	padding-right: 10px;
}


#divRestricaoAtendimentoPrestadorForm a {
	text-decoration: underline !important;
}

#divRestricaoAtendimentoPrestadorForm .lbl-radio-customizado {
	/* padding-top: 8px; */
	height: 24px;
	line-height: 24px;
}

/* TR Sem hover */
#divHorarioAtendimentoTelaInicial tr:hover,
#tabelaListaRestricaoAtendimento tr:hover,
.tabelaLista tr:hover{
	background: transparent !important;
}

.webui-popover-zi-2006{
	z-index: 2006 !important;
}


/* Tabelas em Categorias de Transação */

#tabelasPlanoContas td.tdPlanos {
	border-bottom: 0 solid white;
	padding: 0 !important;
}

#tabelasPlanoContas .thPlanos {
	font-weight: 500;
	padding-left: 16px;
}

#tabelasPlanoContas .dropdown {
	padding: 0 !important;
}

#tabelasPlanoContas .dropdown .header_dropdown {
	font-weight: 400;
	border-bottom: 1px solid #f4f4f4 ;
	padding: 10px;
}

#tabelasPlanoContas .dropdown .nenhumRegistro {
	font-weight: 400;
	background-color: white !important;
	padding: 10px;
	cursor: default;
}

#tabelasPlanoContas .dropdown .body_dropdown,
#tabelasPlanoContas .dropdown .body_dropdown ul {
	padding: 0 !important;
}

#tabelasPlanoContas .dropdown .body_dropdown ul li {
	padding: 10px 0 10px 40px ;
	border-bottom: 1px solid #f4f4f4 ;
}