html, body {
	margin: 0;
	padding: 0;
    font: normal 11px Arial,sans-serif; 
}


input[type=search], input[type=text], input[type=password], select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px 2px;
	border: 1px solid #7F9DB9;
	outline: none;
}

select {
	padding: 2px 2px;
}

select > option {
	width: inherit;
}
textarea { resize: none; }

button {
	outline: none;
}

/* PLACEHOLDER FIX */
.placeholder {
	color: #aaa;
}

/**********************************************************************************************/
/* TEXTOS */
/**********************************************************************************************/

/* TEXTO 1 */
.texto1 {
    color: #004E8D;
    font: bold 12px "Helvetica Neue Condensed","Arial Narrow",sans-serif;
}

/* TEXTO 2 */
.texto2 {
    color: #003055;
    font: bold 12px "Helvetica Neue Condensed","Arial Narrow",Helvetica,Arial,sans-serif;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
}

/* TEXTO 3 */
.texto3 {
    color: #557B98;
    font: bold 15px "Helvetica Neue Condensed","Arial Narrow",Helvetica,Arial,sans-serif;
}

/**********************************************************************************************/
/* T?TULOS */
/**********************************************************************************************/

/* TITULO 1 */
.textoTitulo1 {
    color: #4F7896;
    font-family: "Helvetica Neue Condensed","Arial Narrow",Helvetica,Arial,sans-serif;
    font-size: 21px;
    font-weight: bold;
}

/* TITULO 2 */
.textoTitulo2 {
    color: #557B98;
    font: bold 15px "Helvetica Neue Condensed","Arial Narrow",Helvetica,Arial,sans-serif;
    position: relative;
    height: 16px;
    overflow: hidden;
}
.textoTitulo2 > span {
    float: left;
}
.textoTitulo2 > hr {
    margin-left: 2px;
    margin-top: 14px;
    border: 0px;
    height: 1px;
    background: #fff;
}

/* TITULO 3 */
.textoTitulo3 {
    color: #557b98;
    font: bold 15px "Helvetica Neue Condensed","Arial Narrow",Helvetica,Arial,sans-serif;
}


/**********************************************************************************************/
/* BOT?ES */
/**********************************************************************************************/

/* BOT?O 1 */
.botao1 {
    background: url("../images/layout/botao1-fundo.png") repeat scroll 100px top transparent;
    border: 1px solid #718FA5;
    border-radius: 4px 4px 4px 4px;
    color: #003055;
    font: bold 11px "Helvetica Neue Condensed","Arial Narrow",Helvetica,Arial,sans-serif;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    cursor: pointer;
    text-transform: uppercase;
    padding: 0px 10px 15px;
    height: 17px;
    outline: none;
}
.botao1:hover, .botao1.active {
    background-position: 100px bottom;
    color: #FFFFFF;
    text-shadow: none;
}

/* BOT?O 2 */
.botao2 {
    background: url("../images/layout/botao2-fundo.png") no-repeat;
    border: 0;
    cursor: pointer;
    color: #FFFFFF;
    font-family: "Helvetica Neue Condensed","Arial Narrow",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 22px;
    width: 72px;
    outline: none;
}
.botao2:hover, .botao2.active {
    background-position: 0 -22px;
    color: #003055;
}

/* BOT?O 3 */
.botao3 {
    background: url("../images/layout/botao3-fundo.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    border: 0 none;
    color: #FFFFFF;
    font-family: "Helvetica Neue Condensed","Arial Narrow",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    width: 71px;
    outline: none;
}
.botao3:hover, .botao3.active {
    background-position: 0 -30px;
    color: #003055;
}

/* BOT?O 4 */
.botao4 {
    background: url("../images/layout/botao4-fundo.png") no-repeat;
    cursor: pointer;
    border: 0px;
    color: #FFFFFF;
    font-family: "Helvetica Neue Condensed","Arial Narrow",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    width: 131px;
    height: 30px;
    outline: none;
}
.botao4:hover, .botao4.active {
    background-position: center bottom;
    color: #003055;
}

/* BOT?O 5 */
.botao5 {
    background: url("../images/layout/botao5-fundo.png") repeat-x 0px top;
    border: 0px;
    cursor: pointer;
    height: 29px;
    width: 131px;
    color: #003055;
    font-family: "Helvetica Neue Condensed","Arial Narrow",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    outline: none;
}
.botao5:hover, .botao5.active {
    background-position: 0px -29px;
    text-shadow: none;
    color: #fff;
}

/* BOT?O 6 */
.botao6 {
    background: url("../images/layout/botao6-fundo.png") repeat-x 0px 0px;
    border: 1px solid #718fa5;
    cursor: pointer;
    height: 25px;
    color: #003055;
    font-family: "Helvetica Neue Condensed","Arial Narrow",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    padding: 0px 15px;
    outline: none;
}
.botao6:hover, .botao6.active {
    text-shadow: none;
    background-position: 0px -23px;
    color: #fff;
}

/* BOTAO ICONE */
.botaoIcone {
    display: inline-block;
    width: 26px;
    height: 23px;
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: 0px 0px;
    overflow: hidden;
    border: 0px;
    margin: 0px;
    padding: 0px;
    position: relative;
    font: bold 15px "Helvetica Neue Condensed","Arial Narrow",Helvetica,Arial,sans-serif;
	position: relative;
	cursor: pointer;
    outline: none;
}

.botaoIcone:hover, .botaoIcone.active {
    background-position: 0px -23px;
}

.botaoIcone > img {
    position: absolute;
    top: 4px;
    left: 5px;
}
.botaoIcone > span {
    position: absolute;
    top: 4px;
    left: 5px;
    width: 16px;
    height: 16px;
}
.iconeAdicionar {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -26px 0px;
}
.iconeEditar {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -42px 0px;
}
.iconeDuplicar {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -58px 0px;
}
.iconeExcluir {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -74px 0px;
}
.iconeRemover {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -90px 0px;
}
.iconeCalendario {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -106px 0px;
}
.iconeEditarMapa {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -26px -16px;
}
.iconeMostrarMapa {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -42px -16px;
}

/* BOTAO ICONE */
.botaoIcone {
    display: inline-block;
    width: 26px;
    height: 23px;
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: 0px 0px;
    overflow: hidden;
    border: 0px;
    margin: 0px;
    padding: 0px;
    position: relative;
    font: bold 15px "Helvetica Neue Condensed","Arial Narrow",Helvetica,Arial,sans-serif;
	position: relative;
	cursor: pointer;
    color: #557b98;
    font: bold 15px "Helvetica Neue Condensed","Arial Narrow",Helvetica,Arial,sans-serif;
}

.botaoIcone:hover, .botaoIcone.active {
    background-position: 0px -23px;
}

.botaoIcone > img {
    position: absolute;
    top: 4px;
    left: 5px;
}
.botaoIcone > span {
    position: absolute;
    top: 4px;
    left: 5px;
    width: 16px;
    height: 16px;
}
.iconeAdicionar {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -26px 0px;
}
.iconeEditar {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -42px 0px;
}
.iconeDuplicar {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -58px 0px;
}
.iconeExcluir {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -74px 0px;
}
.iconeRemover {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -90px 0px;
}
.iconeCalendario {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -106px 0px;
}
.iconeMapaEditar {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -122px 0px;
}
.iconeMapaMostrar {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -138px 0px;
}


/* DISABLED */
.botaoIcone.disabled {
    background-position: 0px -46px;
}
.botaoIcone.disabled .iconeAdicionar {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -26px -32px;
}
.botaoIcone.disabled .iconeEditar {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -42px -32px;
}
.botaoIcone.disabled .iconeDuplicar {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -58px -32px;
}
.botaoIcone.disabled .iconeExcluir {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -74px -32px;
}
.botaoIcone.disabled .iconeRemover {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -90px -32px;
}
.botaoIcone.disabled .iconeCalendario {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -106px -32px;
}
.botaoIcone.disabled .iconeMapaEditar {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -122px -32px;
}
.botaoIcone.disabled .iconeMapaMostrar {
    background: url('../images/layout/icones-acoes.png') no-repeat;
    background-position: -138px -32px;
}



/* BOTAO ICONE 2 */
.botaoIcone2 {
    display: inline-block;
    width: 30px;
    height: 27px;
    background: url('../images/layout/icones-acoes-grande.png') no-repeat;
    background-position: 0px 0px;
    overflow: hidden;
    border: 0px;
    margin: 0px;
    padding: 0px;
    position: relative;
    font: bold 15px "Helvetica Neue Condensed","Arial Narrow",Helvetica,Arial,sans-serif;
	position: relative;
	cursor: pointer;
}

.botaoIcone2:hover, .botaoIcone.active {
    background-position: 0px -27px;
}

.botaoIcone2 > img {
    position: absolute;
    top: 4px;
    left: 5px;
}
.botaoIcone2 > span {
    position: absolute;
    top: 4px;
    left: 5px;
    width: 20px;
    height: 20px;
}
.botaoIcone2 .iconeMapaApagar {
    background: url('../images/layout/icones-acoes-grande.png') no-repeat;
    background-position: -30px 0px;
}

.botaoIcone2 .iconeMapaSalvar {
    background: url('../images/layout/icones-acoes-grande.png') no-repeat;
    background-position: -50px 0px;
}

.botaoIcone2 .iconeMapaRegua {
    background: url('../images/layout/icones-acoes-grande.png') no-repeat;
    background-position: -70px 0px;
}

.botaoIcone2 .iconeMapaDesenhar2 {
    background: url('../images/layout/icones-acoes-grande.png') no-repeat;
    background-position: -90px 0px;
}

.botaoIcone2 .iconeMapaDesenhar {
    background: url('../images/layout/icones-acoes-grande.png') no-repeat;
    background-position: -150px 0px;
}

.botaoIcone2 .iconeMapaVeiculo {
    background: url('../images/layout/icones-acoes-grande.png') no-repeat;
    background-position: -110px 0px;
}

.botaoIcone2 .iconeMapaDesfazer {
    background: url('../images/layout/icones-acoes-grande.png') no-repeat;
    background-position: -130px 0px;
}

/* DISABLED */
.botaoIcone2.disabled {
    background-position: 0px -54px;
}
.botaoIcone2.disabled .iconeMapaApagar {
    background: url('../images/layout/icones-acoes-grande.png') no-repeat;
    background-position: -30px -20px;
}

.botaoIcone2.disabled .iconeMapaSalvar {
    background: url('../images/layout/icones-acoes-grande.png') no-repeat;
    background-position: -50px -20px;
}

.botaoIcone2.disabled .iconeMapaRegua {
    background: url('../images/layout/icones-acoes-grande.png') no-repeat;
    background-position: -70px -20px;
}

.botaoIcone2.disabled .iconeMapaDesenhar2 {
    background: url('../images/layout/icones-acoes-grande.png') no-repeat;
    background-position: -90px -20px;
}

.botaoIcone2.disabled .iconeMapaDesenhar {
    background: url('../images/layout/icones-acoes-grande.png') no-repeat;
    background-position: -150px -20px;
}

.botaoIcone2.disabled .iconeMapaVeiculo {
    background: url('../images/layout/icones-acoes-grande.png') no-repeat;
    background-position: -110px -20px;
}

.botaoIcone2.disabled .iconeMapaDesfazer {
    background: url('../images/layout/icones-acoes-grande.png') no-repeat;
    background-position: -130px -20px;
}




/**********************************************************************************************/
/* GRUPO DE BOT?ES */
/**********************************************************************************************/

/* GRUPO DE BOT?ES 1 */
.grupoBotao1 {
    white-space: nowrap;
    height: 17px;
}
.grupoBotao1 > button {
    background: url("../images/layout/botao1-fundo.png") repeat scroll 100px top transparent;
    border: 1px solid #718FA5;
    color: #003055;
    font: bold 11px "Helvetica Neue Condensed","Arial Narrow",Helvetica,Arial,sans-serif;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    cursor: pointer;
    text-transform: uppercase;
    padding: 0px 10px;
    margin: 0px;
    float: left;
    height: 17px;
    border-left: 0px;
}
.grupoBotao1 > button:hover {
    background-position: 100px bottom;
    color: #FFFFFF;
    text-shadow: none;
}
.grupoBotao1 > button:first-child {
    border-left: 1px solid #718FA5;
    border-radius: 4px 0px 0px 4px;
}
.grupoBotao1 > button:last-child {
    border-radius: 0px 4px 4px 0px;
}

/* GRUPO DE BOT?ES 2 */
.grupoBotao2 {
    white-space: nowrap;
    height: 17px;
}
.grupoBotao2 > button {
    background: url("../images/layout/botao5-fundo.png") repeat scroll 100px top transparent;
    border: 1px solid #718FA5;
    color: #003055;
    font: bold 15px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    cursor: pointer;
    padding: 0px 10px;
    margin: 0px;
    float: left;
    height: 27px;
    border-left: 0px;
    width: 150px;
    border-bottom: 0px;
}
.grupoBotao2 > button:hover, .grupoBotao2 > button.active {
    background-position: 100px bottom;
    color: #FFFFFF;
    text-shadow: none;
}
.grupoBotao2 > button:first-child {
    border-left: 1px solid #718FA5;
}

/**********************************************************************************************/
/* LISTAS */
/**********************************************************************************************/

/* LISTA 1 */
.lista1 {
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    overflow-y: scroll;
    background: #fff;
}

.lista1 li {
    line-height: 25px;
    background: #fff;
    padding: 5px;
    border: 1px solid #718fa5;
    border-bottom: 0px;
    border-right: 0px;
    cursor: default;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lista1 li + li {
    border-bottom: 0px;
}
.lista1 li:last-child {
    border-bottom: 1px solid #718fa5;
}

.lista1 li .acoes {
    float: right;
    display: none;
}

.lista1 li:hover .acoes {
    display: block;
}

.lista1 li:hover {
    background: #d1e0ec;
}
.lista1 li.active {
    background: #a3c2d9;
}

.lista1 li.active .acoes {
    display: block;
}


/* LISTA 2 */
.lista2 {
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    overflow-y: scroll;
    background: #fff;
}

.lista2 li {
    line-height: 25px;
    background: #fff;
    padding: 5px;
    border: 1px solid #718fa5;
    border-bottom: 0px;
    border-right: 0px;
    cursor: default;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lista2 li + li {
    border-bottom: 0px;
}
.lista2 li:last-child {
    border-bottom: 1px solid #718fa5;
}

/**********************************************************************************************/
/* TABELAS */
/**********************************************************************************************/

/* TABELA 1 */
table.DTCR_clonedTable {
            background: #6c7b89 url(../images/layout/grid-header-hover-bg.gif) repeat-x top;
            box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
}
div.DTCR_pointer {
    width: 1px;
    background-color: #06518c;
}        
.dataTables_scrollHead {
    background: #6c7b89 url(../images/layout/grid-header-bg.gif) repeat-x top;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
}
.dataTables_scrollHead .tabela1 {
    border: 0px; 
}
.tabela1 {
    border-right: 1px solid #a6bfd1;
    table-layout: fixed;
}
.tabela1 tbody {
    background: #fff;
}

.dataTables_scrollHead .tabela1,
.dataTables_scrollHead .df-tabela {
    border-collapse: separate !important;
}

.tabela1 thead th {
    height: 22px;
    overflow: hidden;
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
    color: #fff;
    text-align: left;
    padding: 0px 5px;
    border-right: 1px solid #648196;
    border-left: 1px solid #A6BFD1;
    cursor: default;
}

.tabela1 thead th:first-child {
    border-left: 1px solid #889eaf;
}
.tabela1 thead th:last-child {
    border-right: 0px;
}

.tabela1 tbody tr {
    border-bottom: 1px solid #a6bfd1;
}
.tabela1 tbody td {
    padding: 0px 5px;
    padding-right: 6px;
    box-sizing: border-box;
    height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tabela1.multiline tbody td {
    height: auto;
    text-overflow: clip !important;
    white-space: normal !important;
}

.tabela1 tbody tr.active {
    background: #a3c2d9;
}

.tabela1 tbody tr:hover, .tabela1 tbody tr.hover {
    background: #d1e0ec !important;
}

.tabela1 tbody td:first-child {
    border-left: 1px solid #a6bfd1;
}
.tabela1 tbody td:last-child {
    border-right: 0px;
}
.tabela1 tbody tr:first-child td {
    border-top: 0px;
}
.tabela1 tbody tr:last-child td {
    border-bottom: 1px solid #a6bfd1;
}
.tabela1 .sorting {
    background: url('../images/modulos/painel-controle/grid-setas-ordenacao.png') no-repeat bottom right;
}
.tabela1 .sorting_asc {
    background: url('../images/modulos/painel-controle/grid-setas-ordenacao.png') no-repeat right;
}
.tabela1 .sorting_desc {
    background: url('../images/modulos/painel-controle/grid-setas-ordenacao.png') no-repeat top right;
}

.tabela1 thead th:hover {
    background-image: url(../images/layout/grid-header-hover-bg.gif) top repeat-x;
}

.tabela1 thead th.sorting_asc:hover {
    background-image: url('../images/modulos/painel-controle/grid-setas-ordenacao.png'), url(../images/layout/grid-header-hover-bg.gif);
    background-position: right, top;
    background-repeat: no-repeat, repeat-x;
}

.tabela1 thead th.sorting_desc:hover {
    background-image: url('../images/modulos/painel-controle/grid-setas-ordenacao.png'), url(../images/layout/grid-header-hover-bg.gif);
    background-position: top right, top;
    background-repeat: no-repeat, repeat-x;
}

.tabela1 thead th.sorting:hover {
    background-image: url('../images/modulos/painel-controle/grid-setas-ordenacao.png'), url(../images/layout/grid-header-hover-bg.gif);
    background-position: bottom right, top;
    background-repeat: no-repeat, repeat-x;
}
.dataTables_scrollBody {
    background: #fff;
}
.dataTables_empty { display: none; }
.dataTables_scrollBody .tabela1 {
    /* width: 100% !important; */
}

.tabela1.grid tbody td {
    border: 1px solid #718fa5;
    padding-right: 5px;
    height: 30px;
}

.tabela1 tbody tr .hidden {
    display: none;
}
.tabela1 tbody tr:hover .hidden {
    display: block;
}






/***********************************************************************************/
/* NOVO PADR?O */
/***********************************************************************************/
body {
	margin: 0;
	padding: 0;
    font: normal 11px Arial,sans-serif;
    margin-bottom: 25px; 
	
}
input[type=search], input[type=text], input[type=password], select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px 2px;
	border: 1px solid #7F9DB9;
	outline: none;
    background: #fff;
}

select {
	padding: 2px 2px;
}

textarea { resize: none; }

/***********************************************************************************/
/* jQuery UI custom */
/***********************************************************************************/
.ui-spinner-input {
	border: 0 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	padding: 3px 2px !important;
	outline: none !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.ui-spinner {
	border: 1px solid #7F9DB9 !important;
	border-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-top-left-radius: 0 !important;
}

.ui-spinner-button {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-left: 1px solid #7F9DB9 !important;
	background: #FFF !important;
}


/***********************************************************************************/
/* TEXTOS */
/***********************************************************************************/
.df-texto-normal {
    font: normal 11px Arial, sans-serif; 
}

.df-texto-desabilitado {
    color: #999;
}

.df-texto-alerta {
    color: #F00 !important;
}

.df-texto-1 {
    color: #004E8D;
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
}

.df-texto-1-red {
    color: #cd0a0ae6;
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
}


.df-texto-2 {
    color: #003055;
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
}

.df-texto-3 {
    color: #557B98;
    font: bold 15px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
}

.df-texto-4 {
    color: #6EC2FF;
    font: bold 11px Arial, sans-serif;
}

.df-texto-5 {
    color: #000;
    font: bold 11px Arial, sans-serif;
    text-transform: uppercase;
}

.df-texto-6 {
    color: #FFF;
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
}

.df-texto-7 {
    color: #FFF;
    font: normal 11px Arial, sans-serif;
}

.df-texto-8 {
    color: #046EBF;
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
}

/***********************************************************************************/
/* T?TULOS */
/***********************************************************************************/
.df-titulo-1 {
    color: #557b98;
    font: bold 21px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
}

.df-titulo-2 {
    color: #557b98;
    font: bold 15px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
}

.df-titulo-3 {
    display: table;
    width: 100%;
    white-space: nowrap;
    color: #557b98;
    font: bold 15px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    line-height: 13px;
}
.df-titulo-3:after {
    content: "";
    border: 0px;
    height: 1px;
    display: table-cell;
    width: inherit;
    border-bottom: 1px solid #fff;
}

.df-titulo-4 {
    display: table;
    width: 100%;
    white-space: nowrap;
    color: #557b98;
    font: bold 15px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    line-height: 13px;
    margin: 0;
    padding: 0;
}

.df-titulo-4:after {
    content: "";
    border: 0px;
    height: 1px;
    display: table-cell;
    width: inherit;
    border-bottom: 1px solid #557b98;
}

.df-titulo-5{
	font: bold 15px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
	color: #003055;
}
.df-titulo-5:hover{
	color: #fff;
}
.df-titulo-6{
	color: #557b98;
    font: bold 15px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;''
    white-space: pre-line;
	word-wrap: break-word;
	overflow-wrap: break-word;
	display: inline-block;
	width: 440px;
}
/***********************************************************************************/
/* BACKGROUNDS */
/***********************************************************************************/
.df-bg-1 {
    background: #001E3A;
}

.df-bg-2 {
    background: #E3E9ED;
}
.df-bg-3 {
    background: #D5DBDF;
}

.df-bg-4 {
    background: #F5F7F9;
}

/***********************************************************************************/
/* ESTADOS */
/***********************************************************************************/
.df-estado-nao-lido {
    background: #4EB81C;
    color: #FFF;
}

.df-estado-lido {
    background: inherit;
}

.df-estado-hover {
    background: #D1E0EC;
}

.df-estado-selecionado {
    background: #A3C2D9;
}

.df-estado-alerta {
    background: #D00000;
    color: #fff;
}

/***********************************************************************************/
/* BOT?ES */
/***********************************************************************************/
.df-botao-1 {
    background: url("../images/layout/df-botao-1.png") repeat scroll 100px top transparent;
    border: 1px solid #718FA5;
    border-radius: 4px 4px 4px 4px;
    color: #003055;
    cursor: pointer;
    font: bold 11px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    height: 17px;
    padding: 0px 10px 15px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    outline: none;    
}

.df-botao-1:hover,
.df-botao-1.df-hover,
.df-botao-1.df-ativo {
    background-position: 100px bottom;
    color: white;
    text-shadow: none;
}

.df-botao-1:disabled,
.df-botao-1.df-desabilitado {
    opacity: 0.36;
    background-position: 100px top !important;
    color: #003055 !important;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6) !important;
    cursor: default;
}

.df-botao-2 {
    color: #fff;
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    background-image: url("../images/layout/df-botao-2-esquerda.png"), url("../images/layout/df-botao-2-direita.png"), url("../images/layout/df-botao-2-centro.png");
    background-position: left top, right top, center top;
    background-repeat: no-repeat, no-repeat, repeat-x;
    padding: 0px 20px;
    height: 22px;
    border: 0;
    cursor: pointer;
}

.df-botao-2:hover,
.df-botao-2.df-hover,
.df-botao-2.df-ativo {
    background-position: left bottom, right bottom, center bottom;
    color: #003055;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
}

.df-botao-2:disabled,
.df-botao-2.df-desabilitado {
    opacity: 0.36;
    cursor: default;
	background-position: left top, right top, center top !important;
    color: #fff !important;
    text-shadow: none !important;
}

.df-botao-3 {
    color: #fff;
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    background-image: url("../images/layout/df-botao-3-esquerda.png"), url("../images/layout/df-botao-3-direita.png"), url("../images/layout/df-botao-3-centro.png");
    background-position: left top, right top, center top;
    background-repeat: no-repeat, no-repeat, repeat-x;
    padding: 0px 20px;
    height: 30px;
    border: 0;
    cursor: pointer;
}

.df-botao-3:hover,
.df-botao-3.df-hover,
.df-botao-3.df-ativo {
    background-position: left bottom, right bottom, center bottom;
    color: #003055;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
}

.df-botao-3:disabled,
.df-botao-3.df-desabilitado {
	opacity: 0.36;
	cursor: default;
    background-position: left top, right top, center top !important;
    color: #fff !important;
    text-shadow: none !important;
}

.df-botao-4 {
    background: url("../images/layout/df-botao-4.png") repeat-x 0 0;
    border: 1px solid #718FA5;
    cursor: pointer;
    height: 25px;
    color: #003055;
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    padding: 0 20px;
    outline: none;
    border-radius: 1px;
}

.df-botao-4:hover,
.df-botao-4.df-hover,
.df-botao-4.df-ativo {
    text-shadow: none;
    background-position: 0 -23px;
    color: #FFF;
}

.df-botao-4:disabled,
.df-botao-4.df-desabilitado {
	opacity: 0.36;
	cursor: default;	
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6) !important;
    background-position: 0 0px !important;
    color: #003055;
}

.df-botao-5{
    background: url("../images/layout/df-botao-5.png") repeat scroll 100px top transparent;
    border: 1px solid #718FA5;
    border-radius: 10px;
    color: #003055;
    cursor: pointer;
    font: bold 11px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    height: 17px;
    padding: 0px 5px 15px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    outline: none;    
}

.df-botao-5:hover,
.df-botao-5.df-hover,
.df-botao-5.df-ativo{
    background-position: 100px bottom;
    color: white;
    text-shadow: none;
}

.df-botao-5:disabled,
.df-botao-5.df-desabilitado {
    opacity: 0.36;
    background-position: 100px top !important;
    color: #003055 !important;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6) !important;
    cursor: default;
}

.df-botao-icone {
    background: url("../images/layout/df-botao-icone.png") no-repeat 0 0;
    border: 0;
    cursor: pointer;
    width: 26px;
    height: 23px;
    position: relative;
}

.df-botao-icone-google {
    background: url("../images/layout/adicionar01.png") no-repeat 0 0;
    border: 0;
    cursor: pointer;
    width: 34px;
    height: 34px;
    position: relative;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.df-botao-icone > span {
    position: absolute;
    top: 4px;
    left: 5px;
}

.df-botao-icone:active,
.df-botao-icone.df-ativo {
    background-position: 0 -46px;
}

.df-botao-icone:hover,
.df-botao-icone.df-hover {
    background-position: 0 -23px;
}

.df-botao-icone:disabled,
.df-botao-icone.df-desabilitado {
    background-position: 0 -69px;
}

.df-botao-icone-grande {
    background: url("../images/layout/df-botao-icone-grande.png") no-repeat 0 0;
    border: 0;
    cursor: pointer;
    width: 30px;
    height: 27px;
    position: relative;
}

.df-botao-icone-grande > span {
	position: absolute;
    top: 6px;
    left: 7px;
}

.df-botao-icone-grande:active,
.df-botao-icone-grande.df-ativo {
    background-position: 0 -54px;
}

.df-botao-icone-grande:hover,
.df-botao-icone-grande.df-hover {
    background-position: 0 -27px;
}

.df-botao-icone-grande:disabled,
.df-botao-icone-grande.df-desabilitado {
    background-position: 0 -81px;
}

.df-botao-seta {
    background: url("../images/layout/df-botao-seta.png") no-repeat 0 0;
    width: 20px;
    height: 10px;
    border: 0;
    cursor: pointer;
}

.df-botao-seta:hover,
.df-botao-seta.df-hover,
.df-botao-seta.df-ativo {
    background-position: 0 -10px;
}

.df-botao-seta.df-seta-baixo {
    background-position: 0 -30px;
}

.df-botao-seta.df-seta-baixo:hover,
.df-botao-seta.df-seta-baixo.df-hover,
.df-botao-seta.df-seta-baixo.df-ativo {
    background-position: 0 -20px;
}

.df-botao-seta.df-seta-esquerda,
.df-botao-seta.df-seta-direita {
    background: url("../images/layout/df-botao-seta-2.png") no-repeat 0 0;
    width: 10px;
    height: 20px;
}

.df-botao-seta.df-seta-esquerda:hover,
.df-botao-seta.df-seta-esquerda.df-hover,
.df-botao-seta.df-seta-esquerda.df-ativo {
	background-position: 0 -20px;
}

.df-botao-seta.df-seta-direita {
	background-position: 0 -40px;
}

.df-botao-seta.df-seta-direita:hover,
.df-botao-seta.df-seta-direita.df-hover,
.df-botao-seta.df-seta-direita.df-ativo {
	background-position: 0 -60px;
}

.df-botao-janela-fechar {
    background: url("../images/layout/df-botao-janela.png") no-repeat 0 0;
    width: 14px;
    height: 14px;
    border: 0;
    padding: 0;
    cursor: pointer;
    vertical-align: top;
}
.df-botao-janela-fechar:hover,
.df-botao-janela-fechar.df-hover,
.df-botao-janela-fechar.df-ativo {
    background-position: 0 -14px;
}

.df-botao-janela-destacar {
    background: url("../images/layout/df-botao-janela.png") no-repeat -14px 0;
    width: 14px;
    height: 14px;
    border: 0;
    padding: 0;
	cursor: pointer;
    vertical-align: top;
}
.df-botao-janela-destacar:hover,
.df-botao-janela-destacar.df-hover,
.df-botao-janela-destacar.df-ativo {
    background-position: -14px -14px;
}

.df-botao-janela-maximizar {
    background: url("../images/layout/df-botao-janela.png") no-repeat -28px 0;
    width: 14px;
    height: 14px;
    border: 0;
    padding: 0;
	cursor: pointer;
    vertical-align: top;
}
.df-botao-janela-maximizar:hover,
.df-botao-janela-maximizar.df-hover,
.df-botao-janela-maximizar.df-ativo {
    background-position: -28px -14px;
}

.df-botao-janela-configuracoes {
    background: url("../images/layout/df-botao-janela.png") no-repeat -42px 0;
    width: 14px;
    height: 14px;
    border: 0;
    padding: 0;
	cursor: pointer;
    vertical-align: top;
}
.df-botao-janela-configuracoes:hover,
.df-botao-janela-configuracoes.df-hover,
.df-botao-janela-configuracoes.df-ativo {
    background-position: -42px -14px;
}

.df-botao-janela-configuracoes-ativo {
    background: url("../images/layout/df-botao-janela.png") no-repeat -56px 0;
    width: 14px;
    height: 14px;
    border: 0;
    padding: 0;
	cursor: pointer;
    vertical-align: top;
}
.df-botao-janela-configuracoes-ativo:hover,
.df-botao-janela-configuracoes-ativo.df-hover,
.df-botao-janela-configuracoes-ativo.df-ativo {
    background-position: -56px -14px;
}

.df-botao-paginacao-anterior {
	background: url("../images/layout/df-botao-paginacao.png") no-repeat 0 0;
	width: 14px;
	height: 23px;
	border: 0;
}

.df-botao-paginacao-anterior:disabled,
.df-botao-paginacao-anterior.df-desabilitado {
	opacity: 0.36;
}

.df-botao-paginacao-proximo {
	background: url("../images/layout/df-botao-paginacao.png") no-repeat -14px 0;
	width: 14px;
	height: 23px;
	border: 0;
}

.df-botao-paginacao-proximo:disabled,
.df-botao-paginacao-proximo.df-desabilitado {
	opacity: 0.36;
}

/***********************************************************************************/
/* BOT?ES AGRUPADOS */
/***********************************************************************************/

.df-botoes-agrupados-1 {
    white-space: nowrap;
    height: 17px;
}
.df-botoes-agrupados-1 > button {
    background: url("../images/layout/df-botoes-agrupados-1.png") repeat-x;
    border: 1px solid #718FA5;
    color: #003055;
    font: bold 11px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    cursor: pointer;
    text-transform: uppercase;
    padding: 0 10px;
    margin: 0;
    float: left;
    height: 17px;
    border-left: 0;
}
.df-botoes-agrupados-1 > button:hover,
.df-botoes-agrupados-1 > button.df-hover,
.df-botoes-agrupados-1 > button.df-ativo {
    background-position: left bottom;
    color: #FFF;
    text-shadow: none;
}
.df-botoes-agrupados-1 > button:first-child {
    border-left: 1px solid #718FA5;
    border-radius: 4px 0 0 4px;
}
.df-botoes-agrupados-1 > button:last-child {
    border-radius: 0 4px 4px 0;
}


.df-botoes-agrupados-2 {
    white-space: nowrap;
    height: 27px;
}
.df-botoes-agrupados-2 > button {
    background: url("../images/layout/df-botoes-agrupados-2.png") repeat-x;
    border: 1px solid #718FA5;
    color: #003055;
    font: bold 15px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    cursor: pointer;
    padding: 0px 10px;
    margin: 0px;
    float: left;
    height: 27px;
    border-left: 0px;
    min-width: 150px;
    border-bottom: 0px;
}
.df-botoes-agrupados-2 > button:hover,
.df-botoes-agrupados-2 > button.df-hover,
.df-botoes-agrupados-2 > button.df-ativo {
    background-position: left bottom;
    color: #FFF;
    text-shadow: none;
}
.df-botoes-agrupados-2 > button:first-child {
    border-left: 1px solid #718FA5;
}

.df-icones-agrupados {
	white-space: nowrap;
	height: 27px;
}

.df-icones-agrupados > button {
	padding: 0;
	margin: 0;
	border: 0;
	background: url(../images/layout/df-botao-icone-grande.png) no-repeat 0 0;
	cursor: pointer;
	width: 29px;
	height: 27px;
	text-align: center;
	float: left;
	padding-top: 3px;
}

.df-icones-agrupados > button:active,
.df-icones-agrupados > button.df-ativo {
    background-position: 0 -54px;
}

.df-icones-agrupados > button:hover,
.df-icones-agrupados > button.df-hover {
    background-position: 0 -27px;
}

.df-icones-agrupados > button:disabled,
.df-icones-agrupados > button.df-desabilitado {
    background-position: 0 -81px;
    cursor: default !important;
}

.df-icones-agrupados .df-icones-agrupados-margem {
	margin-left: 10px !important;
}

.df-icones-agrupados .df-icones-agrupados-texto {
	background: url(../images/layout/df-icones-agrupados.png) no-repeat 0 0;
	width: 99px;
	height: 27px;
	padding-top: 0;
    color: #fff;
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
}

.df-icones-agrupados .df-icones-agrupados-texto:hover {
	background-position: 0 -27px;
    color: #003055;
}

.df-icones-agrupados .df-icones-agrupados-texto.df-ativo {
	background-position: 0 -54px;
    color: #fbae26;
}

.df-icones-agrupados .df-icones-agrupados-texto:disabled {
	background-position: 0 0;
	opacity: 0.5;
    color: #fff;
}

.df-icones-agrupados .df-icones-agrupados-icone-texto {
	background: url(../images/layout/df-icones-agrupados.png) no-repeat -99px 0;
	width: 60px;
	height: 27px;
	padding-top: 0;
    color: #fff;
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
}

.df-icones-agrupados .df-icones-agrupados-icone-texto.df-ativo {
	background-position: -99px -54px;
}

.df-icones-agrupados .df-icones-agrupados-icone-texto:hover {
	background-position: -99px -27px;
}

.df-icones-agrupados .df-icones-agrupados-icone-texto:disabled {
	background-position: -99px 0;
	opacity: 0.5;
    color: #fff;
}

.df-icones-agrupados .df-icones-agrupados-icone-texto > span {
	float: left;
	margin-left: 10px;
}


/***********************************************************************************/
/* HEADERS  */
/***********************************************************************************/
.df-header-janela {
    color: #003055;
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    background: url("../images/layout/df-header-janela.png") repeat-x;
    border: 1px solid #718FA5;
    border-radius: 5px 5px 0 0;
    margin: 0;
    padding: 0 10px;
    line-height: 23px;
    position: relative;
}

.df-header-janela .df-header-janela-botoes {
    position: absolute;
    right: 5px;
    top: 5px;
}

.df-header-sanfona > h3 {
    color: #003055;
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    background-image: url("../images/layout/df-header-sanfona.png"), url("../images/layout/df-header-janela.png");
    background-position: 4px 0px, left top;
    background-repeat: no-repeat, repeat-x;
    border: 1px solid #718FA5;
    border-bottom: 0;
    margin: 0;
    padding: 0 10px 0 26px;
    line-height: 23px;
    position: relative;
    cursor: pointer;
}

.df-header-sanfona > h3:first-child {
    border-radius: 5px 5px 0 0;
}

.df-header-sanfona > h3:last-child {
    border-bottom: 1px solid #718FA5;
}
.df-header-sanfona > h3.df-ativo {
    background-position: 4px -23px, left top;
    border: 1px solid #718FA5;
}

.st-tabela-usuarios,
.st-tabela-grupos {
	width: 100%;
}

.st-tabela-usuarios .st-coluna-login {
	width: 200px;
}

.st-tabela-usuarios .st-coluna-email {
	width: 200px;
}

.st-tabela-usuarios .st-coluna-perfil {
	width: 150px;
}

.st-tabela-usuarios .st-coluna-acoes {
	width: 60px;
}

.st-tabela-grupos .st-coluna-grupo {
	width: 250px;
}

.st-tabela-grupos .st-coluna-acoes {
	width: 100px;
}


.df-header-sanfona-interna > h3 {
    color: #557b98;
    font: bold 15px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    background: url("../images/layout/df-header-sanfona.png") no-repeat 10px 3px #e3e9ed;
    line-height: 30px;
    padding-left: 33px;
    position: relative;
    cursor: pointer;
    margin: 5px 0;
}

.df-header-sanfona-interna > h3:first-child {
	margin-top: 0;
}

.df-header-sanfona-interna > h3:last-child {
	margin-bottom: 0;
}

.df-header-sanfona-interna > h3.df-ativo {
    background-position: 10px -20px, left top;
}

.df-header-abas {
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
	height: 25px;
	width: 100%;
}

.df-header-abas > li {
    color: #003055;
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
	margin: 0;
	padding: 5px 10px;
	float: left;
	width: 160px;
	height: 15px;
	overflow: hidden;
	background: url(../images/layout/df-header-abas.png) no-repeat bottom;
	margin-left: -8px;
	position: relative;
	z-index: 1;
	cursor: default;
}

.df-header-abas > li:nth-child(1) {
	z-index: 0;
}

.df-header-abas > li:nth-child(2) {
	z-index: 0;
}

.df-header-abas > li:nth-child(3) {
	z-index: 0;
}

.df-header-abas > li:nth-child(4) {
	z-index: 0;
}

.df-header-abas > li:nth-child(5) {
	z-index: 0;
}

.df-header-abas > li.df-ativo {
	z-index: 1;
	background-position: top;
}

.df-header-abas > li:first-child {
	margin-left: 0;
}

.df-header-abas > li > button {
	float: right;
	margin-right: 7px;
	margin-top: 1px;
	opacity: 0.3;
}

.df-header-abas > li.df-ativo > button {
	opacity: 1;
}

.df-header-abas > li > label {
	width: 130px;
	float:left;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/***********************************************************************************/
/* CAIXAS */
/***********************************************************************************/
.df-caixa-5 {
    padding: 5px;
}

.df-caixa-10 {
    padding: 10px;
}

.df-caixa-15 {
    padding: 15px;
}

.df-caixa-20 {
    padding: 20px;
}

.df-caixa-grupo {
    padding: 5px 0px;
    border-top: 1px dotted #557B98;
    border-bottom: 1px dotted #557B98;
}

.df-caixa-grupo + .df-caixa-grupo {
	border-top: 0;
}

.df-caixa-grupo-2 {
	display: table;
	width: 100%;
}

.df-caixa-grupo-2 > div {
	display: table-cell;
	background: #D5DBDF;
	border-right: 20px solid #E3E9ED;
	padding: 15px;
	margin: 0 !important;
	vertical-align: middle;
}

.df-caixa-grupo-2 button {
	margin: 0 !important;
}

.df-caixa-grupo-2 > div:last-child {
    border-right: 0;
    width: 100%;
}

/*
.df-caixa-grupo-2 {
    background: #D5DBDF;
}

.df-caixa-grupo-2 > div {
	padding: 0px 15px;
    display: inline-block;
    line-height: 53px;
    border-right: 20px solid #E3E9ED;
    vertical-align: middle;
}
.df-caixa-grupo-2 > div:last-child {
    border-right: 0;
}
.df-caixa-grupo-2 > div > button {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
}
*/

.df-caixa-label {
	display: inline-block;
	background: #F5F7F9; /* df-bg-4 */
	padding: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.df-caixa-label-2 {
	display: inline-block;
	background: #E3E9ED;
	padding: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/***********************************************************************************/
/* BARRAS */
/***********************************************************************************/
.df-barra-mapa {
    background: url("../images/layout/df-barra-mapa.png") repeat-x;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}


.df-barra-mapa-google{  
    position: absolute;
    margin-left: 395px;
    top: 0;
    left: 0;
    width: 50%;
    height: 50px;
    z-index: 99999;
}

.df-barra-mapa-google-area{  
    position: absolute;
    margin-left: 390px;
    top: 0;
    left: 0;
    width: 50%;
    height: 50px;
    z-index: 99999;
}

.df-barra-mapa > div {
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    line-height: 31px;
}

.df-barra-mapa > .df-barra-mapa-divisor {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border-right: 1px solid #A6BFD1;
    background: #648196;
    width: 1px;
    height: 41px;
    padding: 0;
    margin: 0;
}

.df-barra-mapa > .df-alinhar-direita {
    float: right;
}

.df-barra-mapa > .df-barra-botoes {
    padding-top: 9px;
    line-height: 20px;
    padding-bottom: 0;
}

.df-barra-mapa-legenda {
    background: url("../images/layout/df-barra-mapa-legenda.gif") repeat-x;
    padding: 0 10px;
    line-height: 30px;
    border-radius: 0 5px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

/***********************************************************************************/
/* LISTAS */
/***********************************************************************************/
.df-lista-1 {
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    overflow-y: scroll;
    background: #fff;
}

.df-lista-1 li {
    line-height: 25px;
    padding: 5px;
    border: 1px solid #718fa5;
    border-bottom: 0px;
    border-right: 0px;
    cursor: default;    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.df-lista-1 li:last-child {
    border-bottom: 1px solid #718fa5;
}

.df-lista-1 li .df-lista-botoes {
    float: right;
    display: none;
}

.df-lista-1 li:hover .df-lista-botoes {
    display: block;
}

.df-lista-1 li:hover {
    background: #D1E0EC;
}
.df-lista-1 li.df-selecionado {
    background: #A3C2D9;
}

.df-lista-2 {
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    overflow-y: scroll;
    background: #fff;
}

.df-lista-2 li {
    line-height: 25px;
    background: #fff;
    padding: 5px;
    border: 1px solid #718fa5;
    border-bottom: 0px;
    border-right: 0px;
    cursor: default;    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.df-lista-2 li:last-child {
    border-bottom: 1px solid #718fa5;
}

/***********************************************************************************/
/* TABELAS */
/***********************************************************************************/
table.DTCR_clonedTable {
    background: #6c7b89 url(../images/layout/df-tabela-header-hover.gif) repeat-x top;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
}
div.DTCR_pointer {
    width: 1px;
    background-color: #06518c;
}        
.dataTables_scrollHead {
    background: #6c7b89 url(../images/layout/df-tabela-header.gif) repeat-x top;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
}
.dataTables_scrollBody {
    background: #fff;
}
.dataTables_empty { display: none; }

.df-tabela {
    table-layout: fixed;
}

.dataTables_scrollHead {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzg4OUVBRiIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzcyODM5MyIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzk5KSIgLz4KPC9zdmc+) !important;
	z-index: 1;
}

.df-tabela thead th {
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
    color: #fff;
    text-align: left;
	padding: 0px 5px;
    cursor: default;
    outline: none;
    height: 22px;
    background-image: url(../images/layout/df-tabela-th-border-1.png), url(../images/layout/df-tabela-th-border-2.png);
    background-repeat: repeat-y, repeat-y; 
    background-position: right, left;
}

.df-tabela thead th:first-child {
    background-image: url(../images/layout/df-tabela-th-border-1.png);
    background-repeat: repeat-y; 
    background-position: right;
}

/* .df-tabela thead th:hover {
    background-image: url(../images/layout/df-tabela-th-border-1.png), url(../images/layout/df-tabela-th-border-2.png), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMDU2OTciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDY3QjYiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNTc5OSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzM1KSIgLz4KPC9zdmc+);
    background-repeat: repeat-y, repeat-y, no-repeat; 
    background-position: right, left, center;
} */

.df-tabela thead th.df-tabela-header-agrupado {
    background-image: url(../images/layout/df-tabela-th-border-1.png), url(../images/layout/df-tabela-th-border-2.png), url(../images/layout/df-tabela-th-border-1.png);
    background-repeat: repeat-y, repeat-y, repeat-x; 
    background-position: right, left, bottom;
}

/*
.df-tabela thead th:first-child:hover {
    background-image: url(../images/layout/df-tabela-th-border-1.png), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMDU2OTciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDY3QjYiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNTc5OSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzM1KSIgLz4KPC9zdmc+);
    background-repeat: repeat-y, no-repeat;
    background-position: right, center;
}
*/

.df-tabela thead th.sorting {
    background-image: url(../images/layout/df-tabela-th-border-1.png), url(../images/layout/df-tabela-th-border-2.png), url(../images/layout/df-tabela-ordenacao-asc-desc.png);
    background-repeat: repeat-y, repeat-y, no-repeat; 
    background-position: right, left, right;
}

.df-tabela thead th.sorting:hover {
    background-image: url(../images/layout/df-tabela-th-border-1.png), url(../images/layout/df-tabela-th-border-2.png), url(../images/layout/df-tabela-ordenacao-asc-desc.png), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMDU2OTciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDY3QjYiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNTc5OSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzM1KSIgLz4KPC9zdmc+);
    background-repeat: repeat-y, repeat-y, no-repeat, repeat-x; 
    background-position: right, left, right, center;
}

.df-tabela thead tr:first-child th.sorting:first-child {
    background-image: url(../images/layout/df-tabela-th-border-1.png), url(../images/layout/df-tabela-ordenacao-asc-desc.png);
    background-repeat: repeat-y, no-repeat; 
    background-position: right, right;
}

.df-tabela thead tr:first-child th.sorting:first-child:hover {
    background-image: url(../images/layout/df-tabela-th-border-1.png), url(../images/layout/df-tabela-ordenacao-asc-desc.png), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMDU2OTciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDY3QjYiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNTc5OSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzM1KSIgLz4KPC9zdmc+);
    background-repeat: repeat-y, no-repeat, repeat-x; 
    background-position: right, right, center;
}

.df-tabela thead th.sorting_desc {
    background-image: url(../images/layout/df-tabela-th-border-1.png), url(../images/layout/df-tabela-th-border-2.png), url(../images/layout/df-tabela-ordenacao-asc.png);
    background-repeat: repeat-y, repeat-y, no-repeat; 
    background-position: right, left, right;
}

.df-tabela thead th.sorting_desc:hover {
    background-image: url(../images/layout/df-tabela-th-border-1.png), url(../images/layout/df-tabela-th-border-2.png), url(../images/layout/df-tabela-ordenacao-asc.png), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMDU2OTciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDY3QjYiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNTc5OSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzM1KSIgLz4KPC9zdmc+);
    background-repeat: repeat-y, repeat-y, no-repeat, repeat-x; 
    background-position: right, left, right, center;
}

.df-tabela thead tr:first-child th.sorting_desc:first-child {
    background-image: url(../images/layout/df-tabela-th-border-1.png), url(../images/layout/df-tabela-ordenacao-asc.png);
    background-repeat: repeat-y, no-repeat; 
    background-position: right, right;
}

.df-tabela thead tr:first-child th.sorting_desc:first-child:hover {
    background-image: url(../images/layout/df-tabela-th-border-1.png), url(../images/layout/df-tabela-ordenacao-asc.png), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMDU2OTciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDY3QjYiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNTc5OSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzM1KSIgLz4KPC9zdmc+);
    background-repeat: repeat-y, no-repeat, repeat-x; 
    background-position: right, right, center;
}

.df-tabela thead th.sorting_asc {
    background-image: url(../images/layout/df-tabela-th-border-1.png), url(../images/layout/df-tabela-th-border-2.png), url(../images/layout/df-tabela-ordenacao-desc.png);
    background-repeat: repeat-y, repeat-y, no-repeat; 
    background-position: right, left, right;
}

.df-tabela thead th.sorting_asc:hover {
    background-image: url(../images/layout/df-tabela-th-border-1.png), url(../images/layout/df-tabela-th-border-2.png), url(../images/layout/df-tabela-ordenacao-desc.png), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMDU2OTciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDY3QjYiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNTc5OSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzM1KSIgLz4KPC9zdmc+);
    background-repeat: repeat-y, repeat-y, no-repeat, repeat-x; 
    background-position: right, left, right, center;
}

.df-tabela thead tr:first-child th.sorting_asc:first-child {
    background-image: url(../images/layout/df-tabela-th-border-1.png), url(../images/layout/df-tabela-th-border-2.png), url(../images/layout/df-tabela-ordenacao-desc.png);
    background-repeat: repeat-y, repeat-y, no-repeat; 
    background-position: right, left, right;
}

.df-tabela thead tr:first-child th.sorting_asc:first-child:hover {
    background-image: url(../images/layout/df-tabela-th-border-1.png), url(../images/layout/df-tabela-ordenacao-desc.png), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMDU2OTciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDY3QjYiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNTc5OSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzM1KSIgLz4KPC9zdmc+);
    background-repeat: repeat-y, no-repeat, repeat-x; 
    background-position: right, right, center;
}

.df-tabela tbody tr.df-selecionado {
    background: #A3C2D9;
}

.df-tabela tbody td {
    padding: 0px 5px;
    padding-right: 6px;
    height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: url(../images/layout/df-tabela-th-border-2.png) repeat-x bottom;
}

.df-tabela tbody td:first-child {
    background-image: url(../images/layout/df-tabela-th-border-2.png), url(../images/layout/df-tabela-th-border-2.png);
    background-repeat: repeat-x, repeat-y;
    background-position: bottom, left;
}

.df-tabela tbody td:last-child {
    background-image: url(../images/layout/df-tabela-th-border-2.png), url(../images/layout/df-tabela-th-border-2.png);
    background-repeat: repeat-x, repeat-y;
    background-position: bottom, right;
}

.df-tabela.df-tabela-grid tbody td {
    background-image: url(../images/layout/df-tabela-th-border-2.png), url(../images/layout/df-tabela-th-border-2.png);
    background-repeat: repeat-x, repeat-y;
    background-position: bottom, left;
}

.df-tabela.df-tabela-grid tbody td:last-child {
    background-image: url(../images/layout/df-tabela-th-border-2.png), url(../images/layout/df-tabela-th-border-2.png), url(../images/layout/df-tabela-th-border-2.png);
    background-repeat: repeat-x, repeat-y, repeat-y;
    background-position: bottom, left, right;
}

.df-tabela.multiline tbody td,
.df-tabela.df-tabela-multilinha tbody td {
    height: auto;
    text-overflow: clip !important;
    white-space: normal !important;
}

.df-tabela tbody tr:hover,
.df-tabela tbody tr.hover {
    background: #d1e0ec !important;
}

.df-tabela tbody tr .df-tabela-acoes {
    display: none;
    text-align: center;
}
.df-tabela tbody tr:hover .df-tabela-acoes,
.df-tabela tbody tr.df-hover .df-tabela-acoes {
    display: block;
}

.df-tabela-esconder-footer .df-tabela tfoot,
.df-tabela-esconder-header .df-tabela thead,
.df-tabela-esconder-paginacao .dataTables_paginate,
.df-tabela-esconder-paginacao .dataTables_length,
.df-tabela-esconder-filtro .dataTables_filter {
    display: none;
}

.df-tabela td.df-tabela-drag {
	position: relative;
}

.df-tabela tr td.df-tabela-drag {
	padding: 0 !important;
}

.df-tabela tr td.df-tabela-drag .df-tabela-drag-handler {
	position: relative;
	top: 0;
	left: 0;
	width: 13px;
	background: url(../images/layout/df-tabela-drag.png) no-repeat center;
	border-right: 1px solid #718fa5;
	height: 35px;
	cursor: move;
	opacity: 0.2;
}

.df-tabela tr:hover td.df-tabela-drag .df-tabela-drag-handler {
	opacity: 1;
}

.df-tabela-drag-helper {
	opacity: 0.5;
	z-index: 999999999;
	width: 20px;
	height: 20px;
	padding: 2px;
	border: 2px solid #000;
	border-radius: 20px;
}

.df-tabela-drag-helper > div {
	background: #000;
	width: 20px;
	height: 20px;
	border-radius: 10px;
}

.df-tabela td.df-tabela-ordenacao {
	padding: 0 !important;
	overflow: hidden;
}

.df-tabela td.df-tabela-ordenacao .df-tabela-ordenacao-container {
	position: relative;
	left: 0;
	top: 0;
	width: 17px;
	height: 100%;
	overflow: hidden;
}

.df-tabela td.df-tabela-ordenacao button {
	background-image: url(../images/layout/df-tabela-ordenacao-updown.png), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0MjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDQUQ3RTAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM4ODlFQUYiIG9mZnNldD0iMC44Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0IxQkZDQSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzQyMykiIC8+Cjwvc3ZnPg==);
	background-repeat: no-repeat, repeat;
	background-position: left top, center;
	border: 0;
	border-right: 1px solid #718fa5;
	position: absolute;
	left: 0;
	top: 0;
	width: 17px;
	height: 17px;
	opacity: 0.5;
}

.df-tabela td.df-tabela-ordenacao button.df-tabela-ordenacao-up:hover {
	background-position: -17px 0, center;
}

.df-tabela tr:hover td.df-tabela-ordenacao button {
	opacity: 1;
}

.df-tabela td.df-tabela-ordenacao button.df-tabela-ordenacao-down {
	border-top: 1px solid #718fa5;
	top: 17px;
	background-position: left bottom, center;
}

.df-tabela td.df-tabela-ordenacao button.df-tabela-ordenacao-down:hover {
	background-position: -17px -17px, center;
}

.df-tabela tbody td.group {
	background-image: url(../images/layout/df-tabela-th-border-2.png);
	background-repeat: repeat-x;
	background-position: bottom;	
    color: #004E8D;
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    background-color: #e3e9ed !important;
}

.df-tabela tbody td.group:first-child {
	background-image: url(../images/layout/df-tabela-th-border-2.png), url(../images/layout/df-tabela-th-border-2.png);
	background-repeat: repeat-x, repeat-y;
	background-position: bottom, left;
    color: #004E8D;
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    background-color: #e3e9ed !important;
}

.df-tabela tbody td.group:last-child {
	background-image: url(../images/layout/df-tabela-th-border-2.png), url(../images/layout/df-tabela-th-border-2.png) !important;
	background-repeat: repeat-x, repeat-y !important;
	background-position: bottom, right !important;	
    color: #004E8D;
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    background-color: #e3e9ed !important;
}

.df-tabela tbody td.group:first-child:last-child {
	background-image: url(../images/layout/df-tabela-th-border-2.png), url(../images/layout/df-tabela-th-border-2.png), url(../images/layout/df-tabela-th-border-2.png) !important;
	background-repeat: repeat-x, repeat-y, repeat-y !important;
	background-position: bottom, left, right !important;	
    color: #004E8D;
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    background-color: #e3e9ed !important;
}

.df-tabela-2 {
	border: 1px solid #7794a9;
}

.df-tabela-2 > thead > tr > th {
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
    color: #fff;
    text-align: left;
	padding: 0 5px;
    cursor: default;
    outline: none;
    height: 22px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzg4OUVBRiIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzcyODM5MyIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzk5KSIgLz4KPC9zdmc+) !important;
}

.df-tabela-2 > tbody > tr > td {
	padding: 8px 5px;
	background: #fff;
}

.df-tabela-2 > tfoot > tr > td {
	padding: 8px 5px;
	background: #e3e9ed;	
}

/***********************************************************************************/
/* OUTROS */
/***********************************************************************************/
.df-busca {
    background: url("../images/layout/df-busca.png") no-repeat center right #fff !important;
    padding-right: 20px !important;    
}

.df-breadcrumbs {
    background: url("../images/layout/df-breadcrumbs.gif") repeat-x;
    color: #FFF;
    font: normal 12px Arial, sans-serif;
    line-height: 40px;
    padding: 0 10px;
}

.df-breadcrumbs > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.df-breadcrumbs > ul > li {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-weight: bold;
    color: #FFF;
}
.df-breadcrumbs > ul > li:after {
    content: " >";
}

.df-breadcrumbs > ul > li:last-child {
    color: #6EC2FF;
}

.df-breadcrumbs > ul > li:last-child:after {
    content: "";    
}


.df-exportar {
	list-style: none;
	padding: 0;
	margin: 0;
}

.df-exportar > li {
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.df-exportar > li.df-exportar-texto {
	margin-right: 10px;
	line-height: 22px;
}

.df-exportar > li > a {
	width: 22px;
	height: 22px;
	background: url(../images/layout/df-exportar.png) no-repeat;
	background-position: 0 0;
	display: inline-block;
	cursor: pointer;
}

.df-exportar-imprimir {
	background-position: 0 0 !important;
}

.df-exportar-imprimir:hover {
	background-position: 0 -22px !important;
}

.df-exportar-pdf-telemetria-principal {
	background-position: -22px 0 !important;
}
.df-exportar-pdf-telemetria-principal:hover {
	background-position: -22px -22px !important;
}


.df-exportar-pdf {
	background-position: -22px 0 !important;
}

.df-exportar-pdf:hover {
	background-position: -22px -22px !important;
}

.df-exportar-xls {
	background-position: -44px 0 !important;
}

.df-exportar-xls:hover {
	background-position: -44px -22px !important;
}

.df-exportar-kml {
	background-position: -66px 0 !important;
}

.df-exportar-kml:hover {
	background-position: -66px -22px !important;
}

.df-exportar-jpg {
	background-position: -88px 0 !important;
}

.df-exportar-jpg:hover {
	background-position: -88px -22px !important;
}

.df-exportar-png {
	background-position: -110px 0 !important;
}

.df-exportar-png:hover {
	background-position: -110px -22px !important;
}

.df-exportar-svg {
	background-position: -132px 0 !important;
}

.df-exportar-svg:hover {
	background-position: -132px -22px !important;
}

.df-slider {
	background-image: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	border-left: 1px solid #557b98 !important;
	border-right: 1px solid #557b98 !important;
	height: 7px !important;
	background: url(../images/layout/df-slider-bg.png) repeat-x !important;
	margin: 10px 0px;
	width: 194px;
	display: inline-block;
	vertical-align: middle;
}

.df-slider .ui-slider-handle {
	background: url(../images/layout/df-slider.png) no-repeat !important;
	width: 12px !important;
	height: 21px !important;
	border: 0 !important;
	top: -8px !important;
	outline: none;
}

.df-slider.df-slider-range-1 {
	background: url(../images/layout/df-slider-bg-2.png) repeat-x !important;
}

.df-slider.df-slider-range-2 {
	background: url(../images/layout/df-slider-bg-3.png) repeat-x !important;
}

.df-modal-categoria {
    position: absolute;
    width: 360px;
    background: #d6dce0;
    border: 1px solid #718fa5;
    padding: 10px;
    z-index: 9999;
    display: none;
}

.df-adicionar-categoria button {
	vertical-align: -4px;
	margin-left: 5px;
	margin-top: 10px;
}

.df-adicionar-categoria input {
    width: 270px;
}

.df-modal-categoria table tbody tr td:nth-child(2) {
	width: 60px;
}

/***********************************************************************************/
/* NOTIFICA??ES */
/***********************************************************************************/
.df-notificacao {
	opacity: 0;
	position: fixed;
	bottom: 0;
	right: 10px;
	width: 245px;
	margin: 0;
	padding: 0;
	background: rgba(0, 30, 58, 0.8);
	color: #fff;
	padding: 15px;
	
	margin-bottom: 10px;
	border: 1px solid #66ccff;
	z-index: 1000000000;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.df-notificacao > a {
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(../images/layout/df-notificacoes.png) no-repeat 0 -96px;
	width: 11px;
	height: 11px;
}

.df-notificacao.df-notificacao-erro > header {
	background-position: 0 -48px;
}

.df-notificacao.df-notificacao-alerta > header {
	background-position: 0 -32px;
}

.df-notificacao.df-notificacao-mensagem > header {
	background-position: 0 -16px;
}

.df-notificacao.df-notificacao-informacao > header {
	background-position: 0 -80px;
}

.df-notificacao.df-notificacao-sucesso > header {
	background-position: 0 0px;
}

.df-notificacao.df-notificacao-ajuda > header {
	background-position: 0 -64px;
}

.df-notificacao > header {
	background: url(../images/layout/df-notificacoes.png) no-repeat;
	font-weight: bold;
	padding-left: 25px;
	margin-top: 5px;
	line-height: 16px;
}

.df-notificacao > div {
	padding-left: 25px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

/***********************************************************************************/
/* LOADING */
/***********************************************************************************/
.df-loading {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 10000000000;
	background: rgba(0, 0, 0, 0.2);	
}

.df-loading > div {
	top: 50%;
	left: 50%;
	position: absolute;
	background: url(../images/layout/loading.gif) no-repeat;
	width: 76px;
	height: 10px;
}

/***********************************************************************************/
/* FORMUL?RIO */
/***********************************************************************************/
.df-obrigatorio {
	color: #004E8D;
	font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
	vertical-align: middle;
	cursor: default;
	padding: 0 2px;
}

/*
input:focus {
    box-shadow: 0 0 2px rgba(110, 194, 255, 1);
    border-color: #6ec2ff !important;
}
*/

.df-campo-erro {
    box-shadow: 0 0 2px rgba(208, 0, 0, 1);
    border-color: #d00000 !important;
}

.df-campo-ok {
    box-shadow: 0 0 2px rgba(78, 184, 28, 1);
    border-color: #4eb81c !important;
}

/***********************************************************************************/
/* ICONES */
/***********************************************************************************/
.df-ico-adicionar {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat 0 0;
}
.df-ico-adicionar.df-desabilitado,
.df-desabilitado .df-ico-adicionar,
:disabled .df-ico-adicionar {
    background-position: 0 -16px;
}

.df-ico-editar {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -16px 0;
}
.df-ico-editar.df-desabilitado,
.df-desabilitado .df-ico-editar,
:disabled .df-ico-editar {
    background-position: -16px -16px;
}

.df-ico-duplicar {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -32px 0;
}
.df-ico-duplicar.df-desabilitado,
.df-desabilitado .df-ico-duplicar,
:disabled .df-ico-duplicar {
    background-position: -32px -16px;
}

.df-ico-excluir {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -48px 0;
}
.df-ico-excluir.df-desabilitado,
.df-desabilitado .df-ico-excluir,
:disabled .df-ico-excluir {
    background-position: -48px -16px;
}

.df-ico-remover {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -64px 0;
}
.df-ico-remover.df-desabilitado,
.df-desabilitado .df-ico-remover,
:disabled .df-ico-remover {
    background-position: -64px -16px;
}

.df-ico-calendario {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -80px 0;
}
.df-ico-calendario.df-desabilitado,
.df-desabilitado .df-ico-calendario,
:disabled .df-ico-calendario {
    background-position: -80px -16px;
}

.df-ico-mapa-desenhar {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -96px 0;
}
.df-ico-mapa-desenhar.df-desabilitado,
.df-desabilitado .df-ico-mapa-desenhar,
:disabled .df-ico-mapa-desenhar {
    background-position: -96px -16px;
}

.df-ico-mapa-desenhar-embarcavel {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -112px 0;
}
.df-ico-mapa-desenhar-embarcavel.df-desabilitado,
.df-desabilitado .df-ico-mapa-desenhar-embarcavel,
:disabled .df-ico-mapa-desenhar-embarcavel {
    background-position: -112px -16px;
}

.df-ico-poi {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -128px 0;
}
.df-ico-poi.df-desabilitado,
.df-desabilitado .df-ico-poi,
:disabled .df-ico-poi {
    background-position: -128px -16px;
}

.df-ico-apagar {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -144px 0;
}
.df-ico-apagar.df-desabilitado,
.df-desabilitado .df-ico-apagar,
:disabled .df-ico-apagar {
    background-position: -144px -16px;
}

.df-ico-salvar {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -160px 0;
}
.df-ico-salvar.df-desabilitado,
.df-desabilitado .df-ico-salvar,
:disabled .df-ico-salvar {
    background-position: -160px -16px;
}

.df-ico-regua {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -176px 0;
}
.df-ico-regua.df-desabilitado,
.df-desabilitado .df-ico-regua,
:disabled .df-ico-regua {
    background-position: -176px -16px;
}

.df-ico-veiculo {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -192px 0;
}

.df-ico-veiculo-google {
    background: url("../images/layout/veiculo01.png") no-repeat 0 0;
    border: 0;
    cursor: pointer;
    width: 34px;
    height: 34px;
    position: relative;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}


.df-ico-veiculo.df-desabilitado,
.df-desabilitado .df-ico-veiculo,
:disabled .df-ico-veiculo {
    background-position: -192px -16px;
}

.df-ico-desfazer {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -208px 0;
}
.df-ico-desfazer.df-desabilitado,
.df-desabilitado .df-ico-desfazer,
:disabled .df-ico-desfazer {
    background-position: -208px -16px;
}

.df-ico-grid {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -224px 0;
}
.df-ico-grid.df-desabilitado,
.df-desabilitado .df-ico-grid,
:disabled .df-ico-grid {
    background-position: -224px -16px;
}

.df-ico-mapa {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -240px 0;
}
.df-ico-mapa.df-desabilitado,
.df-desabilitado .df-ico-mapa,
:disabled .df-ico-mapa {
    background-position: -240px -16px;
}

.df-ico-resumo {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -256px 0;
}
.df-ico-resumo.df-desabilitado,
.df-desabilitado .df-ico-resumo,
:disabled .df-ico-resumo {
    background-position: -256px -16px;
}

.df-ico-sistema {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -272px 0;
}
.df-ico-sistema.df-desabilitado,
.df-desabilitado .df-ico-sistema,
:disabled .df-ico-sistema {
    background-position: -272px -16px;
}

.df-ico-macros {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -288px 0;
}
.df-ico-macros.df-desabilitado,
.df-desabilitado .df-ico-macros,
:disabled .df-ico-macros {
    background-position: -288px -16px;
}

.df-ico-mensagem {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -304px 0;
}
.df-ico-mensagem.df-desabilitado,
.df-desabilitado .df-ico-mensagem,
:disabled .df-ico-mensagem {
    background-position: -304px -16px;
}

.df-ico-alerta {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -320px 0;
}
.df-ico-alerta.df-desabilitado,
.df-desabilitado .df-ico-alerta,
:disabled .df-ico-alerta {
    background-position: -320px -16px;
}

.df-ico-organizar-janelas {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -336px 0;
}
.df-ico-organizar-janelas.df-desabilitado,
.df-desabilitado .df-ico-organizar-janelas,
:disabled .df-ico-organizar-janelas {
    background-position: -336px -16px;
}

.df-ico-tela-inteira {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -352px 0;
}
.df-ico-tela-inteira.df-desabilitado,
.df-desabilitado .df-ico-tela-inteira,
:disabled .df-ico-tela-inteira {
    background-position: -352px -16px;
}

.df-ico-detalhes {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -368px 0;
}
.df-ico-detalhes.df-desabilitado,
.df-desabilitado .df-ico-detalhes,
:disabled .df-ico-detalhes {
    background-position: -368px -16px;
}

.df-ico-comandos {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -384px 0;
}
.df-ico-comandos.df-desabilitado,
.df-desabilitado .df-ico-comandos,
:disabled .df-ico-comandos {
    background-position: -384px -16px;
}

.df-ico-configuracoes {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -400px 0;
}
.df-ico-configuracoes.df-desabilitado,
.df-desabilitado .df-ico-configuracoes,
:disabled .df-ico-configuracoes {
    background-position: -400px -16px;
}

.df-ico-relatorios {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -416px 0;
}
.df-ico-relatorios.df-desabilitado,
.df-desabilitado .df-ico-relatorios,
:disabled .df-ico-relatorios {
    background-position: -416px -16px;
}

.df-ico-observacoes {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -432px 0;
}
.df-ico-observacoes.df-desabilitado,
.df-desabilitado .df-ico-observacoes,
:disabled .df-ico-observacoes {
    background-position: -432px -16px;
}

.df-ico-operacao {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -448px 0;
}
.df-ico-operacao.df-desabilitado,
.df-desabilitado .df-ico-operacao,
:disabled .df-ico-operacao {
    background-position: -448px -16px;
}

.df-ico-janela-1 {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -464px 0;
}
.df-ico-janela-1.df-desabilitado,
.df-desabilitado .df-ico-janela-1,
:disabled .df-ico-janela-1 {
    background-position: -464px -16px;
}

.df-ico-janela-2 {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -480px 0;
}
.df-ico-janela-2.df-desabilitado,
.df-desabilitado .df-ico-janela-2,
:disabled .df-ico-janela-2 {
    background-position: -480px -16px;
}

.df-ico-janela-3 {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -496px 0;
}
.df-ico-janela-3.df-desabilitado,
.df-desabilitado .df-ico-janela-3,
:disabled .df-ico-janela-3 {
    background-position: -496px -16px;
}

.df-ico-janela-4 {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -512px 0;
}
.df-ico-janela-4.df-desabilitado,
.df-desabilitado .df-ico-janela-4,
:disabled .df-ico-janela-4 {
    background-position: -512px -16px;
}

.df-ico-em-execucao {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -528px 0;
}
.df-ico-em-execucao.df-desabilitado,
.df-desabilitado .df-ico-em-execucao,
:disabled .df-ico-em-execucao {
    background-position: -528px -16px;
}

.df-ico-alerta-2 {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -544px 0;
}
.df-ico-alerta-2.df-desabilitado,
.df-desabilitado .df-ico-alerta-2,
:disabled .df-ico-alerta-2 {
    background-position: -544px -16px;
}

.df-ico-ponto-referencia {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -560px 0;
}
.df-ico-ponto-referencia.df-desabilitado,
.df-desabilitado .df-ico-ponto-referencia,
:disabled .df-ico-ponto-referencia {
    background-position: -560px -16px;
}

.df-ico-escolher-cor {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -576px 0;
}
.df-ico-escolher-cor.df-desabilitado,
.df-desabilitado .df-ico-escolher-cor,
:disabled .df-ico-escolher-cor {
    background-position: -576px -16px;
}

.df-ico-rota {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -592px 0;
}
.df-ico-rota.df-desabilitado,
.df-desabilitado .df-ico-rota,
:disabled .df-ico-rota {
    background-position: -592px -16px;
}

.df-ico-finalizar-operacao {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -608px 0;
}
.df-ico-finalizar-operacao.df-desabilitado,
.df-desabilitado .df-ico-finalizar-operacao,
:disabled .df-ico-finalizar-operacao {
    background-position: -608px -16px;
}

.df-ico-iniciar-operacao {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -624px 0;
}
.df-ico-iniciar-operacao.df-desabilitado,
.df-desabilitado .df-ico-iniciar-operacao,
:disabled .df-ico-iniciar-operacao {
    background-position: -624px -16px;
}

.df-ico-cancelar-comando {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -640px 0;
}
.df-ico-cancelar-comando.df-desabilitado,
.df-desabilitado .df-ico-cancelar-comando,
:disabled .df-ico-cancelar-comando {
    background-position: -640px -16px;
}

.df-ico-medir-distancia {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -656px 0;
}
.df-ico-medir-distancia.df-desabilitado,
.df-desabilitado .df-ico-medir-distancia,
:disabled .df-ico-medir-distancia {
    background-position: -656px -16px;
}

.df-ico-importar {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -672px 0;
}
.df-ico-importar.df-desabilitado,
.df-desabilitado .df-ico-importar,
:disabled .df-ico-importar {
    background-position: -672px -16px;
}

.df-ico-areas-proximas {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -688px 0;
}
.df-ico-areas-proximas.df-desabilitado,
.df-desabilitado .df-ico-areas-proximas,
:disabled .df-ico-areas-proximas {
    background-position: -688px -16px;
}

.df-ico-poi-proximos {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -704px 0;
}
.df-ico-poi-proximos.df-desabilitado,
.df-desabilitado .df-ico-poi-proximos,
:disabled .df-ico-poi-proximos {
    background-position: -704px -16px;
}

.df-ico-maximizar {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -720px 0;
}
.df-ico-maximizar.df-desabilitado,
.df-desabilitado .df-ico-maximizar,
:disabled .df-ico-maximizar {
    background-position: -720px -16px;
}

.df-ico-tutorial{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -736px 0;
}
.df-ico-tutorial.df-desabilitado,
.df-desabilitado .df-ico-tutorial,
:disabled .df-ico-tutorial {
    background-position: -736px -16px;
}

.df-ico-procurar {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -752px 0;
}
.df-ico-procurar.df-desabilitado,
.df-desabilitado .df-ico-procurar,
:disabled .df-ico-procurar {
    background-position: -752px -16px;
}

.df-ico-desvincular {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -768px 0;
}
.df-ico-desvincular.df-desabilitado,
.df-desabilitado .df-ico-desvincular,
:disabled .df-ico-desvincular {
    background-position: -768px -16px;
}

.df-ico-manutencao {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -784px 0;
}
.df-ico-manutencao.df-desabilitado,
.df-desabilitado .df-ico-manutencao,
:disabled .df-ico-manutencao {
    background-position: -784px -16px;
}

.df-ico-manutencao-vencida {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -800px 0;
}
.df-ico-manutencao-vencida.df-desabilitado,
.df-desabilitado .df-ico-manutencao-vencida,
:disabled .df-ico-manutencao-vencida {
    background-position: -800px -16px;
}

.df-ico-manutencao-alerta {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -816px 0;
}
.df-ico-manutencao-alerta.df-desabilitado,
.df-desabilitado .df-ico-manutencao-alerta,
:disabled .df-ico-manutencao-alerta {
    background-position: -816px -16px;
}

.df-ico-manutencao-lembrete {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -832px 0;
}
.df-ico-manutencao-lembrete.df-desabilitado,
.df-desabilitado .df-ico-manutencao-lembrete,
:disabled .df-ico-manutencao-lembrete {
    background-position: -832px -16px;
}

.df-ico-grafico {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -848px 0;
}
.df-ico-grafico.df-desabilitado,
.df-desabilitado .df-ico-grafico,
:disabled .df-ico-grafico {
    background-position: -848px -16px;
}

.df-ico-visivel {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -864px 0;
}
.df-ico-visivel.df-desabilitado,
.df-desabilitado .df-ico-visivel,
:disabled .df-ico-visivel {
    background-position: -864px -16px;
}

.df-ico-invisivel {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/layout/df-icones.png") no-repeat -880px 0;
}
.df-ico-invisivel.df-desabilitado,
.df-desabilitado .df-ico-invisivel,
:disabled .df-ico-invisivel {
    background-position: -880px -16px;
}

/***********************************************************************************/
/* ICONES INDICATIVOS */
/***********************************************************************************/
.df-ico-indicativo-travar {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
	background: url("../images/layout/df-icones-indicativos.png") no-repeat 0 0;
}

.df-ico-indicativo-destravar {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
	background: url("../images/layout/df-icones-indicativos.png") no-repeat -12px 0;
}

.df-ico-indicativo-bloquear {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
	background: url("../images/layout/df-icones-indicativos.png") no-repeat -24px 0;
}

.df-ico-indicativo-desbloquear {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
	background: url("../images/layout/df-icones-indicativos.png") no-repeat -36px 0;
}

.df-ico-indicativo-ativar {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
	background: url("../images/layout/df-icones-indicativos.png") no-repeat -48px 0;
}

.df-ico-indicativo-desativar {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
	background: url("../images/layout/df-icones-indicativos.png") no-repeat -60px 0;
}

.df-ico-indicativo-alerta-audivel {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
	background: url("../images/layout/df-icones-indicativos.png") no-repeat -72px 0;
}

.df-ico-indicativo-somente-enviar {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
	background: url("../images/layout/df-icones-indicativos.png") no-repeat -84px 0;
}

.df-ico-indicativo-ligar-pisca {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
	background: url("../images/layout/df-icones-indicativos.png") no-repeat -96px 0;
}

.df-ico-indicativo-ligar-sirene {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
	background: url("../images/layout/df-icones-indicativos.png") no-repeat -108px 0;
}


.df-header-janela .df-header-componente-botoes {
    position: absolute;
    right: 5px;
    top: 5px;
}

.df-botao-componente-fechar {
background: url("../images/layout/df-botao-janela.png") no-repeat 0 0;
width: 14px;
height: 14px;
border: 0;
padding: 0;
cursor: pointer;
vertical-align: top;
float: right;
}

.componente-div-invisivel {  display: none;  }
.componente-div-visivel {  
	visibility: visible; 
	width : 44%; 
	/* left: 31%; */ 
	border: 1px solid #718FA5;
	/* border-top:none; */
	position: absolute;
	z-index: 999;
	margin-top: 10px;
	}
.df-header-janela-componente{
	color: #003055;
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    background: url("../images/layout/df-header-janela.png") repeat-x;
    /* border: 1px solid #718FA5; */
    border-radius: 5px 5px 0 0;
    margin: 0;
    padding: 0 10px;
    line-height: 23px;
    position: relative;
}
.df-busca-componente {
background: url("../images/layout/df-seta-img.png") no-repeat center right #fff !important;
padding-right: 20px !important;
}

	
	
.st-lista-componente-cliente { width: 100% !important }	
.st-lista-componente-cliente .st-id{ width: 20px !important;}
.st-lista-componente-cliente .st-coluna-check{ width: 20px !important;}
.st-lista-componente-cliente .st-nome{ width: 200px !important }
.st-lista-componente-cliente .st-login{width: 127px !important  }
.st-lista-componente-cliente .st-entidade{width: 180px !important  }
.st-registros-componente {float: left;	line-height: 60px; width:100% !important;}
.st-registros-componente-direito {float: right;margin-top: 20px;}
	
/* Usado no Decarta */
.title_decarta{	
	 font: bold 11px Arial, sans-serif;
	 margin: 5px 0;
	 vertical-align:middle;
}
/* Usado no Decarta */
.data_decarta{
	 color: #146EA0;
	 display: inline-block;
	 vertical-align:middle;
	
	 white-space: pre-line;
	 word-wrap: break-word;
	 overflow:auto;
	 overflow-wrap: break-word;
	
	 
}
/* Usado no Decarta */
.data_decarta.data_descricao{
	display: block; 
	width: 220px !important;
	margin-bottom: 0;
}

.data_apelido {
	display: block;
  	width: 220px !important;
  	margin-bottom: 0;
}

/* Usado no Decarta */
.decarta_todo {
	margin: 2px 0;
}
/* Usado no Decarta */
.st-alinhar-direita {
	text-align: right;
}



/* DECARTA */
.decarta-bubble > img {
	left: auto !important;
	right: 10px !important;
	top: 10px !important;
}
/* DECARTA */
.decarta-close {
position: absolute;
width: 20px;
height: 20px;
top: 2px;
left: 178px;
display: block;
cursor: pointer;
}

/***********************************************************************************/
/* Highchart custom */
/***********************************************************************************/
.df-paginacao-highcharts > span,
.df-paginacao-highcharts > a {
    background: url("../images/layout/df-botao-1.png") repeat scroll 100px top transparent;
    border: 1px solid #718FA5;
    border-radius: 4px 4px 4px 4px;
    color: #003055;
    cursor: pointer;
    font: bold 11px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    height: 17px;
    padding: 0px 10px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    outline: none;
    text-decoration: none;    
}

.df-paginacao-highcharts > span:hover,
.df-paginacao-highcharts > a:hover,
.df-paginacao-highcharts > span.current,
.df-paginacao-highcharts > a.current {
    background-position: 100px bottom;
    color: white;
    text-shadow: none;
}

/* SASWEB FROTAS */
/***********************************************************************************/
.st-botao-alerta-icone-relatorio {
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url("../images/layout/df-icones.png") no-repeat -320px 0;
}

/***********************  SASWEB Label tela relatorio ******************************/
.st-information-reports {
    color: #003055;
    font: bold 12px "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    position: relative;
}

/*** Google Maps ****/
/* hide powered by google*/
.pac-container:after{
	content:none !important;
}

/***********************  SASWEB Icone Texto Livre Relatórios ******************************/
.sat_texto_livre {
    background-image: url(../images/icon_message.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
    margin-left: 5px;
}