html {
    scroll-behavior: smooth !important;
}
  
body {
    background-color: #f5f5f5 !important;
      
}

a {
	text-decoration: none !important;
}

.reado {
	pointer-events: none !important;
	touch-action: none !important;
	cursor: default;
    background: #E9ECEF !important;
    color: -internal-light-dark(rgb(84, 84, 84), rgb(170, 170, 170)) !important;
    border-color: rgba(118, 118, 118, 0.3) !important;
  }

table.dataTable {
    margin: 0px 0 15px 0 !important;
    border-collapse: collapse !important;
}

.dataTables_length {
    margin: 0px 0 10px 0 !important;
}

.datatablec_filter {
    margin: 0px 0 10px 0 !important;
}

table { 
	font-size: 80% !important;
	width: 100% !important; 
	border-collapse: collapse !important; 
	border: 0.02px solid #ccc !important;
}
  
th { 
	background: #f8f9fa !important; 
	color: #000c28 !important;
	font-weight: bold !important; 
}

td, th { 
	max-width: 160px !important; 
	word-wrap: break-word !important; 
	padding: 6px !important; 
	border: 0.02px solid #ccc !important; 
	text-align: center !important; 
	vertical-align: middle !important; 
}

@media only screen and (max-width: 1200px),(min-device-width: 1200px) and (max-device-width: 1200px)  {
  
	  /* Force table to not be like tables anymore */
	  table, thead, tbody, th, td, tr { 
		  display: block; 
	  }
	  
	  /* Hide table headers (but not display: none;, for accessibility) */
	  thead tr { 
		  position: absolute;
		  top: -9999px;
		  left: -9999px;
	  }

	  tr { 
	  border: 1px solid #ccc; 
	  margin-bottom: 15px;
	  }
	  
	  td { 
		  /* Behave  like a "row" */
		  width: 100% !important;
		  word-wrap: break-word !important; 
		  max-width: 1200px !important; 
		  border: none;
		  border-bottom: 0.5px solid #eee; 
		  position: relative;
		  padding-left: 50%; 
	  }

	  #datatablec{
		margin-top: 15px !important;
	  }

	  .odd td{
		width: auto !important;
	  }

	  .even td{
		width: auto !important;
	  }
	  
	  td:before { 
		  /* Now like a table header */
		  position: absolute;
		  /* Top/left values mimic padding */
		  top: 6px;
		  left: 6px;
		  width: 45%; 
		  padding-right: 10px; 
		  white-space: nowrap;
  }
}

.size {
	max-width: 1350px !important;
}

.sombra {
	border: #ddd solid 1px !important;
	margin: 20px !important;
	background-color: #ffffff !important;
	padding: 20px !important;
}

.sombra-m {
	border: #ddd solid 1px !important;
	background-color: #ffffff !important;
	padding: 20px !important;
	margin: 0px !important;
}

.logo {	
	width: 240px !important;
	height: auto !important;
	text-align: center !important;		
}

.logotext {
	font-weight: bold !important;
	text-align: center !important;	
}

.submenu {
	margin: auto !important;
	text-align: center !important;
}

.red{
	color:red !important;
	font-weight: bold !important;
	text-align: center !important;
}

.green{
	color:green !important;
	font-weight: bold !important;
	text-align: center !important;
}

.red-a{
	background-color:#C7000F !important;
	color:#fff !important;
}

.yellow-a{
	background-color:#feb817 !important;
	color:#fff !important;
}

.green-a{
	background-color:green !important;
	color:#fff !important;
}

.blue-a{
	background-color:#2250DC !important;
	color:#fff !important;
}

.black-a{
	background-color:#000 !important;
	color:#fff !important;
}

.table-grey{
	background-color: #e6e6e6 !important;	
}

.form-group{
	margin-bottom: 0px !important;
}

.hide{
	display: none !important;
}

.lic{
	width: auto !important;
	height: 100px !important;
}


.fancybox-download:before {
	top: 14px !important;
	left: 22px !important;
	border-left: 2px solid #fff !important;
	height: 12px !important;
  }
  
.fancybox-download:after {
	bottom: 18px !important;
	left: 23px !important;
	height: 8px !important;
	border-bottom: 2px solid #fff !important;
	border-right: 2px solid #fff !important;
	width: 8px !important;
	background: transparent !important;
	transform: rotate(45deg) !important;
	transform-origin: 0 0 !important;
}

.embed-container { position: relative !important; padding-bottom: 56.25% !important; height: 0 !important; overflow: hidden !important; max-width: 100% !important; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; }

.thumb{
	width: 150px !important;
	height: auto !important;
}

.ql-editor {
	height: 400px !important;
}

.logoe{
    width: 85px !important;
    height: auto !important;
    margin: 0px -25px 0px -25px !important;
}

.logot{
	max-width: 120px !important;
	width: 100% !important;
	height: auto !important;
}

.logod{
	max-width: 120px !important;
	width: 100% !important;
	height: auto !important;
}

.btn-link {
    text-decoration: none !important;
}

.fcontainer {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  }
  
  /* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.accordion-header{
	height: 30px !important;
}

.accordion-button{
    padding-bottom: 5px !important;
    padding-top: 5px !important;
	font-size: 14px !important;
}

p {
    margin-top: 0 !important;
    margin-bottom: 0px !important;
}