.font-size-13{
	font-size: 13px;
}
.color-vermell{
	color: #bf1e45;
}
.color-taronja{
	color: #856404;
}
.color-blau{
	color: #2D438D;
}
.color-verd{
	color: #28a745;
}
.suplantando{
	color: #B91A46;
	font-size: 12px;
	text-transform: none;
}
.logo-header{
	max-width: 200px;
}
.help-block{
	text-align: center;
	color: #bf1e45;
}
.sombra01{
	box-shadow: 0 1px 8px 0 rgba(0,0,0,.2), 0 3px 4px 0 rgba(0,0,0,.14), 0 3px 3px -2px rgba(0,0,0,.12)
}
.table-hover tbody tr:hover {
    /*background-color: rgba(0,0,0,.175);*/
	background-color: rgba(0,0,0,.175);
}
.bola-progres{
	/*border: 2px solid #bf1e45;*/
	border: 2px solid #2D438D;
    background-color: white !important;
}
.u-btn-outline-primary:focus, .u-btn-outline-primary.active {
    color: #2D438D;
    background-color: transparent;
}

.leyenda{
	float: left;
	border: 1px solid #999;
	font-size: 12px;
	/*padding: 5px 10px;*/
	padding: 9px 20px;
	/*border-radius: .25rem;*/
}
.quadrat{
	width: 20px;
	height: 13px;
	float: left;
	margin-right: 10px;
	/* margin-bottom: 5px; */
	margin-top: 3px;
	border: 1px solid;
}
.rodona{
	width: 20px;
	height: 20px;
	margin: -2px auto 0;
	border: 1px solid;
	border-radius: 50%;
}
.leyenda .leyenda-opt{
	display: inline-block;
	margin-right: 30px;
}
/*.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active, .progress-bar {
    background-color: #bf1e45;
}*/
/* buttons */
/* Button Outline Red */
.u-btn-outline-danger {
	color: #bf1e45;
	border-color: #bf1e45;
	background-color: transparent;
}

.u-btn-outline-danger:focus, .u-btn-outline-danger.active {
	color: #fff;
	background-color: #bf1e45;
}

.u-btn-outline-danger:hover {
	color: #fff;
	background-color: #bf1e45;
}

.u-btn-outline-danger.u-btn-hover-v1-1 {
	overflow: hidden;
}

.u-btn-outline-danger.u-btn-hover-v1-1::after, .u-btn-outline-danger.u-btn-hover-v1-1:hover::after {
	background-color: #ff1a1a;
}

.u-btn-outline-danger.u-btn-hover-v1-1:hover {
	overflow: hidden;
	background-color: transparent;
}

.u-btn-outline-danger.u-btn-hover-v1-2 {
	overflow: hidden;
}

.u-btn-outline-danger.u-btn-hover-v1-2::after, .u-btn-outline-danger.u-btn-hover-v1-2:hover::after {
	background-color: #ff1a1a;
}

.u-btn-outline-danger.u-btn-hover-v1-2:hover {
	overflow: hidden;
	background-color: transparent;
}

.u-btn-outline-danger.u-btn-hover-v1-3 {
	overflow: hidden;
}

.u-btn-outline-danger.u-btn-hover-v1-3::after, .u-btn-outline-danger.u-btn-hover-v1-3:hover::after {
	background-color: #ff1a1a;
}

.u-btn-outline-danger.u-btn-hover-v1-3:hover {
	overflow: hidden;
	background-color: transparent;
}

.u-btn-outline-danger.u-btn-hover-v1-4 {
	overflow: hidden;
}

.u-btn-outline-danger.u-btn-hover-v1-4::after, .u-btn-outline-danger.u-btn-hover-v1-4:hover::after {
	background-color: #ff1a1a;
}

.u-btn-outline-danger.u-btn-hover-v1-4:hover {
	overflow: hidden;
	background-color: transparent;
}

.u-btn-outline-danger.u-btn-hover-v2-1 {
	overflow: hidden;
}

.u-btn-outline-danger.u-btn-hover-v2-1::after, .u-btn-outline-danger.u-btn-hover-v2-1:hover::after {
	background-color: #ff1a1a;
}

.u-btn-outline-danger.u-btn-hover-v2-1:hover {
	overflow: hidden;
	background-color: transparent;
}

.u-btn-outline-danger.u-btn-hover-v2-2 {
	overflow: hidden;
}

.u-btn-outline-danger.u-btn-hover-v2-2::after, .u-btn-outline-danger.u-btn-hover-v2-2:hover::after {
	background-color: #ff1a1a;
}

.u-btn-outline-danger.u-btn-hover-v2-2:hover {
	overflow: hidden;
	background-color: transparent;
}

/* Button Outline warning */
.u-btn-outline-warning {
	color: #0c5460;
	border-color: #856404;
	background-color: transparent;
}

.u-btn-outline-warning:focus, .u-btn-outline-warning.active {
	color: #fff;
	background-color: #856404;
}

.u-btn-outline-warning:hover {
	color: #fff;
	background-color: #856404;
}

.u-btn-outline-warning.u-btn-hover-v1-1 {
	overflow: hidden;
}

.u-btn-outline-warning.u-btn-hover-v1-1::after, .u-btn-outline-warning.u-btn-hover-v1-1:hover::after {
	background-color: #856404;
}

.u-btn-outline-warning.u-btn-hover-v1-1:hover {
	overflow: hidden;
	background-color: transparent;
}

.u-btn-outline-warning.u-btn-hover-v1-2 {
	overflow: hidden;
}

.u-btn-outline-warning.u-btn-hover-v1-2::after, .u-btn-outline-warning.u-btn-hover-v1-2:hover::after {
	background-color: #856404;
}

.u-btn-outline-warning.u-btn-hover-v1-2:hover {
	overflow: hidden;
	background-color: transparent;
}

.u-btn-outline-warning.u-btn-hover-v1-3 {
	overflow: hidden;
}

.u-btn-outline-warning.u-btn-hover-v1-3::after, .u-btn-outline-warning.u-btn-hover-v1-3:hover::after {
	background-color: #856404;
}

.u-btn-outline-warning.u-btn-hover-v1-3:hover {
	overflow: hidden;
	background-color: transparent;
}

.u-btn-outline-warning.u-btn-hover-v1-4 {
	overflow: hidden;
}

.u-btn-outline-warning.u-btn-hover-v1-4::after, .u-btn-outline-warning.u-btn-hover-v1-4:hover::after {
	background-color: #856404;
}

.u-btn-outline-warning.u-btn-hover-v1-4:hover {
	overflow: hidden;
	background-color: transparent;
}

.u-btn-outline-warning.u-btn-hover-v2-1 {
	overflow: hidden;
}

.u-btn-outline-warning.u-btn-hover-v2-1::after, .u-btn-outline-warning.u-btn-hover-v2-1:hover::after {
	background-color: #856404;
}

.u-btn-outline-warning.u-btn-hover-v2-1:hover {
	overflow: hidden;
	background-color: transparent;
}

.u-btn-outline-warning.u-btn-hover-v2-2 {
	overflow: hidden;
}

.u-btn-outline-warning.u-btn-hover-v2-2::after, .u-btn-outline-warning.u-btn-hover-v2-2:hover::after {
	background-color: #856404;
}

.u-btn-outline-warning.u-btn-hover-v2-2:hover {
	overflow: hidden;
	background-color: transparent;
}

/* Button Outline Info */
.u-btn-outline-info {
	color: #2D438D;
	border-color: #2D438D;
	background-color: transparent;
}

.u-btn-outline-info:focus, .u-btn-outline-info.active {
	color: #fff;
	background-color: #2D438D;
}

.u-btn-outline-info:hover {
	color: #fff;
	background-color: #2D438D;
}

.u-btn-outline-info.u-btn-hover-v1-1 {
	overflow: hidden;
}

.u-btn-outline-info.u-btn-hover-v1-1::after, .u-btn-outline-info.u-btn-hover-v1-1:hover::after {
	background-color: #2D438D;
}

.u-btn-outline-info.u-btn-hover-v1-1:hover {
	overflow: hidden;
	background-color: transparent;
}

.u-btn-outline-info.u-btn-hover-v1-2 {
	overflow: hidden;
}

.u-btn-outline-info.u-btn-hover-v1-2::after, .u-btn-outline-info.u-btn-hover-v1-2:hover::after {
	background-color: #2D438D;
}

.u-btn-outline-info.u-btn-hover-v1-2:hover {
	overflow: hidden;
	background-color: transparent;
}

.u-btn-outline-info.u-btn-hover-v1-3 {
	overflow: hidden;
}

.u-btn-outline-info.u-btn-hover-v1-3::after, .u-btn-outline-info.u-btn-hover-v1-3:hover::after {
	background-color: #2D438D;
}

.u-btn-outline-info.u-btn-hover-v1-3:hover {
	overflow: hidden;
	background-color: transparent;
}

.u-btn-outline-info.u-btn-hover-v1-4 {
	overflow: hidden;
}

.u-btn-outline-info.u-btn-hover-v1-4::after, .u-btn-outline-info.u-btn-hover-v1-4:hover::after {
	background-color: #2D438D;
}

.u-btn-outline-info.u-btn-hover-v1-4:hover {
	overflow: hidden;
	background-color: transparent;
}

.u-btn-outline-info.u-btn-hover-v2-1 {
	overflow: hidden;
}

.u-btn-outline-info.u-btn-hover-v2-1::after, .u-btn-outline-info.u-btn-hover-v2-1:hover::after {
	background-color: #2D438D;
}

.u-btn-outline-info.u-btn-hover-v2-1:hover {
	overflow: hidden;
	background-color: transparent;
}

.u-btn-outline-info.u-btn-hover-v2-2 {
	overflow: hidden;
}

.u-btn-outline-info.u-btn-hover-v2-2::after, .u-btn-outline-info.u-btn-hover-v2-2:hover::after {
	background-color: #2D438D;
}

.u-btn-outline-info.u-btn-hover-v2-2:hover {
	overflow: hidden;
	background-color: transparent;
}

/* fi buttons */
/* spinner */
.spinner {
	display: inline-block;
	margin-left: 30px;
	width: 70px;
	text-align: center;
}

.spinner > div {
	width: 18px;
	height: 18px;
	/*background-color: #333;*/
	background-color: #2D438D;

	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	} 40% {
		  -webkit-transform: scale(1.0);
		  transform: scale(1.0);
	  }
}
/* fi spinner */
/* datatable */
.dataTables_info, .dataTables_length{
	margin-left: 10px;
}
.dataTables_filter, .dataTables_paginate{
	margin-right: 10px;
}
#w0{
	margin-bottom: 2px;
	font-size: 13px;
}
#w1{
	margin-bottom: 2px;
	font-size: 12px;
}
#w0 thead, #w1 thead{
	text-align: center;
}
/* fi datatable */
.alert-gray {
	color: #333;
	background-color: #eee;
	border-color: #ccc;
}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (max-width: 575px) {
	.margin-vialform{
		margin-left: 20%;
	}
	.viales tr td{
		font-size: 8px;
		padding: 8px 4px;
	}
	
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 576px) and (max-width: 767px) {
	.viales tr td{
		font-size: 11px;
		padding: 8px 4px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 768px) and (max-width: 991px){
	.viales tr td{
		font-size: 13px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 992px) and (max-width: 1199px) {


}

/* Extra Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px){


}