@IMPORT url("#{resource['css/customPrime.css']}");

@IMPORT url("#{resource['css/layoutMaster.css']}");

.fieldset {
	border-width: 2px;
	border-radius: 4px;
}

.currency,.peso,.numero,.decimal2,.decimal6 {
	text-align: right;
}

.tamanho100, .tamanho150, .tamanho200, .tamanho300, .tamanho450,.tamanho600,.tamanho900, .allRow {
	float: left;
	padding-bottom: 8px;
	min-height: 52px;
}

.tamanho100{
	width: 120px;
}

.tamanho150{
	width: 155px;
}

.tamanho200{
	width: 210px;
}

.tamanho300 {
	width: 310px;
}

.tamanho450{
	width: 450px;
}

.tamanho600 {
	width: 620px;
}

.tamanho900 {
	width: 930px;
}

.allRow {
	width: 100%;
}
.inputAuto {
	width: 90%;
}
.input100 {
	width: 100px;
}
.input70 {
	width: 70px;
}

.input150 {
	width: 150px;
}

.input200 {
	width: 200px;
}

.input300 {
	width: 290px;
}

.input600 {
	width: 600px;
}

.input700 {
	width: 700px;
}

.input900 {
	width: 900px;
}
.inputAllRow {
	width: 100%;
}
.inputMargin0 {
	margin-top: 0px !important;
}

.inputMargin4 {
	margin: 4px 0px !important;
}

.inputMargin6 {
	margin: 6px 0px !important;
}

.inputMargin20 {
	margin-top: 20px !important;
}

.imagemProduto {
	max-height: 136px;
}

.borderTable,.borderTable tr,.borderTable td {
	border: none !important;
	padding: 0px 4px 0px 0px !important;
}

#botoesTopo {
	width: 50%;
	margin-left: 50%;
	text-align: right;
	padding-bottom: 5px;
}

.cssObrigarorio {
	border-color: red;
}

.ocultar {
	display: none !important;
}

.ocultarRO {
	background-color: #F0F0F0 !important;
}

.textAlign-left {
 text-align:left;	
}
.textAlign-center {
 text-align:center;	
}
.textAlign-right {
 text-align:right;	
}

.icon_semaforo_red {
	background-image:
		url("#{request.contextPath}/javax.faces.resource/images/semaforo48_48.jpg.xhtml");
	background-position: 0px 0px;
	height: 50px;
	width: 16px;
}

.icon_semaforo_green {
	background-image:
		url("#{request.contextPath}/javax.faces.resource/images/semaforo48_48.jpg.xhtml");
	background-position: 16px 0px;
	height: 50px;
	width: 16px;
}

.icon_on-off_green {
	background-image:
		url("#{request.contextPath}/javax.faces.resource/images/icon_on_off.jpg.xhtml");
	background-position: 0px 0px;
	height: 50px;
	width: 50px;
}

.icon_on-off_red {
	background-image:
		url("#{request.contextPath}/javax.faces.resource/images/icon_on_off.jpg.xhtml");
	background-position: 55px 0px;
	height: 50px;
	width: 50px;
}

/*
[Marte] tirei pois parece que os campos datas não estão nunca ativos
input[readonly]:not(.knob) {
	background-color: #F0F0F0 !important;
}
)*/


div.ui-selectonemenu.ui-state-disabled {
	background-color: transparent !important;
}

label.ui-selectonemenu-label {
	background-color: transparent !important;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.inverted label {
	background-color: white !important;
}

input[readonly]:not(.hasDatepicker) {
	border: 0px !important;
    text-align: left !important;
    box-shadow: none !important;
    font-weight: bold !important;
    color: #555 !important;
    /*font-style: italic;*/
    background-color: transparent !important;
    opacity: 1.0 !important;
    width: 100% !important;
}

input[readonly].forceCenter {
    text-align: center !important;
}

input.lookDisable[readonly] {
	border: 1px !important;
    text-align: left !important;
    box-shadow: none !important;
    font-weight: bold !important;
    color: #555 !important;
    background-color: #DCDCDC !important;
    /*font-style: italic;*/
    opacity: 1.0 !important;
    width: 100% !important;
}


span.ui-outputlabel, .ui-outputpanel span:not(.plain):not(.botao) {
	border: 0px !important;
    text-align: left !important;
    box-shadow: none !important;
    font-weight: bold;
    color: #555 !important;
    /*font-style: italic;*/
    opacity: 1.0 !important;
}

span.botao {
	padding-left: 5px;
}

.valor {
	font-weight: bold !important;
	/*font-style: italic;*/
	color: #555 !important;
    opacity: 1.0 !important;
}

div.ui-selectonemenu.ui-state-disabled {
	border: 0px !important;
	color: #555 !important;
	/*font-style: italic;*/
    opacity: 1.0 !important;
    padding-right: 0px !important;
}

div.ui-selectonemenu.ui-state-disabled label {
	font-weight: bold !important;
	border: 0px solid black !important;
	color: #555 !important;
	box-shadow: none !important;
	/*font-style: italic;*/
}

div.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger {
	display: none;
}


table.semBordas, table.semBordas tbody,
table.semBordas tr, table.semBordas tr.ui-datatable-odd, table.semBordas tr.ui-datatable-even, 
table.semBordas th, table.semBordas td,
table.semBordas td.semBordas,
table.semBordas th.semBordas {border: 0px; background:none;}
table.semBordas th.semBordas {font-weight: bolder;}


div.big_button {
	float:left;
	margin-right: 10px;
}
.big_button {
	background-repeat: no-repeat;
	height: 64px;
	width: 64px;
	margin-right: 1px;
}
.big_button:HOVER {opacity:0.9;}

.red_button:HOVER {opacity:1;}
.red_button {
	background-image: url("#{resource['images/64x64/red_button.png']}");
}
.orange_button:HOVER {opacity:1;}
.orange_button {
	opacity:1;
	background-image: url("#{resource['images/64x64/orange_button.png']}");
}
.green_button:HOVER {opacity:1;}
.green_button {
	opacity:1;
	background-image: url("#{resource['images/64x64/green_button.png']}");
}

.big_button.manual_entry_button { background-image: url("#{resource['images/64x64/manual_entry.png']}"); }
.big_button.play_button { background-image: url("#{resource['images/64x64/play.png']}"); }
.big_button.pause_button { background-image: url("#{resource['images/64x64/pause.png']}"); }
.big_button.unpause_button { background-image: url("#{resource['images/64x64/unpause.png']}"); }
.big_button.stop_button { background-image: url("#{resource['images/64x64/stop.png']}"); }
.big_button.previous_button { background-image: url("#{resource['images/64x64/previous.png']}"); }
.big_button.repeat_button { background-image: url("#{resource['images/64x64/repeat.png']}"); }

@-webkit-keyframes blink {
    0%   {opacity: 1;}
    50%  {opacity: 0.2;}
    100% {opacity: 1;}
}
@-moz-keyframes blink {
    0%   {opacity: 1;}
    50%  {opacity: 0.2;}
    100% {opacity: 1;}
}
@-o-keyframes blink {
    0%   {opacity: 1;}
    50%  {opacity: 0.2;}
    100% {opacity: 1;}
}
@-webkit-keyframes box-blink {
	0%   {background: transparent;}
    50% {background: #EEE;}
    100% {background: transparent;}
}
@-moz-keyframes box-blink {
    0%   {background: #AAA;}
    50% {background: transparent;}
    100% {background: #AAA;}
}
@-o-keyframes box-blink {
	0%   {background: #AAA;}
    50% {background: transparent;}
    100% {background: #AAA;}
}

.box.blinking {
	-webkit-animation: box-blink 3s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: box-blink 3s;
    -moz-animation-iteration-count: infinite;
    -o-animation: box-blink 3s;
    -o-animation-iteration-count: infinite;
}
.blinking.big_button{
    -webkit-animation: blink 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: blink 1s;
    -moz-animation-iteration-count: infinite;
    -o-animation: blink 1s;
    -o-animation-iteration-count: infinite;
}

[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}
.button-operacao {
	width: 65px;
	height: 65px;
	float: left;
	background-color: #EEE;
	color: #222;
	font-size: 35px !important;
	border-radius: 50%;
	padding: 0px !important;
	margin: 0px 5px;
	margin-bottom: 0px !important;
}
.button-operacao:hover {
	background-color: #CCC !important;
}
.selecao-item, .selecao-info {
	margin-bottom: 10px;
	margin-right: 10px;
	display: inline-block;
	font-weight: bold !important;
	/*font-style: italic;*/
	color: #555 !important;
    opacity: 1.0 !important;
}
.inputSeparar > .ui-button {
	width: 130px;
}
.btnConfirmarGTI {
	color: #FFF;
}
.outputDetalhesSeparacao {
	color: #0000009c;
}   
.textRight {
	border-right: 2px solid #0000008F;
	text-align: right
}
.inputTop {
	top: 24px;
}

.informarReprovado {
    margin-left: 42px !important;
}

.linkContrato {
	color: white; 
	font-weight: bold;
	text-transform: uppercase;
	font-size: 90%;
	display: inline;
}

.col-serie input, .col-lote input, .col-peso input, .col-valor input, .col-dt-fabricacao input, .col-dt-validade input {
	width: 90%;
}

.panel-serie input, .panel-lote input, .panel-peso input, .panel-valor input, .panel-dt-fabricacao input, .panel-dt-validade input {
	width: 120px;
}

.ui-button.plain span {
	font-weight: normal !important;
}

 .support-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    background-color: #007bff;
    color: white;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    transition: background 0.3s, transform 0.3s ease-in-out;
  }
	
 .support-button:hover {
   background-color: #0056b3;
   transform: scale(1.1);
 }

 .support-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 30px;
   height: 30px;
   margin-right: 10px;
 }

 .support-icon svg {
   width: 24px;
   height: 24px;
 }

 .support-text {
   font-family: Arial, sans-serif;
 }