/* CSS Document */


/*----------------------------------------------*/
/*aplicado a los estilos de botones de bootstrap*/
/*----------------------------------------------*/
.square, .square-md {
  width: 100%;
  border-radius: 0px;
  padding: 0px;
  font-size: 12px;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.square-md:after {
  content: "";
  display: block;
  padding-bottom: 50%;
}

.row-square{
	margin-right: -1px;
	margin-left: -1px
}
.col-square{
	padding: 1px;

}
.content-square {
  position: absolute;
  width: 100%;
  height: 100%;

}


.content-square h2, .content-square h1, .content-square img {
  color: white;

  position:relative;
  top:25%;
  transform: translateY(-25%);
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);

}

.img-square {
  width: 50px;
  height: auto;
  }
.img-square-md {
  width: 75px;
  height: auto;
  }

.img-square-lg {
  width: 100px;
  height: auto;
  }


.content-square i{
 
   color: white;

  /*position:relative;
  -ms-transform: translateY(25%);
 -webkit-transform: translateY(25%);
  transform: translateY(25%);*/

}

.content-square p, .content-square h4{
  color: white;

  position:relative;
  top:25%;
  transform: translateY(-25%);
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  white-space: normal;
  line-height: 100%;
}

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

/*-------------------------------*/
/*--btn-square-------------------*/
/*-------------------------------*/
.btn-square {
  color: #333;
  background-color: #2990e8;
  border-color: #ccc;
}
.btn-square-alt {
  background-color: #1466ab;
}
.btn-square:hover,
.btn-square:focus,
.btn-square.focus,
.btn-square:active,
.btn-square.active,
.open > .dropdown-toggle.btn-square {
  color: #333;
  background-color: #61a0d6;
  border-color: #adadad;
}
.btn-square:active,
.btn-square.active,
.open > .dropdown-toggle.btn-square {
  background-image: none;
}
.btn-square.disabled,
.btn-square[disabled],
fieldset[disabled] .btn-square,
.btn-square.disabled:hover,
.btn-square[disabled]:hover,
fieldset[disabled] .btn-square:hover,
.btn-square.disabled:focus,
.btn-square[disabled]:focus,
fieldset[disabled] .btn-square:focus,
.btn-square.disabled.focus,
.btn-square[disabled].focus,
fieldset[disabled] .btn-square.focus,
.btn-square.disabled:active,
.btn-square[disabled]:active,
fieldset[disabled] .btn-square:active,
.btn-square.disabled.active,
.btn-square[disabled].active,
fieldset[disabled] .btn-square.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-square .badge {
  color: #fff;
  background-color: #333;
}

/**************************************/

/**************************************/
/** SUCCESS ***************************/
/**************************************/
.btn-square-success {
  color: #333;
  background-color: #31ce49;
  border-color: #ccc;
}
.btn-square-success:hover,
.btn-square-success:focus,
.btn-square-success.focus,
.btn-square-success:active,
.btn-square-success.active,
.open > .dropdown-toggle.btn-square-success {
  color: #333;
  background-color: #5cb85c;
  border-color: #adadad;
}
.btn-square-success:active,
.btn-square-success.active,
.open > .dropdown-toggle.btn-square-success {
  background-image: none;
}
.btn-square-success.disabled,
.btn-square-success[disabled],
fieldset[disabled] .btn-square-success,
.btn-square-success.disabled:hover,
.btn-square-success[disabled]:hover,
fieldset[disabled] .btn-square-success:hover,
.btn-square-success.disabled:focus,
.btn-square-success[disabled]:focus,
fieldset[disabled] .btn-square-success:focus,
.btn-square-success.disabled.focus,
.btn-square-success[disabled].focus,
fieldset[disabled] .btn-square-success.focus,
.btn-square-success.disabled:active,
.btn-square-success[disabled]:active,
fieldset[disabled] .btn-square-success:active,
.btn-square-success.disabled.active,
.btn-square-success[disabled].active,
fieldset[disabled] .btn-square-success.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-square-success .badge {
  color: #fff;
  background-color: #333;
}

/**************************************/

/**************************************/
/** ORANGE ****************************/
/**************************************/
.btn-square-orange {
  color: #333;
  background-color: #ce6931;
  border-color: #ccc;
}
.btn-square-orange:hover,
.btn-square-orange:focus,
.btn-square-orange.focus,
.btn-square-orange:active,
.btn-square-orange.active,
.open > .dropdown-toggle.btn-square-orange {
  color: #333;
  background-color: #b36337;
  border-color: #adadad;
}
.btn-square-orange:active,
.btn-square-orange.active,
.open > .dropdown-toggle.btn-square-orange {
  background-image: none;
}
.btn-square-orange.disabled,
.btn-square-orange[disabled],
fieldset[disabled] .btn-square-orange,
.btn-square-orange.disabled:hover,
.btn-square-orange[disabled]:hover,
fieldset[disabled] .btn-square-orange:hover,
.btn-square-orange.disabled:focus,
.btn-square-orange[disabled]:focus,
fieldset[disabled] .btn-square-orange:focus,
.btn-square-orange.disabled.focus,
.btn-square-orange[disabled].focus,
fieldset[disabled] .btn-square-orange.focus,
.btn-square-orange.disabled:active,
.btn-square-orange[disabled]:active,
fieldset[disabled] .btn-square-orange:active,
.btn-square-orange.disabled.active,
.btn-square-orange[disabled].active,
fieldset[disabled] .btn-square-orange.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-square-orange .badge {
  color: #fff;
  background-color: #333;
}

/**************************************/

/**************************************/
/** GRAY ****************************/
/**************************************/
.btn-square-gray {
  color: #333;
  background-color: #3f352f;
  border-color: #ccc;
}
.btn-square-gray:hover,
.btn-square-gray:focus,
.btn-square-gray.focus,
.btn-square-gray:active,
.btn-square-gray.active,
.open > .dropdown-toggle.btn-square-gray {
  color: #333;
  background-color: #514c49; /* OVER*/
  border-color: #adadad;
}
.btn-square-gray:active,
.btn-square-gray.active,
.open > .dropdown-toggle.btn-square-gray {
  background-image: none;
}
.btn-square-gray.disabled,
.btn-square-gray[disabled],
fieldset[disabled] .btn-square-gray,
.btn-square-gray.disabled:hover,
.btn-square-gray[disabled]:hover,
fieldset[disabled] .btn-square-gray:hover,
.btn-square-gray.disabled:focus,
.btn-square-gray[disabled]:focus,
fieldset[disabled] .btn-square-gray:focus,
.btn-square-gray.disabled.focus,
.btn-square-gray[disabled].focus,
fieldset[disabled] .btn-square-gray.focus,
.btn-square-gray.disabled:active,
.btn-square-gray[disabled]:active,
fieldset[disabled] .btn-square-gray:active,
.btn-square-gray.disabled.active,
.btn-square-gray[disabled].active,
fieldset[disabled] .btn-square-gray.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-square-gray .badge {
  color: #fff;
  background-color: #333;
}
/**************************************/

/**************************************/
/** YELLOW ****************************/
/**************************************/
.btn-square-yellow {
  color: #333;
  background-color: #E8B02B;
  border-color: #ccc;
}
.btn-square-yellow:hover,
.btn-square-yellow:focus,
.btn-square-yellow.focus,
.btn-square-yellow:active,
.btn-square-yellow.active,
.open > .dropdown-toggle.btn-square-yellow {
  color: #333;
  background-color: #CFA132; /* OVER*/
  border-color: #adadad;
}
.btn-square-yellow:active,
.btn-square-yellow.active,
.open > .dropdown-toggle.btn-square-yellow {
  background-image: none;
}
.btn-square-yellow.disabled,
.btn-square-yellow[disabled],
fieldset[disabled] .btn-square-yellow,
.btn-square-yellow.disabled:hover,
.btn-square-yellow[disabled]:hover,
fieldset[disabled] .btn-square-yellow:hover,
.btn-square-yellow.disabled:focus,
.btn-square-yellow[disabled]:focus,
fieldset[disabled] .btn-square-yellow:focus,
.btn-square-yellow.disabled.focus,
.btn-square-yellow[disabled].focus,
fieldset[disabled] .btn-square-yellow.focus,
.btn-square-yellow.disabled:active,
.btn-square-yellow[disabled]:active,
fieldset[disabled] .btn-square-yellow:active,
.btn-square-yellow.disabled.active,
.btn-square-yellow[disabled].active,
fieldset[disabled] .btn-square-yellow.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-square-yellow .badge {
  color: #fff;
  background-color: #333;
}
/**************************************/


/**************************************/
/*** DEFAULT **************************/
/**************************************/
.btn-square-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  border-radius: 0px;
}
.btn-square-default:hover,
.btn-square-default:focus,
.btn-square-default.focus,
.btn-square-default:active,
.btn-square-default.active,
.open > .dropdown-toggle.btn-square-default {
  color: #333;
  background-color: #ddd;
  border-color: #adadad;
}
.btn-square-default:active,
.btn-square-default.active,
.open > .dropdown-toggle.btn-square-default {
  background-image: none;
}
.btn-square-default.disabled,
.btn-square-default[disabled],
fieldset[disabled] .btn-square-default,
.btn-square-default.disabled:hover,
.btn-square-default[disabled]:hover,
fieldset[disabled] .btn-square-default:hover,
.btn-square-default.disabled:focus,
.btn-square-default[disabled]:focus,
fieldset[disabled] .btn-square-default:focus,
.btn-square-default.disabled.focus,
.btn-square-default[disabled].focus,
fieldset[disabled] .btn-square-default.focus,
.btn-square-default.disabled:active,
.btn-square-default[disabled]:active,
fieldset[disabled] .btn-square-default:active,
.btn-square-default.disabled.active,
.btn-square-default[disabled].active,
fieldset[disabled] .btn-square-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-square-default .badge {
  color: #fff;
  background-color: #333;
}



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

/*-------------------------------*/
/*--btn-circle-------------------*/
/*-------------------------------*/
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 16px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}
/*----------------------------------------------*/
/*----------------------------------------------*/


/*----------------------------------------------*/
/*-- background --*/
/*----------------------------------------------*/

.btn-gray {
  color:#fff;
  background-color:#d5d5d5;
  border-color:#d5d5d5;
}