label.requerido.after{
	content: " * ";
	color: #e73d4a
}


.color-red{
	border: solid #dc3545 !important;
}

.color-blue{
	border: solid #007bff !important;
}

.color-yellow{
    border: solid #ffc107 !important;
}

.color-orange{
	border: solid #fd7e14 !important;
}

.color-green{
	border: solid #28a745 !important;
}

.color-maroon{
	border: solid #ef017c !important;
}

.color-gris{
	border: solid #b7b7b7 !important;
}

.bg-secondary {
    background-color: #b7b7b7!important;
}

.btn-yellow {
    color: #1f2d3d;
    background-color: #f8dc00;
    border-color: #f8dc00;
    box-shadow: none;
}

.btn-red {
    color: #fff;
    background-color: #e21b1b;
    border-color: #e21b1b;
    box-shadow: none;
}

.btn-green {
    color: #fff;
    background-color: #1fc746;
    border-color: #1fc746;
    box-shadow: none;
}

.btn-white {
    color: #333;
    background-color: #fff;
    border-color: #fff;
    box-shadow: none;
}

.tftable td:hover {background-color:#ffff99;cursor: pointer}

.h2, h2 {
   
    text-align: center;
}

.h4, h4 {
   
    text-align: center;
}

.centrar
{
	text-align: center;
}

.callout-orange {
    border-left-color: #f8dc00 !important;
}

.card-primary:not(.card-outline)>.card-header {
    background-color: #f57110 !important;
}

.card-warning:not(.card-outline)>.card-header {
    background-color: #f8dc00 !important;
}

.callout-blue {
    border-left-color: #002E65 !important;
}

.callout-blue h5 {
	 color:  #002E65 !important;
	 
	
}
.callout-red {
    border-left-color: #E51B1E !important;
}

.callout-red h5 {
    color: #E51B1E !important;
}

.callout-green {
    border-left-color: #30B264 !important;
}

.callout-green h5 {
    color: #30B264 !important;
}

.callout-orange2 {
    border-left-color: #FF7800 !important;
}

.callout-orange2 h5 {
    color: #FF7800 !important;
}

.circulo th:first-child { 
    border-top-left-radius: 50px; 
    border: 0px;
}
.circulo th:last-child {   
    border-top-right-radius: 50px; 
}

.badge-danger {
    color: #fff;
    background-color: #f70505;
}

.alert-warning
{
    background: #f8dc00 !important;
    border-color: #f8dc00 !important;
}

.alert-orange
{
    background: #FF7800 !important;
    border-color: #FF7800 !important;
    color: #ffffff !important;
}

.bglogin {
    background-image: url(../img/bg.png);
    background-size: cover;
    padding-top: 5px;
    min-height: 500px;
    color: var(--white-color);
}

.bg-red-2 {
    background: rgba(214,30,52,1);
    background: -moz-linear-gradient(left, rgba(214,30,52,1) 0%, rgba(255,0,26,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(214,30,52,1)), color-stop(100%, rgba(255,0,26,1)));
    background: -webkit-linear-gradient(left, rgba(214,30,52,1) 0%, rgba(255,0,26,1) 100%);
    background: -o-linear-gradient(left, rgba(214,30,52,1) 0%, rgba(255,0,26,1) 100%);
    background: -ms-linear-gradient(left, rgba(214,30,52,1) 0%, rgba(255,0,26,1) 100%);
    background: linear-gradient(to right, rgba(214,30,52,1) 0%, rgba(255,0,26,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d61e34', endColorstr='#ff001a', GradientType=1 );
    color: #fff;
}

.bg-orange-2 {
    /*background: rgba(255,147,59,1);
    background: -moz-linear-gradient(left, rgba(255,147,59,1) 0%, rgba(253,126,20,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,147,59,1)), color-stop(100%, rgba(253,126,20,1)));
    background: -webkit-linear-gradient(left, rgba(255,147,59,1) 0%, rgba(253,126,20,1) 100%);
    background: -o-linear-gradient(left, rgba(255,147,59,1) 0%, rgba(253,126,20,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,147,59,1) 0%, rgba(253,126,20,1) 100%);
    background: linear-gradient(to right, rgba(255,147,59,1) 0%, rgba(253,126,20,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff933b', endColorstr='#fd7e14', GradientType=1 );
    */
    background-image: linear-gradient(145deg, #ffd761 0, #ffcb5a 12.5%, #ffbb4f 25%, #ffa741 37.5%, #ff8e30 50%, #f47421 62.5%, #ec5d1a 75%, #e7481b 87.5%, #e53522 100%);
    color: #fff;
}
.bg-blue-2{

    background: rgba(73,155,234,1);
    background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,123,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(0,123,255,1)));
    background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,123,255,1) 100%);
    background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,123,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(0,123,255,1) 100%);
    background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(0,123,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#007bff', GradientType=1 );
    color: #fff;
}

.bg-maroon-2{
    background: rgba(255,93,177,1);
    background: -moz-linear-gradient(left, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,93,177,1)), color-stop(100%, rgba(239,1,124,1)));
    background: -webkit-linear-gradient(left, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%);
    background: -o-linear-gradient(left, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%);
    background: linear-gradient(to right, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c', GradientType=1 );
    color: #fff;
}

.bg-yellow-2{
    background: rgba(235,204,111,1);
    background: -moz-linear-gradient(left, rgba(235,204,111,1) 0%, rgba(255,193,7,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(235,204,111,1)), color-stop(100%, rgba(255,193,7,1)));
    background: -webkit-linear-gradient(left, rgba(235,204,111,1) 0%, rgba(255,193,7,1) 100%);
    background: -o-linear-gradient(left, rgba(235,204,111,1) 0%, rgba(255,193,7,1) 100%);
    background: -ms-linear-gradient(left, rgba(235,204,111,1) 0%, rgba(255,193,7,1) 100%);
    background: linear-gradient(to right, rgba(235,204,111,1) 0%, rgba(255,193,7,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebcc6f', endColorstr='#ffc107', GradientType=1 );
    color: #fff;
}

.bg-green-2{
    background: rgba(79,204,106,1);
    background: -moz-linear-gradient(left, rgba(79,204,106,1) 0%, rgba(40,167,69,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(79,204,106,1)), color-stop(100%, rgba(40,167,69,1)));
    background: -webkit-linear-gradient(left, rgba(79,204,106,1) 0%, rgba(40,167,69,1) 100%);
    background: -o-linear-gradient(left, rgba(79,204,106,1) 0%, rgba(40,167,69,1) 100%);
    background: -ms-linear-gradient(left, rgba(79,204,106,1) 0%, rgba(40,167,69,1) 100%);
    background: linear-gradient(to right, rgba(79,204,106,1) 0%, rgba(40,167,69,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fcc6a', endColorstr='#28a745', GradientType=1 );
    color: #fff;

}

.bg-tmc{

    background-image: linear-gradient(155deg, #00ffff 0, #00caff 25%, #008bca 50%, #185178 75%, #0f2133 100%);
    color: #ffffff;
}

.color-tmc{
	border: solid #008CCA !important;
}


.text-gradient {
    /*color: transparent;*/
    background-image: linear-gradient(to left, #FFD700, #7B68EE, #3498db, #2ecc71, #FFD700);    
    /*background-clip: text;*/
    animation: color 0.8s linear infinite;
    background-size: 500%;    
    }

.text-gradient-bingo {
    /*color: transparent;*/
    background-image: linear-gradient(to left, #FFD700, #7B68EE, #3498db, #2ecc71, #FFD700, #FF0000);    
    /*background-clip: text;*/
    animation: color 0.5s linear infinite;
    background-size: 500%;    
   
}

.text-bingo {
    animation-duration: 3s;
    animation-name: slidein;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }
    
    @keyframes color {
        from {
            background-position: 0% 50%;
        }

        to {
            background-position: 100% 50%;
        }
    }

    .celda-bingo   {
        padding: 0px !important;
       
    }
    .celda-bingo2   {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 3px !important;
    padding-bottom: 0px !important;
  }

  .boton-bingo   {
    margin: 0px !important;
  }