:root {
	--area-publica-color: hsl(200, 41%, 52%);	
	--area-publica-color--hover: hsl(200, 41%, 42%);
	--area-publica-color--inactive: hsl(200, 51%, 57%);
	
	--area-publica-text-color: hsl(200, 36%, 46%);
	--area-publica-text-color--hover: hsl(200, 36%, 52%);
	--area-publica-text-color--inactive: hsl(200, 45%, 55%);
	
	/******************************************************/
	
	--area-restrita-color: hsl(200, 41%, 52%);	
	--area-restrita-color--hover: hsl(200, 41%, 42%);
	--area-restrita-color--inactive: hsl(200, 45%, 57%);
	
	--area-restrita-text-color: hsl(200, 36%, 46%);
	--area-restrita-text-color--hover: hsl(200, 36%, 52%);
	--area-restrita-text-color--inactive: hsl(200, 45%, 55%);
	
	/******************************************************/
	
	--declaracoes-msc-color: hsl(201, 41%, 52%);	
	--declaracoes-msc-color--hover: hsl(201, 36%, 42%);
	--declaracoes-msc-color--active: hsl(201, 51%, 57%);
	
	--declaracoes-msc-text-color: hsl(201, 36%, 46%);
	--declaracoes-msc-text-color--hover: hsl(201, 36%, 52%);
	--declaracoes-msc-text-color--inactive: hsl(201, 45%, 55%);
	
	/******************************************************/
	
	--analise-fiscal-color: hsl(201, 41%, 52%);	
	--analise-fiscal-color--hover: hsl(201, 36%, 42%);
	--analise-fiscal-color--active: hsl(201, 51%, 57%);
	
	--analise-fiscal-text-color: hsl(201, 36%, 46%);
	--analise-fiscal-text-color--hover: hsl(201, 36%, 52%);
	--analise-fiscal-text-color--inactive: hsl(201, 45%, 55%);

	/******************************************************/
	
	--operacoes-credito-color: hsl(201, 41%, 52%);	
	--operacoes-credito-color--hover: hsl(201, 36%, 42%);
	--operacoes-credito-color--active: hsl(201, 51%, 57%);
	
	--operacoes-credito-text-color: hsl(201, 36%, 46%);
	--operacoes-credito-text-color--hover: hsl(201, 36%, 52%);
	--operacoes-credito-text-color--inactive: hsl(201, 45%, 55%);

	/******************************************************/

	--transferencias-color: hsl(201, 41%, 52%);	
	--transferencias-color--hover: hsl(201, 36%, 42%);
	--transferencias-color--active: hsl(201, 51%, 57%);
	
	--transferencias-text-color: hsl(201, 36%, 46%);
	--transferencias-text-color--hover: hsl(201, 36%, 52%);
	--transferencias-text-color--inactive: hsl(201, 45%, 55%);

	/******************************************************/
	
  --border-color: #ddd;
  --text-color: #333;



  --warning-color: #F0AD4E;
  --primary-color : #428BCA;
  --success-color : #5CB85C;
  --info-color : #618CA6;


	--roxo: hsl(278, 100%, 46%);
	--magenta: hsl(324, 100%, 40%);
 	--teal: hsl(179, 100%, 24%);
 	--limao: hsl(80, 67%, 35%);
	--marrom: hsl(25, 53%, 23%);
	--rosa:  hsl(324, 70%, 57%);
	--azul: hsl(204, 60%, 39%);
	--laranja: hsl(35, 96%, 39%);
	--vermelho: hsl(5, 100%, 35%);
	--escarlate: hsl(343, 82%, 26%);
	--ouro: hsl(51, 44%, 42%);
	--acai: hsl(292, 21%, 30%);
	--oliva: hsl(115, 14%, 36%);

  --link-color: #1372AC;
} 


a {color: var(--link-color)}

body.templateBody {
	background: #fff;
	padding:0;
	
}

.outra-aba-aberta {
    font-size: 2em;
    text-align: center;
    height: 100vh;
    position: fixed;
    background: #fff;
    width: 100vw;
    overflow: hidden;
    z-index: 9999;
    padding: 10% 0;	
    line-height: 2;
    background-color: #5186ac;
    
    /*
    background-image: url(../images/template/trianglify-header-bg.svg);
    background: #618ca6;
   */
    
    
    background-image: url(../images/bg/metal2.png), radial-gradient( hsl(203, 28%, 57%), hsl(203, 48%, 37%));
    color: #fff;
}

@media only screen and (max-width: 1024px) { 
	.outra-aba-aberta {
		font-size: 1.5em;
	}
}

@media only screen and (max-width: 767px) { 
	.outra-aba-aberta {
		font-size: 1em;
	}
}


.outra-aba-aberta > h1 {
	font-size: 1em;
	display: inline-block;
    color: #fff;
    border-bottom: .3em solid #fff;
    padding: 0em 3em .5em 3em;
}

.sad-face {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAH50lEQVRogd2aXYicZxXH//9hGIYljOuyLEsIa9QQQighXWqE4kX0yosaQpQSQglFo+hF8aaWUNLLXilICF6EUPBCKFQUaqgt2jQh1YhiuymUtKZiyIeSbmMSt9l1v3J+XrzP7D777ry7O5NNIz3LwM475znfz3nOOc9rhD4NUHvQAqwX1NeVGqoDQ7ZHgA2S+mw3gFlJU5LuSLpie1zW/Hqy9rqEFtomaQ/wsKRhSUOSmrabKow1D0zbnpY0Luk6MGb7N7Lev3cBelSEoCZpwPZuSd8BRiW1JDVsL4QrFLRtL3y3LSAkzUqakPS27ROSzgI3XXP0pAnd/kF/ROyNiFeBuYigDO1nEbHwKf+e4wBzwKvA3ojo71om0Z1HCLZI+qHtx4GhDtaekHQBeN/2NUn/AWZtNyR9RtImSdskbQdabbptGirC7iXgqGv++7p7JCJqwE5gLCJmSlaeAz4ADgO7gBGgH2gC9eTFevreD4xExK6E/0FEzJXozUTEO4lfba0eWUso9QH7gculCJqMiFPAQaCvl3AA+iLiYKIzWQq7yxGxPyLWRHs1T9SBA8ClkhJXgSPASE8KLFdoBDgSEVfzPZb4HljwbM8eKULlUr5Zk9v3Ac11UWKRVxPYFxFjJc9cAnb1rEhEbAXGStnmdLex26UytYjYkfjknhkDtnavCAxExPG08drE3gG23RcFlvPfmvi1PTOT5BlYsyJpX+wHPixtvD2fiBKLyuxJfNsyfBgR+6v2SydFhoFTmTU+jojDy/ZEimng5Yh4CzgBPLJq2EENGI6IZyLij8CbEXEEGOxA/zDwcRbdv4+I4TUpAjwREXeTFe4CryxbXAjzTETMlLLZpYj4+iqKbAZOJtrtvUeqFMrKDAMnI+JuwrsLHFhVkYioJyu13TkJ7OsgzBc6pMoFgSKiUeWNiDjUPlTz9RExCXy/Q4TsJTtjgDc7hdeSfsT2Dtvb22UDcEHSax0Kgodst0rlRRsezQvHEtRsf8l2I9HPeTclfbm8wPbvgHdz3pJ2LCOc1So1Sd+U1JeehO3jsqY6CDTdSUrbst0JP4cpaXllLCnavy0lqinbx4FIuH1JzgpFijJ8VFIjMbou6WyFMH8FLrYFyiwbwK+liqbJmgdOS7rRfpStnZD0SqdlwB9sX0//N4BRoVaOkyuyUUVDVPC0z0u6XSHQTdvPSbqYcKWiv/it7Z+t1P3ZPivpmKTbyYMC7kg6KumNijW3Jb3d5mV7SEUlvQB5qzsiaTBpLUnnU1neEYDXbX9D0ldUGOFdSeeUWbuzJrot9BPbr0narSKkzkk6L3cOWUkTwHlJjyWjDSZ5L3RSZEhSKykRki6psHJneWqel3TR8sUVBe+szJSkv6SPrGUJowyzti+raJnrklq2B3OEvC3tU9oftqdsT8jqre1cbyjkmACmkkcaSd4FWPBISn+NhDgNzK7BUp8kTCtFSOo4lyjSMd+ThgT/j1DKkgtQzxCmVcRiXVITaPTsETQMbLY9oMJy05JuAldc87UeFcgjZhaYyuXLQ2tKhev6VAzWWkK1te4TgprtLZIel/RV28MqkkdDhYHuSLpOcE7Si7YvdLMHUyXRl5SaLR+8uUfGU7rtt10DPp9isSol5kr02z4k6QfAprRu2eltexvwqO2Dkn4udFReJV0X9JtCn7NdTzQnVE7zWUH3UCrH20XcSWBoxUo2VbMRcaJcBJah4vkvI2L1Zg0GKSrmNq23ImJ7jpOfI9dsj2dWHJXUr2LWVGEqbZT0nO0DufVTeXPG9nvAbdst219UcQBubnvL9h5JNYIfueZ/rOCUAUk7s3XjkpbutVKP8TzQ7jHuRsShKitFRDM1XJOZpWYi4lfAzogYjIhGotuIiIGI2B4RL6SSvb3mvxHxY2DDCh75Nql/STyep9TAlReMRsStzPV/pmJmFRE7gY+ysPk38PSKAhU8msAh4J+ZMpPA1yr49AF/ymS6FRGjZbwykzqwpLGKiOWNVYH700yQOeAosKa5bRLuCEtnxy9W8NmTe52KxqrTwnKre7JDq9uMiL9lCn9Et8M6GAByGleBMp9hUlucus/KVnfZyQ68LulM+lqTtNv2k0LNDK1mF+N/2/OSfiHrygqbdTlYNyUdV3HGSEUPs1j7BU3gSRUJopZw3lBFqd/JUgvjoCx0LgNLxkER8S3gZeCFiNjSlTcyi0fEsZTqv1ei/xhpytkeByW51jYOSkQGgOP5kIDygK7IRoNAqyclFulsAIbIs1AxoMtHpzNAdwO6MrHSQXY6InZwn0emwOksGkhy9DAyXSS8i9IkPg2Z78sQOyL2kc2b12WIjZZfK2TeuRoRz3adqaqV2AQ8mzLXfbhW0ELOr7zoiYgnuIeLHop0fyo/7RNcTrPee7/oyRguuXoruX4OeC8inqaY/eZXb7VsfTMi+tPvjyT899L6PHTbV2+jdLEXu7ueRluBp/LL0CVHw+Jl6AXb/5J0S0UT1LD9WWCjpO1pmtkqr5c0Drxk+5is7oYaPYRDf5rHdryerirjq6Dt1TTE3ssay5x788ii9jVgQMWp/10VJXZLxRSmJlX3/el5qPDUhO3zwAnbZyTd7HVys66vcEh6WNJGYNB2H0WbW5c0b3tW0hRwI4XdmKQH+wpHFRA0bA8CI7ZbQDN7qWZa0oTtK8AN11w5/OsF1lWRBwmfmve1/gfyxMfyzyYD/wAAAABJRU5ErkJggg==);
    width: 1.3em;
    display: inline-block;
    height: 1.3em;
    position: relative;
    top: -.2em;
    background-repeat: no-repeat;
    background-size: contain;
    line-height: 1;
}

.pode-fechar {
    font-size: .905em;
}

#ajaxLoader {
	height:31px;
	width:31px;
	padding:0;
	display:inline-block;
	vertical-align: middle;
	background: url('../images/template/ajax-loader-01.gif') center no-repeat;
}

h1 {
	color: #333;
}

/*
@media (max-width: 767px) {
	body {zoom:0.9}
}

@media (min-width: 768px) and (max-width: 979px){
	body {zoom:0.95}
}
*/

#page-container {
    max-width: none !important;
}

/** Botões coloridos*/
/*################################################################################*/
.btn-roxo {			
	background-color: var(--roxo) !important; background-repeat: repeat-x;	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bf51ff", endColorstr="#9400ea");	background-image: -khtml-gradient(linear, left top, left bottom, from(#bf51ff), to(#9400ea)); background-image: -moz-linear-gradient(top, #bf51ff, #9400ea); background-image: -ms-linear-gradient(top, #bf51ff, #9400ea); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf51ff), color-stop(100%, #9400ea)); background-image: -webkit-linear-gradient(top, #bf51ff, #9400ea); background-image: -o-linear-gradient(top, #bf51ff, #9400ea); background-image: linear-gradient(#bf51ff, #9400ea); border-color: #9400ea #9400ea hsl(278, 100%, 41%); color: #fff !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33); -webkit-font-smoothing: antialiased;				
}

.btn-magenta {
	background-color: var(--magenta) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff32ad", endColorstr="#cc007a"); background-image: -khtml-gradient(linear, left top, left bottom, from(#ff32ad), to(#cc007a)); background-image: -moz-linear-gradient(top, #ff32ad, #cc007a); background-image: -ms-linear-gradient(top, #ff32ad, #cc007a); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff32ad), color-stop(100%, #cc007a)); background-image: -webkit-linear-gradient(top, #ff32ad, #cc007a); background-image: -o-linear-gradient(top, #ff32ad, #cc007a); background-image: linear-gradient(#ff32ad, #cc007a); border-color: #cc007a #cc007a hsl(324, 100%, 35%); color: #fff !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33); -webkit-font-smoothing: antialiased;
}

.btn-teal {
	background-color: var(--teal) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00e0dc", endColorstr="#007a78"); background-image: -khtml-gradient(linear, left top, left bottom, from(#00e0dc), to(#007a78)); background-image: -moz-linear-gradient(top, #00e0dc, #007a78); background-image: -ms-linear-gradient(top, #00e0dc, #007a78); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00e0dc), color-stop(100%, #007a78)); background-image: -webkit-linear-gradient(top, #00e0dc, #007a78); background-image: -o-linear-gradient(top, #00e0dc, #007a78); background-image: linear-gradient(#00e0dc, #007a78); border-color: #007a78 #007a78 hsl(179, 100%, 19%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased;	 		
}

.btn-limao {
	background-color: var(--limao) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a5d93f", endColorstr="#6d951d"); background-image: -khtml-gradient(linear, left top, left bottom, from(#a5d93f), to(#6d951d)); background-image: -moz-linear-gradient(top, #a5d93f, #6d951d); background-image: -ms-linear-gradient(top, #a5d93f, #6d951d); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5d93f), color-stop(100%, #6d951d)); background-image: -webkit-linear-gradient(top, #a5d93f, #6d951d); background-image: -o-linear-gradient(top, #a5d93f, #6d951d); background-image: linear-gradient(#a5d93f, #6d951d); border-color: #6d951d #6d951d hsl(80, 67%, 30%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased;		
}

.btn-marrom {
	background-color: var(--marrom) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#885129", endColorstr="#59351b"); background-image: -khtml-gradient(linear, left top, left bottom, from(#885129), to(#59351b)); background-image: -moz-linear-gradient(top, #885129, #59351b); background-image: -ms-linear-gradient(top, #885129, #59351b); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #885129), color-stop(100%, #59351b)); background-image: -webkit-linear-gradient(top, #885129, #59351b); background-image: -o-linear-gradient(top, #885129, #59351b); background-image: linear-gradient(#885129, #59351b); border-color: #59351b #59351b hsl(25, 53%, 20%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.19); -webkit-font-smoothing: antialiased;								
}

.btn-rosa {
	background-color: var(--rosa) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed9bcc", endColorstr="#de44a0"); background-image: -khtml-gradient(linear, left top, left bottom, from(#ed9bcc), to(#de44a0)); background-image: -moz-linear-gradient(top, #ed9bcc, #de44a0); background-image: -ms-linear-gradient(top, #ed9bcc, #de44a0); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ed9bcc), color-stop(100%, #de44a0)); background-image: -webkit-linear-gradient(top, #ed9bcc, #de44a0); background-image: -o-linear-gradient(top, #ed9bcc, #de44a0); background-image: linear-gradient(#ed9bcc, #de44a0); border-color: #de44a0 #de44a0 hsl(324, 70%, 52%); color: #fff !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33); -webkit-font-smoothing: antialiased;		
}			

.btn-azul {
	background-color: var(--azul) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3791cd", endColorstr="#276f9f"); background-image: -khtml-gradient(linear, left top, left bottom, from(#3791cd), to(#276f9f)); background-image: -moz-linear-gradient(top, #3791cd, #276f9f); background-image: -ms-linear-gradient(top, #3791cd, #276f9f); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3791cd), color-stop(100%, #276f9f)); background-image: -webkit-linear-gradient(top, #3791cd, #276f9f); background-image: -o-linear-gradient(top, #3791cd, #276f9f); background-image: linear-gradient(#3791cd, #276f9f); border-color: #276f9f #276f9f hsl(204, 60%, 36%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.19); -webkit-font-smoothing: antialiased;			
}

.btn-laranja {	
	background-color: var(--laranja) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ea8b04", endColorstr="#c27303"); background-image: -khtml-gradient(linear, left top, left bottom, from(#ea8b04), to(#c27303)); background-image: -moz-linear-gradient(top, #ea8b04, #c27303); background-image: -ms-linear-gradient(top, #ea8b04, #c27303); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ea8b04), color-stop(100%, #c27303)); background-image: -webkit-linear-gradient(top, #ea8b04, #c27303); background-image: -o-linear-gradient(top, #ea8b04, #c27303); background-image: linear-gradient(#ea8b04, #c27303); border-color: #c27303 #c27303 hsl(35, 96%, 37%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13); -webkit-font-smoothing: antialiased;}

.btn-vermelho {
	background-color: var(--vermelho) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff2c19", endColorstr="#b20e00"); background-image: -khtml-gradient(linear, left top, left bottom, from(#ff2c19), to(#b20e00)); background-image: -moz-linear-gradient(top, #ff2c19, #b20e00); background-image: -ms-linear-gradient(top, #ff2c19, #b20e00); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff2c19), color-stop(100%, #b20e00)); background-image: -webkit-linear-gradient(top, #ff2c19, #b20e00); background-image: -o-linear-gradient(top, #ff2c19, #b20e00); background-image: linear-gradient(#ff2c19, #b20e00); border-color: #b20e00 #b20e00 hsl(5, 100%, 30%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased;			
}

.btn-escarlate {
	background-color: var(--escarlate) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d5154b", endColorstr="#780b2a"); background-image: -khtml-gradient(linear, left top, left bottom, from(#d5154b), to(#780b2a)); background-image: -moz-linear-gradient(top, #d5154b, #780b2a); background-image: -ms-linear-gradient(top, #d5154b, #780b2a); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5154b), color-stop(100%, #780b2a)); background-image: -webkit-linear-gradient(top, #d5154b, #780b2a); background-image: -o-linear-gradient(top, #d5154b, #780b2a); background-image: linear-gradient(#d5154b, #780b2a); border-color: #780b2a #780b2a hsl(343, 82%, 21%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased;
}

.btn-ouro {				
	background-color: var(--ouro) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#baaa4e", endColorstr="#9a8c3b"); background-image: -khtml-gradient(linear, left top, left bottom, from(#baaa4e), to(#9a8c3b)); background-image: -moz-linear-gradient(top, #baaa4e, #9a8c3b); background-image: -ms-linear-gradient(top, #baaa4e, #9a8c3b); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #baaa4e), color-stop(100%, #9a8c3b)); background-image: -webkit-linear-gradient(top, #baaa4e, #9a8c3b); background-image: -o-linear-gradient(top, #baaa4e, #9a8c3b); background-image: linear-gradient(#baaa4e, #9a8c3b); border-color: #9a8c3b #9a8c3b hsl(51, 44%, 39.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16); -webkit-font-smoothing: antialiased;				
}

.btn-acai {
	background-color: var(--acai) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#93649a", endColorstr="#583c5c"); background-image: -khtml-gradient(linear, left top, left bottom, from(#93649a), to(#583c5c)); background-image: -moz-linear-gradient(top, #93649a, #583c5c); background-image: -ms-linear-gradient(top, #93649a, #583c5c); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #93649a), color-stop(100%, #583c5c)); background-image: -webkit-linear-gradient(top, #93649a, #583c5c); background-image: -o-linear-gradient(top, #93649a, #583c5c); background-image: linear-gradient(#93649a, #583c5c); border-color: #583c5c #583c5c hsl(292, 21%, 25%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased;
}

.btn-oliva {
	background-color: var(--oliva) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#819e7f", endColorstr="#51684e"); background-image: -khtml-gradient(linear, left top, left bottom, from(#819e7f), to(#51684e)); background-image: -moz-linear-gradient(top, #819e7f, #51684e); background-image: -ms-linear-gradient(top, #819e7f, #51684e); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #819e7f), color-stop(100%, #51684e)); background-image: -webkit-linear-gradient(top, #819e7f, #51684e); background-image: -o-linear-gradient(top, #819e7f, #51684e); background-image: linear-gradient(#819e7f, #51684e); border-color: #51684e #51684e hsl(115, 14%, 31%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased;
}

.ui-button {
	margin-right: 6px !important;
}

.ui-widget.btn-mini, .ui-widget .ui-widget.btn-mini, a.btn-mini, .btn-mini {
	font-size: 10.5px !important;
}
/*
.btn.dropdown-toggle {
	height: 30px !important;
	width: 30px !important;
	margin: 0 !important;
	padding: 0 !important;	
}
*/

/*

.status-container {
	display:table-cell;
}
*/

body label {
	cursor: default; 
}

.transparent {
	opacity:0.0;
	-moz-opacity: 0.0;
}

.opaque {
	opacity:1;
	-moz-opacity: 1;
}

.fade-quickly {	
	 -webkit-transition: opacity 0.2s linear;
	     -moz-transition: opacity 0.2s linear;
	      -ms-transition: opacity 0.2s linear;
	       -o-transition: opacity 0.2s linear;
	          transition: opacity 0.2s linear;
}

.fade-slowly {
	-webkit-transition: opacity 0.9s linear;
	     -moz-transition: opacity 0.9s linear;
	      -ms-transition: opacity 0.9s linear;
	       -o-transition: opacity 0.9s linear;
	          transition: opacity 0.9s linear;
}

.animated-position {
	-webkit-transition: top 0.9s linear;
	     -moz-transition: top 0.9s linear;
	      -ms-transition: top 0.9s linear;
	       -o-transition: top 0.9s linear;
	          transition: top 0.9s linear;	
}


#formColeta\3A datalistTimeline_list  {
	/*position: relative;
	top: 200px;
	-webkit-transition: top 0.4s ease;
	     -moz-transition: top 0.4s ease;
	      -ms-transition: top 0.4s ease;
	       -o-transition: top 0.4s ease;
	          transition: top 0.4s ease;*/	
}

#timeline-header {
	/*position: relative;
	left: 200px;
	-webkit-transition: left 0.4s ease;
	     -moz-transition: left 0.4s ease;
	      -ms-transition: left 0.4s ease;
	       -o-transition: left 0.4s ease;
	          transition: left 0.4s ease;*/
}

#timeline-header ul li label {
	display: inline-block;
	width: 84px;
	font-weight: bold;	
	margin-right: 8px;
	border-right: 1px solid #EEE;
}

#timeline-header ul li .dados {
	
}

.timeline-header-row {
	padding: 4px 0px 0px 8px;
	margin: 1px 12px 2px -12px;
}




/*################################################################################*/
.breadcrumb > .active {
    color: #555;
}


textarea {
	margin-bottom:14px !important;
}

.ui-widget, .ui-widget .ui-widget {	
	font-size:14px !important;
}

.ui-autocomplete-panel {
	max-height: 300px !important;
}


.offscreen {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

.display-none,
.displayNone {
	display: none !important;
}

.display-inline.display-inline {
	display:inline;
}

.visually-hidden,
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.scrollable {
    height: 100%;
    overflow: auto;
}

.bold   { font-weight: bold; } 
.normal { font-weight: normal;}
.italic { font-style: italic;}
.nowrap { white-space: nowrap}
.underline { text-decoration: underline;}

.align-right {text-align: right !important;}
.align-left {text-align: left !important;}
.align-center {text-align: center !important;}
.justify {text-align: justify !important;}

.at-top {
	font-size: .8em;
	margin-left: 2px;							
	display:inline-block !important;
	vertical-align: top;
}

.cursor-pointer {
	cursor: pointer;
}

.cursor-default {
	cursor:default;
}

.cursor-help {
	cursor:help;
}


.margin-zero {margin:0 !important}
.margin-top-zero {margin-top:0  !important}
.margin-right-zero {margin-right:0  !important}
.margin-bottom-zero {margin-bottom:0  !important}
.margin-left-zero {margin-left:0  !important}

.ui-datatable .ui-column-filter {	
	width: 100% !important;	
}


.ui-datatable .ui-filter-column {
	cursor: pointer;
	padding: 0 12px 0 2px !important;
}

.ui-datatable thead th {
	/*font-size:13px !important;*/
	letter-spacing:0.5px !important;
}


#page-container{
	max-width: 1900px;
	min-width:240px;
	margin: 0 auto;
	padding:0;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

/*
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: 0;
  
}

.tooltip-inner {	
	color: #fff;
	background:#4C788E;	
	background: -webkit-gradient(linear, left top, left bottom, from(#4C788E), to(#3F6777));
	background: -moz-linear-gradient(top,  #4C788E,  #3F6777);	
	text-shadow: 0 1px 1px rgba(255, 255, 255, .15);
	box-shadow: 2px 2px 7px rgba(2, 21, 2, .6);	
	font-weight: normal !important;	
	font-size:10px;
}
*/

.tooltip.left .tooltip-inner {
	box-shadow: -2px 2px 7px rgba(2, 21, 2, .6);	
}

/*
.tooltip.top .tooltip-arrow {  
  border-top-color: #3F6777  
  
}

.tooltip.right .tooltip-arrow {  
  border-right-color: #4C788E
}

.tooltip.left .tooltip-arrow {  
  border-left-color: #4C788E
  
}

.tooltip.bottom .tooltip-arrow {  
  border-bottom-color:#4C788E
}

*/

.popover {
	max-width: initial;
}

.popover-title {
	font-weight: bold;
}

/*******************************
Captcha
/*******************************/

.captcha-container {
	background: #618CA6; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#618CA6), to(#1B4B75)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #618CA6,  #1B4B75); /* for firefox 3.6+ */	
	max-width: 245px;
	padding:10px; 
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 4px;
	box-shadow: 2px 2px 7px rgba(0, 0, 0, .6);
}

.captcha-img-container {	
	background-color: #d5e6f0;	
	background: -webkit-gradient(linear, left top, left bottom, from(#eaf2f7), to(#d5e6f0)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eaf2f7,  #d5e6f0); /* for firefox 3.6+ */	
	padding: 4px; 
	border-radius: 2px; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 1px 1px 1px rgba(255, 255, 255, .5);
}
.captcha-img-container img, .mini-captcha img {
	width:235px;	
	height:50px; 
}

.captcha-form {	 
	background-color: #d5e6f0;	
	background: -webkit-gradient(linear, left top, left bottom, from(#eaf2f7), to(#d5e6f0)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eaf2f7,  #d5e6f0); /* for firefox 3.6+ */	
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 1px 1px 1px rgba(255, 255, 255, .6);
}

.captcha-container input {
	font-weight: bolder;
	letter-spacing:3px;
}

.captcha-form-inner {
	margin-left: 10px !important;	;
}

.captcha-label {
	color: #18415c;
	padding-top: 5px;
	font-weight: bold;
	font-size: 11px;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
}

.ui-selectmanycheckbox label, .ui-selectoneradio label {
	margin-right: 12px !important;
}

.captcha-container.mini-captcha {
	padding:0px 5px 5px 5px;
}

.mini-captcha-label {
	font-size: 12px;color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,0.2); margin:0 2px; font-weight:bold;
}

.mini-captcha-input-container {
	display:block; position:absolute; top:26px; left:100px; border:1px solid #fff;
}

.mini-captcha-input {
	height: 28px !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	font-size: 15px !important;
	width: 76px !important;
	background: rgba(255,255,255,0.90) !important;
	letter-spacing: 0 !important;
}

.mini-captcha-btn {
	padding: 18px 7px !important; margin-right: 0px !important;
} 


/********************************
Barra Brasil
********************************/
#barra-brasil{
	background-color: transparent !important;
}


/********************************
Cabecalho
********************************/

#browserNotification {
	min-height: 20px;
	margin-bottom: 0px;
	border-radius: 0;
	padding-left: 59px;
	color: #222;
	text-shadow: none;
}

#accessibilityOptions {
 	padding: 16px 0 0 0;

 }

/*
#logo-tesouro-h {
	width: 110px;
	height:22px;
	display:inline-block;
	background: url('../images/template/logo-tesouro-h.png') left no-repeat; 
	margin: 0px 0 0 25px;
	
}
*/


#header .row-fluid {
	max-width: 1900px;
    margin: 0 auto;
    
}

@media (min-width: 980px) {	
	#header{ 
		height: 140px;	
	}	
}

#header-container,
#header-overlay,
#div_banners {
	/* background: url('../images/template/malha_tesouro.jpg') center bottom no-repeat; */
	/* #5290b7 == hsl(203, 41%, 52%)*/
	
	background-color: hsl(203, 41%, 52%);
	/* background-image: url('../images/template/trianglify-header-bg.svg') ;  */
	background-position: center bottom;
	
	/*#618ca6 = hsl(203, 28%, 52%)*/
/*	background: #618ca6;	
  	background-image: url('../images/bg/metal2.png');
  	background-image: url('../images/bg/metal2.png'), 
  		linear-gradient(hsl(203, 28%, 57%), hsl(203, 28%, 47%));*/
}



.modulo_area_publica #header-container,
.modulo_area_publica #header-overlay,
.modulo_area_publica #div_banners {
	background-color: var(--area-publica-color);
}

.modulo_area_restrita #header-container,
.modulo_area_restrita #header-overlay,
.modulo_area_restrita #div_banners,
.modulo_area_administrativa #header-container,
.modulo_area_administrativa #header-overlay,
.modulo_area_administrativa #div_banners {
	background-color: var(--area-restrita-color);
}

.modulo_declaracoes_msc #header-container,
.modulo_declaracoes_msc #header-overlay,
.modulo_declaracoes_msc #div_banners {
	background-color: var(--declaracoes-msc-color);
}

.modulo_analise_fiscal #header-container,
.modulo_analise_fiscal #header-overlay,
.modulo_analise_fiscal #div_banners {
	background-color: var(--analise-fiscal-color);
}

.modulo_operacoes_credito #header-container,
.modulo_operacoes_credito #header-overlay,
.modulo_operacoes_credito #div_banners {
	background-color: var(--operacoes-credito-color);
}

.modulo_transferencias #header-container,
.modulo_transferencias #header-overlay,
.modulo_transferencias #div_banners {
	background-color: var(--transferencias-color);
}

#header {	
	/*padding: 8px 0 0 0;
	background: #EEEFF1; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F5F7', endColorstr='#E0E1E2');
	background: -webkit-gradient(linear, left top, left bottom, from(#F4F5F7), to(#E0E1E2));
	background: -moz-linear-gradient(top,  #F4F5F7,  #E0E1E2);
	*/		
}

#formSelecionarVinculo\3A logo-link,
#logo-link {
	display: inline-block;
	max-width: 400px;
	padding: 0px 0 0 15px;
}

#logo {
	height: 38px;
	display: block;
	background-size: contain;
}

.modulo_area_publica #logo {
	background: url('../images/template/siconfi-logo-contraste-overlay.png') left no-repeat;
	background-size: contain;
	width: 255px;
    height: 72px;
}

.modulo_area_restrita #logo {
	background: url('../images/template/siconfi_logo_area_restrita.png') left no-repeat;
	background-size: contain;
	width: 350px;
    height: 72px;
}

.modulo_area_administrativa #logo {
	background: url('../images/template/siconfi_logo_area_administrativa.png') left no-repeat;
	background-size: contain;
	width: 350px;
    height: 72px;
}

.modulo_declaracoes_msc #logo {
	background: url('../images/template/siconfi_logo_declaracoes_msc.png') left no-repeat;
	background-size: contain;
	width: 350px;
    height: 72px;
}

.modulo_analise_fiscal #logo {
	background: url('../images/template/siconfi_logo_analise_fiscal.png') left no-repeat;
	background-size: contain;
	width: 350px;
    height: 72px;
}

.modulo_operacoes_credito #logo {
	background: url('../images/template/siconfi_logo_operacoes_credito.png') left no-repeat;
	background-size: contain;
	width: 350px;
    height: 72px;
}

.modulo_transferencias #logo {
	background: url('../images/template/siconfi_logo_transferencias.png') left no-repeat;
	background-size: contain;
	width: 350px;
    height: 72px;
}

@media (max-width: 767px){
	#logo {
		margin: 5px 0 0 4px;
	}
	
	.dropdownLogin {
		right: -100px;
		min-width: 240px !important;
		width: 243px;
	}
}

#linkCertificadoDigital {
	margin: 0px 0px 0px -6px;
}

@media (max-width: 300px){
	#logo {		
		zoom:0.85;
	}
}

@media (max-width: 250px){
	#logo {		
		zoom:0.7;
	}
}


#accessibilityBarContainer {
	/* margin-top: 8px;*/
}

#pageShortcutsContainer, #accessibilityBarContainer {
	min-height: 20px;
	height: 20px;
}

#pageShortcuts {
	display:inline-block;
	margin-left: 26px;
}

#pageShortcuts {	
	font-size: 12px;	
	/*display: block !important;
	width: 50%;
	float: left; 
	list-style: none;*/
}


#pageShortcuts li {
	display:inline;
	margin-right: 16px;
}

#accessibilityBar li {
	display:inline;
	margin: 0 4px;
}

#pageShortcuts li a, 
#accessibilityBar li a  {
	position: relative;
    color: #fff;
    border-radius: 2px;
    padding: 0 4px 0 4px;
    display: inline-block;
}

#pageShortcuts li a {
	padding: 0 20px 0 4px;
}

#pageShortcuts li a:hover, #accessibilityBar li a:hover {
	text-decoration: none;
}

#pageShortcuts .label {
	position: absolute;
    top: 1px;
    right: 2px;
    color: #fff;
    background: rgba(0,0,0,0.15);
    font-weight: normal;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1) !important;
}

#formSearch {
	min-width:350px;	
}

@media (max-width: 767px) {
    #formSearch { 
        float: none;
        margin: 10px 0 0 4px;
    }
}


#formSearch\:palavraChaveHeader {
	border-radius: 4px 0px 0px 4px;
	margin: 0;
}

#formSearch\:linkFiltro {
	left: 10px;
	font-weight: bold;
	font-size: 18px;
	background: rgba(0,0,0,0.2);
	color: #fff;
	padding: 6px 14px 7px 12px;	
	display:inline-block;
	height: 18px;
}

#formSearch\:linkFiltro:hover, #formSearch\:linkFiltro:focus {
	outline: none !important;
	outline-style: none !important;
	text-decoration: none;
	background: rgba(0,0,0,0.4);
} 

@media (min-width:280px) and (max-width: 767px) {    
    #formSearch\:palavraChaveHeader {
    	max-width: 245px;
    	margin-left:0;
    }
}

@media (max-width: 279px) {
     #formSearch\:palavraChaveHeader {
    	max-width: 50%;    	
    	margin-left:0;
     }
 }


#userForm {
	margin: 0 0 0;  
}
	
.siconfi-modal-header {
	background: #0269A6; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3182B8', endColorstr='#0269A6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#3182B8), to(#0269A6)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #3182B8,  #0269A6); /* for firefox 3.6+ */
	color: white;
}

.modal-small {	
    width: 300px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -120px;
}

.modal-medium {
	width: 600px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -270px;	
	
}

.modal-large {
	width: 1000px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -480px;	
}


.modal-backdrop.fade {
	opacity: 0;
   -webkit-transition: opacity 0.05s linear;
      -moz-transition: opacity 0.05s linear;
       -ms-transition: opacity 0.05s linear;
        -o-transition: opacity 0.05s linear;
           transition: opacity 0.05s linear;
}

.modal.fade {
	top: -25%;
	-webkit-transition: opacity 0.1s linear, top 0.1s ease-out;
	-moz-transition: opacity 0.1s linear, top 0.1s ease-out;
	-o-transition: opacity 0.1s linear, top 0.1s ease-out;
	transition: opacity 0.1s linear, top 0.1s ease-out;
}

.siconfi-modal-header h3 {
	font-size: 20px !important;
	display:inline-block;
}

.siconfi-modal-header button {	
	opacity: 1;
	filter: alpha(opacity=100);
}

div.logo-tesouro-modal {
	background: #0269A6; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3182B8', endColorstr='#0269A6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#3182B8), to(#0269A6)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #3182B8,  #0269A6); /* for firefox 3.6+ */	
	float:left;
	width:70px;
	height: 48px;
	
}

.alert.browserIncompativel {
	background: #FDF2AB;	
}

.alert.browserIncompativel button {
	opacity: 1;
	filter: alpha(opacity=100);
}

.browserTotalmenteIncompativel {
	background: #FDF2AB;
	color: #000126;
	font-size: 18px;
	padding: 18px;	
}

#header-overlay {
	
    position: fixed;
    left: 0;
    top: 0;
    height: 58px;
    width: 100%;
    z-index: 3;
    box-shadow: 0px 4px 6px rgba(0,0,0,0.2);
}

#logo-link-overlay {
	float:left;
	width: 410px;
	display: block;
	
}

#logo-overlay {
    width: 100%;
    height: 45px;
    display: block;
    background: url('../images/template/modulo_area_publica_logo_overlay.png') left no-repeat;
    margin: 6px 0 0 12px;
    background-size: 80%;
}

.modulo_area_publica #logo-overlay {
	background: url('../images/template/modulo_area_publica_logo_overlay.png') left no-repeat;
}

.modulo_area_restrita #logo-overlay {
	background: url('../images/template/modulo_area_restrita_logo_overlay.png') left no-repeat;
}

.modulo_area_administrativa #logo-overlay {
	background: url('../images/template/modulo_area_administrativa_logo_overlay.png') left no-repeat;
}

.modulo_declaracoes_msc #logo-overlay {
	background: url('../images/template/modulo_declaracoes_msc_logo_overlay.png') left no-repeat;
}

.modulo_analise_fiscal #logo-overlay {
	background: url('../images/template/modulo_analise_fiscal_logo_overlay.png') left no-repeat;
}

.modulo_operacoes_credito #logo-overlay {
	background: url('../images/template/modulo_operacoes_credito_logo_overlay.png') left no-repeat;
}

.modulo_transferencias #logo-overlay {
	background: url('../images/template/modulo_transferencias_logo_overlay.png') left no-repeat;
}

/********************************
Navegacao
********************************/

.navbar-inner {
	filter:none;	
}

#toolBar1Container{ 
	margin: 0;	
	/*background: rgba(255,255,255,0.5);*/
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
	
}

@media (min-width: 980px) {	
	#toolBar1Container{ 
		height: 30px;	
	}	
}


#toolBar1Container.navbar .nav > li > a {
	padding: 5px 15px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
}

#toolBar1Container.navbar .nav > li.open > a,
#toolBar1Container.navbar .nav > li > a:hover {
	color:#fff;
	background: #3F6777;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .25);	
}   

#toolBar1Container .navbar-inner {	
	background: transparent\9;
	background:rgba(0,0,0,0.0);
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0000000,endColorstr=#0000000);*/
}

@media (min-width: 980px) {
	#toolBar1Container .navbar-inner {
		min-height: 30px;
		height: 30px;
	}
}

@media (max-width: 979px) {
	#toolBar1Collapse  {
		margin-left: 24px;
	}
	
	.menu-horizontal-ul li {
		margin-left: 24px;
	}
}

#toolBar1Container li.divider-vertical {
	height: 22px;
	margin: 4px 0px;
	border-right: 1px solid rgba(0,0,0,0.2);
	border-left: none;
}


#toolBar1Container .caret {
	border-top-color: #FFF;
	border-bottom-color: #FFF;
}

#toolBar1Container .dropdown.open a.dropdown-toggle {	
	background-color: #577E95;
}

#toolBar1 {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
	
	 max-width: 1900px;
    margin: 0 auto;
   /* background: #618CA6 !important;*/	
    border: none;
    box-shadow: none;
}



#toolBar1Container.navbar .nav > li > .dropdown-menu {
    background-color: #577E95;
    border-radius: 0;
    margin: -1px 0 0;
}
#toolBar1Container.navbar .nav > li > .dropdown-menu a {
    color: #f0f0f0;
}
#toolBar1Container.navbar .nav > li > .dropdown-menu li:hover a {
	background-color: #3F6777;
	background-image: none;
    color: #fff;
}
#toolBar1Container.navbar .nav > li > .dropdown-menu:after {
	border-bottom-color: #577E95;
}

.dropdown-menu {
    min-width: 160px;
}

.dropdownLogin.dropdown-menu {
    min-width: 340px;
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
	color: #FFF;
	text-decoration: none;
	background-color: #1372AC;
	background-image: -moz-linear-gradient(top, #1372AC, #11669a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1372AC), to(#11669a));
	background-image: -webkit-linear-gradient(top, #1372AC, #11669a);
	background-image: -o-linear-gradient(top, #1372AC, #11669a);
	background-image: linear-gradient(to bottom, #1372AC, #11669a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1372AC', endColorstr='#11669a', GradientType=0);
}

.login {margin-bottom:0px}

.dropdownLogin .loginForm > .input-prepend {
	display:block;	
	
}

.bemVindo { padding-top: 5px;  display: block;  font-size:12px}
.open .bemVindo { color: #333 !important}


.userName { 
	color:#fff;
	font-weight:bold; padding: 0 4px 0 4px;
	display: inline-block;}
	
.userName.overlay {
	color:#fff;
	font-size: 10px;
    line-height: 16px;
}	

.linkDropdownUsuario:hover .userName {	
	line-height: 16px;
	background: rgba(0,0,0,0.2);
	border-radius: 4px;
	/*box-shadow: 1px 1px 2px rgba(19,114,172, 0.7);*/	
}

.linkDropdownUsuario:hover .userName.overlay {
	background: rgba(255,255,255,0.3);
}	


.icon-dropdown-usuario.overlay {
	color: #fff;
}

#userForm a:hover { text-decoration: none}
#userForm.open a {color: #333}
#userForm.open a:hover {color: #fff}


.linkDropdownUsuario:hover {
	text-decoration: none;
}

.linkDropdownUsuario {
	text-align:right;margin: 0;padding: 0;padding-top: 5px;
}

@media (max-width: 767px) {
    .credenciais{ 
        float:none;
        margin-left: 4px;
    }
    
    .linkAcessarAreaRestrita {
		margin-top: 0px;	
		padding-left: 0px;
	}
	
	.linkDropdownUsuario {
		text-align:left;
	}
}


.dropdown.open {
	border: 1px solid #CCC;
}

.linkAcessarAreaRestrita.overlay:hover, .dropdown.open .linkAcessarAreaRestrita.overlay {
	background: rgba(255,255,255,0.3) !important;
}	

.dropdownLogin {
	border-radius: 0 !important;
	margin: -10px 2px 0 0;
}



.username, .username:hover{ 
	color: #fff; 
	background-color: transparent !important;
}

.userinfo { 
	color: rgba(255,255,255,0.9); font-size:12px; text-align: right;padding: 0;margin: -4px 16px 0 0; 
}

.userinfo.overlay {
	color: #fff;
    font-size: 10px;
    line-height: 16px; 
}

#credenciais\3A userForm {
	margin-bottom: 8px;
}

@media (max-width: 767px) {
    .userinfo{ 
        text-align: left;
        margin-right: 0;
    }
}

#formMenuSuperior { 
    margin: 0; 
}


#logoTesouroHor {
	padding-right: 16px; opacity:0.88;
}

@media (max-width: 979px) {
    #logoTesouroHor {
		margin-top: 4px;
	}	
}

.login b.caret{border-top-color: #222 !important;}

.caixa-dropbox{padding:15px; }


.caixa-dropbox .links{margin-top:15px; font-size: 12px;}

.caixa-dropbox label, .caixa-dropbox a, .caixa-dropbox input, .caixa-dropbox button {font-size: 12px !important;}

.caixa-dropbox .add-on {width: 17px; color: #999; padding: 8px 5px 0px}

.caixa-dropbox i{margin-top:5px; }

.caixa-dropbox form{margin:0;}

.link-dropbox{font-size:12px}

.link-dropbox a, .link-dropbox a:hover{color:#08C;}

.navbar span.icon-bar{
  background-color: #777 !important;
}

span.ui-autocomplete {
	white-space: nowrap !important;
	display:inline-block
}

span.ui-autocomplete span.ui-button-icon-primary.ui-icon.ui-icon-triangle-1-s {
	background-position: -160px -112px !important;
}

input.ui-autocomplete-input.ui-inputfield {
	width: 100% !important;
}

span.ui-autocomplete button {
	margin-top:-10px !important;
}

.full-width {
	width: 97%;
}

.mes-ano {
	width: 60px !important;
}

.dia-mes-ano {
	width: 80px !important;
}

.dia-mes-ano input {
	width: 80px !important;
}

/********************************
Conteúdo
********************************/
/* Normally, this will look just like the Fixed-Only example */

.text-small {
	font-size:11px;
}

#content {
	background:white;
    margin: 0 auto;
	flex: 1 0 auto;
}

.corpo{
	word-wrap:break-word; 
	margin: 0px !important;
	padding: 20px 0 0 10px !important;
}

.corpo.public {
	padding: 26px 46px 28px !important;
}



@media (min-width: 768px) and (max-width: 979px){
    .corpo{ 
        padding-left: 35px !important;
    }
    
     .corpo.public {
		padding: 8px 4px 0px 4px !important;
	}
}

@media (max-width: 767px){
    .corpo{ 
        padding: 0 10px !important;
    }
    
    .corpo.public {
		padding: 8px 4px 0px 4px !important;
	}
}
.carousel{margin-bottom:0}
.carousel .item{ 
	/*height: 280px;*/	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	background: #111;
	
	
	padding-bottom: 36.31%;
	height: 0;
	overflow: hidden;
}
.item img{border-radius:5px; -webkit-border-radius: 5px;}
.carousel-caption{padding: 5px}

.destaques h2 {
	font-size:16px;
	padding: 0px;
	margin: 0;
	line-height: 18px;
	font-weight: normal;
	
}

.destaque h3{ 
	color: #1372AC;
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 10px;
	margin: 30px 0 0 0;
	text-align: justify;
}

.destaque h4{
	font-size: 20px;
	line-height: 22px;
	text-shadow: 1px 1px 1px rgba(0, 85, 128, .15);
	color: #333;
}

.destaque a {
	color: #333;	
}

.destaque h3 a {
    color: #000;
}

.destaque p {
	margin:0;
	padding-bottom: 5px;
/*	text-align: justify;*/
}

@media (min-width: 768px) {
	.destaque-coluna-1 {
	padding-right:20px
	}
	
	.destaque-coluna-2 {
		padding-left:20px
	}
}


.data {font-size:10px;color:#999;padding-left:8px;font-style:italic; font-weight: normal;}
.data-medium {font-size:12px;color:#999;padding-left:8px;font-style:italic; font-weight: normal;}
.data-large {font-size:14px;color:#999;font-style:italic; font-weight: normal;}

span.resumo {font-size:14px;color:#999;}
div.resumo {border-bottom: 1px solid #eee; margin-bottom:20px;}

.video-container, .map-container {
    position: relative;
    padding-bottom: 56.25%;
    /*padding-top: 30px; //VER SE PRECISA QUANDO TESTAR NO YOUTUBE */     
    height: 0; overflow: hidden;
    
}
.video-container {
	margin: 24px 0 24px 0;
}

.video-container-no-padding {
	position: relative;
    padding-bottom: 56.25%;
    /*padding-top: 30px; //VER SE PRECISA QUANDO TESTAR NO YOUTUBE */     
    height: 0; overflow: hidden;
}

.video-info {
	padding: 0px 20px 2px 20px;
	text-align: justify;
	border-bottom: 2px dotted #CCC;
}

.youtubeVideoThumb {
	padding: 0px 20px 2px 20px;
}

.data-video {
	font-weight: bold;
}

.video-container iframe,
.video-container object,
.video-container embed ,
.map-container .embed-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videos {
	border: 2px solid #CECFD0;
	background-color: #EEEFF1;
	margin-bottom: 48px;
}

.videosHeader{
	border-bottom: 2px solid #CECFD0;
	padding: 2px 14px;
	margin: 0;
	font-size: 16px;
}


.videosHeader a {color: #222;}
.videosHeader a:hover{ color: #079; text-decoration:none }
.videos h3{ font-size: 14px; font-weight:bold;line-height: 12px;}
.videos ul{margin-top:10px;}
.videos li{ /*border-top:1px solid #dedede;*/ padding:8px 0; }
.videos li:hover{background: #f7f7f7; /*border-top:1px solid #dedede;*/ padding:8px 0; }

.media img{ width:80px; }
.media-heading{cursor:pointer; /*text-align: justify;*/}


#eventosContainer {
	border: 2px solid #CECFD0;
	background-color: #EEEFF1;
	margin-bottom: 48px;
}

#eventosHeader {
	border-bottom: 2px solid #CECFD0;
	padding: 2px 14px;
	margin: 0;	
	font-size: 16px;
}

#eventosHeader a {
	color: #222;
}
#eventosHeader a:hover{ color: #079; text-decoration:none }

#eventoDestaque {
	border-bottom: 2px solid #CECFD0;
	border-top: 2px solid #CECFD0;
	background: #F5F6F7;
	text-align: justify;
}

#eventoDestaqueInner {
	padding: 12px 24px;
}

#divEventos\:formCalendario\:listaEventosContainer {
	--background-color: #EEEFF1;
	background: #F5F6F7;
	border-top: 2px solid #CECFD0;
}

#listaEventos {
	list-style: none;
	margin:0;	
	text-align: left;
}

#listaEventos li {	
	padding: 8px 24px 8px 24px;
	margin: 0px;
}

#listaEventos li:first-child {
	padding-top: 20px;
}

#listaEventos li:last-child {
	padding-bottom: 20px;
}

#listaEventos li:hover {	
	background: #e7e7e7;
}

#listaEventos > li > .data-evento {
	font-weight: bold;	
}


#outrosEventos {
	border-top: 2px solid #6891AA;
	padding: 16px 16px;
	text-align: right;
}

#divEventos\:formCalendario\:eventosCalendar th {
	color: #072D6C;
	font-weight: bold;
}

#divEventos\:formCalendario\:eventosCalendar_inline .ui-datepicker-inline {
	display: block;
	width: 96%;
	margin: 0 auto;
	border: 0;
	background: none;
}

#divEventos\:formCalendario\:eventosCalendar select {
	text-transform: uppercase;
	color: #777;
}

#divEventos\:formCalendario\:eventosCalendar td.ui-datepicker-today a {
	background: #D4D5D7;
	filter:none;
}

#divEventos\:formCalendario\:eventosCalendar a {
	background: none;
	border: 0;	
	text-align:center;
	color: #072D6C;	
	border-radius: 0;
	box-shadow: none;
}

.inicio-evento {	
	background: #618CA6 !important;
	color: #fff !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .25) !important;
}

.clickable {
	cursor: pointer;
}


.link-mais {
	background: #618CA6;
	border-radius: 2px;
	color: #FFF;	
	padding: 4px 7px;
	border-right: 1px solid #3a5463;
	border-bottom: 1px solid #3a5463;
	-webkit-transition: all 0.2s ease !important;
     -moz-transition: all 0.2s ease !important;
       -o-transition: all 0.2s ease !important;
          transition: all 0.2s ease !important;
          
}



.link-mais .icon-chevron-right.icon-large:before {
	font-size: 1.1em;
}

.texto-link-mais:hover {
	text-decoration: none;	
} 

.texto-link-mais:hover .link-mais, .link-mais:hover {
	border-right: 1px solid #D0E2EA;
	border-bottom: 1px solid #D0E2EA;
	text-decoration: none;
	background: #D0E2EA;
	color: #1372AC;
}


.transition-all-02s {
	-webkit-transition: all 0.2s ease !important;
     -moz-transition: all 0.2s ease !important;
       -o-transition: all 0.2s ease !important;
          transition: all 0.2s ease !important;
}

#ultimasNoticiasHeader {
	background: #EEEFF1;
	display: block;
	margin: 0px;
	padding: 10px 14px;
	font-size: 22px;
	font-weight: normal;
	border-top: 5px solid #005580;
}

#ultimasNoticias {
	margin-top: 24px;
}

#ultimasNoticiasHeader a {
	color: #005580;
}

#outrasNoticias {
	border-top: 4px solid #005580;
	margin-top: 12px;
	background: #EEEFF1;	
	padding: 10px 14px;
	text-align: right;
}

#outrasNoticias li {
	padding: 0;
}

.news h3 {
	padding: 0;
	margin: 0;	
}

.newsTitulo {
	font-size: 16px;
	color: #005580;
}

.newsResumo {
	margin: 0 0 8px;
}

/********************************
Menu lateral
********************************/
.siconfi-sidenav {	
	padding: 0;		
	margin-top:20px;
}

@media (max-width: 767px) {
	#accordion { 
		width: 97%;
		max-width:405px;
		left: -100%;
		
	}
}

@media (min-width: 768px) {
	#accordion { 
		left: -413px;
		width:405px;
		top: 190px;
	}
}
	
#accordion {	
	position: absolute;
	overflow: hidden;	
	z-index: 5;
	margin-bottom:0px;	
	border: 8px solid #618CA6;
	border-left: 0;
	box-shadow: 4px 6px 12px 0px rgba(0, 0, 0, 0.3);		
	background: rgba(0,0,0, 0.25);	
	
	-webkit-transition:  border 0.7s ease, left 0.3s ease !important;
     -moz-transition: border 0.7s ease, left 0.3s ease !important;
       -o-transition: border 0.7s ease, left 0.3s ease !important;
          transition: border 0.7s ease, left 0.3s ease !important;
}


.modulo_area_restrita #accordion,
.modulo_area_administrativa #accordion {
	border-color: var(--area-restrita-color);
}
.modulo_declaracoes_msc #accordion {
	border-color: var(--declaracoes-msc-color);	
}
.modulo_analise_fiscal #accordion {
	border-color: var(--analise-fiscal-color);	
}
.modulo_operacoes_credito #accordion {
	border-color: var(--operacoes-credito-color);	
}
.modulo_transferencias #accordion {
	border-color: var(--transferencias-color);	
}
	
.siconfi-sidenav.accordion .icon-angle-up {
	margin-top: 2px;
	opacity: .25;
}

#accordion.focado {	
	left: 0px;	
}

#menu-container {
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: hidden;
}

#accordion.focado #menu-container {	
	overflow-y: scroll;
}

#nav-menu-lateral {	
	min-height: 76px;
	height: auto !important;
	margin: 0;
	max-height: 350px;
	overflow-x: hidden;
	overflow-y: auto;	
	padding-bottom: 12px;	
	background: #EBEDF1 ;	
}



#toggle-menu {
	position: absolute;
	left: 0px;	
	z-index:6;	
	border: 0;	
	background: url('../images/template/icone-menu.png') #618ca6 center no-repeat;	

	-webkit-transition: background-color 0.7s ease, border 0.7s ease, left 0.3s ease !important;
       -moz-transition: background-color 0.7s ease, border 0.7s ease, left 0.3s ease !important;
         -o-transition: background-color 0.7s ease, border 0.7s ease, left 0.3s ease !important;
            transition: background-color 0.7s ease, border 0.7s ease, left 0.3s ease !important;
}


/*
.modulo_area_publica #toggle-menu {
	background-color:hsl(200, 41%, 47%);
}
*/

.modulo_area_restrita #toggle-menu,
.modulo_area_administrativa #toggle-menu {
	background-color: var(--area-restrita-color);
}

.modulo_declaracoes_msc #toggle-menu {
	background-color: var(--declaracoes-msc-color);
}

.modulo_analise_fiscal #toggle-menu {
	background-color: var(--analise-fiscal-color);
}

.modulo_operacoes_credito #toggle-menu {
	background-color: var(--operacoes-credito-color);
}

@media (max-width: 767px) {
	#toggle-menu {		
		background-image: url('../images/template/icone-menu-alt.png');		
		width: 40px;
		height: 36px;
		box-shadow: 10px -2px 8px -4px rgba(0, 0, 0, 0.2);		
	}
	
	#toggle-menu.focado { 
	
		-webkit-border-bottom-right-radius: 0px;		
		-moz-border-radius-bottomright: 0px;		
		border-bottom-right-radius: 0px;
	}
}

@media (min-width: 768px) {
	#toggle-menu { 		
		width: 48px;		
		height: 60px;
		box-shadow: 6px 6px 8px 0px rgba(0, 0, 0, 0.2);
	}
	
	#toggle-menu.focado {
		left: 413px;
	}
}


#toggle-menu:hover, 
#toggle-menu:focus {
	background-color: #3F6777;		
}


.modulo_area_restrita #toggle-menu:hover,
.modulo_area_restrita #toggle-menu:hover,
.modulo_area_administrativa #toggle-menu:hover,
.modulo_area_administrativa #toggle-menu:hover {
	background-color: var(--area-restrita-color--hover);
}

.modulo_declaracoes_msc #toggle-menu:hover, 
.modulo_declaracoes_msc #toggle-menu:focus { 
	background-color: var(--declaracoes-msc-color--hover);
}

.modulo_analise_fiscal #toggle-menu:hover, 
.modulo_analise_fiscal #toggle-menu:focus {
	background-color: var(--analise-fiscal-color--hover);
}

.modulo_operacoes_credito #toggle-menu:hover, 
.modulo_operacoes_credito #toggle-menu:focus {
	background-color: var(--operacoes-credito-color--hover);
}

#accordion.focado #nav-menu-lateral {
		
}

#systemVersion {
	font-size: 12px;
	color: #FFF;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .25);	
}


.round-bottom-right {
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}


.round-right {
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#painelControleInfo {
	color: #333;
	max-width: 620px;
	position: relative;
	text-align: justify;	
	box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.13);
}

.alert-light-grey {
	background: #F6F6F6;
	color: #333;
	border-color:#ddd;
}

.alert.info-box {	
	background: #F6F6F6;
	color: #222;
	border: none;
	border-radius: 8px;
	padding-left:50px;
	
}

.alert.info-box h4 {
	color: #333;
	margin-bottom: 12px;
}

.alert.info-box button {
	background: #618CA6;
	color: #FFF;
	opacity: 1;
	padding: 1px 8px 4px 8px;
	border-radius: 4px;
	font-weight: normal;
}

.alert.info-box p {
	margin-bottom:12px;
}

.submenu {
	margin-left: 8px;
	padding-bottom:12px;
}

.item-menu {
	padding-left: 25px;
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .25);	
}

.item-menu:hover, 
.item-menu:focus, 
a.submenu:hover, 
a.submenu:focus, 
.item-menu:hover 
.icon-submenu, 
.item-menu:focus .icon-submenu  {
	background: #618CA6;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
}

.modulo_declaracoes_msc .item-menu:hover, 
.modulo_declaracoes_msc .item-menu:focus, 
.modulo_declaracoes_msc a.submenu:hover, 
.modulo_declaracoes_msc a.submenu:focus, 
.modulo_declaracoes_msc .item-menu:hover 
.modulo_declaracoes_msc .icon-submenu, 
.modulo_declaracoes_msc .item-menu:focus .icon-submenu  {
	background: var(--declaracoes-msc-color--hover);
}

.modulo_analise_fiscal .item-menu:hover, 
.modulo_analise_fiscal .item-menu:focus, 
.modulo_analise_fiscal a.submenu:hover, 
.modulo_analise_fiscal a.submenu:focus, 
.modulo_analise_fiscal .item-menu:hover 
.modulo_analise_fiscal .icon-submenu, 
.modulo_analise_fiscal .item-menu:focus .icon-submenu  {
	background: var(--analise-fiscal-color--hover);
}

.modulo_operacoes_credito .item-menu:hover, 
.modulo_operacoes_credito .item-menu:focus, 
.modulo_operacoes_credito a.submenu:hover, 
.modulo_operacoes_credito a.submenu:focus, 
.modulo_operacoes_credito .item-menu:hover 
.modulo_operacoes_credito .icon-submenu, 
.modulo_operacoes_credito .item-menu:focus .icon-submenu  {
	background: var(--operacoes-credito-color--hover);
}

.modulo_transferencias .item-menu:hover, 
.modulo_transferencias .item-menu:focus, 
.modulo_transferencias a.submenu:hover, 
.modulo_transferencias a.submenu:focus, 
.modulo_transferencias .item-menu:hover 
.modulo_transferencias .icon-submenu, 
.modulo_transferencias .item-menu:focus .icon-submenu  {
	background: var(--transferencias-color--hover);
}

/*
.modulo_area_restrita #toggle-menu {
	background-color:hsl(200, 31%, 47%);
}

.modulo_declaracoes_msc #toggle-menu {
	background-color:hsl(120, 31%, 47%);
}

.modulo_analise_fiscal #toggle-menu {
	background-color:hsl(240, 31%, 47%);
}

.modulo_operacoes_credito #toggle-menu {
	background-color:hsl(280, 31%, 47%);
}*/

.icon-submenu {
	font-size: 10.5px !important;
	margin-right: 4px;
	color: #005580;
}

.modulo_declaracoes_msc .icon-submenu {
	color: var(--declaracoes-msc-text-color);
}

.modulo_analise_fiscal .icon-submenu {
	color: var(--analise-fiscal-text-color);
}

.modulo_operacoes_credito .icon-submenu {
	color: var(--operacoes-credito-text-color);
}


.icon-menu-lateral {
	min-width: 15px;
	display: inline-block !important;
	text-align: center;
}

#nav-menu-lateral li {
	list-style: none;
}

#nav-menu-lateral li a {
	display: block;
	width: 190px 9;
	margin: 0 0 -1px;
	padding: 5px 12px;

}


.modulo_area_restrita #nav-menu-lateral li a,
.modulo_area_administrativa #nav-menu-lateral li a {
	color: var(--area-restrita-text-color);
}

.modulo_declaracoes_msc #nav-menu-lateral li a {
	color: var(--declaracoes-msc-text-color);
}

.modulo_analise_fiscal #nav-menu-lateral li a {
	color: var(--analise-fiscal-text-color);
}

.modulo_operacoes_credito #nav-menu-lateral li a {
	color: var(--operacoes-credito-text-color);
}

#nav-menu-lateral li a.accordion-toggle {
	font-weight: bold;
	white-space: nowrap;
}

#nav-menu-lateral li a.accordion-toggle.submenu-subnivel {
	font-weight: normal;
}

#nav-menu-lateral li a:hover {
	text-decoration: none;
}

#nav-menu-lateral li a .icon-angle-up {
	opacity: 1;	
	display: initial; 
}

#nav-menu-lateral li a .icon-angle-down {
	opacity: 1;	
	display: none;
	
}

#nav-menu-lateral li a.active {
	text-decoration: none;
}

#nav-menu-lateral li a.collapsed .icon-angle-up {	
	display: none;	
}

#nav-menu-lateral li a.collapsed .icon-angle-down {	
	display: initial;
	
}



#nav-menu-lateral li a.active.hover {
	
	background-color: #08C;
}

.azulmarinho {
	color: #08C;
}

.verde {
	color: hsl(120, 44%, 38%);
}

.laranja {
	color: #F89406;
}

.vermelhovinho {
	color: #BD362F;
}

.azulpiscina {
	color: #49AFCD;
}

.lilas{
	color: #9933cc;
}

.marromdourado {
	color: #986601;
}

.azuldestacado {
	color: #0197fd;
}

.preto {
	color: #005580;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .15);
}

.cinza {
	color: #777;
}

.preto:hover {
	color: #007799;
	text-shadow: none;
}

.txt-cpf {
	width:105px;
}

/********************************
Rodapé
********************************/

#div_banners {	
	padding: 2px 0px 12px 0px;
}


.inline ul, .inline li {display: inline;  text-decoration: none;  }

.block ul li {display: block;  text-decoration: none;}

/*
.banners{
	background-color: #f2f2f2;
	margin-top:0px;
	padding: 0px 0;	
}

*/
#div_banners ul li a {
	margin-right: 32px;
}


.banners ul { padding: 0px; margin: 0px; padding-left:0; }

.banners li{	
	text-align: left;
	margin-top: 0.2em;		
}



/*.banners img{ border:1px solid #a8a8a8; width: 122px; height: 62px;}*/


.links_rodape {	
	background-color: #f3f3f3; 
	
	-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#fefefe'); /* for IE */
	-background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#fefefe)); /* for webkit browsers */
	-background: -moz-linear-gradient(top,  #f3f3f3,  #fefefe); /* for firefox 3.6+ */	
	padding: 26px 0 42px 0;
}
.links_rodape ul li{list-style:none; display:block;}
.links_rodape ul li.span2 {
	border-left: 1px dotted #afafaf;
	padding-left: 6px;
}
.links_rodape a { font-size:1em; color:#333; text-decoration: none;}
.links_rodape a:hover { font-size:1em; color: #333; text-decoration: underline;}
.itemPrincipalRodape { margin-top: 16px; font-size:1em; color:#333; text-decoration: none; font-weight: bold}
a.itemPrincipalRodape:hover { font-size:1em; color: #333; text-decoration: underline; font-weight: bold}

#rodape {
	color: #333;
	padding: 10px 0 0 0;
	
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

footer .row-fluid > .inline {
    max-width: 1900px;
    margin: 0 auto;
}

#footer form {
	margin: 0;
}


#logoSerproRodape {
	width: 300px;
	height: 75px;
	padding: 2em;
	display:inline-block;
	background: url('../images/template/marca-serpro-2023/assinatura-serpro-govfederal-cor-horiz.png') center no-repeat; 
	position: relative;
	background-size: 80%;
	top:2px;
	
}
/************************************************
* Customizações gerais e do primefaces
************************************************/
h2 { font-size: 20px; font-weight:normal; color:#444;}
h3 { font-size: 16px;}

.input-small {
	width:110px;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
	white-space: normal;
}

.ui-toolbar.ui-widget-header, .ui-widget-header {
	background:none;
	border:0;
}

.ui-paginator {
	font-size: 12px !important;
}

.ui-paginator-rpp-options {	
	margin-top: 8px;
	height: 26px;
	width: 58px;
}

.ui-datatable .ui-sortable-column-icon {
	margin: -4px 5px 0px 0px;
}






.ui-datepicker-trigger, .picker {
	margin: -10px 0 0 4px !important;	
}

/* nova id*/
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    margin-top: -4px;
}

.ui-datatable {
	margin-bottom: 24px;
}

.ui-datatable table thead {
	background: #f0f0f0;
}

.ui-datatable table thead th, 
.ui-datatable table tbody td, 
.ui-datatable table tfoot td {
	position: relative;
	height: 32px;	
	padding: 0px 6px 0px 6px !important;	
	border: none;	
	box-shadow: none;		
}

.ui-datatable table thead th,
.ui-widget-header .ui-datatable-scrollable-header-box  table thead th
{	
	background: transparent;	
	border-bottom: 3px solid #618CA6 !important;
	font-weight: normal;	
	font-size: 16px;
	color: #555;
}


.ui-datatable table tbody td, 
.ui-datatable table tfoot th {
	border-bottom: 1px solid #ccc !important;
}

.ui-datatable table tfoot td {
	background: #777 !important;
	color: #fff !important;
	font-weight: bold !important;
	border-radius: 0;
	text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px;
}



.ui-datatable table thead th:not(:first-child)::before, 
.ui-datatable table tbody td:not(:first-child)::before { 
    content: "";
    display: inline-block;
    width: 1px;
    height: 70%;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 15%;
}

.ui-sortable-column-icon {
	opacity: 0.6;
}

.ui-paginator {
	text-align: left;	
}

.ui-paginator-current {
	padding-left: 0 !important;
	margin-left: 0 !important; 
}

.ui-datatable .ui-column-filter {
	width: 94% !important;
	font-size: 12px !important;
	margin-bottom: 4px;
	height: 14px;
	margin-left: 3%;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	color: #FFF;
	text-decoration: none;	
	background-color: #1372AC;
	background-position: 0px;
	background-image: -moz-linear-gradient(top, #1372AC, #11669a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1372AC), to(#11669a));
	background-image: -webkit-linear-gradient(top, #1372AC, #11669a);
	background-image: -o-linear-gradient(top, #1372AC, #11669a);
	background-image: linear-gradient(to bottom, #1372AC, #11669a);
	background-repeat: repeat-x;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
}

.ui-datatable .ui-datatable-data tr:hover {
	background-color: #e6e6e6;
}

/*------*/

.ui-tree  {
	border:0 !important;
	font-size: 12px !important;	
}

.ui-tree.controle-acesso  {
	border:0 !important;
	font-size: 14px !important;	
}

.ui-treetable.controle-acesso tbody td {
	border: 1px solid #ccc;
}


.ui-tree.controle-acesso span.ui-treenode-label.ui-corner-all {
	display:inline-block;
	width:100%;	
}

tr.grupo-controle-acesso {
	font-weight: bold !important;
	border-top: 2px solid #333 !important;
}

tr.grupo-controle-acesso:hover {
	font-weight: bold !important;
	border-top: 2px solid #333 !important;
	background-color: #ccc;
}

tr.ui-widget-content.ui-treetable-selectable-node.default.ui-state-highlight {
	--background-color: #45A3CA !important;
	--background-image: linear-gradient(#47A4CB, #73BAD8) !important;
	
}

tr.ui-widget-content.ui-treetable-selectable-node.default.ui-state-highlight.grupo-controle-acesso {
  background-color: hsl(0, 0%, 15%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3f3f3f", endColorstr="#262626");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#3f3f3f), to(#262626));
  background-image: -moz-linear-gradient(top, #3f3f3f, #262626);
  background-image: -ms-linear-gradient(top, #3f3f3f, #262626);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f3f3f), color-stop(100%, #262626));
  background-image: -webkit-linear-gradient(top, #3f3f3f, #262626);
  background-image: -o-linear-gradient(top, #3f3f3f, #262626);
  background-image: linear-gradient(#3f3f3f, #262626);
  border-color: #262626 #262626 hsl(0, 0%, 12.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
  -webkit-font-smoothing: antialiased;
}

tr.ui-widget-content.ui-treetable-selectable-node.default.ui-state-highlight.funcionalidade-controle-acesso {
  background-color: hsl(120, 39%, 40%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#54b454", endColorstr="#3e8d3e");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#54b454), to(#3e8d3e));
  background-image: -moz-linear-gradient(top, #54b454, #3e8d3e);
  background-image: -ms-linear-gradient(top, #54b454, #3e8d3e);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #54b454), color-stop(100%, #3e8d3e));
  background-image: -webkit-linear-gradient(top, #54b454, #3e8d3e);
  background-image: -o-linear-gradient(top, #54b454, #3e8d3e);
  background-image: linear-gradient(#54b454, #3e8d3e);
  border-color: #3e8d3e #3e8d3e hsl(120, 39%, 37%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.19);
  -webkit-font-smoothing: antialiased;
}

tr.ui-widget-content.ui-treetable-selectable-node.default.ui-state-highlight.acoes-controle-acesso {

}

li.legenda-controle-acesso {	
	padding: 6px;	
	margin-right: 16px;
	-webkit-font-smoothing: antialiased;
	 color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.13);
}

li.legenda-controle-acesso span.badge {
	margin-right:4px;
}

.label-msg-quest,
.badge-msg-quest {
  background-color: #1a5fb4;
}

a.label {
	color: #fff;
}

.label {text-shadow: none;}

.label-wrappable {
	white-space: normal;
}

.label-warning {
	background-color: #F0AD4E;
	
}

.label-default {
	background-color: #999;
}

.label-primary {
	background-color: #428BCA;
}

.label-success {
	background-color: #5CB85C;
}

.label-info {
	background-color: #618CA6;
}

.label-closeable {
	padding: 2px 0px 0px 4px;
	margin:4px;
	
}

.label-danger {
	background-color: #D9534F;
}

.label-orange {
	/*background-color:#F39C10;
	background-color: #fcf8e3;*/	
	background-color:#FAF2AC;
	color: #7A6200;
	box-shadow: 0px 0px 0px 1px #e1d6bf inset;
	/*background-image: linear-gradient(to bottom, #FAF2AC, #FFE04F);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAF2AC', endColorstr='#FFE04F', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	
	
	*/
	
	
}


.label-green {
	/*background-color:#27AD60;*/
	/*background-color: #dff0d8;
	color: #468847;
	box-shadow: 0px 0px 0px 1px #d6e9c6 inset;
	*/
	
	background-color:#D7F0CD;
	color: #28702A;
	box-shadow: 0px 0px 0px 1px #B0CE97 inset;
	/*background-image: linear-gradient(to bottom, #D7F0CD, #A9E490);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7F0CD', endColorstr='#A9E490', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	
	
	*/
	
}

.label-disabled {
	background-color: #f0f0f0;
	color: #888;
	box-shadow: 0px 0px 0px 1px #dedede inset;

}

.label.label-font-normal {
	font-weight: normal;
	/*text-shadow: 0 1px 0 rgba(0,0,0,0.18);*/
}
	
.label-closeable .close-btn {
	border-left: 1px rgba(255,255,255,0.5) solid;
	padding: 3px 6px 3px 5px;
	margin-left: 4px;
	background: rgba(0,0,0,0.3);
	box-shadow: 0px 2px 0px 0px #468847;
	
	border-top-right-radius: 2px !important;
	border-bottom-right-radius: 2px !important;
	font-size: 10.5px !important;
	color: white;
	
	position: relative;
	float: right;
	top: -2px;
}

.label-closeable.label-green .close-btn {
	background: #468847;
}

.label-closeable .close-btn:hover, .label-closeable .close-btn:focus {	
	background: rgba(255,255,255,0.3);
	color: rgba(0,0,0,0.5);	
	text-decoration: none;
}		


.badge.badge-grupo {
	background-color: #333;
}

.badge.badge-funcionalidade {
	background-color: #468847;
}

.badge.badge-acoes {
	background-color: #3a87ad;
}

.badge.dark-font  {
	color: rgba(0,0,0,0.55);
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
}

.bullet-info {
	padding: 2px;
	font-size: 20px;
	margin-left: 4px;
	color: #0088cc;
}

.bullet-info:hover {
	text-decoration:none;
}



.ui-tabs .ui-tabs-panel {
	padding: 14px 0;
}

tr.ui-widget-content.ui-treetable-selectable-node.default.ui-state-highlight.grupo-controle-acesso  .badge.badge-grupo {
	color: #333 !important;
	background-color: #fff;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

tr.ui-widget-content.ui-treetable-selectable-node.default.ui-state-highlight.funcionalidade-controle-acesso  .badge.badge-funcionalidade {
	color: #468847 !important;
	background-color: #fff;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

tr.ui-widget-content.ui-treetable-selectable-node.default.ui-state-highlight.acoes-controle-acesso  .badge.badge-acoes {
	color: #3a87ad !important;
	background-color: #fff;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}


.ui-selectonemenu-panel .ui-selectonemenu-table td {
	height: 1em;
}

.ui-selectonemenu {
	margin-bottom:12px !important;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
	padding:0 !important;
	border:0 !important;
}
.ui-cell-editor div {
	padding:4px 10px !important;
}

.square-border {
	border-radius:0px !important;
	-webkit-border-radius: 0px  !important;
	-moz-border-radius: 0px  !important;
	border-radius:0px  !important;
}

.rounded-border {
	border-radius:5px !important;
	-webkit-border-radius: 5px  !important;
	-moz-border-radius: 5px  !important;
	border-radius:5px  !important;
}

.has-thin-border {
	border: 1px solid #eee;
}


.bottom-rounded-border {
	webkit-border-bottom-left-radius: 5px !important;
	-webkit-border-bottom-right-radius: 5px !important;
	-moz-border-radius-bottomleft: 5px !important;
	-moz-border-radius-bottomright: 5px !important;
	border-bottom-left-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
}

.top-rounded-border {
	webkit-border-top-left-radius: 5px !important;
	-webkit-border-top-right-radius: 5px !important;
	-moz-border-radius-topleft: 5px !important;
	-moz-border-radius-topright: 5px !important;
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
}

.white-box-shadow {
	box-shadow: 1px 1px 1px rgba(255, 255, 255, .4);
}

.black-box-shadow {
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}

tr.ui-widget-content , tbody.ui-widget-content  {
	border:0 !important;
}

.ui-editable-column {
	 cursor: default !important;
}

.ui-selectcheckboxmenu-header .ui-chkbox .ui-chkbox-box {
    visibility: hidden;
}

.ui-picklist .ui-picklist-list li {
	font-size: 12px !important;
}

.ui-picklist .ui-picklist-caption {
	font-weight: normal !important;
}


li.ui-state-default.ui-wizard-step-title {
	background:none;
	color: #333;
	border:0;	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius:0px;
		
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

li.ui-state-default.ui-wizard-step-title.ui-state-highlight {
	filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
	background: none;
}

div.wizardBullet {
	float:left;
	-webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;    

    width: 28px;
    height: 28px;
    line-height: 2;
    margin: 6px 0 0 0;
    
    background: #eee;    
    color:#999;    
    text-align: center;   
    
    text-shadow: 0 1px 0 rgba(0,0,0,.15);
    
    -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, .065);
	-moz-box-shadow: 0 0px 4px rgba(0,0,0,.065);
	box-shadow: 0 0px 4px rgba(0, 0, 0, .065);
	
	-webkit-transition: background 2.0s ease !important;
     -moz-transition: background 2.0s ease !important;
       -o-transition: background 2.0s ease !important;
          transition: background 2.0s ease !important;
}

div.wizardTitle {	
	color:#999;	
	white-space: nowrap;
	-webkit-transition: color 2.0s ease !important;
     -moz-transition: color 2.0-s ease !important;
       -o-transition: color 2.0s ease !important;
          transition: color 2.0s ease !important;          
}

div.wizardTitle.concluded {	
	color: #0088CC;
}

div.wizard-ok {
	float:left;
	color: #999;
	margin:-4px 0 0 0;
}

div.wizardBullet.concluded {	    
    background: #0088CC;    
    color:white;    
}

.ui-button.ui-state-focus  {
	outline: none !important;
	border-color: rgba(82, 168, 236, 0.8) !important;	
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
}

.ui-button.ui-widget.btn-mini.btn-primary {
	color: #ffffff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #006dcc;
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.ui-button.ui-widget.btn-mini.ui-state-hover.btn-primary {
	color: inherit;	
	background-color: rgb(0,68,204) !important;
	text-decoration: none;
	background-position: 0 -15px;
	transition: none;
}

.ui-button.inline-btn {
	margin-top: 26px;	
}


.bar {
  -webkit-transition: width 1.0s ease !important;
     -moz-transition: width 1.0s ease !important;
       -o-transition: width 1.0s ease !important;
          transition: width 1.0s ease !important;
}


.combo-mini {
	width:60px !important;
}

.combo-small {
	width:90px !important;
}

.combo-medium {
	width:150px !important;
}

.combo-large {
	width:200px !important;
}

.combo-xlarge {
	width:270px !important;
}

.combo-xxlarge {
	width:530px !important;
	margin-bottom: 10px !important;
}

.combo {
	/**/
}

.combo-reduzido label, .combo-reduzido li {
	font-size:12px !important; 
}

.combo-reduzido label {
	/*padding:2px;*/
}

.combo-reduzido li {
	line-height: 12px;	
}

div.ui-selectonemenu.combo, .ui-autocomplete.combo {
	width:100% !important;
}

div.ui-selectonemenu.combo label {
	width:100% !important;
}

.text-info {
	color: #1372AC;
}

label.label-text-info {	
	margin-right: 4px;
}

.label.label-large {
	font-size: 14px;
	padding:4px;
}

label.mesma-linha {
	display: inline-block !important;
	margin-right: 8px  !important;
	font-weight: bold  !important;	
}


.thin-bar {
	height: 7px;				
}

.float-right {
	float:right;
}

.float-left {
	float:left;
}

/*##################################################
FAQ
*/
div.faq-list ol li {
	margin-bottom:24px;
}

.faq-pergunta {
	/*color: #005580;*/
	font-weight: bold;
}

.faq-resposta {
	font-weight: normal;
	color:#333;
	margin-bottom: 15px;
}

.faq-h3  { 
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 15px;
	line-height:150%;
}

/**************************************
* Notícias - List
*/

.dataListViewer ul {
	list-style: none;
}

.dataListViewer .ui-datalist-content {
	border:0;
}

.dataListViewer ul li {	
	padding:10px 0 0 12px;	
	margin: 0 0 0 -25px;
	border-bottom:1px solid #eee;
	border-left: 4px solid rgba(0,0,0,0);
	border-right: 4px solid rgba(0,0,0,0);
}

.dataListViewer ul li:nth-child(odd) {
	background: #f9f9f9;
	xbackground: #fff;
}

.dataListViewer ul li:nth-child(even) {
	background: #fff;
}

.dataListViewer ul li:hover {
	background: #eee;
	border-left: 4px solid #999;
	border-right: 4px solid #999;
}

.dataListViewer .titulo {
	font-size: 16px;
	font-weight: bold;
	color:#333;	
}

.resultado-pesquisa {
	padding: 0px 0px 24px;
	font-style: italic;
	color: #777;
	font-size: 13px;
}

.resumo-pesquisa {
	color: #777 !important;
}

.severidade-aviso {
	font-weight: bold;
	font-color: #C09853;
}

.severidade-erro {
	font-weight: bold;
	font-color: #B94A48;
}

.severidade-info {
	font-weight: bold;
	font-color: #3A87AD;
}

.severidade-sucesso {
	font-weight: bold;
	font-color:#468847;
}

/*##################################################
ONE DAY CALENDAR E PERIODO
*/

.calendar-small {
	display: inline-block;
	margin-top: 5px;
	height: 35px;
}

.calendar-small input {
	width: 75px !important;  
	
}

.one-day-calendar {	
	display:inline-block;
	height:72px;
	width: 72px;	
	margin:10px 12px 12px 0;		
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 4px;
	box-shadow: 2px 2px 7px rgba(0, 0, 0, .3);	
}

.one-day-calendar.calendar-small {
	height:58px;
	width: 55px;
}

.one-day-calendar .mes {	
	text-align:center;	
	height:20px;
	font-size: 13px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
	color: white;	
	background-color: #D9534F;	
	border-color: #BD362F #BD362F #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	
	
}

.one-day-calendar.calendar-small  .mes{
	height: 17px;
	font-size: 11px;
	
}

.one-day-calendar .mes.disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.one-day-calendar.calendar-small  .mes.disabled{
	
}


.one-day-calendar .dia {
	background: #FFF;
	text-align: center;
	color: #5A5A5A;
	font-size: 26px;
	height: 25px;
	padding-top: 6px;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
	
}

.one-day-calendar.calendar-small  .dia {
	font-size: 20px;
	height: 20px;
	padding-top: 3px;
}

.one-day-calendar .dia.disabled {
	color: #999;
}

.one-day-calendar.calendar-small  .dia.disabled {
	
}

.one-day-calendar .semana {
	background: #fff;
	text-align:center;
	color: #5a5a5a;
	font-size: 16px;
	height:20px;	
	border:1px solid #ddd;
	
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.one-day-calendar.calendar-small  .semana {
	font-size: 11px !important;
	height: 17px;
}

.span-periodo-container {
	
	text-align: center;
}

.timeline-calendar-container {
	text-align: center;
}



.one-day-calendar .semana.disabled {
	color: #888;
}

.periodo-container {
	display: inline-block;	
	white-space: nowrap;
	text-align: center;
}

.periodo-separador {
	display: inline-block;
	font-size: 30px;
	color: #5a5a5a;
	margin: -22px 12px 5px 0px;
	height: 50px;	
	vertical-align: middle;	
}

.periodo-separador.disabled {
	color: #888;
}


.info-container {	
	border: 1px #eee solid;
	min-height: 110px;
	padding: 8px 20px 16px 5px;
	background: #fff;
	margin-left: 44px;
	
	margin-bottom:12px;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 4px;
	box-shadow: 2px 2px 7px rgba(0, 0, 0, .2);	
	
}

.datalist-timeline .info-container {
	margin-left: 0;
}

@media (max-width: 767px) {
	.info-container {margin-left: 0;}
}


.info-container > .label i {
	margin-right: 2px;
}

.info-container p {
	text-align: justify;	
}

.inline-block {
	display: inline-block;
}

#formColeta\3A datalistTimeline_list div.info-container {
	min-height: 84px;
}

#timeline-actions i {
	margin-right:12px;
}

div.info-container h3.title {
	font-size:16px !important;	
	margin: 0 0 28px 20px;
	padding:0 0 6px 0;		
	border-bottom: 1px solid #F0F0F0;	
	line-height: 30px;
	
}

div.info-container p {	
	font-color:#5a5a5a;
	margin: -18px 0px 0px 20px;
}

div.info-container .alert {
	margin-bottom: -4px !important;
}



.alert.normal {
	background: white;
	color: #333;
	border: 1px solid #eee;
}

.timeline-direction {
	margin: -6px 0px 4px 0px;	
}

.timeline-container {
	width: 100%;
	padding:0;
	border: 1px solid #dedede;
}

.timeline-container.info-container {
	height: 500px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	
	color:#777;
	text-shadow: 0 1px 0 #FFF;
}

.timeline-container.info-container p {
	margin:8px 16px 16px 16px ;	
	text-align: justify;	
	line-height:120%;
}

.timeline-container.info-container p.tip {
	margin:30px 16px 8px 16px ;	
	text-align: justify;
	font-size: 18px;
	font-weight: bold;
}

.timeline-actions  i {
	margin-right: 8px !important;
}

.timeline-user:hover {
	text-decoration: none;
	color:#08c;
}

.timeline-user.statusHistorico {
	color:#777;
}

.timeline-user.statusHistorico:hover {
	color:#005580;;
}

.status-container-group {
	padding: 8px 0px 8px 8px !important;
}

.label-status {	
	padding-right: 8px !important;
	margin-bottom:2px;
}

.label-status.label-inverse {
	cursor:pointer;
}

.label-input-disabled {
	background-color: #eeeeee;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	display: inline-block;
	border-radius: 4px;
	padding: 4px 12px;
	min-height: 20px;
	min-width: 300px;
	vertical-align: middle;
}
  
.fieldset-legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: 40px;
	color: #333;
	border: 0;
	border-bottom: 1px solid #E5E5E5;
}

.ui-selectmanycheckbox label, .ui-selectoneradio label {
	margin-left: 8px !important;
}

.label.label-pdf {
	background-color: #BA0101;
	cursor:pointer;
	margin-right:8px;
}

.label.label-xls {
	background-color: #528420;
	cursor:pointer;
	margin-right:8px;
}

.label.label-xbrl {
	background-color: #0172B8;
	cursor:pointer;
	margin-right:8px;
}

.label.label-csv {
	background-color: #868786;
	cursor:pointer;
	margin-right:8px;
}

.label.label-adicionar {
	background-color: #1786b3;
	cursor:pointer;
	margin-right:8px;
}

.label.label-remover {
	background-color: #c9151e;
	cursor:pointer;
	margin-right:8px;
}

.dataListViewer ul li:first-child .timeline-direction {
	display:none;
}

.info-container a {
	color: #08C;
	text-shadow: 0 1px 0 #FFF;
}

.status-left {
	width: 85px;	
	display:inline-block;
	vertical-align: top;
}

.info-container ul {
	list-style: none;
}

.info-container .ui-datalist-content {
	border:0;
}

.info-container ul li {	
	padding:0px 0 0 0px;	
	margin: 0 0 0 -25px;
	border-left: none;
	border-right: none;
	border-bottom:0px solid #eee;
}

.info-container ul li:nth-child(odd) {
	background: #fff;	
}

.info-container ul li:nth-child(even) {
	background: #fff;
}

.info-container ul li:hover {
	background: #fff;
	border-left: none;
	border-right: none;
}

.info-container .titulo {
	font-size: 16px;
	font-weight: bold;
	color:#333;	
}


.status-right {	
	border-left: 1px solid #eee;
	padding: 0 0 0 12px;	
	display:inline-block;	
}



.icon-at-top {
		font-size: .6em;
		margin-left: -4px;							
		display:inline-block !important;
		vertical-align: top;
	}

.icones-cadastro {
	color:#08C;
	font-size: 1.5em;
}
/*##################################################

*/

.body-hide {
	position: static; z-index: 9995; width: 0px; height: 0px;
}
.full-screen {	
	/*z-index: 9996; position: absolute; top: 0; left: 0; width: 100%; height: 100%;*/
}

.maximizedElementParents {
	position: static;
	overflow: visible;
	z-index : 999;
}

.maximizedElement {
	visibility: visible;
	position: absolute;
	z-index : 1000;
    left : 0px;
	top : 0px;
    display: block;
	
	background: white;
	padding: 12px;
	overflow: auto;
}

.maximizedElementRoot {
	position: fixed;
	z-index : 1000;
	width : 0px;
	height : 0px; 
}

#processing-div {
	position: fixed;
	top: 0%;
	left: 50%;
	
	padding: 8px;
	margin-left: -64px;
	z-index: 5001;	
	border:1px solid #ccc;
	border-top: 0;	
	max-height: 50px;
	min-width: 134px;
	
	background:#fff;	
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F6F6F6)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #F6F6F6); /* for firefox 3.6+ */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F6F6F6'); /* for IE */
	
	text-shadow: none;	
	
	/*Animation*/
	-webkit-transition: margin-top 0.1s linear;
	-moz-transition: margin-top 0.1s linear;
	-o-transition: margin-top 0.1s linear;
	transition: margin-top 0.1s linear;
}

#processing-div img {
	width: 31px; height: 31px; 
}

.hide-processing-div {
	margin-top: -49px;
}



.rotate45 {
	filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */
	-moz-transform: rotate(45deg);  /* FF3.5/3.6 */
	-o-transform: rotate(45deg);  /* Opera 10.5 */
	-webkit-transform: rotate(45deg);  /* Saf3.1+ */
	transform: rotate(45deg);  /* Newer browsers (incl IE9) */	
}

.rotate270 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);	
	-moz-transform: rotate(270deg);  /* FF3.5/3.6 */
	-o-transform: rotate(270deg);  /* Opera 10.5 */
	-webkit-transform: rotate(270deg);  /* Saf3.1+ */
	transform: rotate(270deg);  /* Newer browsers (incl IE9) */	
}

.siconfi-datatable {
	margin-bottom: 24px;
}

.siconfi-datatable table thead {
	background: #f0f0f0;
}

.siconfi-datatable table thead th, 
.siconfi-datatable table tbody td {
	position:relative;
	height: 30px;
	padding: 0px 4px 0px 4px !important;
	border: none;
	box-shadow: none;		
}

.siconfi-datatable table thead th:not(:first-child)::before, 
.siconfi-datatable table tbody td:not(:first-child)::before { 
    content: "";
    display: inline-block;
    width: 1px;
    height: 60%;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 20%;
}

.siconfi-datatable table thead th {	
	background: none !important;	
	border-bottom: 3px solid #618CA6 !important;
	font-weight: normal;	
	font-size: 16px;
	color: #555;
}

.siconfi-datatable tr[data-rk]:nth-child(even) {
	background-color: #F9F9F9;	
}

.siconfi-datatable table tbody td {
	border-bottom: 1px solid #ccc !important;
}

.ui-datatable.header-at-left .ui-datatable-header {
	text-align:left;
	padding: 4px 2px;
}

.ui-sortable-column-icon {
	opacity: 0.6;
}

.ui-paginator {
	text-align: left;	
}

.ui-paginator-current {
	padding-left: 0 !important;
	margin-left: 0 !important; 
}

.boas-vindas {
	font-size: 16px;
	margin-bottom:18px;	
}

#naoLidas {
	font-weight: normal;
	color: #777;
	font-size: 14px;
}
.header-and-help h2 {
	display:inline-block;
	margin:10px 0 6px 0;	
}

.header-and-help {
	margin-bottom: 24px;
	border-bottom: 1px #DEDEDE solid;
}

.link-manual {
   float:right;	
   color: #444;
   margin-top: 3px;
   transition: color 0.2s ease;
   font-size:12px !important;
   text-align: center;
   cursor:pointer;
}

.link-manual i {
	font-size:28px !important;
}

.link-manual-label {
	display: block;
	margin-top: -4px;
}

.link-manual:hover, .link-manual:focus {
	color: #777;
	text-decoration: none;
}

#modalManualSiconfi .modal-body {
	padding:0;	
}

#frameManualSiconfi {
	width:100%;
	border:none;
	overflow-y: scroll;	
}

#fecharAjuda {
	margin-top:-8px;
}

.ajuda {
	background: none !important;
}

.link-manual-popover {
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	text-align:justify;
}

.popup-required {	
	font-style: italic;
	font-size: 12px;
	color: #FFF;
	text-align: justify;
	background: #777;
	padding: 4px 15px;
	margin: -16px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border: 1px solid #777;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}

/****/
.item-help-container {	
	display: inline-block;
	height: 42px;
	padding: 2px;
}



.link-manual-alt {
	color: #111;
	transition: color 0.2s ease;
	font-weight: normal;
	display: inline-block;
	height: 40px;
	padding: 2px;
	position: relative;
	top: 1px;
}

.link-manual-alt:hover {
	text-decoration: none;
}

.link-manual-alt i {
	font-size: 22px !important;
	top: 1px;
	position: relative;
	color: #444;
	border: 1px solid #444;
	padding: 0px 5px 0px 4px;
	border-radius: 14px;
}

.link-manual-alt:hover i {
	color: #666;
	border-color:#666;
} 


.link-manual-label-alt {
	display: block;
	width: 46px;
	line-height: 11px;
	position: relative;
	top: 4px;
	font-size: 12px !important;
	color: #222;
}

.link-manual-alt:hover .link-manual-label-alt {
	color: #666;	
}

#modalManualSiconfiPrint {
	display:none;
}

.ui-datatable-tablewrapper .ui-selectoneradio.ui-widget td {
	border-bottom:none !important;
}

#arvoreColetaContainer {
	max-height:600px;
	overflow:auto;
	
}

#carregando {
	position: fixed;
	top:50%;
	left:50%;
	padding: 20px 20px;
	background: rgba(0,0,0,0.25);
	display:none;
}

#carregando.show {
	display:initial;
}

.ui-icon[class^="icon-"], 
.ui-icon[class*=" icon-"] {
     text-indent:0px;
     background-image:none !important;
}

.btn.btn-mini .ui-icon[class^="icon-"],
.btn.btn-mini .ui-icon[class*=" icon-"] { 
    top: 5px;
    font-size: 14px;
}

.ui-icon.ui-confirm-dialog-severity {
   display:none;
}

.ui-confirm-dialog .ui-dialog-title:before {	
	font-family: FontAwesome;
	font-weight: normal;	
	-webkit-font-smoothing: antialiased;
	content: "\f071";
	margin-right: 8px;
}

.ui-dialog.ui-widget-content.important-dialog {
	background-color:#c9151e; 
	
}

.important-dialog .ui-confirm-dialog-message {
	color: rgba(255,255,255,0.9);
}

.diretorioAberto {
	margin-right:5px;
	color:#FFB870;
}

.diretorioFechado {
	margin-right:5px;
	color:#FFB870;
}

.arquivo {
	margin-right:5px;
	color:#B3B3A7;
}

.localizacaoArquivoField {
	border-width: 1px;
	border-color: #DBDBDB;
	border-style: solid;
	padding: 5px 5px 5px 5px;
	color: #626262;
	background-color: #f5f5f5;
}

.small-datepicker input {
	max-width: 10ch;
}

.large-datepicker input {
	max-width: 18ch;
}

@keyframes another-tab-was-closed-warning-animation {
  0%   {opacity: 0;}
  10%  {opacity: .98;}
  90%  {opacity: .98;}
  100% {opacity: 0;}
}

#another-tab-was-closed {
	position: fixed;
	top: 8em;
	right: 2em;
	padding: 2em;
	background-color: var(--vermelho);
	color: white;
	animation-name: another-tab-was-closed-warning-animation;
  	animation-duration: 10s;
}

#another-tab-was-closed__btn {
    position: absolute;
    top: 0.33em;
    right: 0.33em;
    color: white;
    background: #0002;
    border: none;
    width: 1.67em;
    height: 1.667em;
    line-height: 1;
    border-radius: 0.2em;
}




.closed-by-another-tab {
  background-image: url(../images/bg/metal2.png), radial-gradient( hsl(203, 28%, 57%), hsl(203, 48%, 37%));
  width: 100%;
  height: 98vh;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  outline: 1em solid #306cac;
}

.closed-by-another-tab__figure {
	max-width: 360px;
    margin: 0;
	
}

.closed-by-another-tab__article {
  height: fit-content;
  background: white;
  padding: 2em 2em;
  margin-top: 2em;
  border-radius: 1em;
  max-width: 400px;
}

.closed-by-another-tab__sadface {
  width: 32px;
  height: 32px;
}

.closed-by-another-tab__h1 {
  font-weight: normal;
  margin:0;
  font-size: 30px;
  text-align: center;
  line-height: 1.667;
}

.closed-by-another-tab__body {
  margin: 1.6667em 0;
}

.closed-by-another-tab__li {
  padding: 0.25em 0;
}

.closed-by-another-tab__footer {
  font-weight: normal;
  font-size: 18px;
  line-height: 1.667;
  
}

.bg-white {
	background: white;
}



.success {
  color: hsl(120, 44%, 38%);
}

.danger {
  color: hsl(2, 74%, 54%);
}

.roxo {
  color: var(--roxo);
}

.magenta {
  color: var(--magenta);
}

.teal {
  color: var(--teal);
}

.limao {
  color: var(--limao);
}

.marrom {
  color: var(--marrom);
}

.rosa {
  color: var(--rosa);
}

.azul {
  color: var(--azul);
}

.laranja {
  color: var(--laranja);
}

.vermelho {
  color: var(--vermelho);
}

.escarlate {
  color: var(--escarlate);
}

.ouro {
  color: var(--ouro);
}

.acai {
  color: var(--acai);
}

.oliva {
  color: var(--oliva);
}

.flex {
  display: flex;
}

.flex-x-center {
  align-items: center;
}

.flex-y-center {
  justify-content: center;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.row-reverse {
  flex-direction: row-reverse;
}

.column-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.flex-grow-1 {
  flex-grow: 1;
}

.space-between {
  justify-content: space-between;
}

.gap-025 {
  gap: 0.25em;
}

.gap-05 {
  gap: 0.5em;
}

.gap-1 {
  gap: 1em;
}

/* APP GRID */
.app-grid {
  display: grid;
  gap: 1em;
  padding: 0.25em;
  -webkit-box-align: start;
  align-items: start;
  grid-template-columns: repeat(12, 1fr);
  max-width: 100%;
}

.app-grid .app-grid--subgrid {
  padding: 0;
}

.app-grid .new-row {
  grid-column-start: 1;
}

@media (min-width: 992px) {
  .app-grid >.desktop-1 {
    grid-column: span 1;
  }
  .app-grid >.desktop-2 {
    grid-column: span 2;
  }
  .app-grid >.desktop-3 {
    grid-column: span 3;
  }
  .app-grid >.desktop-4 {
    grid-column: span 4;
  }
  .app-grid >.desktop-5 {
    grid-column: span 5;
  }
  .app-grid >.desktop-6 {
    grid-column: span 6;
  }
  .app-grid >.desktop-7 {
    grid-column: span 7;
  }
  .app-grid >.desktop-8 {
    grid-column: span 8;
  }
  .app-grid >.desktop-9 {
    grid-column: span 9;
  }
  .app-grid >.desktop-10 {
    grid-column: span 10;
  }
  .app-grid >.desktop-11 {
    grid-column: span 11;
  }
  .app-grid >.desktop-12 {
    grid-column: span 12;
  }
}

@media (min-width: 768px) {
  .app-grid >.tablet-1 {
    grid-column: span 1;
  }
  .app-grid >.tablet-2 {
    grid-column: span 2;
  }
  .app-grid >.tablet-3 {
    grid-column: span 3;
  }
  .app-grid >.tablet-4 {
    grid-column: span 4;
  }
  .app-grid >.tablet-5 {
    grid-column: span 5;
  }
  .app-grid >.tablet-6 {
    grid-column: span 6;
  }
  .app-grid >.tablet-7 {
    grid-column: span 7;
  }
  .app-grid >.tablet-8 {
    grid-column: span 8;
  }
  .app-grid >.tablet-9 {
    grid-column: span 9;
  }
  .app-grid >.tablet-10 {
    grid-column: span 10;
  }
  .app-grid >.tablet-11 {
    grid-column: span 11;
  }
  .app-grid >.tablet-12 {
    grid-column: span 12;
  }
}

@media (min-width: 1px) {
  .app-grid >.phone-1 {
    grid-column: span 1;
  }
  .app-grid >.phone-2 {
    grid-column: span 2;
  }
  .app-grid >.phone-3 {
    grid-column: span 3;
  }
  .app-grid >.phone-4 {
    grid-column: span 4;
  }
  .app-grid >.phone-5 {
    grid-column: span 5;
  }
  .app-grid >.phone-6 {
    grid-column: span 6;
  }
  .app-grid >.phone-7 {
    grid-column: span 7;
  }
  .app-grid >.phone-8 {
    grid-column: span 8;
  }
  .app-grid >.phone-9 {
    grid-column: span 9;
  }
  .app-grid >.phone-10 {
    grid-column: span 10;
  }
  .app-grid >.phone-11 {
    grid-column: span 11;
  }
  .app-grid >.phone-12 {
    grid-column: span 12;
  }
}

.list-style-none {
  list-style: none;
}

.list-style-disc {
  list-style: disc;
}

.pd-0 {
  padding: 0;
}

.p-1 {
  padding: 1em;
}

.pl-0 {
  padding-left: 0;
}

.pb-1 {
  padding-bottom: 1em;
}

.pt-1 {
  padding-top: 1em;
}

.py-1 {
  padding-top: 1em;
  padding-bottom: 1em;
}

.px-1 {
  padding-left: 1em;
  padding-right: 1em;
}

.m-0 {
  margin: 0;
}

.ml-0 {
  margin-left: 0;
}

.mb-1 {
  margin-bottom: 1em;
}

.mb-2 {
  margin-bottom: 2em;
}

.mb-3 {
  margin-bottom: 3em;
}

/* Estilos para transformar o checkbox do PrimeFaces em um switch animado */
.checkbox-as-switch {
  display: flex;
  position: relative;
  align-items: center;
  gap: calc(2/3 * 1em);
  line-height: 20px;
}

.checkbox-as-switch .ui-chkbox {
  display: inline-block;
  cursor: pointer;
}

.checkbox-as-switch .ui-chkbox-box {
  width: 60px;
  height: 26px;
  position: relative;
  border-radius: 17px;
  background: #ffff;
  transition: background 0.3s ease-in-out;
  border: none;
  box-shadow: 2px 2px 3px 1px #0002;
  outline: 1px solid #ddd;
}

.checkbox-as-switch .ui-chkbox-box.ui-state-active {
  background: #5295b7ff; /*#5CB85C;*/
}

.checkbox-as-switch .ui-chkbox-box .ui-chkbox-icon {
  /*display: none;  esconde o ícone do checkbox padrão */
  background-image: revert;
  text-indent: revert;
}

.checkbox-as-switch .ui-chkbox-box:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px; /* largura da alavanca */
  height: 18px; /* altura da alavanca */
  border-radius: 50%; /* alavanca circular */
  transition: left 0.3s ease-in-out, background-color 0.3s ease-in-out, background-image 0.3s ease-in-out;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 28 28' fill='%23ffffff'><path d='M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.71a1 1 0 1 0-1.41 1.41L10.59 12l-4.89 4.88a1 1 0 1 0 1.41 1.41L12 13.41l4.88 4.89a1 1 0 0 0 1.41-1.41L13.41 12l4.89-4.88a1 1 0 0 0 0-1.41z'/></svg>");
  background-color: #0006;
}

.checkbox-as-switch .ui-chkbox-box.ui-state-active:before {
  left: calc(100% - 24px); /* posição da alavanca quando o switch está ligado */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 28 28' fill='%235295b7ff'><path d='M9 17.2l-4.2-4.2-1.4 1.4 5.6 5.6 12-12-1.4-1.4z'/></svg>");
  background-color: #ffff; /* cor de fundo quando o switch está desligado */
}

.checkbox-as-switch label {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  font-size: 14px; /* tamanho da fonte do label */
  color: #333; /* cor do texto do label */
}

.checkbox-as-switch .ui-chkbox-box .ui-chkbox-icon::before,
.checkbox-as-switch .ui-chkbox-box .ui-chkbox-icon::after {
  z-index: 1;
  width: 100%;
  height: 100%;
  color: black;
  z-index: 1;
  top: 3px;
  opacity: 0; /* Inicia com opacidade 0 */
  animation: switch-label-fade-in .6s forwards; 
  font-size: 13px;
}

.checkbox-as-switch .ui-chkbox-box:not(.ui-state-active) .ui-chkbox-icon::before {
  display: block;
  position: absolute;
  content: 'Não';
  text-align: right;
  right: 8px;
  color: #555;
}

.checkbox-as-switch .ui-chkbox-box.ui-state-active .ui-chkbox-icon::after {
  display: block;
  position: absolute;
  content: 'Sim';
  left: 8px;
  color: #fff;
  text-shadow: 1px 1px #0002;
  
}

@keyframes switch-label-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


.app-radio-group {
  font-size: 1em;
    padding: 1em 0;
}

.app-radio-group > legend {
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 0;
  line-height: 2;
  padding-top: 1em;
}

.ui-state-disabled.ui-state-disabled, 
.ui-widget-content.ui-widget-content .ui-state-disabled, 
.ui-widget-header.ui-widget-header .ui-state-disabled {
  opacity: .667;
}

.hcaptcha-btn--without-icon.ui-button-text-icon-left .ui-button-text {
  padding-left: 1em;
}

/* Ajuste contêiner principal */
.siconfi-menu-wrapper,
.siconfi-menu-collapsible,
.sidenav-group,
.submenu-container {
  width:100%;
}

/* Submenu aberto */
.submenu-container.open {
  width:100%;
}

/* Lista: padding e margin zerados */
.siconfi-menu,
.submenu-items {
  padding:0;
  margin:0;
}

/* Itens ajustam-se ao conteúdo */
.siconfi-menu > li,
.submenu-items > li {
  display:block;
}

.siconfi-menu-overlay {
  position:fixed;
  top:0;
  left:0;
  z-index:10000;
  background:#fff;
  box-shadow: 0 0 12px rgba(0,0,0,.3);
  width:auto;
}
.siconfi-menu-overlay:not(.open){
  display:none;
}

.siconfi-menu-backdrop {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.5);
  z-index:9998;
  display:none;
}
.siconfi-menu-backdrop.visible {
  display:block;
}
body.siconfi-menu-locked {
  overflow:hidden !important;
}
/* Quando o menu está aberto, remove o stacking context do header
   para que o menu overlay (z-index 10000) fique acima do backdrop (9998)
   enquanto o restante do header fica coberto pelo backdrop. */
body.siconfi-menu-locked #header-container {
  position: relative !important;
  z-index: auto !important;
}

.header-line{
  display:flex;
  align-items:center;
  gap:1rem;
  height: 100% !important;
}
.header-line>*{
	margin:0;
}

.br-menu.active .menu-container {
    bottom: 0;
    display: flex;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: var(--menu-zindex);
}

.br-menu .menu-header .menu-title {
    align-items: center;
    display: flex;
    flex: 1;
    margin-left: var(--spacing-scale-base);
}

.br-button:not(:disabled) {
    --focus-offset: var(--spacing-scale-half);
}
.br-button.circle, .br-button[circle], .br-button.is-circle {
    border-radius: 50%;
    padding: 0;
    width: var(--button-size);
}
.br-button {
    --button-radius: 100em;
    --button-xsmall: 24px;
    --button-small: 32px;
    --button-medium: 40px;
    --button-large: 48px;
    --button-size: var(--button-medium);
    align-items: center;
    background-color: transparent;
    border: 0;
    border-radius: var(--button-radius);
    color: var(--interactive)#1351b4;
    cursor: pointer;
    display: inline-flex;
    font-size: var(--font-size-scale-up-01);
    font-weight: var(--font-weight-semi-bold);
    height: var(--button-size);
    justify-content: center;
    overflow: hidden;
    padding: 0 var(--spacing-scale-3x);
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
}