.dark-primary-color    { background: #00796B; } /*Cabecera - Azul fuerte */
.default-primary-color { background: #009688; } /*Cabecera 2 - Azul bajito*/
.light-primary-color   { background: #B2DFDB; } /*Letras secundarias - Azul cielo*/
.text-primary-color    { color: #FFFFFF; } /*Textos e iconos en titulos- blanco*/
.accent-color          { background: #FFC107; } /*Acentuar botones - amarillo*/
.primary-text-color    { color: #212121; } /*Textos normales - negro*/
.secondary-text-color  { color: #757575; } /*Texto normal secundario - gris oscuro*/
.divider-color         { border-color: #BDBDBD; } /*Inocos normales - gris claro*/

/* Style the logo link (notice that we set the same value of line-height and font-size to prevent the header to increase when the font gets bigger */
.logo {
  font-size: 25px;
  font-weight: bold;
  height: 50px;
}

/*.title {
  color: #1ca1a4;
  margin:70px 0px;
}*/

.numeroNecesidad {
  color: #fc6d57;
  font-size: 40px;
  text-align: center;
  margin:0;
}

.descripcionNecesidad {
  color: #fc6d57;
  font-size: 20px;
  margin-top:-15px;
  text-align: center;
}

.button {
  background-color: #fc6d57;
  border: none;
  color: white;
  padding: 16px;
  width: 100%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  border-radius: 5px;
  margin: 32px 0 ;
}

.adminCmd{
  display: none;
}

.button:hover{
  background-color: #fbcb5f;
  -webkit-transition: background-color 250ms linear;
  -ms-transition: background-color 250ms linear;
  transition: background-color 250ms linear;
}

.card{
  padding: 10px;
  height: 100%;
  word-wrap: break-word;
  text-overflow: ellipsis;
  color: black;
  text-decoration: none;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.stdBorder{
  padding:10px;
  margin-bottom:5px;
  border: 1px solid #dddddd;
  word-wrap: break-word;
}

.loadingModal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/../images/loading.gif') 
                50% 50% 
                no-repeat;
}

.CustomModal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
}

.CustomModalContent {
    margin:     5% 10%;
    padding:    5%;
    height:     80%;
    width:      80%;
    background: rgba( 200, 200, 200, .8 );
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .loadingModal {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loadingModal {
    display: block;
}

body.showModal .CustomModal {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.showModal .CustomModal {
    display: block;
}

.navigation .btn-solid, .navigation.navbar-sticky .btn-solid {
  color: #fff;
  background-color:  #fc6d57;
  border-color: #fc6d57; }

.navigation .btn-solid:hover, .navigation.navbar-sticky .btn-solid:hover {
  color: #fff;
  background-color: #fbcb5f;
  border-color: #fbcb5f; 
}