/**
 * Theme Default
 */

/*@import url(https://fonts.googleapis.com/css?family=Great+Vibes);*/

/**
 * Colors Menus
 *
 * background
 * primary: #80ADC8; 
 * success: #dff0d8;
 * danger:  #f2dede;
 * warning: #fcf8e3;
 * info:    #c4e3f3;CCEFFC;
 * default: #f4f4f4;
 * 
  background-image: -webkit-linear-gradient(#0078F0, #005AC8 56%, #00AFF0);
  background-image: -o-linear-gradient(#0078F0, #005AC8 56%, #00AFF0);
  background-image: linear-gradient(#0078F0, #005AC8 56%, #00AFF0);
  background-repeat: repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078F0', endColorstr='#00AFF0', GradientType=0);
 */

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  position: relative;
  min-height: 100%;
}

body {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  line-height: 1.5;

  color: #585858;
  /*margin-top: 75px;*/
}
/* Extra Small Devices, Phones */
@media(max-width:481px) {
  body {
    margin-top: 68px;
  }
  .navbar-brand img {
    max-width: 135px;
  }
}

/*//////////////////////////////////////////////////////////////////
[ LOADDING ]*/
.animsition-loading-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.loader05 {
  position: absolute;
  width: 56px;
  height: 56px;
  border: 4px solid #0076FF;
  border-radius: 50%;
  animation: loader-scale 1s ease-out infinite;
  top: 15%;
  margin: -28px auto 0 auto; 
}

@keyframes loader-scale {
  0% {
    transform: scale(0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } 
}

.map {
  margin-top:1em;
}
.map iframe{
  height:300px;
}

.small, small {
  font-size: 78%;
}

blockquote {
  border-left: none; 
}

ul legend {
  margin-top: 12px;
  margin-bottom: 6px;
  font-size: 14px;
}

dd, dt {
  line-height: 1.841;
}

/**
 * content
 */
#content p {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  line-height: 1.5;
/*
  font-family: Arial, Helvetica, sans-serif;
  padding-left: 50px;
  padding-right: 50px;
 */
  font-size: 14px;
  text-decoration: none;
  padding-left: 15px;
  padding-right: 15px;
}
/* Extra Small Devices, Phones */
@media(max-width:481px) {
  #content p {
    padding-left: 0px;
    padding-right: 0px;
  }
}

#content blockquote {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 13px;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
  color: #0076FF;
  font-weight: bold;
}

#content hr {
  border-color: #e5e5e5;
  border-style: solid none;
  border-width: 1px 0px;
}

#content .breadcrumbuser {
  margin-bottom: 16px;
  padding-right: 0px;
}

.breadcrumb {
  padding: 5px 15px;
  margin: 0px -30px;
}

.breadcrumb .small {
  padding-top: 5px;
}



/**
 * bootstrap-table
 */
.bootstrap-table .table > tbody > tr.groupBy {
  color: #646464;
  font-weight: bold;
}

/**
 * Colores
 */
.cliente {
  background-color: #0073FF;
  border-radius: 6px;
  padding: 5px 10px;
}

.comercio {
  background-color: #64C800;
  border-radius: 6px;
  padding: 5px 10px;
}

/*
.cliente h1, .comercio h1,
.cliente h2, .comercio h2,
.cliente h3, .comercio h3, 
.cliente h4, .comercio h4, 
.cliente h5, .comercio h5 {
  color: #FFF !important;
}
.cliente h5, .comercio h5 {
  color: #FFF !important;
}
*/
.Heading h1,
.Heading h2,
.Heading h3,
.Heading h4,
.Heading h5 {
  color: #FFF !important;
}

.Heading {
  padding-bottom: 10px;
  color: #FFF !important;
}


/**
 * 
 */
.rounded {
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
} 

/* ------------------- Section Styling -------------------- */
.section-white {
}

.section-sky, 
.section-green,
.section-blue,
.section-silver   {
  margin: 0 -30px;
  position: relative;
  z-index: 1;
}

.section-sky, 
.section-green,
.section-silver   {
  color: #585858;
}

.section-sky {
  background-color: #00C8FF;
}

.section-green {
  background-color: #64C800;
}

.section-blue {
  background-color: #0073FF;
  color: #FFF;
}

.section-silver {
  background-color: #E9E9E9;
  padding: 0 15px;
}

.section-sky h1, .section-blue h1, .section-green h1, 
.section-sky h2, .section-blue h2, .section-green h2, 
.section-sky h3, .section-blue h3, .section-green h3, 
.section-sky h4, .section-blue h4, .section-green h4, 
.section-sky h5, .section-blue h5, .section-green h5 {
  color: #FFF !important;
}

/* ------------------------------------------ */

/**
 * Grupos
 */
.zoomin {
  /*overflow:hidden;*/
  margin-bottom: 10px;
}
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  .zoomin {
    margin-bottom: 17px;
  }
}
/* texto onClick */
.zoomin p {
  height: 50%;
  margin: 8%;
  padding: 10px 0 0 0;
  color: blue;
  text-align: center;
  /*background: skyblue;*/
  background: #E9E9E9;
  transition: opacity .4s linear;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .86;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  font-weight: 400;
}

#GrupoClientes, #GrupoPublico, #GrupoFinanzas, #GrupoFooter, #GrupoComercios {
  padding-top: 30px;
  padding-bottom: 15px;
}
/* Extra Small Devices, Phones */
@media only screen and (max-width:481px) {
  #GrupoClientes, #GrupoPublico, #GrupoFinanzas, #GrupoFooter, #GrupoComercios {
    padding-top: 10px;
    padding-bottom: 5px;
  }
}

#GrupoFinanzas, #GrupoFooter {
  margin: 0 -30px;
}

#GrupoMiniBotones  {
  padding-top: 30px;
  padding-bottom: 0px;
}
/* ------------------------------------------ */


/**
 * Sombras
 * 
 * https://www.cssmatic.com/es/box-shadow 
 */
.precarga {
    background:transparent url(../img/ajax-loader.gif) center no-repeat;
}
.sombra {
    -webkit-box-shadow: 0px 12px 10px -8px rgba(0,0,0,0.75);
       -moz-box-shadow: 0px 12px 10px -8px rgba(0,0,0,0.75);
            box-shadow: 0px 12px 10px -8px rgba(0,0,0,0.75);
}

img.sombra {
  background:transparent url(../img/ajax-loader.gif) center no-repeat;

    -webkit-box-shadow: 0px 20px 15px -15px rgba(0,0,0,0.75);
       -moz-box-shadow: 0px 20px 15px -15px rgba(0,0,0,0.75);
            box-shadow: 0px 20px 15px -15px rgba(0,0,0,0.75);
}

.sombra:hover {
  transition:all .3s ease-in-out;

  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
          transform: scale(1.05);

  -webkit-filter: saturate(160%) drop-shadow(5px 5px 10px #444);
     -moz-filter: saturate(160%) drop-shadow(5px 5px 10px #444);
          filter: saturate(160%) drop-shadow(5px 5px 10px #444);
}

.img-borde {
  -webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.32));
     -moz-filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.32));
          filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.32));
}


.sombra-redondeada {
/*
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;

  -webkit-box-shadow: 0px 20px 30px -30px #444;
     -moz-box-shadow: 0px 20px 30px -30px #444;
          box-shadow: 0px 20px 30px -30px #444;
*/

  -webkit-filter: drop-shadow(0px 6px 6px rgba(0,0,0,0.32));
     -moz-filter: drop-shadow(0px 6px 6px rgba(0,0,0,0.32));
          filter: drop-shadow(0px 6px 6px rgba(0,0,0,0.32));
}

/*==================================================
 * Effect 2
 * https://css-tricks.com/almanac/properties/b/box-shadow/
 * ===============================================*/
.effect2
{
   position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 12px;
  left: 10px;
  width: 50%;
  top: 80%;
  background: #777;
  /*max-width:300px;*/
  -webkit-box-shadow: 0 15px 10px #777;
     -moz-box-shadow: 0 15px 10px #777;
          box-shadow: 0 15px 10px #777;

  -webkit-transform: rotate(-3deg);
     -moz-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
       -o-transform: rotate(-3deg);
          transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
     -moz-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
       -o-transform: rotate(3deg);
          transform: rotate(3deg);
  right: 10px;
  left: auto;
}



/* -----------------------------------------------------------------------*/


/**
 * Botones
 */
.boton, .boton-xs {
  color: #FFF !important;
  border-radius: 50px;
  margin-bottom: 15px;  
}
.boton {
  padding: 5px 50px;
}

.btnCliente {
  border: 1px solid #0073FF;
  background-color: #0073FF !important;
  /*background-color: #00C8FF;*/
}

.btnComercio {
  border: 1px solid #64C800;
  background-color: #64C800 !important;
  /*background-color: #C8E100;*/
}

.btnFinanza {
  border: 1px solid #FFB400;
  background-color: #FFB400 !important;
  /*background-color: #FFD700;*/
}

.btnSky {
  border: 1px solid #00C8FF;
  background-color: #12CCFF !important;
  /*background-color: #00C8FF;*/
  color: #585858;
}

.btnRed {
  border: 1px solid #FF0000;
  background-color: #FF0000 !important;
  color: #E9E9E9;
}

.btnSilver {
  /*
  border: 1px solid #585858;
  color: #E9E9E9;
   */
  background-color: #A7A7A7;
  color: #585858;
}

.btnCliente .sombra:hover,
.btnComercio .sombra:hover, 
.btnRed .sombra:hover,
.btnFinanza .sombra:hover {
  border: 1px solid #FFD700;
  font-size: 1.1em;
  margin-bottom: 13px;  
}

#GrupoFinanzas .btnSilver:hover {
  border: 1px solid #FFD700;
  background-color: #FFB400;
  color: #585858;
}

.btnInfo {
  border: 1px solid #0073FF;
  background-color: #FFF;
  color: #585858;

  border-radius: 50px;
  padding: 5px 20px;
}
/* -----------------------------------------------------------------------*/


/**
 * padding
 */
/* Extra Small Devices, Phones */
@media only screen and (max-width:481px) {
  .padding-xs {
    padding-left: 1px;
    padding-right: 1px;
  }
}
/* Small Devices, Tablets */
@media only screen and (min-width:768px) {
  .padding-xs {
    padding-left: 4px;
    padding-right: 4px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .padding-xs {
    padding-left: 8px;
    padding-right: 8px;
  }
}
/* Max Devices, Desktops */
@media only screen and (min-width : 1378px) {
  .padding-xs {
    padding-left: 17px;
    padding-right: 17px;
  }
}
.sin-padding {
  padding: 0px;
}
/* -----------------------------------------------------------------------*/

/**
 * Makes images fully responsive
.thumbnail > img,
.thumbnail a > img,
 */

.img-responsive,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
}

/**
 * alineacion vertical de imagenes
 */
.vcenter {
    display: inline-block; /* table-cell; */
    vertical-align: middle;
    float: none;
}

/**
 * Back to top
 */
#toTop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  display: none;
}
.tooltip {
  margin-bottom: 20px;
}

/**
 * table
 */
th {
  font-weight:bold;
  color:#FFFFFF;
  border:1px solid;
  border-left-color:#FFFFFF;
  border-right-color:#aca899;
  border-top-color:#ece9d8;
  border-top-width:2px;
  border-bottom-color:#ece9d8;
  /*
  background-image: url(../../imagenes/FondoBotones.png);
  background-repeat: repeat-x;
  background-position: top; 
  */

  background-color: #0076F1;

  background-image: -webkit-linear-gradient(#008DE0, #0076FF 68%, #0061a7);
  background-image: -o-linear-gradient(#008DE0, #0076FF 68%, #0061a7);
  background-image: linear-gradient(#008DE0, #0076FF 68%, #0061a7);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008DE0', endColorstr='#0061a7', GradientType=0);

}

/**
 * bootstrap-table: custom-toolbar
 */
#custom-toolbar label {
  margin-bottom: 0px;
}

.fixed-table-toolbar .bs-bars #custom-toolbar {
  line-height: 21px;
}

.fixed-table-container {
  font-size: 12px;
}


/**
 * bootstrap-table.css redefine
 */
.fixed-table-toolbar .search {
  max-width: 168px !important;
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}
/* ------------------------------------------ */