.has-error{
    border-color:red
  }
  
  
  
  
#cookie_directive_container{
z-index:9000000;
color:white;
position:fixed;bottom:0
}

#cookie_accept
{
padding:20px;
margin:20px;border-radius:20px;background-color:#333;border-shadow:#cc0000
}


/*Charts*/

.main-chart {
	background: #fff;
}

.easypiechart-panel {
	text-align: center;
	padding: 1px 0;
	margin-bottom: 20px;
	border: 1px solid silver;
}

.placeholder h2 {
	margin-bottom: 0px;
}

.donut {
	width: 100%;
}

.easypiechart {
	position: relative;
	text-align: center;
	width: 120px;
	height: 120px;
	margin: 20px auto 10px auto;
}

.easypiechart .percent {
	display: block;
	position: absolute;
	font-size: 26px;
	top: 38px;
	width: 120px;
}

#easypiechart-blue .percent { color: #30a5ff;}
#easypiechart-teal .percent { color: #1ebfae;}
#easypiechart-orange .percent { color: #ffb53e;}
#easypiechart-red .percent { color: #ef4040;}


	#recsmall * {font-size:13px}

	.table-sm tr th,.table-sm tr td{font-size:12px}
		.table-sm tr td .btn{padding:1px;font-size:12px}
	
	
		#risposta *{font-size:13px}
		.modal-header{padding:0px}
		.modal-footer{padding:0px}
		.btn-close{z-index:10000}
		.modal-title{padding:5px}
		fieldset {position:relative;margin-bottom:40px;width:99%;padding:10px;padding-top:20px;border-radius:5px;border:solid 1px #c0c0c0;}
		fieldset legend {width:auto;background-color:#333;color:white;padding:3px;font-weight:700;font-size:13px;position:absolute;top:-15px}
		
		
		
		.leadinModal-reset{display:none}
	
		
 
 img {max-width:100%}

        #banner-container {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: #f1f1f1;
            padding:10px;
            text-align: center;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
            z-index:100000;
        }

        #banner-image {
            max-width: 100%;
            max-height: 600px;
        }

        #close-button {
            position: absolute;
            top:-20px;
            right:-20px;
            cursor: pointer;
            display:block;
            background-color:#fff;
            border-radius:20px;
            width:40px;
            color:#000;
            font-weight:bold;
            font-size:20px;
            height:40px;
             box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
             line-height:40px;
        }
		
		
		
		
		
		        #necessary {
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      width: 20px;
      height: 20px;
      border: 2px solid #666; /* Borde negro */
      //border-radius: 50%; /* Bordes redondeados para formar un círculo */
      outline: none;
      background-color: #666; /* Fondo negro */
      cursor: pointer;
    }      
  
  #cookieconsent *{ font-size:13px }
  #cookieconsent h5{ font-size:15px }