/* -------------------------------------------------------------------------------- */
/*

    ,o888888o.       d888888o.      d888888o.             8 888888888o.   8 888888888o
   8888     `88.   .`8888:' `88.  .`8888:' `88.           8 8888    `88.  8 8888    `88.
,8 8888       `8.  8.`8888.   Y8  8.`8888.   Y8           8 8888     `88  8 8888     `88
88 8888            `8.`8888.      `8.`8888.               8 8888     ,88  8 8888     ,88
88 8888             `8.`8888.      `8.`8888.              8 8888.   ,88'  8 8888.   ,88'
88 8888              `8.`8888.      `8.`8888.             8 888888888P'   8 8888888888
88 8888               `8.`8888.      `8.`8888.            8 8888`8b       8 8888    `88.
`8 8888       .8' 8b   `8.`8888. 8b   `8.`8888.           8 8888 `8b.     8 8888      88
   8888     ,88'  `8b.  ;8.`8888 `8b.  ;8.`8888           8 8888   `8b.   8 8888    ,88'
    `8888888P'     `Y8888P ,88P'  `Y8888P ,88P'           8 8888     `88. 8 888888888P



*/
/* -------------------------------------------------------------------------------- */

/*

 =========================================================
 	ATENDIMENTO - v.1.0
 =========================================================
 
	*	Atendimento - UI (user interface) by Pergamum V.10					 
	*	by Bourscheid, Ricardo 	 
	*	2023 						 

*/

/* -------------------------------------------------------------------------------- */

 

/* --- CARDS --- */
	.card [data-background-color="vermelho"] {
	    box-shadow: 0 12px 20px -10px rgba(var(--vermelho), 0.3), 0 4px 20px 0px rgba(var(--vermelho), 0.1), 0 7px 8px -5px rgba(var(--vermelho), 0.2);
	    background: url(../../resources/img/montanha.png) , url(../../resources/img/card_tema.svg) , rgba(var(--vermelho),1);
	    background-size: 100%;
	    background-position: 0px 50%, center;
	}
	.card.widgets {
		padding: 10px;
		margin-bottom: 16px;
	}
	.card.widgets .title > i {
		font-size: 16px;
	}
	.card.widgets .title > .titulo {
	    font-size: 16px;
	    font-weight: 400;
	}
	.card.widgets > .card-header {
	    margin: -30px 8px 8px 8px;
	    border-radius: 8px !important;
	    padding: 3px 10px 5px 10px;
	}
/* --- .CARDS --- */
	
				

/* -------------------------------------------------------------------------------- */
/* --- MEDIAS QUERY --- */

	@media (min-width: 576px) 
		{ /*...*/ }
	
	
	@media only screen and (max-width: 768px) 
		{ /*...*/ }
	
	
	@media only screen and (max-width: 991px) 
		{			
				
		}
	
	@media (min-width: 992px) 
		{ /*...*/ }
	
	@media (min-width: 1200px) 
		{ /*...*/ }
		
/* --- .MEDIAS QUERY --- */
/* -------------------------------------------------------------------------------- */