@import url('https://fonts.googleapis.com/css2?family=Allerta+Stencil&display=swap');
body{
background-color:#fff;
}
/*
.card{
border-radius: 23px;
background: #e0e0e0;
box-shadow:  5px 5px 14px #5a5a5a,
             -5px -5px 14px #ffffff;
	
}
*/

time{
  border: 1px solid #f7f7f7;
  padding: 4px 12px;
  baclground-color: black;
  color: #f7f7f7;
  font-size: 2em;
  font-weight: 300;
  border-radius: 4px;
}
.colaborador{
color:#19b4b9;	
font-family: 'Allerta Stencil', sans-serif;
font-weight:900;
}

label{
font-size:15px;
color:#000;
font-family: 'Allerta Stencil', sans-serif;
font-weight:900;
}
.card{

padding:10px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin-top:10px;
	border-radius:10px;
   /*background-color:red;
	padding:10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	*/
	transition: border-radius 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}



.card-header{
  /* background-color:#19b4b9;*/
   background: linear-gradient(#19b4b9,#128387);
   padding: 20px;
}
.fas {
	color:#19b4b9;
	
	font-family: 'Allerta Stencil', sans-serif;
	text-transform: capitalize;
}



h2{
	font-size:8px;
	color:green;
}
.card-title{
	
font-size:20px;
color:#000;
font-family: 'Allerta Stencil', sans-serif;
text-transform: capitalize;
}
.btn-secondary{
font-family: 'Allerta Stencil', sans-serif;
text-transform: capitalize; 
font-size:16px;
border-radius:5px;
padding:7px;
color:#fff;
}

.btn-primary{
font-family: 'Allerta Stencil', sans-serif;
text-transform: capitalize; 
font-size:16px;
border-radius:5px;
padding:7px;
color:#fff;
}
.btn-warning{
font-family: 'Allerta Stencil', sans-serif;
text-transform: capitalize; 
font-size:16px;
border-radius:5px;
padding:7px;
color:#fff;
}
.btn{
 /*box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);*/
  font-family: 'Allerta Stencil', sans-serif;
text-transform: capitalize; 
background-image: linear-gradient(#6c757d, #3b4044);
font-size:12px;
}


 .btn-grad {
     background-image: linear-gradient(#6c757d, #3b4044);
                        
                        
 /*box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);*/

            margin-right: 2px;
            padding: 10px 10px;
            text-align: center;
            
            transition: 0.5s;
            background-size: 200% auto;
            color:#fff;           
            /*box-shadow: 0 0 20px #eee;*/
           border-radius: 10px;
            display: block;
			font-size:14px;
			
			font-family: 'Allerta Stencil', sans-serif;
			text-transform: capitalize;
          }

          .btn-grad:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }
		  
		  
		  
		  

h6{
	color:#ffffff;
	font-family: 'Allerta Stencil', sans-serif;
	text-transform: capitalize;
}
table{
	margin-top:50px;
}

thead{
background-color:#19b4b9;
}
th{
	color:#fff;
	font-family: 'Allerta Stencil', sans-serif;
	text-transform: capitalize;
	font-weight:100;
	font-size:13px;
}
.form-select{
	margin-bottom:10px;
}

#busca{
	margin-bottom:10px;
}


table{
	background-color:#fff;
}

/*tela login
.gradient-custom {
/* fallback for old browsers 
background: #6a11cb;

/* Chrome 10-25, Safari 5.1-6 
background: -webkit-linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1));

/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ 
background: linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1))
}
*/
@media only screen and (max-width: 600px) {
	.form-select{
	margin-bottom:10px;
	
}

#busca{
	margin-bottom:10px;
	
}
 .btn-grad {
 margin-bottom:10px;
font-size:14px;
margin-top:10px;
 }

   
 /* body {
    background-color:red;
  }
	
	.card-title{
		font-size:16px;
	}
	
	.btn{
		font-size:16px;
	}
	.table{
		width:100%;
		background-color:#000;
	}*/
}