#botao_fechar{
	color: #e74c3c;
	border: 2px solid #e74c3c;
	background-color: white;
	cursor: pointer;
	font-size: 14px;
	border-radius: 4px;
	font-weight: bold;
	transition: all .5s;
}
#botao_fechar:hover{
	background-color: #e74c3c;
	color: white;
}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
	right: 0;
  	display: none;
  	position: absolute;
  	background-color: #f9f9f9;
  	min-width: 160px;
  	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  	
  	z-index: 1;
}
.dropdown-content p{
	color: black;
	margin: 0px;
	padding: 8px;
	font-weight:  normal;
	cursor: pointer;
	transition: all .5s;
	font-size: 16px;
	text-align: center
}
.dropdown-content p:hover{
	background-color: #bdc3c7;
}
.dropdown:hover .dropdown-content {
  display: block;
}
#flip-card {
  background-color: transparent;
  width: 300px;
  height: 450px;
  perspective: 1000px;
}

#flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
#flip-card-inner2 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

/*#flip-card:hover #flip-card-inner {
  transform: rotateY(180deg);
}*/

#flip-card-front, #flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

#flip-card-front {
  background-color: #bbb;
  color: black;
}

#flip-card-back {
  
  color: white;
  transform: rotateY(180deg);
}
.green{
	color:#27ae60;
	margin: 0;
	text-align:center;
	font-size: 16px;
}
.button-pg-a{
	border: none;
	background-color: transparent;
	font-size: 16px;
	color: #3498db;
	cursor: pointer
}
.button-pg-i{
	border: none;
	background-color: transparent;
	font-size: 16px;
	color: gray;
}
.red{
	margin: 0;
	color:#e74c3c;
	text-align:center;
	font-size: 16px;
}
.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
}

.switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 17px;
	width: 17px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
hr{
	
	border-top:1px solid #3498db;
}
input:checked + .slider {
	background-color: #e74c3c;
}

input:focus + .slider {
	box-shadow: 0 0 1px #e74c3c;
}

input:checked + .slider:before {
	-webkit-transform: translateX(19px);
	-ms-transform: translateX(19px);
	transform: translateX(19px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 20px;
}
.root{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.slider.round:before {
	border-radius: 50%;
}
fieldset{
	border: 1.5px solid #3498db;
	border-radius: 4px;
	color: #3498db;
	margin: 10px;
	padding: 4px;
}
legend{
	font-size: 16px;
}
fieldset input{
	width: 90%;
	font-size: 16px;
	border: none;
	margin-left:5px;
	margin-bottom:5px;
	font-family: "Source Sans Pro", sans-serif;
}
.init{
	margin-left:0px;
	animation: mymoveinit .5s;
}
@keyframes mymoveinit {
  from {margin-left:-2600px;}
  to {margin-left:0px;}
}
.modal-background-info{
	
	padding: 10px;
	margin: auto;
	width: 400px;
	max-height: 500px;
	background-color: white;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #2e2e2e;
	transition: all .2s;

	
}

.modal-background-info:hover{
	box-shadow: 7px 7px 7px #2e2e2e;
}
.modal-informacoes{
	max-height: 250px;
	overflow-y: scroll;
}
#painel{
	display: none
}
.ver-mais{
	background-color: white;
	border:none;
	font-size: 18px;
	cursor: pointer;
	width: 100%;
	color: #3498db;
}
.text-blue{
	font-size: 18px;
	color: #3498db;
}
.button-basic-blue{
	background-color: white;
	padding: 7px;
	font-size: 16px;
	border-radius: 4px;
	color:#3498db; 
	border:2px solid #3498db;
	cursor: pointer;
	transition: all .3s;
}
.button-basic-blue:hover{
	color:white;
	background-color: #3498db;
}
.button-basic-red{
	background-color: white;
	padding: 7px;
	font-size: 16px;
	border-radius: 4px;
	color:#e74c3c; 
	border:2px solid #e74c3c;
	cursor: pointer;
	transition: all .3s;
}
.button-basic-red:hover{
	color:white;
	background-color: #e74c3c;
}
select{
	padding: 7px;
	font-size: 16px;
	border: 1px solid #bdc3c7;
	border-radius: 5px;
}
.grid-container2 {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: auto auto;
	padding: 10px;
	
	
}
.input-without-borda{
	text-align: center;
	font-size: 14px;
	border: none;
	background-color: transparent;
}
.grid-container3 {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: auto auto auto;
	padding: 10px;
}
.grid-container4 {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: auto auto auto auto;
	padding: 10px;
}
.grid-item {
	font-size:16px;
	text-align: center;
}
table {
	width: 100%;
	border-collapse: collapse;
}

th, td {
  	padding: 8px;
  	text-align: center;
  	

}
td{
	border-bottom: 1px solid #ddd;
	font-size: 14px
}
.obs b{
	color: white;
	background-color: orange;
	padding: 2px;
	border-radius: 5px;
}
.title-th th{
	background-color: white;
	color: #3498db;
	text-align: center;
	border-bottom: 1px solid white;
}
th{
	background-color: white;
	color: #3498db;
	text-align: center;
	border-bottom: 1px solid #3498db;
}
.lin{transition: all 0.5s ease 0s;}
.lin_another{transition: all 0.5s ease 0s;}
.lin:hover {background-color:#ecf0f1}
.lin:hover + .lin_another{background-color:#ecf0f1}
.div_basic{
	box-shadow: 2px 2px 2px #888888;
	overflow: hidden;
	background-color: white;
	border-radius: 5px;
	
	transition: all 0.2s;
}
.div_basic:hover{
	box-shadow: 7px 7px 7px #888888;
}
:root{
	/*--first:white;
	--second:rgb(40, 36, 52);
	--third:rgb(140, 132, 155);
	--fourth:rgb(30, 27, 38);
	--five:rgb(32, 30, 41);
	--six:rgb(59, 54, 73);
	--seven:rgb(66, 62, 81);*/
	--first:white;
	--second:#ecf0f1;
	--third:#34495e;
	--fourth:#34495e;
	--five:#dde4e6;
	--six:#34495e;


}
#msg-modal{
	width: 100%;
}
.modal-msg{
	position: absolute;	
	

	color: white;
	bottom:10px;
	z-index: 20;
	border-radius: 4px;
	left:calc(50% - 300px);
	width: 600px;
	
	
	animation: mymove .5s;
	
}
#into-modal-msg{	
	background-color: #2c3e50;
	color: white;

	border-radius: 4px;
	transition: all .5s;
	z-index: 20;
}
.modal-msg p{
	font-size: 18px;
	margin: 0;

}
@keyframes mymove {
  from {bottom: -100px;}
  to {bottom: 10px;}
}
#into-modal-msg:hover{
	box-shadow: 2px 5px 4px rgba(0,0,0,0.5);
}
.modal-background{
	position: absolute;	
	

	padding-top: 100px;
	background-color: rgba(0,0,0,0.5);
	z-index: 20;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.modal{
	box-shadow: 2px 5px 4px rgba(0,0,0,0.5);
	background-color: white;
	width: 300px;
	height: 120px;
	padding: 20px;
	margin: auto;
	border-radius: 5px;
}
.modal-title{
	color: #3498db;
	font-size: 22px;
	text-align: center;
}

body{
	font-family: "Source Sans Pro", sans-serif;
	margin: 0px;
	padding: 0px;
	
}
.id{
	box-sizing: border-box;
	min-height: 100%;
}
.container{
	display: flex;
	-moz-box-align: stretch;
	align-items: stretch;
	height: 100%;
	min-height: 100vh;
}
.dash{
	width: 80px;
	background: var(--second) none repeat scroll 0% 0%;
	color: var(--first);
	z-index: 10;
}
.dash header{
	background: white none repeat scroll 0% 0%;
	padding: 1px 5px;
	display: flex;
	-moz-box-align: center;
	align-items: center;
	-moz-box-pack: justify;
	justify-content: space-between;
	
	
}
.dash header img{
	
	width: 70px;
	
}
.dash section{
	height: calc(100% - 72px);
	display: flex;
	
	width: 80px;
	
	flex-direction: column;
	-moz-box-pack: justify;
	justify-content: space-between;
}
.dash section nav{
	margin-top: 20px;
}
.dash section nav ul{
	padding-left: 0px;
	margin-top: 0px;
	list-style: outside none none;
}
.dash section nav ul li a{
	width: 100%;
	display: flex;
	flex-direction: column;
	-moz-box-align: center;
	align-items: center;
	padding: 15px 0px;
	-moz-box-pack: center;
	justify-content: center;
	color: var(--third);
	font-size: 14px;
	transition: all 0.1s ease 0s;
	border: 0px none;
	text-decoration: none;
}
.dash section nav ul li a:hover, .dash section nav ul li a.active{
	background-color: var(--fourth);
	color: var(--first);
}
.dash section nav ul li a:hover i, .dash section nav ul li a.active i{
	color: var(--first);
}
.index{
	flex: 1 1 0%;
	display: flex;
	flex-direction: column;
	-moz-box-align: stretch;
	align-items: stretch;
	position: relative;
	background: var(--five) none repeat scroll 0% 0%;
	color: var(--first);
	
}
.top{
	
	
	display: flex;
	height: 72px;
	background: var(--second) none repeat scroll 0% 0%;
	-moz-box-pack: justify;
	justify-content: space-between;
	-moz-box-align: center;
	align-items: center;
	padding-left: 30px;
	padding-right: 30px;
	border-bottom: 1px solid var(--six);
}
.top h1{
	font-size: 24px;
	display: flex;
	-moz-box-align: center;
	align-items: center;
	color: var(--third);
}
.info{
	display: flex;
	-moz-box-align: center;
	align-items: center;
}
.info .icon{
	width: 36px;
	height: 36px;
	border-radius: 100px;
	background: var(--third) none repeat scroll 0% 0%;
	display: flex;
	-moz-box-pack: center;
	justify-content: center;
	-moz-box-align: center;
	align-items: center;
	color: var(--first);
	font-size: 22px;
	font-weight: 600;
	margin-right: 15px;
}
.info .nome{
	cursor: pointer;
}
.nome span{
	font-size: 18px;
	margin-right: 8px;
	color: var(--third)
}
.corpo{
	flex: 1;
	margin: auto;
	
	
	
	overflow-x: auto;
}
.include{
	
	width: 85vw;
	height: 550px;
	color: black;
	
	padding: 20px;
}