/* display */
.dflex	{ display: flex; } /*base de todo container flex*/
.flex-col	{ flex-direction: column; }	/*itens empilhados verticalmente*/
.flex-row	{ flex-direction: row !important; } /*itens lado a lado*/
.flex-wrap	{ flex-wrap: wrap; } /*permite quebra de linha automática*/
.flex-line  { flex: 0 0 100%; }

.flex-none	{ flex: 0 0 auto; } /* não cresce nem encolhe */
.flex-auto	{ flex: 1 1 auto; } /* ocupa espaço disponível */
.fix-right	{ margin-left: auto; } /* equivalente a float-right; */

/* align */
.avc { align-items: center; } /*alinha vertical ao centro */
.avt { align-items: start; }	/* alinha vertical topo */
.avb { align-items: baseline; } /* alinha vertical base */
.ahc { justify-content: center; } /* alinha horizontal centro */
.ahl { justify-content: flex-start; } /* alinha horizontal left: empurra pra esquerda / default */
.ahr { justify-content: flex-end; } /* alinha horizontal right: empurra para a direita */
.ahs { justify-content: space-between; } /* ajusta espaços horizontais nas extremidades */

/* utilities */
.gap10 { gap: 10px; }
.gap15 { gap: 15px; }
.flexHidden { display: none !important; }

.round { border-radius: 5px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* search box flex & smart */
.search-box-flex { display: flex; flex-wrap: wrap; padding: 10px 0px 10px 25px; background-color: var(--cgraylite); margin-bottom: 10px; transition: background-color 0.3s ease; }
.search-box-flex.aux { padding: 10px !important; }
.search-box-flex:hover { background-color: color-mix(in srgb, var(--cgraymed) 80%, transparent); }

.search-box-flex label { font-size: 11px; }

.search-box-flex > .line { display: flex; flex-direction: row; flex: 1; gap: 15px; }
.search-box-flex > .line > div { display: flex; flex-direction: column; }

.search-smart { flex: 1; }
.search-smart input { width: 80%; padding: 8px 10px; font-size: 14px; height: 34px; border-radius: 5px; }
.search-smart-buttons { display: flex; flex-direction: row; margin-left: auto; gap: 10px; align-items: center; }
.search-smart-buttons a { display: flex; gap: 10px; }
.search-smart-buttons i { font-size: 16px; }

.search-advanced { display: flex; flex: 0 0 100%; flex-wrap: wrap; flex-direction: row; gap: 15px; padding: 10px 0px 0px 0px; margin-top: 10px; border-top: 1px dotted #999; }
.search-advanced > div { display: flex; flex-direction: column; gap: 5px;  flex: 0 0 auto; }

/*
.pallete-status-row { padding: 12px 4px !important; border-bottom: 1px solid #777; }
.pallete-status-row.drilldown { background: #fff; border-left: 4px solid transparent; }
.pallete-status-row.naoatendido { background: #FFF8E1; border-left-color: #FBC02D; }
.pallete-status-row.atendparcial {  background: #E3F2FD; border-left-color: #42A5F5; }
.pallete-status-row.atendtotal { background: #E8F5E9; border-left-color: #66BB6A; }
.pallete-status-row.bloqueado { background: #FFEBEE; border-left-color: #EF5350; }
*/

/*
.pallete-status-row td { padding: 12px 4px !important; border-bottom: 1px solid #777; }
.pallete-status-row td:first-child { box-shadow: inset 4px 0 0 0 transparent; padding-left: 8px !important; }

.pallete-status-row.naoatendido td { background: #FFF8E1; }
.pallete-status-row.naoatendido td:first-child { box-shadow: inset 4px 0 0 0 #FBC02D; }
.pallete-status-row.atendparcial td { background: #E3F2FD; }
.pallete-status-row.atendparcial td:first-child { box-shadow: inset 4px 0 0 0 #42A5F5; }
.pallete-status-row.atendtotal td { background: #E8F5E9; }
.pallete-status-row.atendtotal td:first-child { box-shadow: inset 4px 0 0 0 #66BB6A; }
.pallete-status-row.bloqueado td { background: #FFEBEE; }
.pallete-status-row.bloqueado td:first-child { box-shadow: inset 4px 0 0 0 #EF5350; }

.pallete-status-row.drilldown td { background: #fff !important; }
*/