@CHARSET "UTF-8";

html, body {
	height: 100% !important;
	margin: 0px;
	padding: 0pt;
	background-color: rgb(183, 208, 217);
	/* 	display: table; */
	/* 	margin: auto; */
}

#WzTtDiV {
	z-index: 10100 !important;
}

.corpo {
	height: 100vh;
	/* 	box-shadow: 1px 1px 10px 1px rgb(176, 176, 176); */
	/* 	padding-left: 1px; */
	/* 	padding-right: 1px; */
}

#tudo {
	position: relative !important;;
	padding-bottom: 20px;
	min-height: calc(100vh - 82px);
	/* 	display: table; */
}

#conteudo {
	min-height: 100% !important;
	position: relative !important;
	display: table-row;
}

#top {
	min-height: 175px;
}

#bottom {
	width: 100%;
	min-height: 65px;
	position: relative;
	bottom: 0;
	display: none;
}

* html #tudo {
	height: 100% /* !important */;
	/* hack para IE6 que trata height como min-height */
}

.conteudo-site {
    border-radius: 10px;
    background-color: white;
    padding: 10px;
    border: 0px none;
}

input[type="radio"] {
    background-color: white;
    /*     background-image: -webkit-linear-gradient(0deg, transparent 20%, hsla(0,0%,100%,.7), transparent 80%), */
    /*                       -webkit-linear-gradient(90deg, transparent 20%, hsla(0,0%,100%,.7), transparent 80%); */
    border-radius: 10px;
    /*     box-shadow: inset 0 1px 1px hsla(0,0%,100%,.8), */
    /*                 0 0 0 1px hsla(0,0%,0%,.6), */
    /*                 0 2px 3px hsla(0,0%,0%,.6), */
    /*                 0 4px 3px hsla(0,0%,0%,.4), */
    /*                 0 6px 6px hsla(0,0%,0%,.2), */
    /*                 0 10px 6px hsla(0,0%,0%,.2); */
    box-shadow: 0px 0px 0px 1px rgb(134, 135, 139);
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin-right: 8px;
    position: relative;
    width: 15px;
    -webkit-appearance: none;
}

input[type="radio"]:checked:after {
    background-color: #01B017;
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .4), inset 0 2px 2px hsla(0, 0%, 100%, .4), 0 1px 1px hsla(0, 0%, 100%, .8), 0 0 2px 2px hsla(130, 70%, 70%, .4);
}

input[type="radio"]:after {
    /* 	background-color: rgb(208, 208, 208);; */
    border-radius: 25px;
    /* 	box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .4), 0 1px 1px */
    hsla (0, 0%, 100%, .8);
    content: '';
    display: block;
    height: 7px;
    left: 4px;
    position: relative;
    top: 4px;
    width: 7px;
}

.ui-widget {
    font-family: Arial, sans-serif;
    font-size: 12px !important;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, sans-serif;
}

.ui-widget-header {
    background: rgb(16, 80, 120) !important;
    /* 	background: none repeat scroll 0% 0% rgb(11, 77, 118) !important; */
}

.bodyImpressao {
    font-family: Arial, sans-serif;
    font-size: 14px;
}

.principal {
    width: 1000px;
    margin: 0 auto;
    background-color: rgb(255, 255, 255);
    /* 	background-color: rgb(236, 236, 236); */
}

.fundo {
    margin: 0px;
    padding: 0pt;
    background-color: rgb(183, 208, 217);
}

.tabela-r2-c1 {
    background-image: url(

);

}
.tabela-r2-c2 {
    background-color: #FBFBFB;
}
.tabela-r2-c4 {
    background-image: url(
);

}
.fita-cabecalho {
    width: 100%;
    height: 7px;
    background-color: rgb(15,
    80,
    120);
    /* 	background-image: url(/javax.faces.resource/fundo-fita-cabecalho.png.xhtml?ln=imagens); */
    text-align: center;
}
.texto-large {
    color: #094C77;
    font-family: tahoma;
    font-size: x-large;
}
);
text-align: center;

}
.cabecalho {
    width: 1000px;
    height: 196px;
    background-color: white !important;
    /* 	background-color: #F1F1F1; */
}
.ui-inputfield {
    background: none repeat scroll 0% 0% rgb(228,
    228,
    228) !important;
    color: #0a4970;
    border: 1px solid rgb(143,
    143,
    143);
}
.ui-button,
.botao-cinza,
.botao-verde {
    color: #ffffff !important;
    background: rgb(16,
    80,
    120) !important;
    /* 	background: none repeat scroll 0% 0% rgb(11, 77, 118) !important; */
    border-width: 0px;
    border-style: none;
    box-shadow: none;
    text-shadow: none;
}
.ui-button {
    background: rgb(16,
    80,
    120) !important;
    /* 	background: none repeat scroll 0% 0% rgb(11, 77, 118) !important; */
}
.botao-cinza {
    background: none repeat scroll 0% 0% gray !important;
}
.botao-verde {
    background: none repeat scroll 0% 0% green !important;
}
.ui-button[disabled] {
    background: none repeat scroll 0% 0% #ABCDD6 !important;
    box-shadow: none;
}
.botao-entrar {
    color: rgb(129,
    130,
    133) !important;
    background: none repeat scroll 0% 0% transparent !important;
    /* 	border-width: 0px; */
    /* 	border-style: none; */
    box-shadow: none;
    border: none: !important;
}
.fita-rodape {
    width: 100%;
    height: 65px;
    background-repeat: no-repeat;
    background-color: rgb(16,
    80,
    120);
    position: relative;
}
.rodape-imagens-container {
	position: absolute;
	width: 100%;
}
.rodape-imagens-container>div{
	height: 65px;
	padding: 0 1rem;

	box-sizing: border-box;

	display: flex;
	align-items: center;
	justify-content: space-between;

	position: relative;
}
/* Primeira Imagem */ /* esquerda -> direita */
.rodape-imagens-container img:first-child {
	max-height: 55px;
}
/* Segunda Imagem */
.rodape-imagens-container img:last-child {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	max-height: 50px;
}
/* Terceira Imagem */
.rodape-imagens-container img:nth-child(2n) {
	max-height: 40px;
}
.rodape-versao {
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 0;
    font-size: 10px;
    color: rgb(255,
    255,
    255);
    padding-right: 15px;
    float: right;
}
.rodape {
    width: 1000px;
    height: 65px;
    position: relative;
    bottom: 0px;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.menu-principal {
    width: 1000px;
    height: 54px;
}
.menu-principal-esquerda {
    /* 	background-color: #f0f0f0; */
    /* 	background-image: linear-gradient(to bottom, transparent, rgba(255, 255, 255, .3)); */
    background: -webkit-linear-gradient(#FFFFFF,
    #e6e6e6);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF,
    #e6e6e6);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF,
    #e6e6e6);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF,
    #e6e6e6);
    /* Standard syntax */
    width: 20px;
    height: 35px;
    display: table-cell;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    border-top: solid 1px #e6e6e6;
    border-left: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
}
.menu-principal-centro {
    width: 924px;
    display: table-cell;
    vertical-align: middle;
    background: linear-gradient(#FFFFFF, #e6e6e6);
    border-top: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
   /* background-image: url(/javax.faces.resource/menu-principal-fundo.png.xhtml?ln=imagens ); */
}
.menu-principal-direita {
    width: 20px;
    display: table-cell;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    border-top: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    background: -webkit-linear-gradient(#FFFFFF,
    #e6e6e6);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF,
    #e6e6e6);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF,
    #e6e6e6);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF,
    #e6e6e6);
    /* Standard syntax */
}
.menu-principal-direita {}
.menu-item,
.menu-item-selecionado {
    height: 40px;
    border-right: 1px solid #dddddd;
    padding-left: 17px;
    padding-right: 17px;
    display: table-cell;
    font-weight: bold;
    vertical-align: middle;
}
.menu-item a {
    color: #000000;
    text-decoration: none;
}
.menu-item:hover a {
    color: #ffffff;
    text-decoration: none;
}
.menu-item-selecionado {
    color: #ffffff;
    background-color: #0f5078;
}
.menu-item:hover {
    color: #ffffff;
    background-color: #0f5078;
    cursor: pointer;
}
.menu-link-selecionado {
    color: #ffffff;
}
.logo {
    width: 290px;
    /* 	width: 420px; */
    height: 160px;
    display: table-cell;
    /* 	vertical-align:middle; lancamento */
    /* 	padding-left:20px; lancamento */
}
.meio-cabecalho {
    width: 473px;
    /*  	width:513px;	 */
    /* 	text-align: center; */
    height: 92px;
    display: table-cell;
    /* 	text-align: center; */
    vertical-align: middle;
    /* 	background-color: rgb(15, 80, 120); */
    color: white;
    /* 	background-repeat: no-repeat;	 */
    /* 	background-image: url(); */
}
.meio-cabecalho-promocao {
    width: 473px;
    /*		width: 597px;	*/
    /*  	width:513px;	*/
    /* 	text-align: center; */
    height: 92px;
    display: table-cell;
    /* 	text-align: center; */
    vertical-align: middle;
}
.credito-em-dobro {
    border: 1px solid;
    background: #f4f4f4;
}
.conteudo {
    margin-bottom: 4px;
    margin-top: 4px;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 30px;
    background-color: white;
}
.login {
    /* 	width: 180px; */
    height: 160px;
    display: table-cell;
    vertical-align: middle;
}
.label-formulario,
.label,
.label-formulario-digitalizacao,
.label-formulario-selecao-scanner,
.label-formulario-configuracoes,
.label-formulario-contato {
    font-weight: bold;
    color: rgb(15,
    80,
    120);
    text-align: right;
}
.label-formulario-venda {
    font-weight: bold;
    color: rgb(15,
    80,
    120);
    width: 150px;
    text-align: right;
}
.vendedor-items {
    overflow: auto;
    padding: .4em;
    border-radius: 5px;
    box-shadow: 0px 0px 15px ;
    width: 190px;
    margin-top: 3px;
}
.vendedor-item {
    padding: 3px, 5px;
    margin-top: 2px;
}
.vendedor-item:hover {
    background-color: rgb(16, 80, 120);
    color: white;
    border-radius: 3px;
}
.vendedor-active {
    background-color: rgb(16, 80, 120);
    color: white;
    border-radius: 3px;
}
.vendedor-toggle {
    color: white;
    background-color: #094C77;
    border-color: #222222;
    border-radius: 3px;
    display: flex;
    width: 26.8px;
    height: 24.19px;
    vertical-align: top;
}
.vendedor-toggle:hover{
    box-shadow: 0px 0px 8px rgb(48.7%, 48.7%, 48.7%);
}
.label-formulario,
.label-formulario-contato {
    text-align: right;
}
.label-formulario-digitalizacao {
    width: 180px;
    text-align: right;
}
.label-formulario-contato {
    vertical-align: top;
}
.campo-formulario {
	text-align: center;
}
.linha-em-branco {
    clear: both;
    margin: 0;
    padding: 0;
    width: auto;
}
.separador {
    height: 4px;
}
.menu-esquerda-restrito {
    /* 	background: cadetblue; */
    width: 200px;
    float: left;
}
.barra-menu-restrito {
    width: 2%;
    float: left;
}
.conteudo-restrito {
    background-color: white;
    width: 760px;
    left: 200px;
    float: left;
    padding: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #cccccc;
    /* 	min-height: 426px; */
}
.tabela-com-scroll {
    width: 100%;
    height: 150px;
    overflow: auto;
}
.recorte-imagem {
    width: 100%;
    height: 240px;
    overflow: auto;
    text-align: center;
}
.atencao {
    color: #ff8040;
}
h1 {
    color: rgb(134,
    135,
    139);
}
h2 {
    color: rgb(134,
    135,
    139);
}
#formulario:tabs .ui-tabs-nav {
    display: none !important;
}
.passo-digitalizacao-em-curso,
.passo-digitalizacao-concluida {
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #ffffff;
    border: 1px solid #cccccc;
    height: 28px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 9px;
    padding-left: 5px;
}
.passo-digitalizacao-em-curso {
    background-color: #ABCDD6;
}
.passo-digitalizacao-concluida {
    background-color: rgb(16,
    80,
    120);
    /* 	background-color: rgb(11, 77, 118); */
}
.separador-passo-digitalizacao {
    display: table-cell;
    width: 9px;
}
.descricaoDigitalizacaoEmCurso,
.descricaoDigitalizacaoRealizada {
    font-weight: normal;
    font-size: 14px;
    min-height: 20px;
    height: auto;
    padding-top: 2px;
    float: right;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    background-color: white;
    border: 1px solid #cccccc;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
}
.descricaoDigitalizacaoEmCurso {
    color: #CC0000;
}
.descricaoDigitalizacaoRealizada {
    color: green;
    ;
}
.titulo-dialogo-digitalizacao {
    background-color: #DBEEF2 !important;
    color: #85868A !important;
    font-size: 13px !important;
}
.slideshow {
    width: 1000px;
    height: 100%;
    position: relative;
}
.slides_container {
    width: 1000px;
    height: 384px;
    padding: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.slides_container div {
    width: 1000px;
    height: 384px;
    display: block;
}
.pagination {
    margin: 6px 0 0;
    float: right;
    list-style: none;
}
.pagination li {
    float: left;
    margin: 0 1px;
}
.pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url(/javax.faces.resource/paginacao.png.xhtml?ln=imagens
);
background-position: 0 0;
float: left;
overflow: hidden;

}
.pagination li.current a,
.pagination li.current a:hover {
    background-position: 0 -13px
}
.pagination li a:hover {
    background-position: 0 -26px
}
.numero {
    font-weight: bold;
    color: green;
}
.documentosObrigatoriosDigitalizados {
    text-align: center;
    font-weight: bold;
    color: green;
    width: 230px;
}
.alerta1Adesao,
.alerta2Adesao {
    width: 992px;
    height: 40px;
    vertical-align: middle;
    font-size: 14px;
    padding-left: 8px;
    padding-top: 8px;
    margin-bottom: 3px;
    margin-top: 3px;
}
.alerta1Adesao {
    background-color: yellow;
}
.alerta2Adesao {
    background-color: red;
}
.info_calculadora {
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
}
.rel_marketing {
    height: 500px;
    overflow: scroll;
}
.rel_marketing_row {
    width: 702px;
    background-repeat: no-repeat;
    background-image: url(/javax.faces.resource/BASE_BARRA2.png.xhtml?ln=imagens/marketing
);

}
.ui-datatable.borderless .ui-datatable-data tr,
.ui-datatable.borderless .ui-datatable-data-empty tr,
.ui-datatable.borderless .ui-datatable-data td,
.ui-datatable.borderless .ui-datatable-data-empty td,
.ui-datatable.borderless .ui-state-default,
.ui-datatable.borderless .ui-widget-content .ui-state-default,
.ui-datatable.borderless .ui-widget-header .ui-state-default,
.ui-datatable.borderless .ui-datatable table,
.ui-datatable.borderless .ui-widget-content {
    /* 	border-style: none; */
    background: none;
    border-collapse: inherit;
    border-style: none
}
.verde-negrito {
    color: green;
    font-weight: bold;
}
.vermelho-negrito {
    color: red;
    font-weight: bold;
}
.label-formulario-selecao-scanner {
    width: 150px;
}
.selecao-scanner {
    width: 60%;
}
.configurar-rapidez {
    width: 200px;
    text-align: right;
}
.escolha-configuracao {
    width: 55%;
}
.info-configuracao {
    width: 45%;
}
.celula-relatorio-testes {
    width: 50%;
    vertical-align: top;
}
.info .ui-widget-header {
    background: none repeat scroll 0% 0% rgb(11,
    47,
    128) !important;
}
.mensagem-info {
    /*width: 715px;*/
    position: relative;
    text-align: left;
    background-color: rgb(57, 137,177) !important;
}
.mensagem-error {
    /* 	width: 715px; */
    position: relative;
    text-align: left;
    background: rgb(192, 192, 192) !important;
}
.mensagem-alert {
    /* 	width: 715px; */
    position: relative;
    text-align: left;
    background: rgb(242, 90, 18) !important;
}

.label-error {
	color: red;
}

.mensagem-info .mensagem-error {

}
.mensagem-info .mensagem-error {}
.botao-principal {
    width: 730px;
    height: 137px;
    font-weight: bold;
    position: relative;
    z-index: 2;
    background: url(../resources/imagens/botao-index/left.png) top left no-repeat,
    url(../resources/imagens/botao-index/right.png) top right no-repeat;
}
.botao-principal:before {
    content: '';
    position: absolute;
    z-index: -1;
    /* push it to the background */
    top: 0;
    /* position it off the top background */
    right: 30px;
    bottom: 0;
    /* position it off the bottom background */
    left: 9px;
    background: url(../resources/imagens/botao-index/center.png) top left repeat-x;
}
.invisivel {
    opacity: 0.0;
    filter: alpha(opacity=0);
}
.boleto {
    height: 40px;
    width: 100px;
    padding-left:10px;
    vertical-align: middle;
    display:table-cell;
    background: #e5c2c2;
    /* Para navegadores sem suporte a gradient */
    background: -webkit-linear-gradient(left top, #e5c2c2, #d8a0a0);
    /* Para o Safari antigos */
    background: -o-linear-gradient(left top, #e5c2c2, #d8a0a0);
    /* Para o Opera antigos */
    background: -moz-linear-gradient(left top, #e5c2c2, #d8a0a0);
    /* Para o Firefox antigos */
    background: linear-gradient(left top, #e5c2c2, #d8a0a0);
    /* Para todos os navegadores atuais */
}
.boleto:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid green;
}
.boleto-row {
    background-color: #FFEFA3 !important;
    text-align:center;
}
.ui-datatable.boleto-tb .ui-datatable-data td {
    border-color: #b8bfc9;
}
.ocultar {
    display: none;
}
.fileUpload {
    position: relative;
    cursor: pointer;
    /*Using a background color, but you can use a background image to represent a button*/
}
.upload {
    cursor: pointer;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    /*This makes the button huge. If you want a bigger button, increase the font size*/
    /*Opacity settings for all browsers*/
    opacity: 0;
    -moz-opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.error {
    color: red;
    font-weight: bold;
    font-size: 12px;
}
.success {
    color: green;
    font-weight: bold;
    font-size: 12px;
}
.editar-farmacia-popular {
    width: 500px;
    height: 500px;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: rgb(16,
    80,
    120);
    /* 	color: rgb(11, 77, 118); */
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: rgb(236,
    236,
    236);
    border-radius: 10px;
    visibility: visible !important;
}
.badge-vermelho {
    background-color: red;
    color: white;
}
.ative-agora-coluna {
    width: 140px;
    height: 220px;
    background-color: rgb(222,
    231,
    234);
    padding: 5px 10px 5px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    vertical-align: top;
}
.ative-agora-coluna-font {
    font-size: 12px;
    color: rgb(126,
    127,
    130);
}
.ative-agora-coluna-font div {
    font-size: 11px;
    font-weight: bold;
}
.ative-agora-coluna-font span {
    font-weight: bold;
    color: rgb(16,
    80,
    120);
    /* 	color: rgb(11, 77, 118); */
}
.fita-minhas-pendencias-cabecalho {
    height: 2px;
    background-image: url(/javax.faces.resource/fundo-fita-minhas-pendencias-cabecalho.jpg.xhtml?ln=imagens );

}
.coluna-um-minhas-pendencias-cabecalho {
    width: 270px;
    font-size: 12px;
    color: rgb(16,
    80,
    120);
    /* 	color: rgb(11, 77, 118); */
    font-weight: bold;
    background-image: linear-gradient(to bottom, rgb(213,229,235), rgb(175,195,208));
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.coluna-dois-minhas-pendencias-cabecalho {
    margin-left: 50px;
    width: 143px;
    font-size: 12px;
    color: white;
    font-weight: bold;
    background-image: linear-gradient(to bottom,
    rgb(255,
    63,
    63),
    rgb(165,
    0,
    0));
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.sem-pendencia {
    background-image: linear-gradient(to bottom,
    rgb(227,
    251,
    202),
    rgb(124,
    177,
    129)) !important;
}
.sem-borda tr,
.sem-borda td {
    height: 36px;
    border: none !important;
}
.checkbox {
    width: 28px;
    height: 28px;
    position: relative;
}
.squaredTwo {
    width: 28px;
    height: 28px;
    background: #fcfff4;
    background: -webkit-linear-gradient(top,
    #fcfff4 0%,
    #dfe5d7 40%,
    #b3bead 100%);
    background: -moz-linear-gradient(top,
    #fcfff4 0%,
    #dfe5d7 40%,
    #b3bead 100%);
    background: -o-linear-gradient(top,
    #fcfff4 0%,
    #dfe5d7 40%,
    #b3bead 100%);
    background: -ms-linear-gradient(top,
    #fcfff4 0%,
    #dfe5d7 40%,
    #b3bead 100%);
    background: linear-gradient(top,
    #fcfff4 0%,
    #dfe5d7 40%,
    #b3bead 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4',
    endColorstr='#b3bead',
    GradientType=0);
    margin: 20px auto;
    -webkit-box-shadow: inset 0px 1px 1px white,
    0px 1px 3px rgba(0,
    0,
    0,
    0.5);
    -moz-box-shadow: inset 0px 1px 1px white,
    0px 1px 3px rgba(0,
    0,
    0,
    0.5);
    box-shadow: inset 0px 1px 1px white,
    0px 1px 3px rgba(0,
    0,
    0,
    0.5);
    position: relative;
}
.squaredTwo label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 4px;
    top: 4px;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,
    0,
    0,
    0.5),
    0px 1px 0px rgba(255,
    255,
    255,
    1);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,
    0,
    0,
    0.5),
    0px 1px 0px rgba(255,
    255,
    255,
    1);
    box-shadow: inset 0px 1px 1px rgba(0,
    0,
    0,
    0.5),
    0px 1px 0px rgba(255,
    255,
    255,
    1);
    background: -webkit-linear-gradient(top,
    #222 0%,
    #45484d 100%);
    background: -moz-linear-gradient(top,
    #222 0%,
    #45484d 100%);
    background: -o-linear-gradient(top,
    #222 0%,
    #45484d 100%);
    background: -ms-linear-gradient(top,
    #222 0%,
    #45484d 100%);
    background: linear-gradient(top,
    #222 0%,
    #45484d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222',
    endColorstr='#45484d',
    GradientType=0);
}
.squaredTwo label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 4px;
    left: 4px;
    border: 3px solid #fcfff4;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.squaredTwo label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}
.squaredTwo input[type=checkbox]:checked+label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.ative-agora-cabecalho-img {
    width: 130px;
    height: 100%;
    float: left;
    position: relative;
}
.ative-agora-cabecalho-text {
    width: 360px;
    height: 100%;
    position: relative;
    display: table;
}
.ative-agora-cabecalho-text h2 {
    *position: absolute;
    display: table-cell;
    top: 50%;
    vertical-align: middle;
    text-align: left;
}
.ative-agora-cabecalho-text span {
    display: block;
    *position: relative;
    top: -50%;
}
.topo-sem-cadastro-assistente-fp {
    width: 473px;
    height: 160px;
    background-repeat: no-repeat;
    background-image: url(/javax.faces.resource/topo_sem_cadastro_assistente_fp_2.png.xhtml?ln=imagens
);

}
.termo-uso {
    text-align: justify;
    font-size: 12px!important;
    padding: 20px;
}
.termo-uso-scroll {
    overflow-y: scroll;
    height: 380px;
    padding: 20px;
}
.termo-uso-scroll-febrafar {
    overflow-y: scroll;
    height: 228px;
    padding: 20px;
}
#texto-2colunas {
    width: 600px;
    margin: 0 auto;
    /* 	border: 2px solid #FF1493; */
    padding: 5px;
    column-count: 2;
    column-rule: 1px dotted #808080;
    -moz-column-count: 2;
    -moz-column-rule: 1px dotted #808080;
    -webkit-column-count: 2;
    -webkit-column-rule: 1px dotted #808080;
    -o-column-count: 2;
    -o-column-rule: 1px dotted #808080;
}
.botao-salvar {
    background: #51a351 !important;
    border-color: #328145 !important;
    border-style: solid !important;
    border-width: 1px !important;
    height: 32px;
    width: 110px;
}
.botao-limpar {
    background: #f5f5f5 !important;
    color: #0e4c8b !important;
    border-color: rgb(169,
    169,
    169) !important;
    border-style: solid !important;
    border-width: 1px !important;
    height: 32px;
    width: 100px;
}
.botao-digitalizar {
    background: rgb(16,
    80,
    120) !important;
    border-color: #1F3C77 !important;
    border-style: solid !important;
    border-width: 1px !important;
    height: 45px;
    width: 188px;
    margin-top: 10px;
}
.row-botoes-digitalizar {
    vertical-align: bottom;
}
.panelImagemDigitalizar {
    border: 1pt solid rgb(210,
    210,
    210);
    /* 	overflow: auto; */
    position: relative;
    float: left;
    height: 599px;
    width: 100% !important;
    border-radius: 10px;
    background-color: white;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.panelImagemDigitalizar * {
    vertical-align: middle;
}
.panelImagemMiniaturas {
    border: 1pt solid rgb(210,
    210,
    210);
    overflow: auto;
    position: relative;
    float: left;
    height: 699px;
    width: 235px !important;
    border-radius: 10px;
    background-color: white;
    margin-left: 1px;
    display: inline-flex;
}

.panelControles {
	background-color: white;
	border-radius: 10px;
	width: 310px !important;
	float: right;
	border: 1pt solid rgb(210, 210, 210);
	display: table;

}

.imagemDigitalizada {
    margin: 20px;
}
.imagemCrop {
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: table;
}
.checksTiposDocs {
    display: table;
}
.separadorPanelDig {
    height: 1px;
    background: #68727B;
    width: 100%;
    margin-bottom: 5px;
}
.imgMini {
    margin: 5px;
}
.textoBalaoDigitalizar {
    position: relative;
    top: 20%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-left: 20px;
    margin-right: 20px;
    color: white;
    font-size: 16px;
}
.balaoDigitalizar {
    background: rgb(0,
    151,
    244);
    border-radius: 15px;
    width: 350px;
    height: 66px;
    position: fixed;
    z-index: 1000000000;
    top: 0 !important;
    right: 15px;
    /* 	margin-right: 50px; */
    margin-top: 2px;
}
.balaoDigitalizar-left {
    background: rgb(0,
    151,
    244);
    border-radius: 15px;
    width: 300px;
    height: 83px;
    position: fixed;
    z-index: 1000000000;
    top: 0 !important;
    left: 140px;
    margin-top: 2px;
}
.balaoDigitalizar:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid rgb(0,
    151,
    244);
    bottom: -12px;
    left: 20%;
}
.balaoDigitalizar-left:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid rgb(0,
    151,
    244);
    bottom: -12px;
    left: 20%;
}
.badge-digitalizacao {
    position: relative;
}
.badge-digitalizacao[data-badge]:after {
    content: attr(data-badge);
    position: absolute;
    font-size: .7em;
    background: #2f96b4;
    color: white;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    margin-left: 3px;
    top: 2px;
}
input {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* .ui-state-default, .ui-widget-content .ui-state-default, */

/* 	.ui-widget-header .ui-state-default { */

/* 	border: 1px solid #CFCFCF; */

/* 	/* 	background: #175695; */
* /
/* 	font-weight: normal; */

/* 	color: #ffffff; */

/* } */
.ui-inputfield {
    background: none repeat scroll 0% 0% rgb(228,
    228,
    228) !important;
    color: #0a4970 !important;
    border: 1px solid rgb(143,
    143,
    143);
}
.ui-widget-content {
    border: 1px solid #cccccc;
    background: #FFFFFF;
    color: #222222;
}
.verificarVendasFarmaciaPopularPendentes {
    background: #eea236;
    border-radius: 15px;
    width: 500px;
    height: 70px;
    position: absolute;
    z-index: 1004;
    /* 	top: 380px; */
    left: 200px;
}
.balaoVerificarVendasRealizadas {
    background: rgb(0,
    151,
    244);
    border-radius: 15px;
    width: 500px;
    height: 70px;
    position: absolute;
    z-index: 1004;
    /* 	top: 380px; */
    left: 200px;
}
.balaoAvisoValidadeReceita {
    background: rgb(0,
    151,
    244);
    border-radius: 15px;
    width: 500px;
    height: 70px;
    position: absolute;
    z-index: 1004;
    margin-top: 30%;
    left: 35%;
    /* 	top: 380px; */
    /* 	left: 200px; */
}
.verificarVendasFarmaciaPopularPendentes:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #eea236;
    bottom: -12px;
    left: 20%;
}
.balaoVerificarVendasRealizadas:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid rgb(0,
    151,
    244);
    bottom: -12px;
    left: 20%;
}
.ui-widget-header {
    border: 1px solid #FFFFFF;
    background: #424548;
    color: #F9F7F7;
    font-weight: bold;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #ffde2e;
    background: #ffeb80 url("/suareceitadigital/javax.faces.resource/images/ui-bg_inset-hard_55_ffeb80_1x100.png.xhtml?ln=primefaces-home") 50% bottom repeat-x;
    color: #363636;
    /* 		border: 1px solid rgb(16, 80, 120); */
    /* 	background: rgb(16, 80, 120); */
    /* 	color: white; */
}
select#source {
    -webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,
    0,
    0,
    0.1);
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-image: url(../resources/imagens/select.png),
    -webkit-linear-gradient(#FAFAFA,
    #F4F4F4 40%,
    #E5E5E5);
    background-position: 100% center;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
    color: #555;
    font-size: inherit;
    overflow: hidden;
    padding: 3px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 350px;
}
.display-none {
    display: none;
}
.div-miniatura-selecionada {
    border: 3px solid #2F96B4 !important;
    /* 	box-shadow: 0px 0px 10px 3px rgb(47, 150, 180); */
}
.div-miniatura {
    border: 1px solid #949494;
    box-shadow: none;
}
.customTitleDocsDigitalizados .ui-panel-titlebar {
    background-color: #51A351 !important;
    font-size: 16px;
}
.customTitleDocReaproveitaveis .ui-panel-titlebar {
    background-color: rgb(36,
    127,
    165) !important;
}
.customHeaderDocReaproveitaveis {
    border: 1px solid #AFAFAF;
    background-color: rgb(193,
    195,
    197) !important;
    font-weight: bold;
    color: #484848;
}
.customTitleDadosFP .ui-panel-titlebar {
    background-color: #FFCC00 !important;
    color: #3A3434 !important;
}
.customTitleVendaRealidaAnterior .ui-panel-titlebar {
    background-color: rgb(232,
    216,
    163) !important;
    color: #3A3434 !important;
}
.ui-overlay-hidden-pop-novidades {
    visibility: hidden !important;
    position: absolute;
    top: initial !important;
}
.febrafarTelaInicial {
    background-image: url(../resources/imagens/jiqui-tela-febrafar.png);
}
.febrafarBg {
    background-image: url(../resources/imagens/jiqui-bg.png);
}
.febrafarPlugin {
    background-image: url(../resources/imagens/jiqui-tela-plugin.png);
}
.atualizarPlugin {
    background-image: url(../resources/imagens/atualizar-plugin.jpg);
}
.rta {
    background-image: url(../resources/imagens/rta.jpg);
}
.botao-rta {
    background: rgb(16,
    80,
    120) !important;
    height: 60px;
    width: 550px;
    border-radius: 20px;
    font-size: 20px !important;
}
.strongTermo {
    font-weight: 800;
}
.paragrafoTermoFebrafar {
    font-size: 12px;
    font-weight: normal;
}
.nova-opcao-menu {
    color: #008016;
    font-weight: bold;
}

.visualizadorImagem {
    display: none;
    width:80%;
    height: 80%;
    float: left;
    border: 1px solid;
    border-radius: 10px;
    border: 1pt solid rgb(210,
    210,
    210);
}


/* .ui-state-default, .ui-widget-content .ui-state-default, */

/* 	.ui-widget-header .ui-state-default { */

/*     border: 1px solid #AFAFAF; */

/*     background: rgb(193, 195, 197); */

/*     font-weight: bold; */

/*     color: #484848; */

/* } */

.swal2-popup {
	min-width: 20em;
    min-height: 8em;
    width: auto !important;
}

#swal2-content > div.ui-dialog-buttonpane {
	margin-top: 20px;
}
.swal2-container {
	z-index: 99999999999999999 !important;
}

.swal2-popup {
	min-width: 20em;
    min-height: 8em;
    width: auto !important;
}

#swal2-title {
    font-weight: 500 !important;
    font-size: 24px !important;
    font-family: Arial, sans-serif !important;
    color: #175695;
}

.swal2-icon.swal2-warning {
    font-size: 18px !important;
}

#swal2-content > div.ui-dialog-buttonpane {
	margin-top: 20px;
}

#statusAvaliacaoNavegador {
    z-index: 5000030000;
}

div#form-dig\:dgDigDocs {
    width: calc(100% - 6px) !important;
    height: calc(100% - 6px) !important;
}

.ui-datatable .ui-datatable-data tr.ui-state-hover{
	border: none !important;
}

.trclass:hover { background: #eeeeee !important; }

.btn-confirm-custom {
    color: #fff !important;
    /* background-color:rgb(48, 133, 214) !important;
    border-color: rgb(48, 133, 214) !important; */
    background-color:rgb(23, 86, 149) !important;
    border-color: rgb(23, 86, 149) !important;
}

.btn-default-custom, .btn-cancel-custom {
    background-color:rgb(118, 116, 116) !important;
    border-color: rgb(118, 116, 116) !important;
    background-image: none !important;
}

.swal2-icon.swal2-info {
	font-size: 20px !important;
}

.swal2-icon.swal2-warning {
	font-size: 20px !important;
}

.swal2-icon.swal2-default {
	font-size: 20px !important;
}

.btn-custom-modal {
    padding: .20em 2em !important;
    margin-top: 0px !important;
}

.btn-custom-modal-show-button-with-transition {
    transition: height 1s, width 1s, padding 1s, display 1s, opacity 0.5s ease-in-out;
}

.description-custom-modal-srd {
    margin: 0px 0px 10px 0px; float: left; font-size: 14px
}


.buttons-modal-tutorial-only-video-whatch{
	background: #409e07 !important;
	height: 35px;
}

.info-select {
    font-size: 10px;
}
#panelVendasFarmaciaPopularPendentesPopUp {
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
}

#panelVendasFarmaciaPopularPendentesPopUp th, #panelVendasFarmaciaPopularPendentesPopUp td{
    border: 1px solid #a0a0a0;
    padding: 8px;
    width: 200px;
}

#panelVendasFarmaciaPopularPendentesPopUp th {
    background-color: #C1C3C5;
}

/* ajustes para botao de limpar selecao da dataTable vendasFpVar */
#formulario\:j_idt236_content, #formulario\:j_idt239_content {
	display: flex;
	flex-direction: column;
}

#formulario\:vendasfp-limpar-selecao {
	max-width: 8rem;
	margin-top: 6px !important;
}
/* ----------------------- */

@media screen and (max-height: 800px) {

	#botoes button {
	    height: 30px !important;
	    font-size: 10px !important;
	}

	#bts-salvar-documentos button {
	    height: 30px !important;
	    font-size: 10px !important;
	}

	#panelControles {
	 	overflow:auto !important;
	 	display: block;
	}


}