﻿@font-face {
    font-family: 'PlutoRegular';
    src: url('/fonts/HVD Fonts - PlutoRegular.ttf');
    font-weight:normal;
    font-style:normal;
}

a, p, h1, h2, h3, h4, h5, h6, body, span, div {
 font-family:PlutoRegular;
}

.btn-SEDESOL {
    color:#fff !important;
    background-color: #7EC7D3 !important;
    border-color: transparent !important;
}

.btn-SEDESOL:hover {
    color: #fff !important;
    background-color: #E4352B !important;
    border-color: transparent !important;
}
.btn-SEDESOL-hover {
    color: #fff !important;
    background-color: #E4352B !important;
    border-color: transparent !important;
}

/* FULL SIZE SPINNER INICIO*/
#loading-container
{
    display:none;
    position:fixed;
    padding:0;
    margin:0;
    z-index:10000;
    top:0;
    left:0;

    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.5);
}
.spinner {
  margin: 200px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #FFFFFF;

  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);
  }
}

.chip {
    display: inline-block;
    padding: 0 25px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    border-radius: 25px;
    background-color: #CFD8DC;
    min-width:150px
}
.chip span {
    margin-left:55px;
    color:black !important;
}
.chip .circle {
    float: left;
    margin: 0 10px 0 -25px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color:#263238;
}
.color0 {/*FINALIZADO*/
    background-color:#0D47A1 !important;
}
.color1{/*EJECUCION*/
    background-color:#4CAF50 !important;
}
.color2 {/*ACUERDO*/
    background-color:#673AB7 !important;
}
.color3 { /*ACUERDO CANCELADO*/
    background-color:#4CAF50 !important;
}
.color4 { /*ANULADO*/
    background-color:#C51162 !important;
}
/*FLL SIZE SPINNER FIN*/
