.pauta-steps-menu {
	width: 100%;
	background: none;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.pauta-step-menu-item {
	padding: 15px;
	background-color: #ECECEC;
	text-decoration: none;
	color: #717171;
	margin: 5px;
        margin-bottom: 0px;
        transition: all ease-in 0.05s;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
}

.pauta-step-menu-item:hover {
    text-decoration: none;
    background-color: #FBFBFB;
    color: #717171;
}

.pauta-step-active{
    background-color: #fff !important;
    color: var(--red) !important;
}

.pauta-content {
	width: 100%;
	min-height: 100vh;
	background-color: #fff;
	border-radius: 5px;
        padding: 15px;
}

.pauta-botao-salvar {
	position: fixed;
	bottom: 0px;
	width: 100%;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #ddd;
	background-color: #fff;
	box-shadow: 0px -2px 1px #eee;
	margin-left: 0px;
	left: 0px;
	text-transform: uppercase !important;
	/* background-color: var(--blue); */
	color: #333 !important;
	font-size: 1.1em;
	cursor: pointer;
        transition: all ease-in 0.1s;
}
.pauta-botao-salvar:hover {
    background-color: #D3FFA6 !important;
}


.pauta-equipes {
	width: 100%;
	/* border: 1px solid red; */
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
        flex-wrap: wrap;
}


.equipe-box {
	border: 1px solid #d1d3e2;
	border-radius: 5px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
        margin-right: 5px;
        margin-bottom: 5px;
}
.equipe-box > a {
	padding: 5px;
	/* border: 1px solid green; */
        cursor: pointer;
}

.equipe-box > span {
	padding: 5px;
}


.legenda-add-visualizar {
    position: fixed;
    bottom: 10px;
    
    width: 100%;
    left: 0px;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 15px;
}

/*.legenda-add-visualizar {
	position: fixed;
	
	text-align: center;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	
	bottom: 0px;
	right: 10%;
	border: 1px solid #ccc;
	width: 500px;
	
	height: 80vh;
	padding: 15px;

	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	box-shadow: 0px -2px 10px #cacaca;
	background-color: #ECECEC;
}*/

.legenda-add-visualizar > textarea{
    width: 50%;
    background-color: #ECECEC ;
}

/*.legenda-add-visualizar > textarea {
	width: 100%;
	background-color: #ECECEC;
	height: 100% !important;
}*/

/*Mobile*/
@media (max-width: 810px)
{
    .pauta-steps-menu {
	width: 100%;
	background: none;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: stretch;
	/* border: 1px solid red; */
    }
    
    .pauta-step-menu-item {
	padding: 15px;
	background-color: #ECECEC;
	text-decoration: none;
	color: #717171;
	margin: 1px;
	margin-bottom: 0px;
	transition: all ease-in 0.05s;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 0.7em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
        min-width: 20%;
    }
    
    .pauta-step-menu-item .fa{
        font-size: 2em;
    }
    
    .pauta-step-menu-item span{
        width: 100%;
        text-align: center;
        word-break: break-word;
        font-size: 0.9em;
       
    }
    
    
    .pauta-botao-salvar {
	bottom: 60px;
    }
    
    .pauta-content {
        padding: 8px;
    }
    
    .titulo-pauta-topbar {
	/* white-space: nowrap; */
	overflow: hidden !important;
	text-overflow: "..." !important;
	font-size: 14px !important;
	width: 60% !important;
	position: absolute !important;
	margin-top: -16px !important;
    }
    
    .legenda-add-visualizar {
            position: fixed;
            bottom: 5px;
           
            width: 100%;
            left: 0px;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-left: 0px; 
            z-index: 99999;
            
    }
    
    .legenda-add-visualizar > textarea {
	width: 88%;
	
        font-size: 0.9em !important;
    }
    
    
}