/*Botões*/
		buttons{
			position: relative;
			float: left;
			width: 100%;
			height: 42px;
			padding: 5px;
			box-sizing: border-box;
			border-top: #DDD solid 1px;
		}
		buttons button{
			position: relative;
			float: right;
			top:6px;
			border:none;
			outline: none;
			color:#FFF;
			font-size: 12px;
			padding: 5px 12px;
			margin-right: 1px;
			background: var(--background-buttons);
			cursor: pointer;
		}
		buttons button:hover{
			background: var(--background-buttons-hover);
		}
		buttons button[disabled]{
			opacity: 0.6;
		}
		
		buttons button:first-of-type {
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;	
		}
		buttons button:last-of-type {
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
		}

		buttons card{
			position: relative;
			float: left;
			cursor: context-menu;
			margin-right:4px;
			padding: 4px 8px;
			background: #f2f4ff;
			border-radius:5px;
			border:#d6dbff solid 1px;
			display: inline-flex;
			flex-direction: column;
			align-items: flex-start;
			width: fit-content;
			transition:0.4s;
		}
		buttons card:hover{
			border:#666 solid 1px;
		}
		buttons card img{
			position:relative;
			top:6px;
			left:2px;
			width:20px;
			height:20px;
			cursor:pointer;
		}
		buttons card section{
			position: relative;
			float: left;
			width: auto;
			font-size: 8px;
			box-sizing:border-box;
			text-transform: uppercase;
		}
		buttons card value{
			position: relative;
			float: left;
			font-size: 12px;
			font-weight: 600;
			color: #222;
		}
		buttons card count{
			position:relative;
			top:5px;
			left:-10px;
			border:orange solid px;
			background: red;
			color:#FFF;
			padding:2px 4px;
			border-radius:100px;
			font-size:8px;
		}
		buttons space-card{
			position:relative;
			float:left;
			width: 10px;
			height:100%;
		}

		/*Ocultar os cards da janela principal*/
		@media (max-width: 720px) {
			buttons card{
				display:none;
			}
		}

	


		/*Botões auxiliares da footer*/
		buttons div{
			position: relative;
			float: left;
		}

		buttons div img{
			position: relative;
			top:8px;
			width: 28px;
			height: 28px;
			margin-right:5px;
			cursor:pointer;
		}
		buttons div[type='button'] img{
			position: relative;
			top:2px;
			margin:0px;
			width: 28px;
			height: 28px;
			padding:6px;
			cursor:pointer;
		}