input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button,
input[type=time]::-webkit-inner-spin-button, 
input[type=time]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=date]::-webkit-inner-spin-button, 
input[type=date]::-webkit-outer-spin-button
/*input[type=date]::-webkit-inner-clear-button,*/
/*input[type=date]::-webkit-inner-cancel-button*/ { 
  -webkit-appearance: none; 
  margin: 0; 
  display: none;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    /*padding: 0; */
}

input[type="time"]::-webkit-clear-button {
    /*display: none;*/
}
input[type="date"]::-webkit-clear-button {
    /*display: none;*/
}

input[type="time"]::-webkit-calendar-picker-indicator {
    /*background: none;*/
	/*display: none;*/
	padding:0 0 0 0;
	margin:0;
}

body { /*bootstrap*/
  font-family: Calibri,"Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: white;

}

.form-control { /*bootstrap*/
	-webkit-box-shadow: none;
	box-shadow:none;
}

.btn { /*bootstrap*/
    padding: 5px 8px
}

.truncate {
  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}

.truncateTD {
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:1px;
}


.input-xs { /*bootstrap*/
  height: 22px;
  padding: 0px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-xs { /*bootstrap*/
  height: 22px;
  line-height: 22px;
}
textarea.input-xs,
select[multiple].input-xs { /*bootstrap*/
  height: auto;
}

.input-md { /*bootstrap*/
  height: 34px;
  padding: 0px 5px;
  margin-bottom: 5px;
}
select.input-md { /*bootstrap*/
  height: 34px;
  margin-bottom: 5px;
}
textarea.input-md,
select[multiple].input-md { /*bootstrap*/
  height: auto;
  margin-bottom: 5px;
}

.input-lg { /*bootstrap*/
  height: 44px;
  padding: 0px 5px;
  margin-bottom: 5px;
}
select.input-lg { /*bootstrap*/
  height: 44px;
  margin-bottom: 5px;
}
textarea.input-lg,
select[multiple].input-lg { /*bootstrap*/
  height: auto;
  margin-bottom: 5px;
}


label.small, label.normal {
    margin-bottom: 0px;
}

.searchList {
    height: 200px;
    overflow-y: scroll;   
}
.searchList li {
    cursor: pointer;
}

.searchItem {
    background-color: silver !important;
	/*background-color: rgb(253 248 153) !important;*/
}

.searchLoading {
    z-index:999; 
    position:relative;
    float: right;
    /*background-color:white;*/
    padding:4px 3px 1px 5px;
    font-size: 12px;
    margin-bottom: -30px;
    display:none;
}
.searchSelected {
    z-index:999;
    position:relative;
    float: left;
    background-color:#dcdcdc;
    border-radius:3px;
    padding:3px 3px 1px 5px;
    font-size: 12px;
    margin-bottom: -30px;
    display:none;
    user-select: none;
    white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}
.searchClose {
    float: right;
    height: 14px;
    width: 14px;
    text-align: center;
    background-color: #b4b4b4;
    color: black;
    border-radius: 6px;
    font-size: 10px;
    cursor: pointer;
}
.searchDesc {
    text-overflow: ellipsis;
    overflow: hidden;
}
.searchDesc:empty::after {
	content: "\00a0";
}

#recolheMenu {
	background-color:none;
	cursor:pointer;
}

#recolheMenu:hover {
	background-color:brown;
}

.ui-datepicker {
    /*
    position: relative;
    z-index: 999999 !important;
	*/
	z-index:999999 !important;
}

.tabLoading {
	font-size:12px; 
	text-align:center; 
	color:red; 
	cursor:pointer; 
	z-index:1; 
	position:relative; 
	float:right; 
	top:0px;
	margin-bottom:-14px;	
	margin-right:18px;
	margin-top:3px;
}

.startHidden {
	display:none;
}

.formGrid {
    display: none;
}

.btnIcon {
	margin-right:15px; 
	padding:0px 5px 0px 5px; 
	height:22px; 
	font-size:14px;
}
.btnIcon16px {
	margin:0px; 
	padding:0px 0px 0px 0px; 
	height:16px;
	width:16px;
	font-size:10px;
}
.btnIcon16px:focus {
	outline:0;
}

.btnIcon14px {
	margin:0px; 
	padding:0px 0px 0px 0px; 
	height:14px;
	width:14px;
	font-size:9px;
	border-radius:3px;
}

.btnIcon20px {
	margin:0px; 
	padding:0px 0px 0px 0px; 
	height:20px;
	width:20px;
	font-size:12px;
	border-radius:3px;
}

.btnIcon24px {
	margin:0px; 
	padding:0px 0px 0px 0px; 
	height:24px;
	width:24px;
	font-size:12px;
	border-radius:3px;
}

.reportFiltroItem {
  font-weight:normal; 
  border:1px solid silver; 
  border-radius:2px; 
  padding:1px; 
  margin-left:5px; 
  cursor:pointer;
}

@media (max-width: 768px) {
    .mobileHide {
        display: none;
    }
  
}

@media screen and (max-width: 768px) {
    .reportTable.mobileExpand {
        width: 200%;
        max-width: 200%;
    }
    
    .btnMobileShorcut {
        position: fixed;
        bottom: 40px;
        right: 40px;
        width: 50px;
        height: 50px;
        border-radius: 25px;
        z-index: 999;
        font-size: 20px;
    }

	button.mobileIconOnly {
		font-size: 0;
	}
	button.mobileIconOnly::after {
		font-size: 14px;
		content : " ";
	}
	button.mobileIconOnly i {
		font-size: initial;
	}	

	/* remover icone de relógio no mobile
	.input-group-addon > input[type="time"]::-webkit-calendar-picker-indicator {
		background: none;
		display: none;
		padding: 0;
		width: auto;
	 }
	 .input-group-addon > input[type="time"] {
		 width: auto !important;
		 padding-left: 2px;
		 padding-right: 2px;
		 text-align: center;
	  }
	 .input-group-addon:has(input[type="time"]) {
		 width: auto !important;
	 }
	 */

}
@media screen and (min-width: 769px) {
    
    .mobileShow {
        display: none;
    }        
    
    .reportTable {
        width: 100%;
    }
    
    .modalExpanded {
        width:auto;
        margin: 10px;
    }

    .modalWidth800px {
        width:800px;
    }
    
    .btnMobileShorcut {
        display: none;
    }
}

@media screen {

    .reportTable.expand {
        width: 200%;
        max-width: 200%;
    }

    .modalPagamentoLarge > .modal-dialog {
      width:850px;
      margin: auto;
    }    

    .printOnly {
        display: none;
    }
    
	.reportTitle {
		display: none;
	}
    
    .reportTable.smaller2 thead tr th, .reportTable.smaller2 tbody tr td {
        padding: 2px;
        font-size: 80%;
    }
    
    
	#page-wrapper {
		padding: 5px;
	}
    .row {
      margin-right: 0px;
      margin-left: 0px;
    }
	.page-header {
		margin:0px;
        border:0px;
	}
    .col-lg-12 {
        padding-left:0px; 
        padding-right:0px;
    }
    
    .overflowY {
        overflow-y:scroll;
    }

}

.row.padding2px div {
	padding: 0 2px;
}

.noemail {
  display: none;
}

@media print {
  
  /* remove o (link) na impressao */
  a[href]:after {
    content: none !important;
  }
  
	.form-control {
		border: 0px;
		text-align: left !important;
	}

	/*@page {size: landscape}*/
	
    .reportTable {
        width: 100%;
    }   
    
	.noprint, .sort-arrow {
		display: none !important; 
  }	
  
	#page-wrapper {
		padding-top: 0px;
        margin: 0px;
	}

	#btDebug {
		display: none;
	}
	#debug {
		display: none;
	}
	#filtro {
		display: none;
	}
	#filtroToolbar {
		display: none;
  }
  .panelToolbar {
    display: none;
  }
	
	.reportTitle th {
		text-align:center;
		font-size:20px;
		border:0px;
  }
    
  .reportTable.smaller2 thead tr th, .reportTable.smaller2 tbody tr td {
      padding: 2px;
      font-size: 60%;
  }
    
	
	@page {
		/*margin: 0.9cm;*/
        /*size: auto;  */
        /*margin-top: 0mm;*/
        /*@bottom-right {
            content: counter(page) " of " counter(pages);
        }*/
	}
				
	.panel {
		border:0px;
	}
	.panel-body {
		padding:0px;
	}
	.panel-heading {
		text-align: center;
		font-size: 18px;
		border-bottom:0px;
	}
	.col-md-12 {
		padding:0px;
	}
    
    .overflowY {
        overflow-y:none;
    }
    
}

.reportTotalizador {
  font-weight:bold;
}
.reportTotalizador td {
  /*height: 40px;*/
}

.pagamentoEventos .captionField {
  font-size:80%; 
  font-weight:bold;
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #eeeeee; /*#f9f9f9*/
}

/* USADO PARA ROLAR SOMENTE O TBODY */
table.tableSection {
  display: table;
  width: 100%;
}

table.tableSection thead,
table.tableSection tbody {
  width: 100%;
}

table.tableSection thead {
  overflow-y: scroll;
  display: table;
  table-layout: fixed;
  width: calc(100% - 16px); /* assuming scrollbar width as 16px */
}

table.tableSection tbody {
  overflow: auto;
  height: 300px;
  display: block;
}

table.tableSection tr {
  width: 100%;
  text-align: left;
  display: table;
  table-layout: fixed;
}

.reportTable.slim thead tr th, .reportTable.slim tbody tr td {
  padding: 2px;
}

.reportTable.slim2 thead tr th, .reportTable.slim2 tbody tr td {
  padding: 4px;
}

.reportTable.small thead tr th, .reportTable.small tbody tr td {
    padding: 2px;
}
.reportTable > .medium thead tr th, .reportTable > .medium tbody tr td {
    padding: 3px;
    font-size: 90%;
}
.reportTable.smaller thead tr th, .reportTable.smaller tbody tr td {
    padding: 2px;
    font-size: 80%;
}

.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

.numeroLinha {
  text-align: center;
  font-size: 80%;
  color: silver;  
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

.confirmRowDelete td {
    background-color: #ef9a9a;
}

.btn-orange {
  background-color: #f0ad4e !important;
  color: white;
}
.btn-orange.btn-outline {
  color: #f0ad4e;
}
.btn-orange.btn-outline:hover {
  color: white;
}
.btn-orange:hover {
	background-color: #d89c47 !important;
	color: white;
}

.btn-brown {
	background-color: #886a40 !important;
	color: white;
}
.btn-brown.btn-outline {
	color: #886a40;
}
.btn-brown:hover {
	background-color: #775b36 !important;
	color: white;
}

.btn-darkcyan {
	background-color: darkcyan !important;
	color: white;
}
.btn-darkcyan.btn-outline {
	color: darkcyan;
}
.btn-darkcyan:hover {
	background-color: darkcyan !important;
	color: white;
}

.btn-silver {
    color: #161616;
    background-color: #ededed;
    border-color: #ccc;
}
.btn-silver.btn-outline {
	color: #ededed;
}
.btn-silver:hover {
	background-color: #e6e6e6 !important;
	border-color: #adadad;
}


.borderless {
  border:0px;
}

.piscar{
  animation: blink 1s infinite;
}

.blink{
   font-size: 240px;
   color: rgb (0, 137, 226);

   animation: blink 1s infinite;
}
@keyframes blink{
   0%{opacity: 1;}
   75%{opacity: 1;}
   76%{ opacity: 0;}
   100%{opacity: 0;}
}

/*=================*/

@keyframes blink-red {
  0% { background-color: rgb(255, 255, 255) }
  50% { background-color: rgb(255, 0, 0) }
  100% { background-color: rgb(255, 255, 255) }
}
@-webkit-keyframes blink-red { 
  0% { background-color: rgba(255,0,0,1) }
  50% { background-color: rgba(255,0,0,0.5) }
  100% { background-color: rgba(255,0,0,1) }
}

.blink-red-fade {
  -moz-transition:all 0.5s ease-in-out;
  -webkit-transition:all 0.5s ease-in-out;
  -o-transition:all 0.5s ease-in-out;
  -ms-transition:all 0.5s ease-in-out;
  transition:all 0.5s ease-in-out;
  -moz-animation:blink-red normal 1.5s infinite ease-in-out;
  /* Firefox */
  -webkit-animation:blink-red normal 1.5s infinite ease-in-out;
  /* Webkit */
  -ms-animation:blink-red normal 1.5s infinite ease-in-out;
  /* IE */
  animation:blink-red normal 1.5s infinite ease-in-out;
  /* Opera */
}
/*=================*/

.noSelect {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */      
}

.smallTabs {
    height: 30px;    
}

.smallTabs li a {
    padding: 5px;
    cursor: pointer;
}

.skyBlue > li.active > a, .skyBlue > li.active > a:hover, .skyBlue > li.active > a:focus {
    background-color: skyblue;
}

.panelToolbar, .panelToolbarSmall {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 5px 5px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;    
}
.smallButtons button {
    padding:2px 5px;
}

/* Ajuste de Grid para aproveitamento de espaço */
.col-md-1_25, .col-sm-1_25, .col-md-2_25, .col-sm-2_25, .col-md-3_25, .col-sm-3_25, .col-md-4_25, .col-sm-4_25, 
.col-md-1_5, .col-sm-1_5, .col-md-2_5, .col-sm-2_5, .col-md-3_5, .col-sm-3_5, .col-md-4_5, .col-sm-4_5, 
.col-md-1_75, .col-sm-1_75, .col-md-2_75, .col-sm-2_75, .col-md-3_75, .col-sm-3_75, .col-md-4_75, .col-sm-4_75, 
.col-xs-10p, .col-xs-20p, .col-xs-30p, .col-xs-40p, .col-xs-50p, .col-xs-60p, .col-xs-70p, .col-xs-80p, .col-xs-90p, .col-xs-100p,
.col-sm-10p, .col-sm-20p, .col-sm-30p, .col-sm-40p, .col-sm-50p, .col-sm-60p, .col-sm-70p, .col-sm-80p, .col-sm-90p, .col-sm-100p,
.col-md-10p, .col-md-20p, .col-md-30p, .col-md-40p, .col-md-50p, .col-md-60p, .col-md-70p, .col-md-80p, .col-md-90p, .col-md-100p,
.col-lg-10p, .col-lg-20p, .col-lg-30p, .col-lg-40p, .col-lg-50p, .col-lg-60p, .col-lg-70p, .col-lg-80p, .col-lg-90p, .col-lg-100p
 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

/* grid com um quarto */
@media (max-width: 767px) {

	.col-xs-0_25 {
		float: left;
		width: 2.08%;
	}
	.col-xs-1_25 {
		float: left;
		width: 10.42%;
	}
	.col-xs-2_25 {
		float: left;
		width: 18.75%;
	}
	.col-xs-3_25 {
		float: left;
		width: 27.08%;
	}
	.col-xs-4_25 {
		float: left;
		width: 35.41%;
	}
}
@media (min-width: 768px) {

	.col-sm-0_25 {
		float: left;
		width: 2.08%;
	}
	.col-sm-1_25 {
		float: left;
		width: 10.42%;
	}
	.col-sm-2_25 {
		float: left;
		width: 18.75%;
	}
	.col-sm-3_25 {
		float: left;
		width: 27.08%;
	}
	.col-sm-4_25 {
		float: left;
		width: 35.41%;
	}
}
@media (min-width: 992px) {

	.col-md-0_25 {
		float: left;
		width: 2.08%;
	}
	.col-md-1_25 {
		float: left;
		width: 10.42%;
	}
	.col-md-2_25 {
		float: left;
		width: 18.75%;
	}
	.col-md-3_25 {
		float: left;
		width: 27.08%;
	}
	.col-md-4_25 {
		float: left;
		width: 35.41%;
	}
}

/* grid com meio */
@media (max-width: 767px) {

	.col-xs-0_5 {
		float: left;
		width: 4.165%;
	}
	.col-xs-1_5 {
		float: left;
		width: 12.5%;
	}
	.col-xs-2_5 {
		float: left;
		width: 20.83%;
	}
	.col-xs-3_5 {
		float: left;
		width: 29.165%;
	}
	.col-xs-4_5 {
		float: left;
		width: 37.495%;
	}
}
@media (min-width: 768px) {

	.col-sm-0_5 {
		float: left;
		width: 4.165%;
	}
	.col-sm-1_5 {
		float: left;
		width: 12.5%;
	}
	.col-sm-2_5 {
		float: left;
		width: 20.83%;
	}
	.col-sm-3_5 {
		float: left;
		width: 29.165%;
	}
	.col-sm-4_5 {
		float: left;
		width: 37.495%;
	}
}
@media (min-width: 992px) {

	.col-md-0_5 {
		float: left;
		width: 4.165%;
	}
	.col-md-1_5 {
		float: left;
		width: 12.5%;
	}
	.col-md-2_5 {
		float: left;
		width: 20.83%;
	}
	.col-md-3_5 {
		float: left;
		width: 29.165%;
	}
	.col-md-4_5 {
		float: left;
		width: 37.495%;
	}	

}

/* grid com três quartos */
@media (max-width: 767px) {

	.col-xs-0_75 {
		float: left;
		width: 6.25%;
	}
	.col-xs-1_75 {
		float: left;
		width: 18.75%;
	}
	.col-xs-2_75 {
		float: left;
		width: 31.24%;
	}
	.col-xs-3_75 {
		float: left;
		width: 43.74%;
	}
	.col-xs-4_75 {
		float: left;
		width: 56.24%;
	}
}
@media (min-width: 768px) {

	.col-sm-0_75 {
		float: left;
		width: 6.25%;
	}
	.col-sm-1_75 {
		float: left;
		width: 18.75%;
	}
	.col-sm-2_75 {
		float: left;
		width: 31.24%;
	}
	.col-sm-3_75 {
		float: left;
		width: 43.74%;
	}
	.col-sm-4_75 {
		float: left;
		width: 56.24%;
	}
}
@media (min-width: 992px) {

	.col-md-0_75 {
		float: left;
		width: 6.25%;
	}
	.col-md-1_75 {
		float: left;
		width: 14.58%;
	}
	.col-md-2_75 {
		float: left;
		width: 22.91%;
	}
	.col-md-3_75 {
		float: left;
		width: 31.24%;
	}
	.col-md-4_75 {
		float: left;
		width: 39.57%;
	}
}

/* grid com percent direto */
@media (max-width: 767px) {

	.col-xs-10p {
		float: left;
		width: 10%;
	}
	.col-xs-15p {
		float: left;
		width: 15%;
	}
	.col-xs-20p {
		float: left;
		width: 20%;
	}
	.col-xs-25p {
		float: left;
		width: 25%;
	}
	.col-xs-30p {
		float: left;
		width: 30%;
	}
	.col-xs-40p {
		float: left;
		width: 40%;
	}
	.col-xs-50p {
		float: left;
		width: 50%;
	}
	.col-xs-60p {
		float: left;
		width: 60%;
	}
	.col-xs-70p {
		float: left;
		width: 70%;
	}
	.col-xs-80p {
		float: left;
		width: 80%;
	}
	.col-xs-90p {
		float: left;
		width: 90%;
	}
	.col-xs-100p {
		float: left;
		width: 100%;
	}
}
@media (min-width: 768px) {

	.col-sm-10p {
		float: left;
		width: 10%;
	}
	.col-sm-15p {
		float: left;
		width: 15%;
	}	
	.col-sm-20p {
		float: left;
		width: 20%;
	}
	.col-sm-25p {
		float: left;
		width: 25%;
	}
	.col-sm-30p {
		float: left;
		width: 30%;
	}
	.col-sm-40p {
		float: left;
		width: 40%;
	}
	.col-sm-50p {
		float: left;
		width: 50%;
	}
	.col-sm-60p {
		float: left;
		width: 60%;
	}
	.col-sm-70p {
		float: left;
		width: 70%;
	}
	.col-sm-80p {
		float: left;
		width: 80%;
	}
	.col-sm-90p {
		float: left;
		width: 90%;
	}
	.col-sm-100p {
		float: left;
		width: 100%;
	}	

}
@media (min-width: 992px) {

	.col-md-10p {
		float: left;
		width: 10%;
	}
	.col-md-15p {
		float: left;
		width: 15%;
	}
	.col-md-20p {
		float: left;
		width: 20%;
	}
	.col-md-25p {
		float: left;
		width: 25%;
	}
	.col-md-30p {
		float: left;
		width: 30%;
	}
	.col-md-40p {
		float: left;
		width: 40%;
	}
	.col-md-50p {
		float: left;
		width: 50%;
	}
	.col-md-60p {
		float: left;
		width: 60%;
	}
	.col-md-70p {
		float: left;
		width: 70%;
	}
	.col-md-80p {
		float: left;
		width: 80%;
	}
	.col-md-90p {
		float: left;
		width: 90%;
	}
	.col-md-100p {
		float: left;
		width: 100%;
	}

}

/*
.col-xs-0_75, .col-xs-1_75, .col-xs-2_75, .col-xs-3_75, .col-xs-4_75, .col-xs-5_75, .col-xs-6_75, .col-xs-7_75, .col-xs-8_75, .col-xs-9_75, .col-xs-10_75, .col-xs-11_75,
.col-sm-0_75, .col-sm-1_75, .col-sm-2_75, .col-sm-3_75, .col-sm-4_75, .col-sm-5_75, .col-sm-6_75, .col-sm-7_75, .col-sm-8_75, .col-sm-9_75, .col-sm-10_75, .col-sm-11_75,
.col-md-0_75, .col-md-1_75, .col-md-2_75, .col-md-3_75, .col-md-4_75, .col-md-5_75, .col-md-6_75, .col-md-7_75, .col-md-8_75, .col-md-9_75, .col-md-10_75, .col-md-11_75,
.col-lg-0_75, .col-lg-1_75, .col-lg-2_75, .col-lg-3_75, .col-lg-4_75, .col-lg-5_75, .col-lg-6_75, .col-lg-7_75, .col-lg-8_75, .col-lg-9_75, .col-lg-10_75, .col-lg-11_75,
.col-xs-0_25, .col-xs-1_25, .col-xs-2_25, .col-xs-3_25, .col-xs-4_25, .col-xs-5_25, .col-xs-6_25, .col-xs-7_25, .col-xs-8_25, .col-xs-9_25, .col-xs-10_25, .col-xs-11_25,
.col-sm-0_25, .col-sm-1_25, .col-sm-2_25, .col-sm-3_25, .col-sm-4_25, .col-sm-5_25, .col-sm-6_25, .col-sm-7_25, .col-sm-8_25, .col-sm-9_25, .col-sm-10_25, .col-sm-11_25,
.col-md-0_25, .col-md-1_25, .col-md-2_25, .col-md-3_25, .col-md-4_25, .col-md-5_25, .col-md-6_25, .col-md-7_25, .col-md-8_25, .col-md-9_25, .col-md-10_25, .col-md-11_25,
.col-lg-0_25, .col-lg-1_25, .col-lg-2_25, .col-lg-3_25, .col-lg-4_25, .col-lg-5_25, .col-lg-6_25, .col-lg-7_25, .col-lg-8_25, .col-lg-9_25, .col-lg-10_25, .col-lg-11_25 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;

	float: left;
}

.col-xs-4_75 {
	width: 39.5833%;
}
.col-xs-3_75 {
	width: 31.25%;
}
.col-xs-2_75 {
	width: 22.9167%;
}
.col-xs-1_75 {
	width: 14.5833%;
}
.col-xs-0_75 {
	width: 6.25%;
}

.col-xs-4_5 {
	width: 37.495%;
}
.col-xs-3_5 {
	width: 29.165%;
}
.col-xs-2_5 {
	width: 20.83%;
}
.col-xs-1_5 {
	width: 12.5%;
}
.col-xs-0_5 {
	width: 4.165%;
}

.col-xs-4_25 {
	width: 41.6666%;
}
.col-xs-3_25 {
	width: 31.25%;
}
.col-xs-2_25 {
	width: 20.8333%;
}
.col-xs-1_25 {
	width: 10.4166%;
}
.col-xs-0_25 {
	width: 2.08%;
}

@media (min-width: 768px) {
	.col-sm-4_75 {
		width: 39.5833%;
	}
	.col-sm-3_75 {
		width: 31.25%;
	}
	.col-sm-2_75 {
		width: 22.9167%;
	}
	.col-sm-1_75 {
		width: 14.5833%;
	}
	.col-sm-0_75 {
		width: 6.25%;
	}

	.col-sm-4_5 {
		width: 37.495%;
	}
	.col-sm-3_5 {
		width: 29.165%;
	}
	.col-sm-2_5 {
		width: 20.83%;
	}
	.col-sm-1_5 {
		width: 12.5%;
	}
	.col-sm-0_5 {
		width: 4.165%;
	}
	
	.col-sm-4_25 {
		width: 41.6666%;
	}
	.col-sm-3_25 {
		width: 31.25%;
	}
	.col-sm-2_25 {
		width: 20.8333%;
	}
	.col-sm-1_25 {
		width: 10.4166%;
	}
	.col-sm-0_25 {
		width: 2.08%;
	}	
}
@media (min-width: 992px) {
	.col-md-4_75 {
		width: 39.5833%;
	}
	.col-md-3_75 {
		width: 31.25%;
	}
	.col-md-2_75 {
		width: 22.9167%;
	}
	.col-md-1_75 {
		width: 14.5833%;
	}
	.col-md-0_75 {
		width: 6.25%;
	}

	.col-md-4_5 {
		width: 37.495%;
	}
	.col-md-3_5 {
		width: 29.165%;
	}
	.col-md-2_5 {
		width: 20.83%;
	}
	.col-md-1_5 {
		width: 12.5%;
	}
	.col-md-0_5 {
		width: 4.165%;
	}
	
	.col-md-4_25 {
		width: 41.6666%;
	}
	.col-md-3_25 {
		width: 31.25%;
	}
	.col-md-2_25 {
		width: 20.8333%;
	}
	.col-md-1_25 {
		width: 10.4166%;
	}
	.col-md-0_25 {
		width: 2.08%;
	}
}
@media (min-width: 1200px) {
	.col-lg-4_75 {
		width: 39.5833%;
	}
	.col-lg-3_75 {
		width: 31.25%;
	}
	.col-lg-2_75 {
		width: 22.9167%;
	}
	.col-lg-1_75 {
		width: 14.5833%;
	}
	.col-lg-0_75 {
		width: 6.25%;
	}

	.col-lg-4_5 {
		width: 37.495%;
	}
	.col-lg-3_5 {
		width: 29.165%;
	}
	.col-lg-2_5 {
		width: 20.83%;
	}
	.col-lg-1_5 {
		width: 12.5%;
	}
	.col-lg-0_5 {
		width: 4.165%;
	}
	
	.col-lg-4_25 {
		width: 41.6666%;
	}
	.col-lg-3_25 {
		width: 31.25%;
	}
	.col-lg-2_25 {
		width: 20.8333%;
	}
	.col-lg-1_25 {
		width: 10.4166%;
	}
	.col-lg-0_25 {
		width: 2.08%;
	}
}

*/




@media (min-width: 768px) {
	.showInMobileOnly {
		display: none;
	}
}
@media (max-width: 767px) {
	.showInMobileOnly {
		display: block;
	}
	.hideInMobile {
		display: none;
	}
}

.show-grid.report {
    margin:0px;
}

.show-grid.report [class^="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 0px solid black;
  /*border-right:0px;*/
  border-bottom:0px;
  background-color: white !important;
  border-collapse:collapse;
}
.rightBorder {
    border-right:1px solid black;
}

.features2 .row > div{
    outline: 1px solid red;
}
/*
.row {
  margin-right: 0px;
  margin-left: 0px; }

.row > [class*="col-"] {
  padding-left: 0px;
  padding-right: 0px; }
*/

.reportOS {
    width: 100%;
}

.reportOS tbody tr td, .reportOS thead tr th {
    padding:1px;
    padding-left:3px;
    padding-right:3px;
    /*border:1px solid black;*/
    vertical-align: top;
}
.reportOS .caption {
    font-size:70%;
    font-weight: bold;
}
.reportOS .captionLeft {
    font-size:70%;
    font-weight: bold;
}
.reportOS .value {
    
    font-size:80%;
    font-weight: normal;
    /*text-align: right;*/
}
.reportOS th.grid {
    width:5%; 
    height:0px; 
    padding:0px; 
    border: 0px solid white;
    top:-1px;
}
.reportOS.list th {
    font-size:12px;
    background-color: #ddd;
    text-align:center;
}
.reportOS.list td {
    font-weight: normal;
    font-size:12px;
}

.reportOS.list.small th {
    font-size:10px;
}
.reportOS.list.small td {
    font-size:10px;
}

.espelho, .notaFiscal {
  width: 100%;
}

.espelho tbody tr td, .espelho thead tr th, .notaFiscal tbody tr td, .notaFiscal thead tr th {
  padding:1px;
  padding-left:3px;
  padding-right:3px;
  /*border:1px solid black;*/
  vertical-align: top;
  page-break-inside: avoid;
  
}
.espelho .caption, .espelho .captionLeft {
  font-size:90%;
  font-weight: bold;
}

.notaFiscal .caption, .notaFiscal .captionLeft {
	font-size:80%;
	font-weight: bold;
}

.espelho .value, .notaFiscal .value {
  
  font-size:100%;
  font-weight: normal;
  /*text-align: right;*/
}
.espelho th.grid, .notaFiscal th.grid {
  width:5%; 
  height:0px; 
  padding:0px; 
  border: 0px solid white;
  top:-1px;
}
.espelho.list th, .notaFiscal.list th {
  font-size:12px;
  background-color: #ddd;
  text-align:center;
}
.espelho.list td, .notaFiscal.list td {
  font-weight: normal;
  font-size:12px;
}

.espelho.list.small th, .espelho.list.small td, .notaFiscal.list.small th, .notaFiscal.list.small td {
  font-size:10px;
}




/*
.modal.in .modal-dialog 
{
    -webkit-transform: translate(0, calc(50vh - 50%));
    -ms-transform: translate(0, 50vh) translate(0, -50%);
    -o-transform: translate(0, calc(50vh - 50%));
    transform: translate(0, 50vh) translate(0, -50%);
}
*/

.table-hover > tbody > tr:hover, .table-hover > tbody > tr.popup-menu-open  {
    background-color: #fff595;
}

.table-hover > tbody > tr.hightlight-row-green  {
	background-color: #95ff9d;
}

.btnLoading {
    background-image: url(../img/loading.gif);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;    
}

.form-group {
    padding-bottom: 0px;
}

.input-margin-top {
	padding: 0px 5px;
	margin-top:2px;
}

.input-text {
	padding:0px 5px;
	margin-top:1.6px;
}

.input-search {
	margin-top:3px;
}

@media(min-width:1024px) {
	.input-margin-top {
		margin-top: 1px;
	}
}

@media(max-width:768px) {
	.input-search {
		margin-top: 2px;
	}
}

svg path {
    /*fill: #fff;*/
}

.captionLink {
    color: black;
    cursor: default;
    text-decoration: none;
}
.captionLink:hover {
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}

.percentSign {
    padding-right:14px; 
    background-image:url(img/percent.png); 
    background-repeat:no-repeat; 
    background-size:10px 10px; 
    background-position: right 2px center;
}


/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  

  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .2s;
    transition: .2s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .2s;
    transition: .2s;
  }
  
  input:checked + .slider {
    background-color: #2196F3;
  }

  input:disabled + .slider {
    background-color: lightgrey;
  }  
  input:disabled + .slider:before {
    background-color: darkgrey;
  }  

  input:checked:disabled + .slider {
    background-color: lightsteelblue;
  }  
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 17px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }



  .panel-firebrick {
    border-color: firebrick;
  }
  .panel-firebrick > .panel-heading {
    border-color: firebrick;
    color: white;
    background-color: firebrick;
  }
  .panel-firebrick > a {
    color: firebrick;
  }
  .panel-firebrick > a:hover {
    color: darkred;
  }

  .panel-lightteal {
    border-color: #22b2a5;
  }
  .panel-lightteal > .panel-heading {
    border-color: #22b2a5;
    color: white;
    background-color: #22b2a5;
  }
  .panel-lightteal > a {
    color: #22b2a5;
  }
  .panel-lightteal > a:hover {
    color: #22b2a5;
  }

  .panel-steelblue {
    border-color: steelblue;
  }
  .panel-steelblue > .panel-heading {
    border-color: steelblue;
    color: white;
    background-color: steelblue;
  }
  .panel-steelblue > a {
    color: steelblue;
  }
  .panel-steelblue > a:hover {
    color: steelblue;
  }


  @keyframes flickerAnimation {
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
  }
  @-o-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
  }
  @-moz-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
  }
  @-webkit-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
  }
  .animate-flicker {
     -webkit-animation: flickerAnimation 1s infinite;
     -moz-animation: flickerAnimation 1s infinite;
     -o-animation: flickerAnimation 1s infinite;
      animation: flickerAnimation 1s infinite;
  }

  .moneyInput {
    background-image: url(../img/money.png); 
    background-repeat: no-repeat; 
    background-size: 10px 10px; 
    background-position: left 2px center;
  }

  .moneyCell {
    background-image: url(../img/money.png); 
    background-repeat: no-repeat; 
    background-size: 10px 10px; 
    background-position: left 5px center;
  }

  .moneyCell10px {
    background-image: url(../img/money.png); 
    background-repeat: no-repeat; 
    background-size: 10px 10px;     
    background-position: left 10px center;
  }

  .percentCell {
    background-image: url(../img/percent.png); 
    background-repeat: no-repeat; 
    background-size: 10px 10px; 
    background-position: right 5px center;
    /*padding-right*/
  }

	.cellDelete {
		vertical-align: middle !important;
	}


  .charCount, .charCountCounter {
    font-size: 90%;
    color: gray;
  }

  .alertCircle {
    float: right;
    height: 18px;
    width: 18px;
    text-align: center;
    background-color: white;
    color: black;
    border-radius: 8px;
    border:1px solid gray;
    font-size: 12px;
    cursor: pointer;
}

.ocultarColunas {
  display: none;
}

i.ocultarColuna {
  display: none;
  position: relative;
  margin-bottom: -12px;
  margin-right: -2px;
  margin-left: -15px !important;
  color:red;
}

.colunasOcultas {
  padding: 2px;
  font-size: 14px;
  font-weight: bold;
  color: green;
}

th.coluna:hover i.ocultarColuna {
  display: block;
}

th.coluna:hover {
  /*background-color: powderblue;*/
  /*border-radius: 2px;*/
}

.input-required {
	margin-left:3px;
}

.input-info {
	margin-left:3px;
}

.multiselect-container {
	min-width: 100%;
}

.multiselect-selected-text + .caret {
	position: absolute;
	right: 5px;
	top: 8px;
}

.multiselect.dropdown-toggle {
  padding : 2px 4px 1px 4px;
  text-align : left;
  font-size : 12px;
}
.multiselect-container>li>a>label {
  padding-left: 25px;
  padding-right: 10px;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

#tableOrderDiv, #tableExcelDiv {
  border: 1px solid #737373e6;
  width: fit-content;
  padding: 5px 10px 10px 10px;
  background-color: silver;
  border-radius: 5px;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  /* margin-left: auto; */
  /* margin-right: auto; */
  /* margin: auto 50%; */
  position: fixed;
  display:none;
  z-index:999999;
}

#tableOrderContent, #tableExcelContent {
  border: 1px solid gray;
  font-size: 80%;
  text-align: center;
  width: 200px;
}

#tableOrderProgress, #tableExcelProgress {
  background-color: palegreen;
  width: 0%;
}

.divider-slim {
	margin: 3px 0 !important;
}

.btn-display {
  background-color:transparent;
  overflow:hidden; 
  white-space:nowrap; 
  text-overflow:ellipsis; 
  cursor: default;
}

.btn-display:active {
  outline: none;
  border-color: none;
  box-shadow: none;
}

.btn-display:focus {
  outline:0;
  box-shadow: none;
  border-color: none;
}

.btn-display:focus {
  outline:0;
  box-shadow: none;
  border-color: none;
}

.sort-arrow {
  margin-left:5px; 
  color: lightgray; 
  font-size:120%; 
  display:inline;
}

.input-xs.input-money  {
  text-align:right; 
  padding-left:10px; 
  background-image:url(../img/money.png); 
  background-repeat:no-repeat; 
  background-size:10px; 
  background-position: left 2px center;
}

.input-md.input-money  {
  text-align:right; 
  padding-left:12px; 
  background-image:url(../img/money.png); 
  background-repeat:no-repeat; 
  background-size:14px; 
  background-position: left 4px center;
}

.input-lg.input-money  {
  text-align:right; 
  padding-left:14px; 
  background-image:url(../img/money.png); 
  background-repeat:no-repeat; 
  background-size:18px; 
  background-position: left 4px center;
}

.admin {
	font-weight:bold;
	color:red;
}
.admin_blue, .label-dev:after {
	font-weight:bold;
	color:blue;
}
.admin:before, .admin_blue::before {
	content: "ADMIN";
}

.label-admin-red:after, .label-suporte-red:after, .label-dev-red:after, .label-hse-red:after {
	font-weight:bold;
	color:red;
}
.label-admin-blue:after, .label-suporte-blue:after, .label-dev-blue:after, .label-hse-blue:after {
	font-weight:bold;
	color:blue;
}
.label-admin-black:after, .label-suporte-black:after, .label-dev-black:after, .label-hse-black:after {
	font-weight:bold;
	color:black;
}
.label-admin-red:after, .label-admin-blue:after, .label-admin-black:after, 
.label-suporte-red:after, .label-suporte-blue:after, .label-suporte-black:after, 
.label-dev-red:after, .label-dev-blue:after, .label-dev-black:after, 
.label-hse-red:after, .label-hse-blue:after, .label-hse-black:after,
.label-dev:after  {
	font-size: 70%;
	position: relative;
	top: -5px;
	margin-left: 3px;
}
.label-admin-red:after, .label-admin-blue, .label-admin-black:after {
	content: "ADMIN";
}
.label-suporte-red:after, .label-suporte-blue, .label-suporte-black:after {
	content: "SUPORTE";
}
.label-dev:after, .label-dev-red:after, .label-dev-blue:after {
	content: "DEV";
}
.label-dev-red:after, .label-dev-blue, .label-dev-black:after {
	content: "DEVELOPER";
}
.label-hse-red:after, .label-hse-blue, .label-hse-black:after {
	content: "HSE";
}

.label-devenvolvimento-gold:after {
	content: "em desenvolvimento";
	color: white;
	display: block;
	float: right;
	margin-bottom: -10px;
	margin-top: -7px;
	font-size: 10px;
	color: gold;
}

.label-admin2-red:before, .label-suporte2-red:before {
	font-weight:bold;
	color:red;
}
.label-admin2-blue:before, .label-suporte2-blue:before {
	font-weight:bold;
	color:blue;
}
.label-admin2-red:before, .label-admin2-blue:before, .label-suporte2-red:before, .label-suporte2-blue:before {
	font-size: 70%;
	position: absolute;
	top: 19px;
	left: 7px;
}
.label-admin2-red:before, .label-admin2-blue:before {
	content: "ADMIN";
}
.label-suporte2-red:before, .label-suporte2-blue:before {
	content: "SUPORTE";
}


.label-contorno:after {
	background-color: cornflowerblue;
	padding: 0px 2px;
	border-radius: 2px;
}

.label-contorno-laranja:after {
	background-color: #ffd22d;
	color: #3c3c3c;
	padding: 0px 2px;
	border-radius: 2px;
}

.label-sem-email, .label-sem-senha, .label-sem-permissao {
	background-color: #efefef;
	color: darkred;
	border: 1px solid darkred;
	border-radius: 2px;
	padding: 0px 3px;
	margin: 0px 5px 3px 0px;
	font-size: 10px;
	display: inline-block;
}

.label-sem-email:after {
	content: "SEM EMAIL";
}
.label-sem-senha:after {
	content: "SEM SENHA";
}
.label-sem-permissao:after {
	content: "SEM PERMISSÃO";
}

.cell-item-admin, .cell-item-suporte, .cell-item-dev, 
.cell-item-hse, .cell-item-developer, .cell-item-testar, 
.cell-item-desenvolvimento, .cell-item-testado, .cell-item-revisar,
.cell-item-novo {
	text-transform: uppercase;
	font-weight:bold;
	color:navy;
	font-size: 8px;
	line-height: normal;
	background-color: cornflowerblue;
	padding: 0px 2px;
	border-radius: 2px;
	box-shadow: 0 0 0px 1px #2c343a
}

.menu-item-admin:after, .menu-item-suporte:after, .menu-item-dev:after, 
.menu-item-hse:after, .menu-item-developer:after, .menu-item-testar:after, 
.menu-item-desenvolvimento:after, .menu-item-testado:after, .menu-item-revisar:after,
.menu-item-novo:after {
	font-weight:bold;
	color:navy;
	font-size: 8px;
	line-height: normal;
	position: absolute;
	top: 5px;
	right: 5px;
	background-color: cornflowerblue;
	padding: 0px 2px;
	border-radius: 2px;
	box-shadow: 0 0 0px 1px #2c343a
}

.menu-item-novo-left:before {
	font-weight:bold;
	color:navy;
	font-size: 8px;
	line-height: normal;
	position: absolute;
	top: 5px;
	left: 5px;
	background-color: cornflowerblue;
	padding: 0px 2px;
	border-radius: 2px;
	box-shadow: 0 0 0px 1px #2c343a;
	transform: rotate(315deg);
	left: 0;
	top: 8px;
}

.menu-item-laranja:after, .cell-item-laranja {
	background-color: #ffd22d;
	color: #3c3c3c;
}

.menu-item-admin:after, .cell-item-admin {
	content: "ADMIN";
	background-color: lightskyblue;
	color: black;
}
.menu-item-suporte:after, .cell-item-suporte {
	content: "SUPORTE";
}
.menu-item-dev:after, .cell-item-dev {
	content: "DEV";
}
.menu-item-hse:after, .cell-item-hse {
	content: "HSE";
}
.menu-item-developer:after, .cell-item-developer {
	content: "DEVELOPER";
	background-color: #ffd22d;
	color: #3c3c3c;
}
.menu-item-testar:after, .cell-item-testar {
	content: "TESTAR";
	background-color: #ffd22d;
	color: #3c3c3c;
}
.menu-item-desenvolvimento:after, .cell-item-desenvolvimento {
	content: "DESENVOLVIMENTO";
	background-color: #fd9a28;
	color: #2e2e2e;
}
.menu-item-testado:after, .cell-item-testado {
	content: "TESTADO";
	background-color: #60e260;
	color: #000000;
}
.menu-item-revisar:after, .cell-item-revisar {
	content: "REVISAR";
    background-color: #ed2626;
    color: #ffffff;
    font-weight: 400;
}
.menu-item-novo:after, .cell-item-novo, .menu-item-novo-left:before {
	content: "NOVO";
	background-color: #e32424;
	color: white;
}

.label-promo:after {
	float: right;
	content: "promo";
	padding: 0px 2px;
	border-radius: 2px;	
	color: white;
	background-color: rgb(179, 46, 46);
}


.jq-toast-wrap { 
  width: 350px;
}

@media (min-width: 769px) {
	.jq-toast-wrap {
		width: 400px;
	}

	.jq-toast-single {
		font-size: 14px;
	}
}
/*
.jq-toast-single { 
  font-size: 16px; 
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 60px;
}
.jq-toast-single a {
  font-size: 16px; 
}
.jq-has-icon {
  background-position: 20px;
}
*/

.report-chart .flot-chart {
	width:160px; 
	height: 160px;
	text-align: center;
	margin: 0 auto;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 200px;
}

.report-chart .flot-chart .legendTitle {
	font-weight: bold;
}

.report-chart .flot-chart-content .legend {
	position: relative;
	top: 160px;
	
}

.legendTable {
	width:130px;
	margin-left:2px;
}
.legendTableLebal {
	text-overflow:ellipsis; 
	overflow:hidden;
	width:60%;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 1px;
	font-size: 8px;
}
.legendValue {
	text-align: right;
	width:40%;
}

.toolbutton {
	padding: 0px;
	width: 34px;
	height: 34px;
}
.toolbutton i {
	font-size: 160%;
}

.addFav {
	font-size:20px;
	position: absolute;
	padding: 5px 10px;
	right: 0px;
	margin-top: -5px;
}

.addFav:hover {
	text-shadow: 0px 0px 15px white;
}

.modal.fade.in {
	/*
	backdrop-filter: blur(5px);
	transition: backdrop-filter 2000ms 500ms;
	*/
	background-color: #333333c4;
}
/*
.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .4;
	backdrop-filter: blur(5px);
  }
  */
i.infinity:before { 
	content: "\221E";
	font-size: 150%;
	font-style: normal;
	line-height: 0px;
}

i.edit-before:before { 
	content: "\f040";
	font-size: 150%;
	font-style: normal;
	line-height: 0px;
}

@keyframes red-black-fade {
	0% { border-color: rgb(0, 0, 0) }
	100% { border-color: rgb(255, 0, 0) }
}
.red-black-fade {
	animation: red-black-fade 0.5s;
}

.red { color:red; }
.blue { color:blue; }
.green { color:green; }

@keyframes shake {
	10% { transform: translate3d(-4px, 0, 0); }
	20% { transform: translate3d(+4px, 0, 0); }
	30% { transform: translate3d(-4px, 0, 0); }
	40% { transform: translate3d(+4px, 0, 0); }
	50% { transform: translate3d(-4px, 0, 0); }
	60% { transform: translate3d(+4px, 0, 0); }
	70% { transform: translate3d(-4px, 0, 0); }
	80% { transform: translate3d(+4px, 0, 0); }
	90% { transform: translate3d(-4px, 0, 0); }
	100% { transform: translate3d(0, 0, 0); }
}
.shake {
	animation: shake 0.5s;
}

.shake-4s {
	animation: shake 0.5s;
	animation-iteration-count: 8;
}

.shake-red {
	color: red;
	animation: shake 0.5s;
}
.shake-red-border {
	border-color: red;
	animation: shake 0.5s;
}

@keyframes hightlight-yellow {
	05% { background-color: rgb(255 255 0 / 10%); }
	10% { background-color: rgb(255 255 0 / 20%); }
	15% { background-color: rgb(255 255 0 / 30%); }
	20% { background-color: rgb(255 255 0 / 40%); }
	25% { background-color: rgb(255 255 0 / 50%); }
	30% { background-color: rgb(255 255 0 / 60%); }
	35% { background-color: rgb(255 255 0 / 70%); }
	40% { background-color: rgb(255 255 0 / 80%); }
	45% { background-color: rgb(255 255 0 / 90%); }
	50% { background-color: rgb(255 255 0 / 100%); }
	55% { background-color: rgb(255 255 0 / 90%); }
	60% { background-color: rgb(255 255 0 / 80%); }
	65% { background-color: rgb(255 255 0 / 70%); }
	70% { background-color: rgb(255 255 0 / 60%); }
	75% { background-color: rgb(255 255 0 / 50%); }
	80% { background-color: rgb(255 255 0 / 40%); }
	85% { background-color: rgb(255 255 0 / 30%); }
	90% { background-color: rgb(255 255 0 / 20%); }
	95% { background-color: rgb(255 255 0 / 10%); }
	100% { background-color: rgb(255 255 0 / 0%); }
}
.hightlight-yellow {
	animation: hightlight-yellow 1s;
	animation-iteration-count: 2;
}
.hightlight-yellow-4s {
	animation: hightlight-yellow 1s;
	animation-iteration-count: 4;
}
.hightlight-yellow-infinite {
	animation: hightlight-yellow 1s;
	animation-iteration-count: infinite;
}


@keyframes box-shine {
	0% { box-shadow: 0 0 20px 1px gold; }
	10% { box-shadow: 0 0 20px 2px gold; }
	20% { box-shadow: 0 0 20px 3px gold; }
	30% { box-shadow: 0 0 20px 4px gold; }
	40% { box-shadow: 0 0 20px 5px gold; }
	50% { box-shadow: 0 0 20px 6px gold; }
	60% { box-shadow: 0 0 20px 6px gold; }
	70% { box-shadow: 0 0 20px 5px gold; }
	80% { box-shadow: 0 0 20px 4px gold; }
	90% { box-shadow: 0 0 20px 3px gold; }
	100% { box-shadow: 0 0 20px 2px gold; }
}
.box-shine {
	animation: box-shine 1s;
	animation-iteration-count: 2;
}
.box-shine-4s {
	animation: box-shine 1s;
	animation-iteration-count: 4;
}
.box-shine-infinite {
	animation: box-shine 1s;
	animation-iteration-count: infinite;
}

@keyframes box-shine-red {
	0% { box-shadow: 0 0 20px 1px red; }
	10% { box-shadow: 0 0 20px 2px red; }
	20% { box-shadow: 0 0 20px 3px red; }
	30% { box-shadow: 0 0 20px 4px red; }
	40% { box-shadow: 0 0 20px 5px red; }
	50% { box-shadow: 0 0 20px 6px red; }
	60% { box-shadow: 0 0 20px 6px red; }
	70% { box-shadow: 0 0 20px 5px red; }
	80% { box-shadow: 0 0 20px 4px red; }
	90% { box-shadow: 0 0 20px 3px red; }
	100% { box-shadow: 0 0 20px 2px red; }
}
.box-shine-red {
	animation: box-shine-red 1s;
	animation-iteration-count: 2;
}
.box-shine-red-4s {
	animation: box-shine-red 1s;
	animation-iteration-count: 4;
}
.box-shine-red-infinite {
	animation: box-shine-red 1s;
	animation-iteration-count: infinite;
}

@keyframes box-shine-orange {
	0% { box-shadow: 0 0 20px 1px orange; }
	10% { box-shadow: 0 0 20px 2px orange; }
	20% { box-shadow: 0 0 20px 3px orange; }
	30% { box-shadow: 0 0 20px 4px orange; }
	40% { box-shadow: 0 0 20px 5px orange; }
	50% { box-shadow: 0 0 20px 6px orange; }
	60% { box-shadow: 0 0 20px 6px orange; }
	70% { box-shadow: 0 0 20px 5px orange; }
	80% { box-shadow: 0 0 20px 4px orange; }
	90% { box-shadow: 0 0 20px 3px orange; }
	100% { box-shadow: 0 0 20px 2px orange; }
}
.box-shine-orange {
	animation: box-shine-orange 1s;
	animation-iteration-count: 2;
}
.box-shine-orange-4s {
	animation: box-shine-orange 1s;
	animation-iteration-count: 4;
}
.box-shine-orange-infinite {
	animation: box-shine-orange 1s;
	animation-iteration-count: infinite;
}


.panelToggle > .panel-heading {
	background-color: #5cb8af3b;
}

.panelToggle > .panel-heading > a {
	color: black;
}

.panel-opened {
	border: 1px solid #40726d;
}

.panel-opened > .panel-heading {
	background-color: #5cb8afb3;
}

.panel-opened > .panel-heading {
	/*background-color: blue;*/
}

.panel-progress {
	padding: 5px;
	background-color: white;
}

.cursor-pencil {
	cursor: url('../img/cursor-pencil.png'), pointer;
}

.admin-custom {
	display:none;
	padding: 0px;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	border: 0px;
	background-color: transparent;
}

.admin-custom i {
	position: relative;
	top: -2px;
}

.admin-custom i:hover {
	color: crimson;
}

div:hover > .admin-custom {
	display: block;
}

.admin-option a {
	padding: 0px 10px !important;
}

.admin-edit {
	font-size: 11.9px;
	height: 17px;
	width: 100%;
	padding: 0px;
	border: 1px solid #b41818db;
    border-radius: 3px;
}

.admin-edit:focus-visible {
	border: 1px solid #b41818db;
    border-radius: 3px;
}

.admin-revert {
	position:absolute; 
	right:0; 
	padding:0px; 
	width:16px; 
	height:16px; 
	font-size:12px;
}
.admin-revert i:hover {
	color: crimson;
}

.admin-gridsize {
	padding:0; 
	margin: 0 0 0 4px;
	width:16px; 
	height:16px; 
	font-size:10px;
}
.admin-gridsize i:hover {
	color: crimson;
}

.admin-gridsize-number {
	padding:0; 
	margin: 0 -4px 0 0;
	width:16px; 
	height:16px; 
	font-size:12px;
	font-weight: bold;
	border:0;
	background-color: transparent;
}

.admin-gridorder {
	padding:0; 
	margin: 0 0 0 4px;
	width:16px; 
	height:16px; 
	font-size:10px;
}
.admin-gridorder i:hover {
	color: crimson;
}

.admin-gridorder-number {
	padding:0; 
	margin: 0 -4px 0 0;
	width:16px; 
	height:16px; 
	font-size:12px;
	font-weight: bold;
	border:0;
	background-color: transparent;
}

.btn-similar {
	padding: 0 4px;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 5px;
}

.btn-similar:before {
	font: normal normal normal 12px/1 FontAwesome;
	content: "\f002";
	margin-right:2px;
}

.label-search {
	background-color:lightgreen; 
	width:fit-content; 
	margin-left:4px; 
	padding:5px; 
	border-radius:4px;
}

@keyframes spin {
	10% { transform: rotate(36deg); }
	20% { transform: rotate(72deg); }
	30% { transform: rotate(108deg); }
	40% { transform: rotate(144deg); }
	50% { transform: rotate(180deg); }
	60% { transform: rotate(216deg); }
	70% { transform: rotate(252deg); }
	80% { transform: rotate(288deg); }
	90% { transform: rotate(324deg); }
	100% { transform: rotate(360deg); }
}
.spin {
	animation: spin 1s infinite;
}

@keyframes loading-line {
	10% { width: 10%; }
	15% { width: 15%; }
	20% { width: 20%; }
	25% { width: 25%; }
	30% { width: 30%; }
	35% { width: 35%; }
	40% { width: 40%; }
	45% { width: 45%; }
	50% { width: 50%; }
	55% { width: 55%; }
	60% { width: 60%; }
	65% { width: 65%; }
	70% { width: 70%; }
	75% { width: 75%; }
	80% { width: 80%; }
	85% { width: 85%; }
	90% { width: 90%; }
	95% { width: 95%; }
	100% { width: 100%; }
}
.loading-line, .loading-line2 {
	animation: loading-line 1.5s infinite;
}

.loading-line2:after {
	width: 100%;
	border: 1px solid red;
}

.nav-dark table tr {
	color:white;
	background-color: #3e4952;
	cursor: default;
}
.nav-dark table tr:hover {
	background-color: #535362;
}
.nav-dark table tr td {
	padding: 2px;
	border:0;
}
.nav-dark table tr td .dataRegistro {
	float: right;
	font-size: 85%;
}

.sidebar-search {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 10;
	padding: 0 !important;
	background-color: #f8f8f8;
}

.sidebar-search-dark {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 10;
	background-color: #303940;
	color:white;
}

.fav-light a {
	color: #daa812 !important;
}

.fav-dark a {
	color: #ffd24c !important;
}

.listaEventos {
	font-size: 80%;
	border: 1px solid #d9d9d9;
	padding: 0px 4px;
	border-radius: 2px;
	background-color: #e5e5e5;
	cursor: default;
	white-space: nowrap;
	display: inline-block;
	margin: 2px;
}

.search-column {
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: bottom;
}
.search-column-venda-none {
	display: none;
}
.search-column.search-column-venda-produdo {
	width: 36.5%;
	font-size: 12px;
}
.search-column.search-column-venda-produdo-large {
	width: 52.5%;
	font-size: 12px;
}
.search-column-venda-unid {
	text-align: center;
	width: 30px;
	font-size: 12px;
}
.search-column-venda-qtde, .search-column-venda-qtde-disponivel, .search-column-venda-qtde-comprado, .search-column-venda-qtde-transferencia,
.search-column-venda-qtde-total, .search-column-venda-qtde-disp-filial {
	text-align: center;
	width: 6%;
	min-width: 60px;
	font-size: 12px;
}
.search-column-venda-valor-ult-preco, .search-column-venda-valor {
	text-align: right;
	width: 8%;
	min-width: 75px;
	font-size: 12px;
}
.search-column-venda-data-ult-preco {
	text-align: center;
	width: 8%;
	min-width: 75px;
	font-size: 12px;
}
.search-column-venda-qtde-disp-filial {
	text-align: center;
	width: 8%;
	min-width: 80px;
	font-size: 12px;
}

.search-column-nota-emissao, .search-column-nota-entrada, .search-column-nota-numero, .search-column-nota-valor {
	text-align: center;
	width: 6%;
	min-width: 65px;
	font-size: 12px;
}
.search-column-nota-modelo, .search-column-nota-serie {
	text-align: center;
	width: 4%;
	min-width: 40px;
	font-size: 12px;
}
.search-column-nota-cnpj {
	text-align: center;
	width: 4%;
	min-width: 90px;
	font-size: 12px;
}
.search-column-nota-fornecedor {
	width: 10%;
	min-width: 290px;
	font-size: 12px;
}

.search-stripline {
	background-color:ghostwhite;
}

.consultaCnpj {
	color: blue;
}

.cipherSimbol:before {
	content:'R$';
	float:left;
}

.percentSimbol:after {
	content:'%';
	margin-left: 1px;
}

i.novo:before {
	content: 'novo';
	background-color: #24a3cf;
    color: white;
    padding: 0 5px;
    border-radius: 4px;
    font-weight: bold;	
	font-style: normal;
}

button.pago:before {
	content: 'PG';
	float: right;
	background-color: green;
	color: white;
	margin-left: -20px;
	padding: 0 3px;
	border-radius: 4px;
	font-size: 8px;
	font-weight: bold;	
	font-style: normal;
	position: relative;
	top: -5px;
	right: -8px;
}
button.parcial:after {
	content: 'Parcial';
	float: right;
	background-color: red;
	color: white;
	margin-right: -5px;
	padding: 0 3px;
	border-radius: 4px;
	font-size: 8px;
	font-weight: bold;	
	font-style: normal;
}

.carimboCancelado {
	position:fixed; 
	left:0; 
	top:50%; 
	color:red; 
	font-size:30px; 
	font-weight:bold; 
	margin-left:40%; 
	transform:rotate(-20deg); 
	z-index:9999;
}

.searchList > li > a:hover {
	color: #262626;
	text-decoration: none;
	background-color: #dfdfdf;
}

.skeleton-loader-circle, .skeleton-loader-rectangle, .skeleton-loader-rounded, .skeleton-loader-menu li div {
	background: 
	linear-gradient(0.25turn, transparent, gray, transparent),
	linear-gradient(silver, silver),
	radial-gradient(38px circle at 19px 19px, silver 50%, transparent 51%),
	linear-gradient(silver, silver);
}

.skeleton-loader-circle {
	border-radius: 50%;
	opacity: 50%;
	/*background-color: gray;*/
	animation: skeleton-loading 2s infinite;
}

.skeleton-loader-rectangle {
	border-radius: 3px 3px;
	opacity: 50%;
	/*background-color: gray;*/
	animation: skeleton-loading 2s infinite;
}

.skeleton-loader-rounded {
	border-radius: 10px 10px;
	opacity: 50%;
	/*background-color: gray;*/
	animation: skeleton-loading 0.7s infinite;
}

.skeleton-loader-menu {
	/*background-color: #303940;*/
	height: 4000px;
	position: relative;
	top: 2px;
}

.skeleton-loader-menu li {
	height: 41px;
	border-bottom: 1px solid black;
	padding: 1px 5px !important;
	margin: 0 !important;
}

.skeleton-loader-menu li div {
	border-radius: 10px 10px;
	margin: 11px 10px 21px 10px !important;
	opacity: 50%;
	/*background-color: rgb(216, 216, 216);*/
	animation: skeleton-loading 0.7s infinite;
}

@keyframes skeleton-loading {
	10% { background-position-x: 24px; }
	20% { background-position-x: 48px; }
	30% { background-position-x: 72px; }
	40% { background-position-x: 96px; }
	50% { background-position-x: 120px; }
	60% { background-position-x: 144px; }
	70% { background-position-x: 168px; }
	80% { background-position-x: 192px; }
	90% { background-position-x: 216px; }
	100% { background-position-x: 240px; }
}

#headerNormal th {
	position: sticky;
	top: 0px;
	background-color: white;
}

.rotate-right {
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transition: .3s;
}
.rotate-left {
	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transition: .3s;
}

.rotate-90 {
	transition: all 0.4s ease-in-out;
	transform: rotate(-90deg);
}
.rotate90 {
	transition: all 0.4s ease-in-out;
	transform: rotate(90deg);
}
.rotate180 {
	transition: all 0.4s ease-in-out;
	transform: rotate(180deg);
}
.rotate0 {
	transition: all 0.4s ease-in-out;
	transform: rotate(0deg);
}

.imp-barcode img {
	vertical-align: top;
}

/* 
	Validação dos itens da Nota
*/
.item-bloqueio, 
.item-sempagamento, 
.item-vencimentopag, 
.item-naoentregue, 
.item-pendencia, 
.item-inconsistencia, 
.item-rejeicao {
	margin: 0;
	padding-left: 0;
	/*display: inline-block;*/
}
.item-bloqueio i, 
.item-sempagamento i, 
.item-vencimentopag i,
.item-naoentregue i,
.item-pendencia i, 
.item-inconsistencia i, 
.item-rejeicao i {
	margin-right: 5px;
}	
.item-bloqueio li, 
.item-sempagamento li, 
.item-vencimentopag li, 
.item-naoentregue li, 
.item-pendencia li, 
.item-inconsistencia li, 
.item-rejeicao li {
	font-size: 11px;
	margin-top: 1px;
	margin-right:5px;
	padding: 2px 4px;
	border-radius: 3px;
	white-space: nowrap;
	width: fit-content;
	list-style: none;
	/*display: inline-block;*/
}
.item-bloqueio li, 
.item-sempagamento li,
.item-vencimentopag li,
.item-naoentregue li {
	background-color: #a92121;
	color: white;
}
.item-pendencia li {
	background-color: #d96d11;
	color: white;
}
.item-inconsistencia li {
	background-color: #dfa912;
	color: black;
}
.item-rejeicao li {
	background-color: yellow;
	color: red;
}

.nota-status-icone {
	padding: 0px 5px;
}

.nota-status-motivo, .nota-status-chave {
	padding: 0 20px 0 5px;
}

.multiselect-filter .input-group-addon {
	height: 25px;
	line-height: 0;
	padding: 0 6px;
}

.multiselect-search {
	height: 25px;
}

.link-nota-cancelada:after, .link-nota-devolvida:after, .link-nota-estornada:after,
.link-nota-can:after, .link-nota-dev:after, .link-nota-est:after {
	font-size: 8px;
	font-weight: bold;
	position: relative;
	top: -7px;
	margin-left: 2px;
	color: crimson;
}
.link-nota-cancelada:after {
	content: "CANCELADA";
}
.link-nota-devolvida:after {
	content: "DEVOLVIDA";
}
.link-nota-estornada:after {
	content: "ESTORNADA";
}
.link-nota-can:after {
	content: "(CAN)";
}
.link-nota-dev:after {
	content: "(DEV)";
}
.link-nota-est:after {
	content: "(EST)";
}

.echo-pre {
	padding: 0;
    margin: 0;	
    background: none;
    border: 0;
    border-radius: 0;	
}

.echo-pre-item {
	display: -webkit-inline-box; 
    padding: 2px 8px;
    margin: 0px 2px 10px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 2px;	
}

pre {
	padding: 0;
	margin: 0;	
	background: white;
	border: 0;
	border-radius: 0;
}

pre b, pre fieldset label {
	-moz-user-select: all;     /* Firefox all */
	user-select: all;          /* Likely future */
}

pre fieldset, pre b {
	font-weight: normal;
	font-style: normal;
	/*display: -webkit-inline-box; */
	padding: 2px 8px;
	margin: 0px 2px 10px;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 2px;	
	display: inline-flex;
}
pre fieldset label {
	margin-bottom: 0;
	width: 100%;
}
pre fieldset legend {
	margin-bottom: 0;
	font-weight: bold;
	font-size: 10px;
	border-bottom:1px solid red;
}

.dropdown-contextmenu li.title {
	width: 100%;
	text-align: center;
	font-weight: bold;
}

.dropdown-contextmenu li.item-footer a:after {
	background: url(img/logodark_240x51_1.png);
}

.dropdown-contextmenu li a:after
{
	content: attr(data-shortcut);
	float: right;
	font-size: 10px;
	font-weight: bold;;
	margin-left:5px;
}

/*
/font-awesome/css/font-awesome.css
*/
.dropdown-contextmenu li.item-info a:before,
.dropdown-contextmenu li.item-copy a:before,
.dropdown-contextmenu li.item-paste a:before,
.dropdown-contextmenu li.item-cut a:before,
.dropdown-contextmenu li.item-selectall a:before,
.dropdown-contextmenu li.item-clear a:before,
.dropdown-contextmenu li.item-date a:before,
.dropdown-contextmenu li.item-table a:before,
.dropdown-contextmenu li.item-column a:before,
.dropdown-contextmenu li.item-download a:before,
.dropdown-contextmenu li.item-link a:before,
.dropdown-contextmenu li.item-share-square-o a:before {
	font: normal normal normal 12px/1 FontAwesome;
	position: relative;
	left: -8px;	
}

.dropdown-contextmenu li.item-info {
	font-size:10px;
	font-weight: bold;
}
.dropdown-contextmenu li.item-info a:before {
	content: "\f05a";
}
.dropdown-contextmenu li.item-copy a:before {
	content: "\f0c5";
}
.dropdown-contextmenu li.item-paste a:before {
	content: "\f0ea";
}
.dropdown-contextmenu li.item-cut a:before {
	content: "\f0c4";
}
.dropdown-contextmenu li.item-selectall a::before {
	content: "\f035";
}
.dropdown-contextmenu li.item-clear a:before {
	content: "\f014";
}
.dropdown-contextmenu li.item-date a:before {
	content: "\f073";
}
.dropdown-contextmenu li.item-table a:before {
	content: "\f0ce";
}
.dropdown-contextmenu li.item-column a:before {
	content: "\f0db";
}
.dropdown-contextmenu li.item-download a:before {
	content: "\f019";
}
.dropdown-contextmenu li.item-link a:before {
	content: "\f0c1";
}
.dropdown-contextmenu li.item-share-square-o a:before {
	content: "\f045";
}

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(../MaterialIcons/MaterialIcons-Regular.eot); /* For IE6-8 */
	src: local('Material Icons'),
	  local('MaterialIcons-Regular'),
	  url(../MaterialIcons/MaterialSymbolsSharp[FILL,GRAD,opsz,wght].woff2) format('woff2'),
	  url(../MaterialIcons/MaterialSymbolsSharp[FILL,GRAD,opsz,wght].ttf) format('woff'),
	  url(../MaterialIcons/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 18px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	font-variation-settings: 'FILL' 1;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
}

button .material-icons {
	position: relative;
	margin: -5px -3px 0 -3px;
	top: 3px;
	/*border:1px solid black;*/
}

.material-icons.outline {
	font-variation-settings: 'FILL' 0;
}
.material-icons.bold {
	font-variation-settings: 'GRAD' 200;
}
.material-icons.slim {
	font-variation-settings: 'GRAD' -25;
}

#btCollapseToolbar ~ ul {
    padding: 3px 5px 3px 5px;
}

.loader {
	border: 5px solid #f3f3f3;
	border-radius: 50%;
	border-top: 5px solid #00A36C;
	width: 25px;
	height: 25px;
	-webkit-animation: spin-loader 1.1s ease infinite; /* Safari */
	animation: spin-loader 1.1s ease infinite;
}
/* Safari */
@-webkit-keyframes spin-loader {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin-loader {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loader-button {
	height: 28px;
	width: 28px;
	margin: 0px auto;
	margin-top: -28px;
	position: relative;
	top: 4px;
	border-color: #f3f3f3a1;
	border-top: 5px solid #00a36ce8;
}

input[type="radio"][readonly] {
	opacity: 0.5;
	cursor: not-allowed;
}
input[type="radio"][readonly]+div {
	opacity: 0.5;
	cursor: not-allowed;
}

.kit-principal {
	font-weight: bold;
}

.kit-principal:before {
	font-weight: bold;
}

.kit-item:before {	
	content: " ";
	border: 1px solid red;
	border-right: 0;
	border-top: 0;
	display: inline-block;
	height: 13px;
	width: 6px;
	position: relative;
	top: -3px;
	color: transparent;
	margin-right: 3px;
}

.kit-row td {
	/*display:none;*/
}

.busca-filtro-hide {
	display: none !important;
}

.busca-filtro-show {
	display: block !important;
}

.cell-caption-left {
	position: relative;
}

.cell-caption-left:before {
	position: absolute;
	right: 0;
	margin-right: 100%;
	content: attr(data-caption);
	white-space: nowrap;
	font-weight: bold;
}
.cell-caption-left.cipherSimbol:after {
	content:'R$';
	float:left;
}

.notaFiscalObs {
	display: inline-block;
	padding: 0px 2px;
	margin: 0 0 2px 0;
	border: 1px solid transparent;	
}

.notaFiscalObs:hover {
	background-color: lavender;
	padding: 0px 2px;
	margin: 0 0 2px 0;
	border: 1px dashed silver;
	border-radius: 3px;
	display: inline-block;
}

/*
.notaFiscalObs:hover:before {
	content: attr(data-regra);
	position: relative;
	float: left;
	margin-right: -50px;
	top: -14px;
	background-color: skyblue;
	color: black;
	padding: 0px 2px;
	font-size: 9.5px;
	border-radius: 2px;
	border: 1px solid black;
}
*/

.nav-tabs > li > a {
	border-radius: 4px 4px 0 0;
	color: #555;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

#abas.nav-tabs > li > a {
	border-radius: 4px 4px 0 0;
	color: #555;
	border: 1px solid #dddddd47;
	border-bottom-color: transparent;
}
#abas.nav-tabs > li.active > a, #abas.nav-tabs > li.active > a:hover, #abas.nav-tabs > li.active > a:focus {
	border-radius: 4px 4px 0 0;
	color: #555;
	background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

#menuLateral.collapsed-menu {
	transition: all 0.4s ease-in-out;
    width: 44px;
}

#menuLateral.collapsed-menu .sidebar-search-dark,
#menuLateral.collapsed-menu #buscaAjaxLoading,
#menuLateral.collapsed-menu #buscaAjax,
#menuLateral.collapsed-menu #buscaList {
	display: none;
}

#menuLateral.collapsed-menu .nav {
    overflow: hidden;
}

#menuLateral.collapsed-menu .nav li {
	/*width: max-content;*/
	/*margin-left: -10px;*/
	/*line-height: 10px;*/
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow:hidden;
}
#menuLateral.collapsed-menu .nav li > a > i {
	position: relative;
	left: -10px;
}

#menuLateral.collapsed-menu .nav li > a > .arrow {
	display:none;
}

#menuLateral.collapsed-menu .nav li a:not(i) {
	/*
	transition: all 0.4s ease-in-out;
    color: transparent;
	*/
}

#menuLateral.collapsed-menu .nav li a i {
	/*transform: scale(1.3);*/
	font-size: 130%;
	margin: -10px 0;
}

#menuLateral.collapsed-menu .nav li a i.material-icons {
	font-size: 170%;
	margin: -10px 0;
}

#page-wrapper.collapsed-menu {
	transition: all 0.4s ease-in-out;
	margin-left: 44px !important;
}
#navOpen.collapsed-menu {
	transition: all 0.4s ease-in-out;
	margin-left: 44px !important;
}

#navOpen.collapsed-menu #navLogo {
	/*transition: all 0.4s ease-in-out;
	opacity: 0;*/
}

#navOpen.collapsed-menu #menu-collapse {
	display: block;
}

#navOpen .fa-navicon {
	display: block !important;
	position: absolute;
	left: -250px;
	top: 0;
	width: 34px;
	height: 51px;
	float: left;
	padding-top: 18px;
	text-align: center;
	/*background-color: #2d2d2d;*/
	color: white;
	z-index: 2;
	cursor: pointer;
}

#navOpen.collapsed-menu .fa-navicon {
	display: block !important;
	position: absolute;
	left: -44px;
	top: 0;
	width: 34px;
	height: 51px;
	float: left;
	padding-top: 18px;
	text-align: center;
	/*background-color: #2d2d2d;*/
	color: white;
	z-index: 2;
	cursor: pointer;
}

#navOpen .fa-navicon:hover {
	transition: all 0.4s ease-in-out;
	color: rgb(20, 114, 223);
}

#menuLateral.collapsed-menu:hover:not(.collapsed-menu-close) {
	width: 250px;
}

@media screen and (max-width: 768px) {

	#recolheMenu {
		display: none;
	}

	/*
	body {
		overflow: scroll;
	}
	*/

	#navOpen {
		margin-left: 0px !important;
		padding-right: 0px !important;
	}

	#navLogo {
		left: 0 !important;
	}

	#navLogoHSE {
		display: none !important;
	}

	#indexLogoHSE {
		display: block !important;
	}

	#menuLateral {
		top: unset !important;
	}
}
@media screen and (min-width: 769px) {

	#navOpen {
		margin-left: 250px !important;
		padding-right: 10px !important;
	}

	/*
	body {
		overflow: hidden;
	}
	*/

	#navLogo {
		left: -250px !important;
	}

	#navLogoHSE {
		display: block !important;
	}

	#indexLogoHSE {
		display: none !important;
	}

	#menuLateral {
		top: -1px !important;
	}


}

.centralized-message {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(255, 255, 255, 0.9);
	padding: 20px;
	border-color: rgb(250 235 204);
	border-radius: 4px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	z-index: 9999;
	color: rgb(138 109 59);
	background-color:rgb(252 248 227)
}

.toolbar-loading {
	visibility:hidden;
}

.btn-no-outline:active {
	outline: none !important;
}
.btn-no-outline:focus {
	outline: none !important;
}
.btn-no-outline:active:focus {
	outline: none !important;
}

.ace_hidden-cursors {
	opacity:0
} 


.multiselect-container .checkbox div, .multiselect-container .radio div {
	display: inline-block;
}
.multiselect-container .checkbox div.destacar_codigo, .multiselect-container .radio div.destacar_codigo {
	background-color: #e3c49b52;
	padding: 0 4px;
	margin-right: 4px;
	border-radius: 3px;
	width: 25px;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
}