/* ----------------------------------------------------------
    :: Template Name: Abaco
    :: Author: Marca Site! - Geovani Assis
    :: Author URL: http://www.marcasite.com.br
    :: Version: 1.0.0
    :: Created: 18 Setembro 2020
    :: Last Updated: 18 Setembro 2020
    ---------------------------------------------------------- */
/***************************************************************************
        Fontes
***************************************************************************/
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
/***************************************************************************
        All
***************************************************************************/
	html{
		background-color: #f4f6f9;
		transition: ease .8s all;
	}
	body{
	    background-color: #f4f6f9;
	}
	.pdd-0{
		padding: 0 !important;
	}
	.sobreposicao,
	.sobreposicao2 {
	    position: fixed;
	    cursor: pointer;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background-color: rgba(0,0,0,0.5);
	    display: none;
	    z-index: 12;
	}
	.sobreposicao2 {
	    z-index: 13;
	}
	*{
		margin: 0;
		box-shadow: 0 0 0 0;
		border: 0 none;
		outline: 0;
		transition: ease .8s all;
		font-family: 'Montserrat', sans-serif;
	} 
	a{
		text-decoration: none !important; 
		cursor: pointer;
	}
	.scroll::-webkit-scrollbar-track{
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		background-color: #F5F5F5;
	}
	.scroll::-webkit-scrollbar{
		width: 10px;
		background-color: #F5F5F5;
	}
	.scroll::-webkit-scrollbar-thumb{
		background-color: #0171b8;	
		background-image: -webkit-linear-gradient(45deg,
		                                          rgba(255, 255, 255, .2) 25%,
												  transparent 25%,
												  transparent 50%,
												  rgba(255, 255, 255, .2) 50%,
												  rgba(255, 255, 255, .2) 75%,
												  transparent 75%,
												  transparent)
	}
	.rodar{
		transform: rotate(90deg);
		margin: -12px -7px 0 0;
	}
	.h3,
	h3 {
		font-size: 21px;
	}
	.pop-up{
		z-index: 14;
		position: fixed;
		background: #fff;
		margin-left: calc( 50% - 250px );
		border-left: solid 3px #1a468d;		
		display: none;
		transition: none;
		text-align: center;
		width: 500px;
		max-width: 100%;
		border-radius: 15px;
	}
	.pop-up h3{
		text-align: center;
		color: #1a468d;
		margin: 30px 0 0;
    	padding: 0 60px;
    	font-size: 15px
	}
	.pop-up .form-control{
		margin: 35px auto;
		width: 80%;
		border-color: #1a468d;
	}
	.pop-up button{
		margin-bottom: 30px;
		background: #1a468d;
		color: #fff;
		border-radius: 30px;
		height: calc(1.5em + .75rem + 2px);
		padding: 0 30px;
	}
	.pop-up button:hover{
		box-shadow: 0 0 20px 0px #00000052;
	}
	.pop-up .fechar{
		position: initial;
	    float: right;
	    width: 30px;
	    height: 30px;
	    background: #1a468d;
	    color: #fff;
	    border-radius: 50%;
	    font-weight: bold;
	    font-family: cursive;
	    padding-top: 3px;
	    cursor: pointer;
	    margin: 15px;
	}
	.pop-up .checks{
		padding:30px;
	}
	.pop-up .checks div{
	    display: inline-block;
	    margin: 0 0 0 20px;
	}
	button:focus {
	    outline: none !important;
	}
	.table td,
	.table th,
	.alterar b,
	.card b{
		color: #546e7a;
		font-size: 15px;
	}
	.bg_teal{ background: teal; }
	.bg_cadetblue{ background: cadetblue; }
	.bg_black{ background: black; }
	.bg_darkgreen{ background: darkgreen; }
	.bg_darkorchid{ background: darkorchid; }
	.bg_slategrey{ background: slategrey; }
	.bg_darkred{ background: darkred; }
	.btn_direita{
		float: right;
	    padding: 10px 20px;
	    margin: 10px 0 10px 10px;
	    background: #1a468d;
	    border-radius: 50px;
	    text-align: center;
	    border: solid 2px #1a468d;
	    transition: ease .8s all;
	    cursor: pointer;
	}
	.btn_direita p{
	    color: #fff;
	    margin: 0;
	    font-size: 13px;
	    font-weight: 100;
	}
	.btn_direita:hover{
	    background: #fff;
	}
	.btn_direita:hover p{
	    color: #1a468d;
	}
	.btn_esquerda{
		float: left;
	    padding: 10px 20px;
	    margin: 10px 0 10px 10px;
	    background: #fff;
	    border-radius: 50px;
	    text-align: center;
	    border: solid 2px #1a468d;
	    transition: ease .8s all;
	}
	.btn_esquerda p{
	    color: #1a468d;
	    margin: 0;
	    font-size: 13px;
	    font-weight: 100;
	}
	.btn_esquerda:hover{
	    background: #1a468d;
	}
	.btn_esquerda:hover p{
	    color: #fff;
	}
	.invalid-feedback {
		display: initial;
    }
    .pull-right {
    	float: right;
    }
    .pull-left {
    	float: left;
    }
/***************************************************************************
        PreLoader
***************************************************************************/
	#preloader {
	    position: fixed;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: center;
	    -ms-flex-pack: center;
	    justify-content: center;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	    overflow: hidden;
	    height: 100%;
	    left: 0;
	    top: 0;
	    width: 100%;
	    z-index: 999999;
	    background-color: #f2f4f8;
	}
	#preloader img {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    margin-top: -15px;
	    margin-left: -15px;
	    width: 30px;
	    height: 30px;
	    z-index: 8;
	    -webkit-animation: 2000ms linear 0s normal none infinite running medica-thumb;
	            animation: 2000ms linear 0s normal none infinite running medica-thumb;
	}
	.medica-load {
	    -webkit-animation: 2000ms linear 0s normal none infinite running medica-load;
	    animation: 2000ms linear 0s normal none infinite running medica-load;
	    background: transparent none repeat scroll 0 0;
	    border-color: #ffffff #ffffff #1a468d;
	    border-radius: 50%;
	    border-style: solid;
	    border-width: 2px;
	    height: 60px;
	    position: absolute;
	    width: 60px;
	    z-index: 10;
	    top: 50%;
	    left: 50%;
	    margin-top: -30px;
	    margin-left: -30px;
	}
	@-webkit-keyframes medica-load {
	    0% {
	        -webkit-transform: rotate(0deg);
	        transform: rotate(0deg);
	    }
	    100% {
	        -webkit-transform: rotate(360deg);
	        transform: rotate(360deg);
	    }
	}
	@keyframes medica-load {
	    0% {
	        -webkit-transform: rotate(0deg);
	        transform: rotate(0deg);
	    }
	    100% {
	        -webkit-transform: rotate(360deg);
	        transform: rotate(360deg);
	    }
	}
	@-webkit-keyframes medica-thumb {
	    0% {
	        opacity: 0;
	        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    }
	    50% {
	        opacity: 1;
	        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    }
	    100% {
	        opacity: 0;
	        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    }
	}
	@keyframes medica-thumb {
	    0% {
	        opacity: 0;
	        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    }
	    50% {
	        opacity: 1;
	        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    }
	    100% {
	        opacity: 0;
	        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    }
	}
/***************************************************************************
        Login
***************************************************************************/
	#bloco_inicio{
		background: #ffffff59;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    height: 100vh;
	}
	#bloco_inicio .conteudo{
		width: 320px;
	}
	#bloco_inicio h1{
		margin: 0;
		width: 100%;
		overflow: hidden;
		padding-top: 70px;
		height: 0!important;
		background: url(../img/logo/logo.png) no-repeat center;
		background-size: contain;
	}
	#bloco_inicio input{
		width: 100%;
		padding: 10px 25px;
		border: solid #efefef 2px;
		border-radius: 30px;
		margin: 15px 0;
	}
	#bloco_inicio input.entrar{
		background: #1a468d;
		color: #fff;
		border: solid #1a468d 2px;
	}
	#bloco_inicio input.entrar:hover{
		background: transparent;
		color: #1a468d;
	}
	#bloco_inicio p{
	    text-align: center;
	    margin: 0;
	}
	#bloco_inicio p a{
	    color: #6d6d6d;
	}
/***************************************************************************
        Menu Topo
***************************************************************************/
	.navbar {
	    top: 0;
	    right: 0;
	    z-index: 11;
	    width: 100%;
	    font-family: "Montserrat",sans-serif;
	    border-radius: 0;
	    border: none;
	    position: absolute;
	    min-height: 53px;
	    margin-bottom: 20px;
	    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	    padding: 0 0 0 100px;
	    background: #1a468d;
	}
	.navbar-nav {
	    display: inline-block;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    padding-left: 0;
	    margin-bottom: 0;
	    list-style: none;
	}
	.navbar-nav.navbar-left {
	    width: 100%;
	    vertical-align: top;
	}
	.navbar-nav li{
		display: inline-block;
	}
	.navbar-nav li a {
		padding: 0px 12px;
		line-height: 60px;
		color: #fff;
		vertical-align: middle;
		display: inline-block;
	}
	.notify {
	    position: absolute;
	    top: 30px;
	    margin-left: 11px;
	}
	.notify .heartbit {
	/*	position: absolute;
		top: -20px;
		right: -16px;
		height: 25px;
		width: 25px;
		z-index: 10;
		border: 4px solid;
		border-color: #3d4c5a;
		border-radius: 70px;*/
	}
	.notify .point {
	    width: 6px;
	    height: 6px;
	    -webkit-border-radius: 30px;
	    -moz-border-radius: 30px;
	    border-radius: 30px;
	    background-color: #3d4c5a;
	    position: absolute;
	    right: -6px;
	    top: -10px;
	}
	.form-control {
	    background-color: transparent;
	    border: 1px solid #E3E3E3;
	    border-radius: 30px !important;
	    padding: 5px 30px 5px 10px;
	    color: #2c2c2c;
	    line-height: normal;
	    font-size: .8571em;
	    -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
	    -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
	    -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
	    -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
	    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}
	.navbar-nav.navbar-left .input-group .input-group-addon {
	    background-color: transparent;
	    color: #fff;
	}
	.navbar-nav.navbar-left .input-group .input-group-addon{
		margin-left: -25px;
		padding: 7px 18px 7px 0;
		z-index: 11;
	    color: #3d4c5a;
	    cursor: pointer;
	}
	.form-control::-webkit-input-placeholder {
	  color: #fff;
	}
	.btn_menu{
		position: absolute;
	    color: #fff;
	    font-size: 26px;
	    margin: -2px 0 0 -40px;
	    display: block;
	    cursor: pointer;
	}
	.navbar .user-info .image img {
	    width: 40px;
		height: 40px;
		object-fit: cover;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    -ms-border-radius: 50%;
	    border-radius: 50%;
	    vertical-align: bottom !important;
	    border: 3px solid #fff;
	    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.2);
	}
	.navbar .user-info{
		display: inline-flex;
	}
	.navbar .user-info .image{
		height: 40px;
		width: 40px;
		padding-top: 10px;
		margin-right: 5px;
	}
	.navbar .user-info .descricao{
		color: #fff;
		margin: 8px 8px 0 0;
	}
	.navbar .user-info .descricao h4{
	    margin-bottom: -6px;
	}
	.navbar .ajuste{
		margin-top: -17px;
	}
/***************************************************************************
        Menu Lateral
***************************************************************************/
	#menu_lateral {
	    -moz-transition: all 0.5s;
	    -o-transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    transition: all 0.5s;
	    font-family: "Montserrat",sans-serif;
	    background: #fff;
	    width: 250px;
	    position: absolute;
	    top: 0px;
	    left: 0;
	    box-shadow: 1px 0px 20px rgba(0,0,0,0.08);
	    z-index: 12;
	    margin-left: -300px;
	}
	#menu_lateral .logo h1{
		margin: 0;
		width: 100%;
		overflow: hidden;
		padding-top: 70px;
		height: 0!important;
		background: url(../img/logo/logo.png) no-repeat center;
		background-size: contain;
	}
	#menu_lateral .user-info hr{
		margin-left: 15px;
		margin-right: 15px;
	}
	#menu_lateral .user-info .image img {
		width: 80px;
		height: 80px;
		object-fit: cover;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		border-radius: 50%;
		vertical-align: bottom !important;
		border: 3px solid #fff;
		box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.2);
	}
	#menu_lateral .user-info .descricao{
		margin-top: 10px;
	}
	#menu_lateral .user-info .descricao *{
		margin: 0px;
		color: #546e7a;
	}
	#menu_lateral .menu .list .header {
	    font-size: 11px;
	    font-weight: 700;
	    padding: 8px 12px;
	    position: relative;
	    color: #455a64;
	    margin-left: 15px;
	}
	#menu_lateral .menu .list .header:before {
	    content: "--";
	    position: absolute;
	    left: 0;
	    top: 7px;
	}
	#menu_lateral .menu .list {
	    list-style: none;
	    padding: 0px;
	    font-size: 14px;
	}
	#menu_lateral .menu .list li{
		padding: 0 15px 0 28px;
		cursor: pointer;
		margin: 30px 0;
	}
	#menu_lateral .menu .list li i{
		color: #1a468d;
	    width: 15px;
	}
	#menu_lateral .menu .list li i.inverter{
		transform: rotate(180deg);
	}
	#menu_lateral .menu .list li span{
		color: #546e7a;
		padding-left: 10px;
	}
	#menu_lateral .menu .list li span:hover {
		color: #1a468d;
	    font-weight: 600;
	}
	#menu_lateral .menu .list li span.seta{
		float: right;
		font-family: monospace;
		margin-top: -13px;
	}
	#menu_lateral .menu .list li.ativo{
	    border-left: solid 3px #1a468d;
	}
	#menu_lateral .menu .list li li.ativo{
	    border-left: none;
	}
	#menu_lateral .menu .list li.ativo span{
		color: #1a468d;
		font-weight: 600;
	}
	#menu_lateral .tarefas,
	#menu_lateral .conclusao{
		font-size: 13px;
		padding: 10px 15px !important;
	}
	#menu_lateral .tarefas p,
	#menu_lateral .conclusao p{
		font-size: .8571em;
		text-transform: uppercase;
	}
	#menu_lateral .progresso{ height: 2px; }
	#menu_lateral .tarefas .progresso{ background: rgba(249,99,50,0.3); }
	#menu_lateral .conclusao .progresso{ background: rgba(44,168,255,0.3); }
	#menu_lateral .progresso .barra{ height: 2px; }
	#menu_lateral .tarefas .progresso .barra{ background: #f96332; }
	#menu_lateral .conclusao .progresso .barra{ background: #2CA8FF; }
	#menu_lateral .tarefas p{ color: #f96332; }
	#menu_lateral .conclusao p{ color: #2CA8FF; }
	#menu_lateral p.porcentagem{
		display: initial;
		float: right;
		margin-top: -32px;
	}
	#menu_lateral .scroll{
		overflow-y: scroll;
		width: auto;
		height: calc(100vh - 70px);
	}
	#menu_lateral .list_interno{
		list-style: none;
	    padding-left: 30px;
	    display: none;
	    transition: none !important;
	}
	#menu_lateral .list_interno li{
	    padding: 0px !important;
	}
	#menu_lateral .list_interno a{
		color: #000;
	}
	/*.list_interno.open{
		display: block!important;
	}*/
/***************************************************************************
        Conteudo
***************************************************************************/
	section.conteudo {
	    margin: 60px 0px 15px 0px;
	    -moz-transition: .5s;
	    -o-transition: .5s;
	    -webkit-transition: .5s;
	    transition: .5s;
	    z-index: 9;
	    position: relative;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    -ms-border-radius: 3px;
	    border-radius: 3px;
	    background: #f4f6f9;
	}
	section.conteudo:before {
	    background-color: #0171b8;
	}
	section.conteudo:before {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 140px;
	    background-image: url(http://abacoadjusters.com.br/img/world.png);
	    background-position: top right;
	    background-repeat: no-repeat;
	    background-size: contain;
	}
	section.conteudo .block-header {
	    padding: 15px;
	}
	section.conteudo .block-header h2 {
	    color: #fff;
	}
	section.conteudo .block-header h2 {
	    margin: 0;
	    font-size: 20px;
	}
	section.conteudo .block-header h2 small {
	    display: block;
	    margin-top: 8px;
	    color: #fff;
	    font-size: 13px;
	}
	.breadcrumb{
		background: transparent;
	}
	section.conteudo .breadcrumb-item,
	section.conteudo .breadcrumb-item a{
		color: #fff;
	}
	section.conteudo .breadcrumb-item+.breadcrumb-item::before {
	    display: inline-block;
	    padding-right: .5rem;
	    color: #fff;
	    content: "/";
	}
	section.conteudo button.btn{
		background: #fff;
		border-radius: 30px;
		height: 35px;
		margin-top: 5px;
	}
	section.conteudo .container-fluid .card {
	    background: #fff;
	    margin-bottom: 30px;
	    transition: .5s;
	    border: 0;
	    border-radius: .1875rem;
	    display: inline-block;
	    position: relative;
	    width: 100%;
	    box-shadow: none;
	    height: calc( 100% - 30px );
	}
	section.conteudo .block-header .col-lg-7{
	    background-image: url(../img/logo/abaco-logo-white.png);
	    background-position: bottom right;
	    background-repeat: no-repeat;
	    background-size: contain;
	}
	section.conteudo .container-fluid .card .header {
	    color: #424242;
	    padding: 20px;
	    position: relative;
	    box-shadow: none;
	}
	.card .header h2 {
	    font-size: 15px;
	    color: #757575;
	    position: relative;
	    /*padding-right: 75px;*/
	}
	.card .header h2:before {
	    background: #1a468d;
	}
	.card .header h2::before {
	    position: absolute;
	    width: 2px;
	    height: 22px;
	    left: -20px;
	    top: 0;
	    content: '';
	}
	.card .header h2 strong {
	    color: #1a468d;
	}
	.card .header h2 small {
	    font-size: 13px;
	    color: #9e9e9e;
	    line-height: 15px;
	}
	.card .header .btn-pontos {
	    position: absolute;
	    right: 35px;
	    top: 11px;
	    cursor: pointer;
	    color: #00000061;
	    font-family: cursive;
	}
	.card .header .btn-fechar {
	    position: absolute;
	    right: 15px;
	    top: 15px;
	    cursor: pointer;
	    color: #00000061;
	}
	.card .header .btn-data{
		position: absolute;
		right: 15px;
		top: 15px;
		color: #9e9e9e;
		border: solid 1px #1a468d;
		border-radius: 50px;
		padding: 5px 10px;
	    cursor: context-menu;
	}
	.card .row{
		padding: 0 15px; 
	}
	.card .form-control{
		padding: 5px 15px;
	    border-color: #1a468d;
	}
	.card select.form-control {
		min-width: 150px !important;
	}
	.card .form-control::-webkit-input-placeholder {
	    color: #a7a7a7;
	}
	.card label{
		cursor: pointer;
		color: #546e7a;
	    font-size: 14px;
	    margin-bottom: 0;
	}
	.card label.btn_label{
		background: #1a468d;
		color: #fff;
		height: 34px;
		width: 100%;
		text-align: center;
		padding: 5px 0 0 0;
		border-radius: 30px;
		cursor: pointer;
		margin-bottom: 15px;
	}
	.card .btn-azul{
		display: block;
		background: #1a468d;
		color: #fff;
		height: 34px;
		width: 100%;
		text-align: center;
		padding: 5px 0 0 0;
		border-radius: 30px;
		cursor: pointer;
		margin: 15px 0;
		transition: ease .8s all;
		border: solid 2px #1a468d;
	}
	.card .btn-azul:hover{
		background: #fff;
		color: #1a468d;
		border: solid 2px #1a468d;
	}
	.card .check{
		display: flex;
	}
	.card .check div{
		flex: 1;
	}
	.campo_submit{
		text-align: center;
		margin-bottom: 30px;
	}
	.btn_submit{
		background: #77d672;
		color: #fff;
		max-width: 370px;
		width: 100%;
		border-radius: 30px;
		padding: 5px 0;
	}
	.alterar a{
		color: #1a468d;
		border: solid 2px;
		padding: 5px 60px 5px 30px;
		border-radius: 30px;
		font-weight: 700;
		margin-left: 20px;
		white-space: nowrap;
	}
	.table-responsive{
		margin-top: 30px;
	}
	.table-responsive .usu_foto{
		width: 40px;
		border-radius: 50%;
	}
	.table-responsive .projeto_foto{
		width: 80px;
		border-radius: 50%;
	}
	.table-responsive .checks div{
	    display: initial;
	    padding: 0 15px 0 0;
	    white-space: nowrap;
	}
	.toggle {
	    cursor: pointer;
	    display: inline-block;
	    margin-bottom: 13px;
	}
	.toggle-checkbox {
	    position: absolute;
	    visibility: hidden;
	}
	.toggle-switch {
	    display: inline-block;
	    background: #D8DBE2;
	    border-radius: 16px;
	    width: 40px;
	    height: 21px;
	    position: relative;
	    vertical-align: middle;
	    transition: background 0.25s;
	}
	.toggle-checkbox:checked + .toggle-switch { background: #0171b8; }
	.toggle-switch:before {
	    display: block;
	    background: linear-gradient(to bottom, #FFFFFF 0%, #eee 100%);
	    border-radius: 50%;
	    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
	    width: 17px;
	    height: 17px;
	    position: absolute;
	    top: 2px;
	    left: 2px;
	    transition: left 0.25s;
	}
	.toggle-switch:before,
	.toggle-switch:after {
	    content: "";
	}
	.toggle-checkbox:checked + .toggle-switch:before { left: 20px; }
	.btn-vincular-area{
		cursor: pointer;
		color: #1a468d!important;
	}
	.paginacao{
		text-align: center;
	    margin: 20px 0;
	}
	.paginacao nav {
		display: inline-block
	}
	.table i.zmdi{
		font-size: 20px;
		color: #546e7a;
		padding-right: 5px;
	}
	.table i.zmdi.off:hover{
		color: #e38b39;
	}
	.conteudo .card-projeto{
		min-height: 600px;
	}
	.conteudo .card-projeto img{
		width: 100%;
		height: 370px;
		padding: 30px;
		object-fit: cover;
	}
	.conteudo .card-projeto h3{
		text-align: center;
	}
	.conteudo .card-projeto hr{
		margin: 15px 30px;
	}
	.conteudo .card-projeto p{
		margin: 0;
		text-align: center;
		font-size: 14px;
	}
	.conteudo .card-projeto .btn-detalhes{
	    border: solid 1px #1a468d;
	    color: #f0a559;
	    border-radius: 30px;
	    padding: 15px 60px;
	    margin: 30px auto;
	    width: fit-content;
	    cursor: pointer;
        min-width: 187px;
	}
	.conteudo .card-projeto .btn-detalhes:hover{
		box-shadow: 0 0 14px 4px #1a468d6b;
	}
	.conteudo .card-projeto .btn-detalhes-tras{
	    border: solid 1px #fff;
	    color: #fff;
	    background: #f0a559;
	    border-radius: 30px;
	    padding: 15px 60px;
	    margin: 30px auto;
	    width: fit-content;
	    cursor: pointer;
        min-width: 187px;
	}
	.conteudo .card-projeto .btn-detalhes-tras:hover{
		box-shadow: 0 0 14px 4px #1a468d6b;
	}
	.conteudo .card-projeto.detalhe{
		transform: rotateY(180deg);
		transition: none;
	}
	.conteudo .card-projeto .tras{
		display: none;
		text-align: center;
		width: 100%;
		min-height: 600px;
		transform: rotateY(180deg);
		transition: none;
	}
	.conteudo .card-projeto .tras span{
		width: 100%;
		height: 85px;
		background: #1a468d;
		position: absolute;
		left: 0;
		z-index: -1;
	}
	.conteudo .card-projeto .tras img{
		height: 140px;
		width: 140px;
		padding: 0;
		border-radius: 50%;
		border: solid 6px #fff;
		box-shadow: 0 0 20px 0px #0000008c;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.conteudo .card-projeto .tras hr {
	    margin: 10px 30px;
	}
	.conteudo .card-projeto .tras .barra-porcento{
	    margin-top: 10px;
	}
	.conteudo .card-projeto .tras .barra-porcento p{
		text-align: left;
		margin-left: 20px;
	}
	.conteudo .card-projeto .tras .barra-porcento .progress{
		height: 10px;
		margin: 5px 20px 10px;
	}
	.card .header button.btn{
		color: #fff;
		background: #1a468d;
		top: 5px;
		right: 15px;
		position: absolute;
	}
	.conteudo .card-conteudo .card-projeto .frente,
	.conteudo .card-conteudo .card-projeto .tras{
		color: #546e7a;
	}
	.conteudo .card-conteudo:hover .card-projeto .frente{
		display: none;
	}
	.conteudo .card-conteudo:hover .card-projeto{
		transform: rotateY(180deg);
	}
	.conteudo .card-conteudo:hover .card-projeto .tras{
		display: block;
	}
	.titulo-pesquisa{
		width: 70%;
	}
	.foto-projeto{
		text-align: center;
	}
	.foto-projeto img{
	    width: 160px;
	    height: 160px;
	    object-fit: cover;
	    border-radius: 50%;
	    border: solid 2px #1a468d;
	    margin: 17px 0;
	}
	input.checkbox{
		/*width: 20px;*/
		height: 20px;
	}
	.btn-filtro{
		position: absolute;
	    right: 20px;
	    top: 20px;
	}
	.btn-filtro i{
		font-size: 20px;
		right: 0;
		position: absolute;
	}
	.btn-filtro .campo{
		display: none;
		position: absolute;
	    background: #fff;
	    right: 0;
	    top: 0;
	    border-left: solid 3px #1a468d;
	    box-shadow: 0 0 5px 0px #0000004a;
	    width: 100%;
	    padding: 0 15px;
        z-index: 2;
	}
	.btn-filtro:hover{
	    width: 500px;
	    max-width: calc( 100% - 40px);
	}
	.btn-filtro:hover .campo{
		display: block;		
	}
	.btn-filtro h3{
	    font-size: 20px;
	    color: #1a468d;
	}
	.btn-filtro input{
		width: 100%;
		max-width: 100%;
		margin-bottom: 15px;
	}
	.new-case{
		position: absolute;
	    right: 20px;
	    top: 20px;
	}
	.new-case i{
		font-size: 20px;
		right: 0;
		position: absolute;
		transition: none;
		cursor: pointer;
	}
	.new-case.click i{
		display: none;
	}
	.new-case i.fechar{
		display: block;
		position: inherit;
		float: right;
		margin: -32px -15px 0 0;
		padding: 0px 5px 0 0;
		background: #1a468d;
		color: #fff;
		width: 30px;
		height: 30px;
		text-align: right;
		border-bottom-left-radius: 25px;
		font-style: inherit;
		cursor: pointer;
	}
	.new-case .campo{
		display: none;
		position: absolute;
	    background: #fff;
	    right: 0;
	    top: 0;
	    border-left: solid 3px #1a468d;
	    box-shadow: 0 0 5px 0px #0000004a;
	    width: calc( 100% - 100px );
	    min-width: 320px;
	    padding: 0 15px;
	    z-index: 2;
        margin: 0 auto;
	}
	.new-case.click{
	    width: 100%;
	    height: 100%;
	    top: 0;
	    position: fixed;
	    right: 0;
	    z-index: 9;
	    background: #000000d4;
	    padding: 75px 50px 50px;
	}
	.new-case.click .campo{
		display: block;
		position: initial;
	}
	.new-case h3{
	    font-size: 20px;
	    color: #1a468d;
	}
	.new-case input{
		width: 100%;
		max-width: 100%;
		margin-bottom: 15px;
	}
	.btn-novo p{
	    background: #1a468d;
	    color: #fff;
	    width: 35px;
	    height: 35px;
	    font-size: 22px;
	    text-align: center;
	    border-radius: 50px;
	    right: 20px;
	    top: 55px;
	    position: absolute;
	    border: solid 2px #1a468d;
	    transition: ease .8s all;
	}
	.btn-novo p:hover{
		background: #fff;
		color: #1a468d;
	}
	.btn-ver-obra{
		cursor: pointer;
	}
	#ver-obra .projeto{
		display: inline-flex;
		border-bottom: solid #dee2e6 1px;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#ver-obra .projeto div{
		padding: 0 15px;
		text-align: left;
	}
	#ver-obra .projeto img{
		width: 80px;
		height: 80px;
		border-radius: 50%;
	}
	#ver-obra .projeto h3{
		margin: 0;
		padding: 0;
		text-align: left;
	}
	.table-responsive .vermelho{
		text-transform: uppercase;
		font-size: 12px;
		inline-size: max-content;
		color: red;
		font-weight: 700;
		border: solid 1px;
		padding: 5px 10px;
	}
	.table-responsive .laranja{
		text-transform: uppercase;
		font-size: 12px;
		inline-size: max-content;
		color: orange;
		font-weight: 700;
		border: solid 1px;
		padding: 5px 10px;
	}
	.table-responsive .verde{
		text-transform: uppercase;
		font-size: 12px;
		inline-size: max-content;
		color: green;
		font-weight: 700;
		border: solid 1px;
		padding: 5px 10px;
	}
	.bloc-tarefa{
		padding: 15px;
	}
	.bloc-tarefa .progress{
		height: 8px;
	}
	.bloc-tarefa .numero-principal{
		font-weight: 600;
		font-size: 24px;
		margin: 0;
		font-family: inherit;
		color: #546e7a;
	}
	.bloc-tarefa .titulo{
		font-size: 14px;
	    color: #0000009e;
	}
	.bloc-tarefa .valor{
		font-size: 13px;
		margin: 0px;
		color: #546e7a;
	}
	.card .img-grantt{
		width: 100%;
		padding: 0 15px 15px;
		height: calc( 100% - 75px );
		object-position: left;
		object-fit: cover;
	}
	.card.card-tarefas-periodo img{
		border-radius: 50%;
		width: 180px;
		height: 180px;
		box-shadow: 0 0 20px #00000085;
		border: solid #fff 3px;
		margin-left: calc( 50% - 90px);
		margin-top: -9px;
	}
	.card.card-tarefas-periodo .table-responsive{
		padding: 0 15px;
		font-size: 15px;
		margin-top: 15px;
	}
	.card-tarefa-concluidas .table-responsive{
		padding: 0 15px;
	}
	.card .card-conteudo-diario{
		padding: 0 15px 15px;
	}
	.card .card-conteudo-diario .titulo{		
		background: url(../img/dia-obra.png) no-repeat;
		background-size: cover;
		width: 100%;
		height: 160px;
		display: flex;
		padding-left: 35px;
		color: #fff;
	}
	.card .card-conteudo-diario .titulo .dia{
		font-size: 50px;
		font-family: inherit;
		font-weight: 100;
		margin-top: 15px;
	}
	.card .card-conteudo-diario .titulo .semana{
		font-size: 14px;
		padding-left: 15px;
	    margin-top: 26px;
	}
	.card .card-conteudo-diario .titulo .semana span{
		font-size: 20px;
	}
	.card .card-conteudo-diario .titulo .prazo{
		position: absolute;
		margin-top: 85px;
	    font-size: 14px;
	}
	.card .card-conteudo-diario .dias{
		border-left: solid 2px #ccc;
		margin-left: 30px;
	}
	.card .card-conteudo-diario .dias .dia{
		display: flex;
		padding: 10px 0;
	}
	.card .card-conteudo-diario .dias .dia div.texto{
		margin-left: 50px;
		color: #848484;
		font-size: 11px;
	}
	.card .card-conteudo-diario .dias .dia div.texto b{
		font-weight: 400;
		font-size: 16px;
		color: #546e7a;
	}
	.card .card-conteudo-diario .dias .dia div.numero{
		min-inline-size: fit-content;
		color: #546e7a;
		font-size: 16px;
	}
	.card .card-conteudo-diario .dias .dia div.numero span{
		width: 15px;
		height: 15px;
		border: solid 2px ;
		border-radius: 50%;
		display: inline-table;
		margin-left: -9px;
		margin-right: 8px;
	}
	.card .card-conteudo-diario .dias .dia div.numero span.vermelho{ color: red;}
	.card .card-conteudo-diario .dias .dia div.numero span.verde{ color: green;}
	.card .card-conteudo-diario .dias .dia div.numero span.laranja{ color: orange;}
	.card-dashboard .header b{
		margin-right: 35px;
		display: inline-block;
		color: #546e7a;
	}
	.card-conteudo-diario .tempo{
		margin-top: 15px;
	    font-size: 14px;
	}
	.card-conteudo-diario .tempo div{
		display: flex;
	}
	.card-conteudo-diario .tempo p.coluna-maior{
		flex: 6;
		text-align: left;
	}
	.card-conteudo-diario .tempo p.coluna-maior span{
		width: 15px;
		height: 15px;
		border: solid 2px #dc3545;
		border-radius: 50%;
		display: inline-block;
		margin-left: 15px;
		margin-right: 5px;
	}
	.card-conteudo-diario .tempo p{
		flex: 2;
		text-align: center;
		margin: 3px;		
		align-self: baseline;
		min-inline-size: fit-content;
	}
	.card-conteudo-diario .observacao h5{
		margin: 10px 0;
		font-weight: 400;
	    font-size: 17px;
	}
	.card-conteudo-diario .observacao p{
		line-height: 19px;
		padding-left: 15px;
		font-size: 13px;
	}
	.card-dados-iniciais{
		padding: 0 0 15px;
	}
	.card-dados-iniciais p{
		margin: 0;
		padding: 0 15px;
	}
	.card-dados-iniciais input{
		margin: 10px 0;
	}
	.card-tempo .periodo{
		padding: 0 15px;
	    display: flow-root;
	}
	.card-tempo .periodo p{
		float: left;
		margin: 0;
	}
	.card-tempo .periodo input{
		width: 110px;
		float: right;
	}
	.card-chuva div,
	.card-tempo div{
		margin-bottom: 15px; 
	}
	.btn-adicionar{
		background: #1a468d;
		color: #fff;
		width: 100%;
		padding: 5px !important;
	}
	label.btn-adicionar{ color: #fff !important; }
	.centralizar-icones{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.centralizar-icones input{
		margin: 0 10px 0 5px;
	}
	textarea.input-textarea{
		padding: 15px;
		margin: 0 15px;
		width: 100%;
		height: 100%;
		border: solid 2px #dee2e6;
		border-left: none;
		border-right: none;
		resize: none;
		min-height: 265px;
	}
	.file_customizada::-webkit-file-upload-button {
	  visibility: hidden;
	  width: 0;
	  margin-left: -15px;
	}
	.card.card-foto-dia img{
		width: 100%;
		object-fit: cover;
		height: 140px;
	}
	.item_oracamento span{
		color: #fff;
	    padding: 10px;
	    min-width: 115px;
	    display: inline-grid;
	    border-radius: 5px;
	    margin-left: 5px;
	}
	.item_oracamento ul{
		display: none;
		transition: none;
	}
	.item_oracamento ul li{
		display: block;
		margin: 10px 0;
		color: #546e7a;
	}
	.seta{
		float: right;
		font-size: 25px;
		font-family: monospace;
		cursor: pointer;
	}
	.tb_orcamento .save_orcamento{
		display: none;
	}
	.tb_orcamento .zmdi-edit,
	.tb_orcamento .zmdi-check-all,
	.btn-vincular,
	#criar_novo_orcamento,
	.btn-editar-perfil	{
		cursor: pointer;
	}
	#excel{
		display: none;
	}
	.excel{
		color: #fff;
		background: #1a468d;
		padding: 10px 15px;
		width: fit-content;
		border-radius: 100px;
		border: solid 2px #1a468d;
		cursor: pointer;
	}
	.excel:hover{
		color: #1a468d;
		background: #fff;
		padding: 10px 15px;
		width: fit-content;
		border-radius: 100px;
		border: solid 2px #1a468d;
	}
	.criar-novo{
		border-radius: 100px;
		color: #1a468d !important;
		background: #fff;
		width: 30px;
		height: 30px;
		margin: -3px 0 0 17px;
		text-align: -webkit-center;
		font-size: 22px;
	}
	.porcentagem_orcamento{
		width: 50px;
		border-bottom: solid 2px #1a468d;
	}
	.perfil_selects .selects{
		margin-top: 20px;
		height: 300px;
		overflow-x: hidden;
	}
	.perfil_selects .selects div{
		display: -webkit-inline-box;
		padding-left: 20px;
		width: 320px;
	}
	.perfil_selects .selects div.titulo{
		padding-left: 0px;
	}
	.perfil_selects .selects div b,
	.perfil_selects .selects div p{
		margin-left: 10px;
		max-width: 210px;
		margin-bottom: 5px;
		display: block;
	}
	.perfil_selects .selects div label{
		margin-bottom: 0px;
	}
	.voltar_bloco{
		position: initial;
		float: left;
		width: 30px;
		height: 30px;
		background: #1a468d;
		color: #fff;
		border-radius: 50%;
		font-weight: bold;
		padding-top: 7px;
		cursor: pointer;
		margin: 15px;
	}
	.perfil_selects{
		display: none;
		border: solid 1px #546e7a;
		color: #546e7a;
		position: absolute;
		width: 320px;
		background: #fff;
		box-shadow: 0 0 20px 0px #00000054;
		padding: 10px;
		transition: none;
	}
	.perfil_selects .fechar{
		position: absolute;
		right: 0;
		top: 0;
		width: 25px;
		height: 25px;
		background: #1a468d;
		color: #fff;
		text-align: center;
		border-bottom-left-radius: 11px;
		cursor: pointer;
	}
	.dias-uteis{
		padding-bottom: 15px;
	}
	.dias-uteis .pendentes,
	.dias-uteis .concluidos{
		border: solid 2px #546e7a4a;
		border-left: none;
		border-right: none;
	}
	.dias-uteis .pendentes div,
	.dias-uteis .atrasados div,
	.dias-uteis .concluidos div{
	    border-left: solid 3px;
	    margin: 5px 0;
	    padding: 10px 15px;
	    display: flex;
	}
	.dias-uteis .pendentes div span,
	.dias-uteis .atrasados div span,
	.dias-uteis .concluidos div span{
		text-align: center;
		line-height: normal;
		margin-right: 20px;
		font-size: 13px;
	}
	.dias-uteis .pendentes div span b,
	.dias-uteis .atrasados div span b,
	.dias-uteis .concluidos div span b{
		color: #000;
		font-size: 22px;
		font-weight: 100;
	}
	.dias-uteis .pendentes div p,
	.dias-uteis .atrasados div p,
	.dias-uteis .concluidos div p{
		margin-top: 12px;
    	font-weight: 900;
   	    font-size: 14px;
	}
	.dias-uteis .pendentes div{
		border-color: #007bff;
	}
	.dias-uteis .atrasados div{
		border-color: red;
	}
	.dias-uteis .concluidos div{
		border-color: green;
	}
	.calendario .mes{
		background: #0171b8;
	}
	.calendario .mes th{
		color: #fff !important;
		border: none !important;
		font-weight: 100;
	}
	.calendario .semanas{
		background-color: #BBB;
	}
	.calendario .semanas th{
		color: #000;
		font-weight: 100;
	}
	.calendario .dias td{
		text-align: right;
	    height: 100px;
        width: 100px;
	    border: solid 1px #bbb;
	    color: #000;
	    padding: 0;
	}
	#ver-calendario .dias td{
	    height: 65px;
	}
	#ver-calendario .dias td.ativo{
		background: #4caf505c;
		color: green;
		cursor: pointer;
	}
	.btn-ver-calendario{
		cursor: pointer;
	}
	.calendario .dias td.outro-dia{
	    color: #bbb;
	}
	.calendario .dias td p{
		margin: 0;
	}
	.calendario .dias td p.numero{
		padding: 10px 10px 0;
	}
	.calendario .dias td p.mais_dias{
		text-align: left;
		padding-left: 6px;
		font-size: 12px;
		padding-top: 2px;
		padding-bottom: 2px;
		color: #fff;
		min-height: 22px;
		background: #00cfd1;
	}
	.calendario .dias td p.um_dias{
		text-align: left;
		padding-left: 6px;
		font-size: 12px;
		padding-top: 2px;
		padding-bottom: 2px;
		min-height: 22px;
		border-left: solid 2px #00cfd1;
	}
	textarea.textarea2{
		padding: 15px;
	    width: 100%;
	    height: 100%;
	    border: solid 1px #1a468d;
	    border-radius: 15px;
	    resize: none;
	    min-height: 265px;
	    font-size: .8571em;
	}
	h2 a,
	h2 .select_dia{
		float: right;
		color: #1a468d !important;
	    margin-left: 14px;
		font-weight: 600;
	}
	.foto-dia img{
		width: 100%;
	    height: 110px;
	    object-fit: cover;
	}
	.foto-dia p{
	    margin-bottom: 5px;
	    display: flex;
	    background: #e38b39;
	    border-bottom-left-radius: 15px;
	    border-bottom-right-radius: 15px;
	    justify-content: center;
	    opacity: 0;
	}
	.foto-dia .col-xl-3:hover p{
	    opacity: 1;
	}
	.foto-dia p i{
		margin: 6px 15px;
    	color: #fff;
	}
	.pop-input::placeholder { color: #2c2c2c7d; }
	.pop-input:-ms-input-placeholder { color: #2c2c2c7d; }
	.pop-input::-ms-input-placeholder { color: #2c2c2c7d; }
	.opt-status .options-status{
		position: absolute;
		margin: -15px 0 0 -61px;
		background: #fff;
		display: none;
	}
	.opt-status .options-status p{
		border: solid 1px;
		margin: -1px 0 0;
		padding: 0 5px;
		cursor: pointer;
		color: #546e7a;
	}
	.opt-status:hover .options-status{
		display: block;
	}
	.aprovacao{
		text-align: center;
	}
	.aprovacao i{
		cursor: pointer;
	}
	.aprovacao i.off{
		color: #546e7a;
	}
	.aprovacao i.zmdi-thumb-up{
		color: green;
	}
	.aprovacao i.zmdi-close-circle{
		color: #546e7a;
	}
	.aprovacao i.zmdi-close-circle:hover,
	.aprovacao i.zmdi-close-circle:active{
		color: red !important;
	}
	.type-1,
	.type-2,
	.type-3{
		width: 26px;
		height: 20px;
		margin: 0 auto;
		text-align: center;
		border: solid 2px;
		align-items: center;
		align-self: center;
		vertical-align: middle;
		display: table;
		font-weight: 700;
		cursor: help;
	}
	.type-1{
	    color: #1a468d;
	    background: #1a468d52;
	}
	.type-2{
	    color: #1c682d;
	    background: #1c682d52;
	}
	.type-3{
		color: #e16700;
		background: #e1670052;
	}
	.status-1{
		background-color: #ffcbcb;
	}
	.status-2{
		background-color: #EEE;
	}
	.status-3{	
		background-color: #cfe2ff;
		
	}
	.status-4{
		background-color: #b3ecbf;
	}
	.status-5{
		background-color: #f0ff7587;
	}
	.status-6{
		background-color: #ffc775;
	}
	.status-7{
		background-color: #dd75ff87;
	}
	.status-8{
		background-color: #d2c897;
	}
	.status-9{
		background-color: #dbbca8;
	}
	.status-10{
		background-color: #CDF5F6;
	}
	.status-11{
		background-color: #D6CDEA;
	}
	.status-12{
		background-color: #FFF;
	}
	.status-13{
		background-color: #FFF;
	}	
	.status-14{
		background-color: #EAE2B7;
	}
	.status-15{
		background-color: #003049;
	}
	.status-16{
		background-color: #F77F00;
	}
	.status-17{
		background-color: #81D2C7;
	}
	.status-18{
		background-color: #B5BAD0;
	}
	.status-19{
		background-color: #7389AE;
	}
	
	.invoice-status-1{
		background-color: #cfe2ff;
	}
	.invoice-status-2{
		background-color: #f0ff7587;
	}
	.invoice-status-3{
		background-color: #b3ecbf;
	}
	.invoice-status-4{
		background-color: #ffcbcb;
	}

	.legend .legend-title {
		text-align: left;
		margin-bottom: 5px;
		font-weight: bold;
		font-size: 90%;
	}

	.legend .legend-scale ul {
		margin: 0;
		margin-bottom: 5px;
		padding: 0;
		float: left;
		list-style: none;
		/*display: flex;*/
	}

	.legend .legend-scale ul li {
		font-size: 80%;
		list-style: none;
		margin-left: 0;
		line-height: 18px;
		margin-bottom: 2px;
		margin-right: 30px;
		float: left;
	}

	.legend ul.legend-labels li span {
		display: block;
		float: left;
		height: 16px;
		width: 30px;
		margin-right: 5px;
		margin-left: 0;
		border: 1px solid #999;
	}

	.legend .legend-source {
		font-size: 70%;
		color: #999;
		clear: both;
	}

	.legend a {
		color: #777;
	}

	.financial {
		margin-top: 20px;
	}
	.btn-new input {
		background-color: #1a468d;
		border-radius: 50%;
		color: #FFF;
	}
	.btn-new span {
		color: #1a468d;
	}
	.btn_mini {
		float: right;
	    padding: 5px 10px;
	    background: #1a468d;
	    border-radius: 50px;
	    text-align: center;
	    border: solid 2px #1a468d;
	    transition: ease .8s all;
	    cursor: pointer;
	    width: 100px;
	    color: #fff !important;
	    font-size: 13px;
	    font-weight: 100;
	}
	.btn_mini:hover{
	    background: #fff;
	    color: #1a468d !important;
	}
	.bloco-checkbox {
		margin-bottom: 10px;
    	text-align: left;
	}
	.title-checkbox {
		color: #1a468d;
	    font-weight: bold;
	    text-transform: uppercase;
	}
	.tr-disabled {
		background-color: #ccc6;
	}
	/* Opção para um próximo status: background-color: #70aadc87; */
/***************************************************************************
        Responsive
***************************************************************************/
	@media (max-width: 1169px){
		.navbar {
		    width: 100%;
		}
		#menu_lateral {
		    margin-left: -300px;
		}
		.btn_menu{
		    display: block;
		}
		section.conteudo {
		    margin: 60px 0px 15px 0px;
		}
	}
	@media (max-width: 991px){
		.card .check{
			display: contents;
		}
		.card .check div{
			padding: 0 10px;
			white-space: nowrap;
		}
		.foto-dia img{ height: 200px; }
	}
	@media (max-width: 767px){
		.navbar .user-info{
			display: none!important;
		}
		.navbar .ajuste{
			margin-top: 0px;
		}
		#pesquisar{
			margin: 0px 15px 30px;
		}
		.titulo-pesquisa{
			width: 100%;
		}
		.btn_direita,
		.btn_esquerda{
			width: 100%;
			margin: 10px 0;
			cursor: pointer;
		}
	}
	@media (max-width: 500px){
		.table{
			position: relative;
		}
		.pop-up{
			margin-left: 0px;
		}
	}
	@media (max-width: 500px){
		.new-case.click{
		    padding: 75px 00px 50px;
		}
	}
	@media (max-width: 380px){
		.alterar a {
		    margin-top: 10px;
		    margin-left: 0;
			display: block;
		}
	}