@media only screen and (max-width: 1450px) {
    .dataTables_wrapper {
        overflow-x: scroll;
    }
}

@media only screen and (max-width: 1250px){

	.main-section {
		
	    flex-wrap: wrap;
	}

	.main-article{
		width: 33%;
		min-height: auto;
		padding-bottom: 3rem;
	}
}



@media only screen and (max-width: 1185px){

	.main-app {
	    padding: 1rem 1.5rem;
	}
}

@media only screen and (max-width: 1100px){

	.main-section{
		justify-content: space-around;
	}

	.main-article {
	    width: 45%;
	}

		.editar-header{
		flex-wrap: wrap;
	}

	.prioridade-status-info{
		flex-wrap: wrap;
	}

	.tarefa-prioridade-editar,
	.tarefa-status-editar{
		width: 48%;
		margin-bottom: 0.7rem;
	}

	.data-inicio-editar{
		width: 48%;
		margin-left: 0!important;
	}

	.data-limite-editar{
		width: 48%;
	}

	.editar-btn-content{
		margin-top: 1rem;
		width: 100%;
	}

	.editar-header .editar-btn{
		width: auto;
	}
}

@media only screen and (max-width: 770px){

	.sidebar{
		margin-left: -175px;
	}

	.tog{
		display: none;
	}

	.tog-mobile{
		display: block;
		left: 100%;
	}

	.article-login {
	    width: 65%;
	}

	.aside-custos-variaveis {
    	width: 100%;
	}

	.main-app{
		padding: 1rem 1.2rem;
	}

	.main-section {
		
	    flex-wrap: wrap;
	}

	.main-article{
		width: 100%;
		min-height: auto;
	}

	.modal-fullscreen {
	    width: 100vw;
	    max-width: 100%;
	    float: right;
	}



}

@media only screen and (max-width: 610px){

	.article-login {
    	width: 100%;
	}

	.erros {
	    width: 75%;
	    margin: 50px auto;
	    text-align: center;
	}

	.section-default form {
	    width: 100%;
	    margin: 50px auto 0;
	}

	.reservas-content-3 {
	    width: 100%;
	}
}

@media only screen and (max-width: 450px){

	.section-centro{
		padding: 10px;
	}

	.article-login{
		padding: 2rem 3rem;
	}
}