/*====================
Stilos Personalizados 
======================*/
.info-wrapper {
  width: 95px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  left: -3px;
}
.info-wrapper .ribbon{
  display: block;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  /*
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  */
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  line-height: 20px;
  background-color: #797979;
  -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.3);

  /*box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;*/
}

.info-wrapper .ribbon.primary {
  background-color: #e04545;
}
.info-wrapper .ribbon.success {
  background-color: #609450;
}
.info-wrapper .ribbon.warning {
  background-color: #ab7a4b;
}
.info-wrapper .ribbon.danger {
  background-color: #bd362f;
}
.info-wrapper .ribbon.default {
  background-color: #e5e5e5;
  color: #595959;
}
.info-wrapper .ribbon.yellow {
  background-color: #FFFF00;
  color: #595959;
}


.info-wrapper.small {
  width: 65px;
  height: 68px;
}
.info-wrapper.small .ribbon {
  width: 90px;
  padding: 0;
  font-size: 13px;
}

.menu-fixedlm {
  position: fixed;
  z-index: 1000;
  top: 0;
}