@font-face {
    font-family: Tumbly;
    src: url("fonts/Tumbly.otf") format("opentype");
}


html {
  scroll-behavior:smooth;
}


/*********** Textblock ***********/


.textblock {
	font-size:15px;
}

.textblock p, .textblock ul {
	line-height:150%;
	margin:10px 0;
	text-align:justify;	
}

.textblock table {
	width:100%;
	border-collapse:collapse;
	border:none;
	margin-bottom:0;
}

.textblock td {
	width:33.33%;
	display:block;
	vertical-align:top;
	float:left;
	text-align:left;
	border:none;
	padding:0;
}


.textblock td.central {
	padding:0 15px;
}


@media (min-width: 1050px) {
	.textblock tr td:nth-child(3n+1) {
			clear:left;
	}
}

@media (max-width: 759px) {
	.textblock td {
		font-size:15px;
		display:block;
		width:100%;
		padding-right:0;
	}
	
	.textblock td.central {
		padding:0;
	}
}


.textblock td h2, .textblock td h3 {
	background:url(../img/icons/heartbeat.svg) no-repeat 0 0;
	background-size:17px;
	font-size:17px;
	text-align:left;
	margin:15px 0 10px 0;
	line-height:100%;
	padding-left:32px;
}

.textblock td h3 {
	/*background:url(../img/icons/bullet2.svg) no-repeat 0 2px;
	background-size:15px;*/
	background:none;
	font-size:15px;
	color:#6e7680;
	line-height:125%;
	padding-left:0;
}

.textblock td p {
	text-align:justify;
	margin:15px 0;	
}


.textblock ul {
	list-style:none;
	padding-left:0;
	margin-left:0;
}

.textblock li {
   background:url(../img/icons/bullet.svg) no-repeat 0 4px;
   background-size:14px;
   padding-left:20px;
}

.textblock a {
	color:#656d77;	
	text-decoration:none;
}

.textblock a:hover {
	color:#0166A8;
	border-bottom:1px dotted #0166A8;	
}

.textblock h2 a, .textblock h2 a:hover {
	border:none;	
}

.textblock a.btn {
	color:#FFF;	
	/*text-transform:uppercase;*/
	letter-spacing: .5px;
	text-decoration:none;
	border-bottom:none;	
	display:inline-block;
	margin:5px 0 15px 0;
	padding:8px 25px;
}


.textblock img {
	width:450px;	
	box-shadow: 0 5px 5px -5px #232e3c;	
	border-radius:3px;
}



.textblock .left {
	float:left;
	margin:0 15px 15px 0;	
}

.textblock .right {
	float:right;
	margin:0 0 15px 15px;	
}

@media (max-width: 450px) {
  .textblock img {
	  max-width:100%;	
  }	
  
  .textblock .left {
	  margin-right:0;
  }	
  
}



.textblock td img, .col img {
	max-width:100%;
}


.textblock .evideo {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.textblock .evideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 5px -5px #232e3c;
  border-radius:3px;
}



/*********** </textblock> ***********/


.page-title, .card-title {
	font-size:20px;
	font-weight:500;
	margin:15px auto;
}

div.sticky-top {
	box-shadow: 0 5px 5px -6px #232e3c;	
}

.navbar-light {
	box-shadow:none;
}

.navbar .navbar-toggler {
	font-size:20px;
	color:#0166A8;
}


.navbar-expand-md .navbar-light .nav-item.active:after, .navbar-expand-md.navbar-light .nav-item.active:after {
	border:none;
}


.navbar .nav-item a {
	font-size:15px;
}


.navbar .nav-item a i {
	transition:.3s color;
}

.navbar .nav-item a:hover i, .navbar .nav-item a:active i, .navbar .nav-item a:focus i, .navbar .nav-item.active i {
	color:#97ca3d;
}


.dropdown-menu a:hover, .dropdown-menu a:active, .dropdown-menu a.active {
	background:#f6f6f7;
	color:inherit;	
}



.dropdown-menu .active {
	background:none;
	color:inherit;	
}


.nav-link-icon {
	margin-top:-7px;
	opacity:1;
}

header {
	font-size:15px;	
}

.content {
	min-height:300px;
}


.footer {
	background:#232E3C;
	color:#FFF;	
	border-top:3px solid #97CA3D;
	padding:25px 0;
}

.footer li, .footer a, .footer a:hover {
	color:#FFF;	
	
}


.modal-dialog {
	max-width:500px;
}


.modal-header {
	background:none; 
	border:none;	
	min-height:auto;
}



.card {
	overflow-y:hidden;
	overflow-x:scroll;
}

.card::-webkit-scrollbar {
 	display:none;	
}


.table a {
	color:#232E3C;
}


.table .labels th {
	background-color:#656d77;
	color:#FFF;
	font-size:9px;
	text-shadow:1px 1px #000;
	
}

.table td, .table th {
 font-size:15px;	
 vertical-align:middle;	
}

.table th, #measures td, #whtable td, h3 {
 text-align:center;	
}


.ui-sortable-helper {
    display:table;
}

.action:hover {
	cursor:pointer;	
}


.badd {
	margin-top:12px;
	padding:5px 10px;
	min-width:45px;
	min-height:40px;	
}

.badd i {
	font-size:18px;	
	color:#FFF;
	text-shadow:1px 1px #000;
}

.bold {
	font-weight:bold;	
}

.r0 {
	/*background:#FAFAFA;*/
}

.form-switch .form-check-input {
	width:1.7rem;	
	height:1rem;
	margin-top:5px;
}

form .form-switch .form-check-input {
	margin-top:2px;	
} 

.form-footer {
	margin-top:0;	
}



i, .icon {
	font-size:16px;
	color:#0166A8;
	text-shadow:none;
}


h2 .icon {
	font-size:17px;
	color:#97CA3D;
	margin-right:15px;
	position:relative;
	top:-2px;	
}

h2 .fa {
	top:0;	
}

h2 a {
	margin-left:10px;	
	
}

h2 a .icon {
	color:#0166A8;

}

h3 {
	font-size:17px;
	text-align:center;
	margin-bottom:10px;	
}

h3 .icon i, h3 .icon {
	font-size:17px;
	margin-left:5px;
	position:relative;
	top:-3px;	
}

h3 .icon i {
	top:1px;	
}

h3 .icon {
	color:#97ca3d;
	margin-right:10px;	
}

h3 img.icon {
	
	filter: invert(100%) sepia(37%) saturate(3813%) hue-rotate(22deg) brightness(86%) contrast(82%);
}

.w-1 img.icon { 
	width:16px;
	height:16px;
	filter: invert(22%) sepia(67%) saturate(2869%) hue-rotate(187deg) brightness(94%) contrast(99%);
}

.w-1 .icon {
	position:relative;
	top:0;	
}

.w-1 .bi {
	top:-2px;	
}

td a i {
	font-size:15px;
	color:#232e3c;
}

.alert {
	background:#FFF;
	margin-top:15px;	
}


.alert-icon {
	font-size:25px;
	color:var(--tblr-alert-color);
}

.submenu .w-1 .icon, .dropdown-menu .icon {
	color:#97CA3D;	
}

.navbar .icon {
	position:relative;
	top:3px;	
}

.navbar .bi {
	top:0;	
}

.navbar .fa {
	top:5px;	
}


.lang {
	margin-top:5px;	
}


.cols {
	display:none;	
}
	
.rows {
	display:table-row;	
}

.rows img {
	margin-top:12px;	
}

#preview {
	margin-bottom:15px;	
}

#preview img {
	border-radius:5px;
}

.input-icon i {
	font-size:16px;
	margin-top:-3px;
}

.form-label-description i {
	font-size:16px;
	color:#D63939;	
}

.error {
	color:#D63939;
}

.success {
	color:#2FB344;
}

.info {
	color:#0166A8;
}


.hide {
	display:none;	
}

.s, .s1, .s2, .s3 {
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
}

h3 .s {
 	font-size:13px; 
	font-weight:600;
	color:#0166A8;
}

.s1 {
	color:#D63939;	
}

.s2 {
	color:#F59F00;	
}

.s3 {
	color:#74b816;	
}



.footer {
	text-align:center;	
}


.nav-tabs {
	background:#0166A8;
	border:none;
}


.nav-tabs li .nav-link, .nav-tabs li .nav-link:hover {
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:.5px;
	color:#FFF;
	font-weight:600;
	text-shadow:1px 1px #000;
	padding:10px 12px;
	border:none;
	border-radius:0;
}

.nav-tabs li .nav-link:hover {
	color:#CCC;
}

.nav-tabs li .active:hover {
	color: #FFF;
}


.nav-tabs .nav-item .active {
	background:#97CA3D;
	color:#FFF;
	border:none;
	margin-bottom:0;
	
}


.nav-tabs li .icon {
	font-size:16px;
	width:16px;
	height:16px; 
	color:#FFF;
}


.nav-tabs li img.icon  {
	width:17px;
	height:17px; 
	filter: invert(90%) sepia(90%) saturate(4%) hue-rotate(289deg) brightness(110%) contrast(98%);
}

.nav-tabs li span {
	margin-left:15px;
}

h3 .avatar {
	margin-right:10px;	
}

button.btn, a.btn {
	font-weight:bold;
	
	text-shadow:1px 1px #000;	
}


div.table-responsive.card {
	padding:0;	
}

#bstable td {
	font-size:13px;
	text-align:center;	
}

.table .s {
	display:block;
}

.navbar .navbar-brand:focus, .navbar .navbar-brand:hover {
	opacity:1;	
	filter: brightness(110%);
}


header .navbar-brand-image {
	width:40px;
	height:40px;
	margin-right:10px;
}




header .avatar {
	width:38px;
	height:38px;	
}

.footer .flogo img {
	width:50px;
	height:50px;
	/*filter: drop-shadow(0px 1px 1px #000);*/
	margin-bottom:12px;
}

.footer .flogo a:hover {
	filter: brightness(110%);
}




.footer span {
	display:block;
	font:17px "Tumbly";
	font-weight:bold;
	letter-spacing:2px;
	color:#FFF;
	
}

.footer .left {
	text-align:left;	
}

.footer .right {
	text-align:right;	
}

.footer i {
	font-size:45px;
	color:#CCC;
	margin-top:10px;
}

.footer .fa-instagram {
	font-size:47px;
	color:#97ca3d;
	
} 

.footer a:hover  {
	text-decoration:none;
}


.footer a:hover i  {
	color:#FFF;
} 


.footer a:hover .fa-instagram {
	color:#A6DE43;
} 




.btn-close, btn-close:active, btn-close:focus {
	outline: none !important;
	box-shadow: none !important;
}



.measures .nav-tabs {
	background:none;

		
}



.measures .nav-tabs>li:nth-child(even){
    background:#74b816;
	transition: background 0.3s ease;
}​

.measures .nav-tabs li span {
	display:inline;
}

	
.measures .nav-tabs li {
	background:#0166A8;
	width: calc(33.33% - 10px);
	margin:0 10px 10px 0;
	border-radius:3px;	
	transition: background 0.3s ease;
}

.measures .nav-tabs li:hover {
	background:#232e3c;
}




@media (min-width: 600px) {
	
	.tdesk {
		display:table-cell;	
	}
	
	.desktop {
		display:inline;	
	}
	
	.mobile {
		display:none;	
	}
	
	.table .labels th, .s, .s1, .s2, .s3 {
		font-size:11px;
	}

}
	



@media (max-width: 750px) {
	.desktop, .tdesk {
		display:none;	
	}
	
	.mobile {
		display:inline;	
	}
	
	.table td {
		font-size:14px;	
	}
	
	.nav-fill li .nav-link, .nav-tabs li .nav-link:hover {
		padding:15px 0;
	}
	
		
	.nav-tabs li span {
		display:none;
	}
	
	
	.measures .nav-tabs li span {
		display:inline;
	}
	
	.measures .nav-tabs li {
		width:100%;	
		margin-right:0;
	}
	
	.measures .nav-tabs li .nav-link:hover {
		padding:10px 12px;
	}
	



	
}

.blue {
	color:#0166A8;	
}

.green {
	color:#97CA3D;
}

.red {
	color:#D63939;	
}

.orange {
	color:#F59F00;
}