/* ############# ESTRUTURA ############# */
body{
	overflow: hidden;
	font-size:12px !important;
}
/* correção para o tamanho dos icones ficarem semelhantes independente do tamanho da imagem */
.jstree-default .jstree-themeicon-custom {
  background-size: 16px 16px !important;
}
#blip-chat-open-iframe {
  min-width: 30px !important;
  min-height: 30px !important;
  width: 37px !important;
  right: 17px !important;
}

.app-topo{
	z-index: 2500 !important;
	height: 72px;
	overflow: initial;
}

.app-topo-reduced{
	height: 31px;
}

.app-topo .app-topo-header{
    height: 40px;
    /*background: #343a40 !important; ##### para o topo escuro ##### */
	background-image:url(data:image/png;base64,R0lGODlhAQAoAMQAANfX19XV1f///9nZ2dPT09vb293d3dHR0dTU1N7e3s7OztjY2NLS0t/f38/Pz9zc3NbW1uDg4NDQ0Nra2uHh4c3NzczMzAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjRjNTZmODIzLWQ3ODMtZjI0OS05OGU2LWUzYTdiY2EwNDg5YyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozRDYwMkYwODNCNDQxMUUzODRFQ0EwNjkyNUNBRjZGQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozRDYwMkYwNzNCNDQxMUUzODRFQ0EwNjkyNUNBRjZGQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWM1NTI2OTktMWYzOS0wNzQ2LTg4YzgtOTUwZmRjZDBiMWNhIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRjNTZmODIzLWQ3ODMtZjI0OS05OGU2LWUzYTdiY2EwNDg5YyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAABACgAAAUfoGVVpKI4jiQdDEMgSABBwLIM01Q8j5EkjUYkQikKQgA7);
}

.app-topo-reduced .app-topo-header{
	visibility: hidden;
}

/* .app-topo .app-topo-header */ .logo{
	background-image: url(../images/logo-branca.png);
	height: 30px;
	width: 149px;
	margin:5px 0 0 10px;
    background-repeat: no-repeat;
}

.topo-windows-menu-logo{
	display: flex;
	flex-direction: row;
	justify-content: left;
}

.app-topo .app-topo-header .btn-usuario{
    /*color: rgba(255, 255, 255, 0.5); ##### para o topo escuro ##### */
    color: rgb(83, 62, 118);
    font-weight: normal;
    cursor: pointer;
    margin-top: 5px;
    margin-right: 5px;
    min-width: 30px;
}
.app-topo .app-topo-header .btn-usuario:hover{
    color: rgba(255, 255, 255, 0.75)
}

.pull-right .dropdown-menu {
    right: 0 !important;
    left: auto !important;
}

.app-topo .app-topo-windows{
	background-color: rgb(83, 62, 118);
	overflow: initial;
}

.app-topo .app-topo-windows .app-topo-windows-menu{
	padding:3px 6px 3px 3px;
}

 .app-topo-reduced .app-topo-windows{
	visibility: hidden;
 }

.app-topo .app-topo-windows .app-topo-windows-windowbar{
	padding: 3px;
} 

.app-topo-windows-windowbar .dgScrollBar-toolbar{
	margin-top: 2px
}

.app-topo .app-topo-ferramentas{
	height: 31px;
	padding: 3px;
	border: solid 1px silver;
	background-color: rgb(247, 247, 247);
}

.app-conteudo{
	padding: 0px;
}

.app-rodape{
	border:solid 1px silver;
	background-color: rgb(247, 247, 247);
	height: 22px;
}
/* ############# ESTRUTURA ############# */



label {
    font-size: 12px !important;
    font-weight: normal !important;
    margin-bottom: 2px !important;
}

.checkbox label {
    line-height: 22px !important;
}

.form-group {
    margin-bottom: 10px;
}
.ui-widget .ui-widget {
    font-size: 12px;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* ############# Grid ############# */

.feicao-projetada {
	background: #fbbc0528;
}

/* ############# Arvore menu principal  ############# */
#menu-principal {
	width: 300px;
	height: 400px;
	overflow: auto;
}
#menu-principal {
    font-size: 12px !important;
}
#menu-principal ul {
	padding:0px;
}
#menu-principal ul li {
	list-style:none;
    background-color: #fff;
    border-top: 1px solid #ddd;
    display: block;
    margin-top: -1px;
    padding: 0px;
    position: relative;
}
#menu-principal > ul > li {
    border-top: 1px solid #797979;
}
#menu-principal > ul > li:first-child {
    border-top: 1px solid #797979;
}
#menu-principal ul li .item-pai {
    padding: 5px 5px 5px 31px;
	display:block;
	background-color:#e7f4f9;
}
#menu-principal ul li .item-filho {
    padding: 5px 5px 5px 31px;
	display:block;
}
#menu-principal ul li ul li .item-filho{
    padding: 5px 5px 5px 51px;
	display:block;
}
#menu-principal ul li ul li .item-pai {
    padding: 5px 5px 5px 51px;
	display:block;
}
#menu-principal ul li ul li ul li .item-pai {
    padding: 5px 5px 5px 71px;
	display:block;
}
#menu-principal ul li ul li ul li .item-filho{
    padding: 5px 5px 5px 71px;
	display:block;
}
#menu-principal ul li ul li ul li ul li .item-filho{
    padding: 5px 5px 5px 91px;
	display:block;
}
#menu-principal a{
	width:280px;
	display:block;
	text-decoration:none;
}
#menu-principal a:hover{
	background-color:#f5f5f5;	
}

.menu-layer{
    position: absolute;  
    z-index: 5000;
}

.menu-layer .menu-layer-container{
	width: 290px;
	position: absolute; 
	left: -290px;
	float: left;
	border: solid 1px rgb(83, 62, 118);
	background-color: white;
	overflow: hidden;
	z-index: 1;
}

.menu-layer .menu-layer-container .menu-layer-container-baselayer{
	height: 82px;
	background-color: rgb(247, 247, 247);
	padding: 4px;
}

.menu-layer .menu-layer-container .menu-layer-container-baselayer .menu-layer-container-baselayer-item{
	height: 65px;
	width: 65px;
	float: left;
	margin: 4px;
	position: relative;
	
	text-align: center;
    color: #666;
    text-decoration: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    box-shadow: 0px 0px 4px 0px #666;
    border: solid 3px #fff;
    cursor: pointer;
}

.menu-layer .menu-layer-container .menu-layer-container-baselayer .menu-layer-container-baselayer-item.active{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.menu-layer .menu-layer-container .menu-layer-container-baselayer .menu-layer-container-baselayer-item:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.menu-layer .menu-layer-container .menu-layer-container-baselayer .menu-layer-container-baselayer-item .menu-layer-container-baselayer-item-conteudo{
	background-position: 50% 50%;
	background-color: white;
}

.menu-layer .menu-layer-container .menu-layer-container-baselayer .menu-layer-container-baselayer-item .menu-layer-container-baselayer-item-rodape{
	height: 11px;
	background-color: white;
    font-size: 8px;
    text-align: center;
    margin: 0px;
}

.menu-layer .menu-layer-container .menu-layer-container-overlayer{
	overflow: auto;
}

.menu-layer .menu-layer-btn-action {
	background-color: rgb(83, 62, 118);
    float: left;
    width: 15px;
    cursor: pointer;
    position:relative;
    z-index: 2;
}

.menu-layer .menu-layer-btn-action.active {
    background-position: 0 0;
}
.menu-icon {
    margin-left: -21px;
    position: absolute;
}
.header-buttons{
	margin-right: 5px;
}
/* ########################### btn ferramentas ########################### */

#btn-ocultar.btn-hidden, #btn-exibir.btn-hidden{
	display: none;
}

.btn-ferramenta {
  background-color: #f7f7f7;
  border-color: #f7f7f7;
  float:left;
  padding-right:3px;
  padding-left:3px;
  margin-right:3px;
  *padding-top: 8px;
  *border:0px;
}
.btn-ferramenta:hover,
.btn-ferramenta:focus,
.btn-ferramenta:active,
.btn-ferramenta.active,
.open .dropdown-toggle.btn-ferramenta {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  box-shadow:none;
}
.caret-filled-up{
	background: url("../images/control-090.png") 50% no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 0px;
    line-height: 14px;
    vertical-align: text-top;
}
.caret-filled-down{
	background: url("../images/control-270.png") 50% no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 0px;
    line-height: 14px;
    vertical-align: text-top;
}
.btn-ferramenta.disabled,
.btn-ferramenta[disabled],
fieldset[disabled] .btn-ferramenta,
.btn-ferramenta.disabled:hover,
.btn-ferramenta[disabled]:hover,
fieldset[disabled] .btn-ferramenta:hover,
.btn-ferramenta.disabled:focus,
.btn-ferramenta[disabled]:focus,
fieldset[disabled] .btn-ferramenta:focus,
.btn-ferramenta.disabled:active,
.btn-ferramenta[disabled]:active,
fieldset[disabled] .btn-ferramenta:active,
.btn-ferramenta.disabled.active,
.btn-ferramenta[disabled].active,
fieldset[disabled] .btn-ferramenta.active {
  background-color: #efefef;
  border-color: #efefef;
}
.divider-vertical {
    margin: 0px 3px 0px 0px;
    height: 20px;
    border-style: solid;
    border-width: 0 0 0 1px;
    border-left-color: #e1e1e1;
    border-right-color: white;
}

/* ################### botão tab para visualização dos grids relatorio projeto #################### */

.btn-tab {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	color: #333;
	background-color: #e6e6e6;
	border-color: #8c8c8c;
}

/* ########################### formatação para o input da barra de ferramentas ########################### */
.input-group-xs > .form-control,
.input-group-xs > .input-group-addon,
.input-group-xs > .input-group-btn > .btn {
  height: 23px;
  padding: 1px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

/* ########################### formatação para o input de anexos ########################### */

.input-anexo {
	color: transparent;
}

/* ########################### formatação para o rodapé ########################### */
#coordenada, #selecionados, #escala {
	font-size:9px;
	padding:5px;
}

/* ########################### cadastro de caixas ########################### */

.panel-caixas{margin-right:-10px;margin-left:-10px;}
.panel-caixas .panel-heading{padding:5px 5px 5px 10px;}
.panel-caixas .panel-heading h3{white-space:nowrap;font-size:14px;overflow:hidden;text-overflow:ellipsis;line-height:normal;width:75%;padding-top:3px;}
.panel-caixas .panel-heading .btn-xs{padding:1px 4px 0 5px !important;}
.panel-caixas .panel-body{height:150px;overflow-y:auto;padding:5px;}

/* ########################### elementos vinculados ########################### */

.panel-elementos-vinculados{margin-right:-10px;margin-left:-10px;}
.panel-elementos-vinculados .panel-heading{padding:5px 5px 5px 10px;}
.panel-elementos-vinculados .panel-heading h3{white-space:nowrap;font-size:14px;overflow:hidden;text-overflow:ellipsis;line-height:normal;width:75%;padding-top:3px;}
.panel-elementos-vinculados .panel-heading .btn-xs{padding:1px 4px 0 5px !important;}
.panel-elementos-vinculados .panel-body{height:200px;overflow-y:auto;padding:5px;}

 
/* ########################### cadastro de galeria de dutos ########################### */
.panel-lance-duto-galeria{margin-right:-10px;margin-left:-10px;margin-bottom:10px;}
.panel-lance-duto-galeria .panel-heading h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:normal;width:75%;padding-top:3px;}
.panel-lance-duto-galeria .panel-heading .btn-xs{padding:1px 4px 0 5px !important;}
.panel-lance-duto-galeria .panel-body{padding:10px;min-height:126px;}
.panel-lance-duto-galeria .galeria{min-width:85px;float:left;margin:5px;border:1px solid #ccc;}
.panel-lance-duto-galeria .galeria .panel-heading{padding:3px;}
.panel-lance-duto-galeria .galeria .panel-heading .glyphicon{margin:2px 0 3px;}
.panel-lance-duto-galeria .galeria .panel-heading span{font-size:12px;float:left;margin:2px 0 0 2px;}
.panel-lance-duto-galeria .galeria .panel-heading .btn{font-size:10px !important;padding:0 3px !important;margin-left:3px;}
.panel-lance-duto-galeria .galeria .panel-body{padding:10px 9px 5px;background-color:#fcfcfc;min-height:66px;}
.panel-lance-duto-galeria .galeria circle{fill:#fff;stroke:#999;stroke-width:1px;cursor:pointer;}
.panel-lance-duto-galeria .galeria circle.vago{fill:#fff;}
.panel-lance-duto-galeria .galeria circle.ocupado{fill:#ccc;}
.panel-lance-duto-galeria .galeria circle.inexistente{fill:#fff;opacity:.3;}
.panel-lance-duto-galeria .galeria circle.obstruido{fill:#ff6666;stroke:#a94242;}
.panel-lance-duto-galeria .galeria circle.selected{stroke:#00f}

.panel-lance-cabo{margin-right:-10px;margin-left:-10px;}
.panel-lance-cabo .panel-heading{padding:5px 5px 5px 10px;}
.panel-lance-cabo .panel-heading h3{white-space:nowrap;font-size:14px;overflow:hidden;text-overflow:ellipsis;line-height:normal;width:75%;padding-top:3px;}
.panel-lance-cabo .panel-heading .btn-xs{padding:1px 4px 0 5px !important;}
.panel-lance-cabo .panel-body{height:150px;overflow-y:auto;padding:5px;}


/* ########################### esquematico de fusão ########################### */
.x-icon-add-splitter{width:16px; height:16px; background-image:url(../images/addSplitter.png); display:block;}

/* ########################### cadastro de fusão ########################### */
.x-icon-fusao{width:16px; height:16px; background-image:url(../images/fusoes.png); display:block;}
.x-icon-fusao-new{width:16px; height:16px; background-image:url(../images/fusoes-new.png); display:block;}

.panel-lance-cabo-fusao{position:absolute;left:0;right:0;margin:0 5px 10px;}
.panel-lance-cabo-fusao .panel-heading{padding:5px 5px 5px 10px;}
.panel-lance-cabo-fusao .panel-heading h3{white-space:nowrap;font-size:14px;overflow:hidden;text-overflow:ellipsis;line-height:normal;padding:3px 0;}
.panel-lance-cabo-fusao .panel-heading button{margin-left:5px;}
.panel-lance-cabo-fusao .panel-body{height:258px;overflow-y:auto;padding:5px;}
.panel-lance-cabo-fusao .badge{margin:2px 0 0 5px;background-color:#999 !important;}

.panel-lance-cabo-fusao .panel-body .fibra-optica{position:relative;height:15px;margin-bottom:1px;cursor:pointer;}
.panel-lance-cabo-fusao .panel-body .fibra-optica .tubete{position:absolute;width:75%;height:15px;top:0;z-index:3;border:solid 1px #000;overflow:hidden;background-color:#ccc;box-shadow:inset 0px -2px 10px -2px #777;border-radius:2px;}
.panel-lance-cabo-fusao .panel-body .fibra-optica .tubete span.info{float:left;height:11px;margin:1px 0 0 3px;}
.panel-lance-cabo-fusao .panel-body .fibra-optica .tubete label{float:left;margin-right:3px;font-size:10px !important;line-height:11px;font-weight:bold !important;cursor:inherit;}
.panel-lance-cabo-fusao .panel-body .fibra-optica .tubete label.titulo{color:#000;}
.panel-lance-cabo-fusao .panel-body .fibra-optica .tubete label.valor{color:#000;}
.panel-lance-cabo-fusao .panel-body .fibra-optica .fibra{position:absolute;width:93%;height:5px;top:5px;z-index:2;border:solid 1px #000;background-color:#ccc;box-shadow:inset 0px -1px 2px -1px #333;}
.panel-lance-cabo-fusao .panel-body .fibra-optica .sangria{position:absolute;width:100%;height:5px;top:5px;z-index:2;border:solid #000;border-width:1px 0px 1px 0px;background-color:#ccc;box-shadow:inset 0px -1px 2px -1px #333;}
.panel-lance-cabo-fusao .panel-body .fibra-optica .ponto-fusao{display:none;position:absolute;width:13px;height:9px;z-index:3;right:0;top:3px;border-style:solid;border-color:#000;border-width:1px 0 1px 1px;background-color:#eee;box-shadow:inset 0px -4px 4px -2px #666;border-radius:3px 0 0 3px;}
.panel-lance-cabo-fusao .panel-body .fibra-optica.selected .fibra,
.panel-lance-cabo-fusao .panel-body .fibra-optica:hover .fibra{width:100%;}
.panel-lance-cabo-fusao .panel-body .fibra-optica.selected .ponto-fusao,
.panel-lance-cabo-fusao .panel-body .fibra-optica:hover .ponto-fusao{display:block;}
.panel-lance-cabo-fusao .panel-body .fibra-optica.destino .tubete{right:0;}
.panel-lance-cabo-fusao .panel-body .fibra-optica.destino .fibra{right:0;}
.panel-lance-cabo-fusao .panel-body .fibra-optica.destino .fio{right:0;}
.panel-lance-cabo-fusao .panel-body .fibra-optica.destino .ponto-fusao{right:auto;left:0;border-style:solid;border-color:#000;border-width:1px 1px 1px 0;border-radius:0 3px 3px 0;}
.panel-lance-cabo-fusao .panel-body .fusao{float:left;height:16px;width:100%;}

.panel-lance-cabo-fusao.fusoes{margin:0 10px 10px;}
.panel-lance-cabo-fusao.fusoes .panel-body .fibra-optica.origem{width:50%;float:left;}
.panel-lance-cabo-fusao.fusoes .panel-body .fibra-optica.origem .ponto-fusao{right:0;display:block;}
.panel-lance-cabo-fusao.fusoes .panel-body .fibra-optica.destino{width:50%;float:right;}
.panel-lance-cabo-fusao.fusoes .panel-body .fibra-optica.destino .ponto-fusao{right:auto;left:0;display:block;}
.panel-lance-cabo-fusao.fusoes .panel-body .fibra-optica .fibra{width:100%;}
.panel-lance-cabo-fusao.fusoes .panel-body .fibra-optica .tubete{width:69%;}
.panel-lance-cabo-fusao.fusoes .selected .fibra-optica,
.panel-lance-cabo-fusao.fusoes .fibra-optica.selected{opacity:.4;}

.panel-lance-cabo-fusao.fusoes .panel-body .fusao.splitter .fibra-optica{visibility:hidden;}
.panel-lance-cabo-fusao.fusoes .panel-body .fusao.splitter .fibra-optica .tubete{width:75%;}
.panel-lance-cabo-fusao.fusoes .panel-body .fusao.splitter .fibra-optica.show{visibility:visible;}
.panel-lance-cabo-fusao.fusoes .panel-body .fusao.splitter .fibra-optica .ponto-fusao{top:1px;width:25px;height:13px;border-style:solid;border-width:1px 0 1px 1px;border-color:#000;background-color:#eee;box-shadow: inset 0px 0px 6px -1px #333;border-radius:2px 0 0 2px;}
.panel-lance-cabo-fusao.fusoes .panel-body .fusao.splitter .fibra-optica .ponto-fusao label{float:left;width:25px;text-align:center;font-size:9px !important;font-weight:bold !important;line-height:9px;margin:2px 0 0 0 !important;cursor:inherit;}
.panel-lance-cabo-fusao.fusoes .panel-body .fusao.splitter .fibra-optica.origem{width:46%;float:left;}
.panel-lance-cabo-fusao.fusoes .panel-body .fusao.splitter .fibra-optica.origem .ponto-fusao{right:0;display:block;}
.panel-lance-cabo-fusao.fusoes .panel-body .fusao.splitter .fibra-optica.destino{width:46%;float:right;}
.panel-lance-cabo-fusao.fusoes .panel-body .fusao.splitter .fibra-optica.destino .ponto-fusao{right:auto;left:0;display:block;border-width:1px 1px 1px 0;border-radius:0 2px 2px 0;}
.panel-lance-cabo-fusao.fusoes .panel-body .fusao.splitter .fibra-optica .fibra{width:100%;}
.panel-lance-cabo-fusao.fusoes .panel-body .fusao.splitter .body-splitter{position:relative;z-index:10;float:left;width:8%;min-height:15px;border:solid 1px #000;background-color:#ddd;box-shadow: inset 0px 0px 6px -1px #333;border-radius:2px;}
.panel-lance-cabo-fusao.fusoes .panel-body .fusao.splitter .body-splitter label{font-size: 10px !important;width: 100%;float:left;font-weight:bold !important;padding:0 4px;height:15px;margin:0 !important;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.icon-selected-all-fibras{width: 16px;height: 15px;margin-top:2px;display: inline-block;background-image: url(../images/select-all-fibras.png);}
.icon-selected-no-fibras{width: 16px;height: 15px;margin-top:2px;display: inline-block;background-image: url(../images/select-no-fibras.png);}
.icon-selected-interval-fibras{width: 16px;height: 15px;margin-top:2px;display: inline-block;background-image: url(../images/select-interval-fibras.png);}

.panel-splitter{position:absolute;left:0;right:0;margin:0 5px 10px;}
.panel-splitter .panel-heading{padding:5px 5px 5px 10px;}
.panel-splitter .panel-heading h3{white-space:nowrap;font-size:14px;overflow:hidden;text-overflow:ellipsis;line-height:normal;padding:3px 0;}
.panel-splitter .panel-heading button{margin-left:5px;}
.panel-splitter .panel-body{height:258px;overflow-y:auto;padding:5px;}
.panel-splitter .badge{margin:2px 0 0 5px;background-color:#999 !important;}
/*.panel-splitter .splitter{}*/
.panel-splitter .splitter .body-splitter{float:left;width:26%;min-height:16px;border:solid 1px #000;background-color:#ddd;box-shadow: inset 0px 0px 6px -1px #333;border-radius:2px;}
.panel-splitter .splitter .body-splitter label{font-size: 10px !important;width: 100%;float:left;font-weight:bold !important;padding:0 2px;height:15px;margin:0 !important;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.panel-splitter .splitter .portas-entrada{float:left;width:37%;}
.panel-splitter .splitter .portas-saida{float:right;width:37%;}
.panel-splitter .splitter .porta{position:relative;height:15px;margin-bottom:1px;cursor:pointer;}
.panel-splitter .splitter .porta .numero{position:absolute;width:25px;height:13px;top:1px;right:0;z-index:3;border-style:solid;border-width:1px 0 1px 1px;border-color:#000;background-color:#eee;box-shadow: inset 0px 0px 6px -1px #333;border-radius:2px 0 0 2px;cursor:inherit;}
.panel-splitter .splitter .porta .numero label{float:left;width:25px;text-align:center;font-size:9px !important;font-weight:bold !important;line-height:9px;margin:2px 0 0 0 !important;cursor:inherit;}
.panel-splitter .splitter .porta .fibra{position:absolute;width:93%;height:5px;top:5px;right:0;z-index:2;border-style:solid;border-width:1px 0 1px 1px;border-color:#000;background-color:#ddd;box-shadow:inset 0px -1px 2px -1px #333;}
.panel-splitter .splitter .porta .ponto-fusao{display:none;position:absolute;width:13px;height:9px;z-index:3;left:0;top:3px;border-style:solid;border-color:#000;border-width:1px 1px 1px 0;background-color:#eee;box-shadow:inset 0px -4px 4px -2px #666;border-radius:0 3px 3px 0;}
.panel-splitter .splitter .porta.utilizada{opacity:.3;cursor:default;}
.panel-splitter .splitter .porta.selected .ponto-fusao,
.panel-splitter .splitter .porta.utilizada .ponto-fusao,
.panel-splitter .splitter .porta:hover .ponto-fusao{display:block;}

.panel-splitter .splitter .portas-saida .porta .numero{right:auto;left:0;border-width:1px 1px 1px 0;border-radius:0 2px 2px 0;}
.panel-splitter .splitter .portas-saida .porta .fibra{right:auto;left:0;border-width:1px 1px 1px 0;}
.panel-splitter .splitter .portas-saida .porta .ponto-fusao{left:auto;right:0;border-width:1px 0 1px 1px;border-radius:3px 0 0 3px;}

/*############################## servicos ##########################*/
.panel-servico{margin-right:-10px;margin-left:-10px;}
.panel-servico .panel-heading{padding:5px 5px 5px 10px;}
.panel-servico .panel-heading h3{white-space:nowrap;font-size:14px;overflow:hidden;text-overflow:ellipsis;line-height:normal;width:75%;padding-top:3px;}
.panel-servico .panel-heading .btn-xs{padding:1px 4px 0 5px !important;}
.panel-servico .panel-body{height:100px;overflow-y:auto;padding:5px;}
.panel-servico .panel-body .table{table-layout: fixed;}

/*############################## bandeja optica ##########################*/
.panel-bandeja-optica{margin-right:-10px;margin-left:-10px;}
.panel-bandeja-optica .panel-heading{padding:5px 5px 5px 10px;}
.panel-bandeja-optica .panel-heading h3{white-space:nowrap;font-size:14px;overflow:hidden;text-overflow:ellipsis;line-height:normal;width:75%;padding-top:3px;}
.panel-bandeja-optica .panel-body{height:115px;overflow-y:auto;padding:5px;}
.panel-bandeja-optica .panel-body .table{margin-bottom: 3px !important;}

h4.anexo-descricao{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*############################## minicolors ##########################*/
.minicolors-theme-default.minicolors{display:block !important;}
.minicolors-theme-default .minicolors-input{height:inherit !important;width:100% !important;}

/*########################### relatorio detalhe ########################*/
.panel-relatorio-detalhe{margin:0 -10px 10px;}
.panel-relatorio-detalhe .panel-heading{padding:5px 5px 5px 10px;}
.panel-relatorio-detalhe .panel-heading h3{white-space:nowrap;font-size:14px;overflow:hidden;text-overflow:ellipsis;line-height:normal;width:75%;padding-top:3px;}
.panel-relatorio-detalhe .panel-heading .btn-xs{padding:1px 4px 0 5px !important;}
.panel-relatorio-detalhe .panel-body.s1{height:150px;overflow-y:auto;padding:5px;}
.panel-relatorio-detalhe .panel-body.s2{height:auto;overflow-y:auto;padding:5px;}


/*########################### autocomplete ########################*/
 .ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.ui-autocomplete .ui-menu-item{
	font-size: 11px;
	padding: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ui-autocomplete-loading {
	background: white url("../images/ui-anim_basic_16x16.gif") right center no-repeat;
}


.map-backgroud-style {
 	background-color: rgb(240,240,240);
	background-image: url(../images/bg_map.png);
}

/* ########################### formatação para a mensagem de usuario com lock ########################### */
.msgLock {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.msgLock section{
	display: inline;
}
.vakata-context{
	z-index:4000;
}

.ui-autocomplete.ui-front{
	z-index: 9999999999 !important
}

.pac-container {
    z-index: 999999 !important;
}

.fibra-sem-servico {
	background-color: #dff0d8;
}

.fibra-com-servico{
	background-color: #f2dede;
}

.tooltip-servico {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    max-height:150px!important;
    min-width: 200px;
    overflow-y:auto;
    overflow-x:auto;
    background: #f5f5f5;
    border-radius: 3px;
    color: #000000;
    padding: 5px !important;
    white-space: pre-line;
    position: fixed;
    z-index: 99999999;
    display: none;
    margin-top: 5px;
}

.tooltip-conjuntos {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    max-height:150px!important;
    min-width: 200px;
    overflow-y:auto;
    overflow-x:auto;
    background: #f5f5f5;
    border-radius: 3px;
    color: #000000;
    padding: 5px !important;
    white-space: pre-line;
    position: fixed;
    z-index: 99999999;
    display: none;
    margin-top: 5px;
}

.dash-painel-controle {
	padding: 5px;
	background-color:rgb(242, 242, 242);
}

.img-div-dash-panel {
	margin-top : 3px;
	float: left;
}

.div-text-dash-panel {
	margin-left: 70px;
}

.qtd-status-clientes {
	font-size: 30px !important;
	margin-bottom: -10px !important;
	margin-top: -5px !important;
}

.cliente {
     background-repeat: no-repeat;
     background-position-x: 8px;
     background-position-y: center;
}

.cliente-box-padding {
	padding-left: 0px;
	padding-right: 0px;
}

.cliente-ativo {
	background-image:url(../images/cliente-ativo.png);
}

.cliente-inativo {
	background-image:url(../images/cliente-inativo.png);
}

.cliente-prospectado {
	background-image:url(../images/cliente-prospectado.png);
}

.cliente-interessado {
	background-image:url(../images/cliente-interessado.png);
}

.cliente-viabilidade {
	background-image:url(../images/cliente-viabilidade.png);
}

.cliente-reservado {
	background-image:url(../images/cliente-reservado.png);
}

.div-funcao-tour{
	padding: 5px;cursor: pointer;
	border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ccc;
}

.div-funcao-tour:hover{
	background-color: #f4f4f4;
}

.a-funcao-tour:hover {
    text-decoration: none;
}

.titulo-tour {
	background-color: #67597c;
    color: #fff;
}

#backDropTourTelecom{
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999991 !important;
    background-color: #000;
    opacity: 0.8;
    display: none;
}

.buttonTour {
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 1px;
	padding-top: 1px;
	font-size: 12px !important;
}

#tourButtonNext {
	display: none;
}

.item-tour{
	margin-left: 10px;
	margin-top: 10px;
}

.divCheckPorta{
	float: left;
	margin-right:3px; 
}

#divTargetFeicao{
    text-align: center;
    position: relative;
    z-index: 100000;
    height: 60px;
    width: 60px;
    cursor: crosshair;
}

.pagination {
    margin-top: 0px;
    margin-bottom: 0px;
}

.select-list{
	width: 100%;
}



.window-full{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10000000 !important;
	background-color: white;
}

.window-full h2.title {
    background-image: url(../images/fundo-telecom.png);
    margin-top: 0px;
    padding: 20px 12px;
    color: #ffffff;
}

.window-full a.window-full-close{
    position: absolute;
    top: 22px;
    right: 26px;
    color: white;
    font-weight: bold;
    font-size: 21px;
}

.window-full a.window-full-close:link, .window-full a.window-full-close:visited, .window-full a.window-full-close:hover, a.window-full-close:active{
  text-decoration: none;
}

/* ########################### PROJETO ########################### */

#btn-projeto {
	width: 200px;
    background-color: #fbbc05;
    text-align: left;
    color: #533e76;
}

@media (max-width:1300px) {
	#btn-projeto{
		width: 170px;
	}
}

#button-menu{
	background-color: rgb(83, 62, 118);
	border-color: rgb(83, 62, 118);
}

#btn-projeto .caret {
	float: right;
	margin-top: 7px;
}

.titulo-projeto {
    color: #fbbc05;
    background-image: url(../images/bg-titulo-projeto.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.body-projeto .app-topo #btn-projeto {
    padding-bottom: 6px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.body-projeto .app-conteudo .dgLayer .dgLayer-west{
    background-color: #fbbc05 !important;
}

.body-projeto .app-topo .app-topo-ferramentas {
    border-bottom: solid 1px #fbbc05 !important;
}

.body-projeto .app-rodape {
    border-top: solid 1px #fbbc05 !important;
}

#acoes-projeto button {
    margin-left: 10px !important;
}

#acoes-projeto {
    display: none;
}

.body-projeto #acoes-projeto {
    display: block;
}

#subtitulo-projeto {
	margin-left: 20px;
	margin-top: 5px;
	font-weight: bold;
	color: #aaa;
	font-size: 12px;
	text-transform: uppercase;
}

.ultimos-projetos {
	display: block;
	width: 130px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dropdown-menu li {
	font-size: 12px;
}

.download-menu li {
	font-size: 12px;
}


#buscar-projeto {
    background-image: url(../images/ui-icon-search-grey.png);
    background-repeat: no-repeat;
    background-position: center right 8px;
}


/* ########################### fim classes PROJETO ########################### */
.subItemFAQ{
	list-style: none;
}
.flex-container-FAQ{
	padding: 0 20%;
}
.bars-FAQ{
	background: url(../images/icon/bars-solid.svg) 50% no-repeat;
    background-size: contain;
    padding: 1px 13px;
}
#window-full-content{
	overflow-y: scroll;
}

/* Estilo Paleta */
.paleta-container{
	width: 40px;
    border-radius: 5px;
    border: 1px solid #ccc;
    display: flow-root;
    z-index: 13290;
    background: #fff;
}
@media (min-height: 720px) {
	.paleta-container {
		/* margin-top: 90px !important; */
		margin-top: 280px !important;
		margin-right: 15px !important;
	}
}
@media (max-height: 721px) {
	.paleta-container {
		/* margin-top: 90px !important; */
		margin-top: 120px !important;
		margin-right: 71px !important;
	}
}
.paleta-header{
	background: rgb(83, 62, 118);
	padding: 1px 5px;
	border-radius: 5px 5px 0 0;
	cursor: move;
	min-height: 24px;
	width: 40px;
}
.paleta-body{
	padding: 3px;
	justify-content: center;
	align-items: center;
	padding-top: 8px;
	flex-wrap: wrap;
	border: 1px solid #ccc;
	border-radius: 0 0 5px 5px;
	background:#fff;
	width: 40px;
}
.paleta-footer{
	background: #ccc;
	padding: 3px 5px;
	border-radius: 0 0 5px 5px;
}
#paleta-drag{
	position: absolute;
	float: left;
	width: 40px;
}
#ocult-paleta{
	width: 40px;
}
.icon-paleta-expandir{
	background: url(../images/bg-expandir.png) no-repeat 100%;
}
.icon-paleta-expandir:hover{
	background: url(../images/bg-expandir-hover.png) no-repeat 100%;
}
.icon-paleta-retrair{
	background: url(../images/bg-retrair.png) no-repeat 100%;
}
.icon-paleta-retrair:hover{
	background: url(../images/bg-retrair-hover.png) no-repeat 100%;
}
.bt-chat{
	width: 40px;
    border-radius: 5px;
    border: 1px solid #ccc;
    display: flow-root;
    z-index: 13290;
    margin-bottom:8px;
    margin-right: 15px;
    background: #fff;
}
#chat .btn-group ul {
	top: -134px !important;
}
.btn-minimize{
	border: none;
	background: none;
	color: #666;
	padding: 0;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
}
.right{
	float: right;
}
.left{
	float: left;
}
.lh-up{
	margin-top: -10px;
    margin-bottom: 10px;
}
.btn-icon{
	border: none;
	width: 32px;
	height: 20px;
	background-size: contain !important;
}
.btn-icon:hover{
	background-color: #e6e6e6;
    border-color: #e6e6e6;
    box-shadow: none;
}
.btn-icon:hover.icon-chat{
	background-color: #C1272D;
    border-color: #C1272D;
    box-shadow: none;
}
.paleta-body button{
	margin-bottom: 5px;
}
.tooltip.left .tooltip-arrow{
	top: 50% !important;
}
.icon-chat, .icon-chat:active{
	background: url(../images/x-icon-chat.png) no-repeat 50%;
}
.icon-cliente, .icon-cliente:active{
	background: url(../images/Cliente.png) no-repeat 50%;
}
.icon-lco, .icon-lco:active {
	background: url(../images/Lance_Cabo.png) no-repeat 50%;
}
.icon-lcu, .icon-lcu:active {
	background: url(../images/utp.png) no-repeat 50%;
}
.icon-estacao, .icon-estacao:active {
	background: url(../images/estacao.png) no-repeat 50%;
}
.icon-cas, .icon-cas:active {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABJElEQVR4AaWTMctBYRTHf5c3ycRsURZZ5AOIUExGo6y+gNWVsptkV3aZDLrZlSKzksFgMTI87z2e5N5u3PftnuXpnPP//zrP6XkMpRRB4qffxwoEsM3FoICnv9eD4xHWa4hEoFCAZPIz2p78GSGnRMyLBdzvUK/D+ay7nQ6Uy9Buw+PhhroA0kqloNWCSkVPI7XhEFYrbV4ufQDOdiyms0RCn3Kl280HcLnAbAbbLdRqbvF+D/m8D+B61aNnMhCNvsUCDNkXlrozPDvIZmE8hsMBTictlcV1uzAauc2SeQAvSS4Hu53OBgNoNiGd/gMgHteiahU2Gz3FdArzOTQaMJm4IYZpKmVZUCp56d8qL08YTPO/ZgHLexGIEfQ3flzit/GdvV9sPFFsENJJGwAAAABJRU5ErkJggg==") no-repeat 50%;
}
.icon-ldd, .icon-ldd:active {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABRklEQVR4AWP4//8/AzG4oaGBBZs6ZqAEAyGQmJjI8e3bt40vXrxwFxER6fr06dN9fn7+WyB9LMRoZmdnX62goODh5OQEVg50yWQgtQXEZsJnAMhmkGZFRUWf0NBQBhYWFoY/f/4w7Nmz5yRMH04DkDUHBQXBNa9fv57h1KlT/CB5kCFYvdDY2MjCxsa2HuTskJAQsOZ///4xrFmzhuHevXt7fv36FTh//vwfWA0AmQzSDHS2B7KzkTT7wjRjGABzNshmZM0gZ0NtRtGMEoi4Agyk+fbt2zuAzsbQDDcAX4CBNAPDIBTZ2cgxBw5EQgE2c+ZMcIBhA2ADTExMXoMSCSyecQUYNgMYQen74cOH14GSGqBEAvUzKKqw+hndEHBeAKbtm0AJq0OHDm27ePHiM6Bmf1x+RjcAIyfiynXYciJIDOwFSgAAD8cr1Tn1dNIAAAAASUVORK5CYII=") no-repeat 50%;
}
.icon-cmo, .icon-cmo:active{
	background: url(../images/Cx_Emenda_1.png) no-repeat 50%;
}
.icon-cto, .icon-cto:active{
	background: url(../images/Cx_Emenda_CTO_1.png) no-repeat 50%;
}
.icon-poste, .icon-poste:active{
	background: url(../images/Poste_4.png) no-repeat 50%;
}
.icon-to, .icon-to:active{
	background: url(../images/Terminador_Optico.png) no-repeat 50%;
}
.icon-cah, .icon-cah:active{
	background: url(../images/Cx_Emenda_CAH_1.png) no-repeat 50%;
}
.icon-hub, .icon-hub:active{
	background: url(../images/Cx_Emenda_HUB_1.png) no-repeat 50%;
}
.icon-reserva, .icon-reserva:active{
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAMlQTFRF////AAAAhibR////hibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRhibRAAAAXfTJYQAAAEJ0Uk5TAAAAAQcDFYc3EJfEPiIjFAEEa97XyNjizrleAhYdHCavmCpSwUAawy2QexO4UadkX7LvnYOBggV8iYqO1txBu0kZfJHA7QAAAAFiS0dEAf8CLd4AAAAJcEhZcwAACxIAAAsSAdLdfvwAAACLSURBVBjTbc/XDoJQEATQ3bFwsaDYFStFxd6xl///KZMrCRfivu15mMxQilg5ir+SmJHOQAVkNaEC9Fy+UDSMUvmnZFaqtXqj2Wp3TClkdXv9wXBkO66HMJQxnkwBfxbBfLGEvlpHgI3rb3f7w/HkBLIYAu980a63++MJpSnE640YfIQF/rclAcn5XxqdClRGx+TJAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE1LTExLTE3VDE5OjE0OjUwKzAxOjAw24ndAgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNS0xMS0xN1QxOToxNDo1MCswMTowMKrUZb4AAAAASUVORK5CYII=") no-repeat 50%;
}
.icon-cordoalha, .icon-cordoalha:active{
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTA3MzczMzU5NjM1MTFFNjkzQ0ZGNkYzODkxMDJBRUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTA3MzczMzY5NjM1MTFFNjkzQ0ZGNkYzODkxMDJBRUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MDczNzMzMzk2MzUxMUU2OTNDRkY2RjM4OTEwMkFFRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MDczNzMzNDk2MzUxMUU2OTNDRkY2RjM4OTEwMkFFRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pglbv8YAAACdSURBVHjaYvz//z8DRQBkAKl4++3t/1sOtvwHW06OZvEu8f/bbm0j3QB0zSDMiCsMmg82/2862IQhvilyE4OnqicjSWEAs5mlkeU/uhyGYpDNuJxNlAHIitD9TJIB2AKMaAOwaQbhoh1FxBmATTMujBKNO+7s+O+7zBcj6vIt8hl63HoY8SZlXM4mhCnSDDcAFPfkaMablIkFAAEGAO9pRCxowJ2rAAAAAElFTkSuQmCC") no-repeat 50%;
}
.icon-mercado, .icon-mercado:active{
	background: url(../images/icon-mercado-32.png) no-repeat 50%;
}
.icon-gf{
	background: url(../images/fusoes.png) no-repeat 50%;
	padding: 5px 15px;
}
.icon-gf{
	background: url(../images/fusoes-new.png) no-repeat 50%;
	padding: 5px 15px;
}
.icon-plus{
	background: url(../images/plus.png) no-repeat 50%;
	padding: 2px 13px;
	background-size: contain;
}
.icon-minus{
	background: url(../images/minus.png) no-repeat 50%;
	padding: 2px 13px;
	background-size: contain;
}
.icon-bnu{
	background: url(../images/new-user.png) no-repeat 50%;
	padding: 8px 55px;
	background-size: contain;
}
.icon-info{
	background: url(../images/icone-ajuda-16px.png) no-repeat 50%;
	padding: 1px 13px;
	background-size: contain;
}
.icon-edit{
	background: url(../images/edit.png) no-repeat 50%;
	padding: 2px 13px;
	background-size: contain;
}
.icon-tree{
	background: url(../images/tree-faq.png) no-repeat 50%;
	padding: 4px 13px;
	background-size: contain;
}
.icon-desfazer{
    background: url(../images/undo-variant.svg) no-repeat 50%;
	height: 18px;
	width: 26px;
}
.icon-final{
    background: url(../images/ray-start-arrow.svg) no-repeat 50%;
	height: 18px;
	width: 26px;
}
.icon-confirmar{
    background: url(../images/check.svg) no-repeat 50%;
	height: 18px;
	width: 26px;
}
.icon-cancelar{
    background: url(../images/close.svg) no-repeat 50%;
	height: 18px;
	width: 26px;
}
.icon-menu-right{
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid white;
}
.icon-menu-left{
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent; 
	border-right:5px solid white; 
}
.flex-container-FAQ ul{
	margin-bottom: 2%;
}
.flex-container-FAQ li{
	margin: 1% 0;
}
.img-12-1{
	background: url(../images/12-1.png) no-repeat 50%;
	background-size: contain;
	height: 250px;
	width: 200px;
}
.img-12-2{
	background: url(../images/12-2.png) no-repeat 50%;
	background-size: contain;
	height: 250px;
	width: 340px;
}
.img-12-3{
	background: url(../images/12-3.png) no-repeat 50%;
	background-size: contain;
	height: 250px;
	width: 340px;
}
.img-13-1{
	background: url(../images/13-1.png) no-repeat 50%;
	background-size: contain;
	height: 200px;
	width: 350px;
}

.loader {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #533684;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

.flex-hor-vert{
	height: 378px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

.menu-dowloads{
	background-color: white;
    top: 34px;
    position: absolute;
    z-index: 2;
    left: -447px;
    width: 488px;
        padding: 15px;
}

/* ======= Configura��o P�ginas de Impress�o ======= */

.paper {
  background: white;
  display: block;
  margin: 50px;
  box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.4);
  position: absolute;
}

.paper[size="A0"][layout="portrait"] {
  width: 84.1cm;
  height: 118.9cm;
}

.paper[size="A1"][layout="portrait"] {
  width: 59.4cm;
  height: 84.1cm;
}

.paper[size="A2"][layout="portrait"] {
  width: 42cm;
  height: 59.4cm;
}

.paper[size="A3"][layout="portrait"] {
  width: 29.7cm;
  height: 42cm;
}

.paper[size="A4"][layout="portrait"] {
  width: 21cm;
  height: 29.7cm;
}

.paper[size="A0"][layout="landscape"] {
  width: 118.9cm;
  height: 84.1cm;
}

.paper[size="A1"][layout="landscape"] {
  width: 84.1cm;
  height: 59.4cm;
}

.paper[size="A2"][layout="landscape"] {
  width: 59.4cm;
  height: 42cm;
}

.paper[size="A3"][layout="landscape"] {
  width: 42cm;
  height: 29.7cm;
}

.paper[size="A4"][layout="landscape"] {
  width: 29.7cm;
  height: 21cm;
}

#mapa_portrait {
	width: 100%;
	height: 80%;
}

.grid-landscape {
	display: grid;
	grid-template-columns: 5fr 1.5fr;
	justify-items: center;
	height: inherit;
}

.grid-landscape > #mapa_landscape {
	width: 100%;
	height: inherit;
}

.grid-landscape > .legenda {
	padding: 15px;
}

.paper[layout="portrait"] > div > #legenda {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 5px;
	list-style: none;
	background-color: #fff;
}

.paper[layout="portrait"] > #rodape {
	display: flex !important;
	justify-content: space-evenly !important;
}



.arrow {
	margin-bottom: 1px;
	border: solid #555555;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: .25rem;
}

.up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.d-none {
	display: none;
}

.d-flex {
	display: flex;
}

.menu {
    width: calc(100% - 10px);
	max-height: 175px;
	overflow: auto;
	z-index: 200;
	background-color: rgb(255, 255, 255);
	border: .15rem solid rgb(230, 230, 230);
	border-radius: .6rem;
	position: absolute;
	flex-direction: column;
	user-select: none;
	-webkit-user-drag: none;
}

.menu-option {
	padding: 5px;
}

.menu-option label {
	width: 100%;
}

.menu-option:hover {
	background-color: #dedede;
}

.d-multiselect {
	display: flex;
	text-align: left;
	justify-content: space-between;
	align-items: center;
	font-size: 12px !important;
	padding: 5px 10px;
	height: 30px;
	line-height: 30px;
	color: #333;
	background-color: #fff;
	border-radius: 3px;
	border-color: #ccc;
}