.modalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 500px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 5px;
	background: #2F3A48;
	color:white;
}

.close {
	color: #C29D5B;
    right: 4px;
    top: 2px;
    text-decoration: none;
    text-align: center;
    position: absolute;
}

.close:hover { 
	opacity: 0.8;
}

.btn-modal {
	display: inline-block;
	background: #057fb2;
	color: white!important;
	padding-top: 6px;
	border: 0;
	border-radius: 2px;
	width: 60px;
	height: 30px
}

#salvar_alteracao {
	background: #057fb2;
	color: white;
	border: 0;
	border-radius: 2px;
	width: 60px;
	height: 30px
}

#salvar_alteracao:hover {
	cursor: pointer
}

#canvas-container{
	overflow-x: scroll;
}
#myCanvas{
	cursor: grab !important;
}

#canvas-container #button-navigation{
	position: absolute;
    right: 0px;
    top: 0;
    background: linear-gradient(90deg, rgba(189, 189, 189, 0) 0%, rgba(130, 130, 130, 0.7) 100%);
    width: 100px;
    height: 100%;
    font-size: 40px;
    padding-top: 38vh;
    text-align: right;
    padding-right: 34px;
    color: #fff;
    opacity: 0;
    transition: all 600ms ease-in-out;
}

#canvas-container:hover #button-navigation{
	opacity: 1;
}

@media(max-width: 767px){
	.mprj-organograma-canvas-portlet .portlet-content{
		background-color: transparent !important;
		padding: 0px !important;
	}
}