body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #ffffff;
}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;

  /* Set up proportionate scaling */
  width: 100%;
  height: auto;

  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
  z-index: -900;
}

.well {
min-height: 20px;
margin-bottom: 13px;
background-color: rgba(222, 222, 222, 0.69);
border: 1px solid #E3E3E3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well label {color: #000;/*margin-right: 4px;*/}

.modal-vertical-centered {
  transform: translate(0, 50%) !important;
  -ms-transform: translate(0, 50%) !important; /* IE 9 */
  -webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */
}

.navbar-default {
background-color: #472B08;
border-color: #E7E7E7;
}

.navbar-default .navbar-brand {
color: #F3EBEB;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #FFF;
background-color: rgba(0, 0, 0, 0);
}

.navbar-default .navbar-nav>li>a {
color: #DBD4D4;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
color: #FFF;
background-color: rgba(0, 0, 0, 0);
}

.navbar-default .navbar-nav>.dropdown>a .caret {
border-top-color: #FFF;
border-bottom-color: #777;
}

.navbar-default .navbar-nav>.dropdown>a:hover .caret, .navbar-default .navbar-nav>.dropdown>a:focus .caret {
border-top-color: #EB9000;
border-bottom-color: #333;
}

table {
max-width: 100%;
background-color: rgb(243, 242, 242);
}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
/* background-color: #F3EFEF; */
color: #000;
}

.table-hover>tbody>tr:hover {
  background-color: #7dff92;
}

.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
padding: 3px;
line-height: 1.428571429;
vertical-align: top;
border-top: 1px solid #DDD;
color: #000;
/* background-color: #FFF; */
}

.table tfoot>tr>th {
padding: 8px;
line-height: 1.428571429;
vertical-align: top;
border-top: 1px solid #DDD;
background-color: #DAD7D0;
color: #000;
}

.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {
border-top: 0;
background-color: #DAD7D0;
}

.actions {
padding: 2px;
}

.actions a {
color: #ffffff;
margin-right: 5px;
}

.actions a:hover, .table a:focus {
color: #ffffff;
text-decoration: none;
}

.panel {
margin-bottom: 10px;
background-color: rgba(219, 211, 189, 0.8);
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
text-align: center;
background-color: #E0EADE;
border: 1px solid #CCC;
border-radius: 4px;
}

.modal-header > h4 {
	color: #000;
}

.modal-dialog {
width: 900px;   /*arreglar ancho para pantallas chicas */
margin: 30px auto;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-dropdown-menu {
  width: 422px;
  margin-top: 4px;
  padding: 8px 0;
  background-color: #ABC0C0;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

.bg-danger-forced {
  background-color: #fd8282 !important;
}
.jumbotron {
padding: 30px;
margin-bottom: 30px;
font-size: 21px;
font-weight: 200;
line-height: 2.1428571435;
color: inherit;
background-color: rgba(238, 238, 238, 0.25);
}

.timeline > li > .timeline-panel {
float: left;
position: relative;
width: 46%;
padding: 20px;
border: 1px solid #D4D4D4;
border-radius: 2px;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
background-color: rgba(0, 0, 0, 0.55);
}

.checkbox {
display: block;
min-height: 20px;
/* padding-left: 20px; */
margin-top: 10px;
margin-bottom: 10px;
vertical-align: middle;
}
.row.checkbox {
  line-height: 25pt;
  color: black;
  background-color: rgba(102,175,233,.6);
  border-radius: 16px;
  margin-bottom: 2px !important;
  padding: 3px !important;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}

@media screen {
  .noScreen{display:none;}
}

.dataTables_wrapper {
  border: 1px solid rgb(157, 101, 5);
  /* margin-top: 5px; */
  /* margin-bottom: 3px; */
  background-color: rgba(206, 172, 49, 0.45);
  border-radius: 5px;
  /* width: 100%; */
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  display: inline-block;
}

.dt-body-right {
	text-align: right;
}
dt-body-left {
	text-align: left;
}
dt-body-center {
	text-align: center;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-header {
  min-height: 35.428571px;
  padding-bottom: 0px;
  padding: 5px 17px 0px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: 5px;
}
.modal-footer {
  padding: 10px 20px 11px;
  margin-top: 0px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #eee;
  box-shadow: 0px 0px 43px rgb(104, 183, 205);
  background-color: rgba(0, 0, 0, 0.54);
  border-radius: 8px;
}
blockquote small, blockquote .small {
line-height: 1.42857;
color: #FFF;
font-weight: bold;
font-size: 1em;
}
.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 9px;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  color: #555;
  background-color: #e7e7e7;
  border-radius: 4px;
	height: 3.5em;
}
.detalles-lista {
    border: solid 1px;
    padding: 4px;
    background-color: burlywood;
    border-radius: 4px;
		margin-bottom: 10px;
    margin-top: 7px;
}
.bootbox-body {
	color: black;
	cursor: pointer;
}

.remove-button {
	color: #c9302c;
	cursor: pointer;
}

.remove-button:hover {
	color: #BA2B27;
}
.add-button {
	color: #449d44;
	cursor: pointer;
}
.add-button:hover {
	color: #377E37;
}
.ocultadito {
	visibility: hidden;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px;
    margin-bottom: 10px;
    color: #ffffff;
}
.view-label {
    font-size: 1em;
    width: 100%;
}
.view-span {
font-size: 1.4em;
    color: #6F2936;
    border: 1px solid;
    border-radius: 3px;
    display: block;
    text-align: left;
    padding: 2px;
    background: #FBFDFF;
}
.view-total {
    color: #6F2936;
    font-size: 1.5em;
}
.switch-empresa {
    margin: 12px;
    width: 300px;
    background-color: #AD0707;
    color: white;
    padding: 3px;
    border-radius: 6px;
}
.debe, .haber {
    background-color: #E5E9F1;
    border: 1px #1D2EE9 dotted;
}
.totales {
  background-color: #E5E9F1;
}
.saldo_final_positivo {
  font-weight: bold;
  background-color:#00ff00;
  border-radius: 13px;
}
.saldo_final_negativo {
  font-weight: bold;
  background-color: red;
  border-radius: 13px;
}
.cuenta_bold {
  font-weight: bold !important;
}
.cambio {
  background-color: #F1F4FB !important;
}
.detalle {
    /* border-left: 1px solid #DDD; */
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 7px;
}
.table-title {
    font-size: 2em;
    color: black;
    margin: 3px;
}
.fecha {
    max-width: 100px;
}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 0px;
    margin-top: 0;
    margin-bottom: 0;
}
.shadow{
  text-shadow: 3px 3px rgb(44, 50, 44);
}
.footer {
bottom: 0;
left:0;
position: fixed;
border-radius: 4px;
padding: 3px;
margin: 5px;
font-size: 0.8em;
}
.footer-rigth {
  position: fixed!important;
  bottom: 0px;
  right: 0;
  /* padding: 2px!important; */
  border-radius: 5px;
  margin: 5px!important;
  font-size: 0.8em;
}
.cuenta_titulo {
font-size: 1.2em;
font-weight: bold;
color: black;
}

/*
.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}
*/

.form-group {
    margin-bottom: 0px;
}
.help-block {
    display: block;
    margin-top: 0px;
    margin-bottom: 5px;
    color: #737373;
    font-size: 9px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
}
.table-link:link, .table-link:visited, .table-link:focus, .table-link:hover {
  color: black !important;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); */
    /* box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); */
    -webkit-box-shadow: 1px 1px 5px 4px rgba(11,209,67,0.63);
    -moz-box-shadow: 1px 1px 5px 4px rgba(11,209,67,0.63);
    box-shadow: 1px 1px 5px 4px rgba(11,209,67,0.63);
}
.select2-control:focus {
    border-color: #66afe9;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); */
    /* box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); */
    -webkit-box-shadow: 1px 1px 5px 4px rgba(11,209,67,0.63);
    -moz-box-shadow: 1px 1px 5px 4px rgba(11,209,67,0.63);
    box-shadow: 1px 1px 5px 4px rgba(11,209,67,0.63);
}

.btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
   -webkit-box-shadow: 1px 1px 5px 4px rgba(11,209,67,0.63);
    -moz-box-shadow: 1px 1px 5px 4px rgba(11,209,67,0.63);
    box-shadow: 1px 1px 5px 4px rgba(11,209,67,0.63);
}

/* columnas impares */
@media (min-width: 768px){
  .odd-cols .col-md-1,
  .odd-cols .col-sm-1,
  .odd-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
}

@media (min-width: 992px) {
  .odd-cols .col-md-1,
  .odd-cols .col-sm-1,
  .odd-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

/* cakephp errors */
ul.cake-stack-trace a {
  color: white;
  /* background: black; */
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 *  The value of width comes from:
 *  width = 100% / 7 column-number = 14.285714285714285714285714285714%
 */
@media (min-width: 1200px) {
  .odd-cols .col-md-1,
  .odd-cols .col-sm-1,
  .odd-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

.titulo {
    color: #000;
    display: inline-block;
    max-width: 100%;
    margin-top: 0px;
    margin-bottom: 5px;
    width: 100%;
    font-weight: 700;
    text-align: center;
}

.tab-content {
    background-color: white;
    padding: 10px;
    margin-bottom: 12px;
}

.tab-unselected {
    color: beige;
    background-color: #c9c9ca;
}

.errspan{
  color: #ff1616;
  font-size: 11px;
  display: block;
  margin-left: 10pt;
}
.select2-container {
    /* box-sizing: border-box; */
    /* display: inline-block; */
    margin: 0;
    position: relative;
    vertical-align: middle;
    color: black;
    font-size: 9pt;
}
.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 0px;
    padding-left: 4px;
}
.select2-results__option {
    padding: 0px;
    user-select: none;
    -webkit-user-select: none;
}

.bootstrap-switch .bootstrap-switch-label {
    text-align: center;
    margin-top: -1px;
    margin-bottom: -1px;
    z-index: 100;
    color: #333;
    background: #fff;
    white-space: pre;
}

.vcenter {
margin-top: 10%;
}

.juntitos {
    padding-left: 1px;
    padding-right: 1px;
}

.shake {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}


@-webkit-keyframes bang {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-moz-keyframes bang {
  from {
    -moz-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes bang {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.hoverme {
  /* width: 240px; */
  /* margin: 150px auto 0; */
  text-align: right;
  /* padding: 10px 0; */
  cursor: pointer;
  /* position: relative; */
}
.hoverme span {
  color: #333;
  font-size: .9em;
}
.hoverme i {
  position: absolute;
  display: block;
  left: 50%;
  top: 0;
  width: 3px;
  height: 5px;
  background: red;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(1) {
  -webkit-transform: translate3d(28px, -64px, 0) rotate(123deg);
  -moz-transform: translate3d(28px, -64px, 0) rotate(123deg);
  -ms-transform: translate3d(28px, -64px, 0) rotate(123deg);
  -o-transform: translate3d(28px, -64px, 0) rotate(123deg);
  transform: translate3d(28px, -64px, 0) rotate(123deg);
  background: #9100ff;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(2) {
  -webkit-transform: translate3d(14px, -83px, 0) rotate(180deg);
  -moz-transform: translate3d(14px, -83px, 0) rotate(180deg);
  -ms-transform: translate3d(14px, -83px, 0) rotate(180deg);
  -o-transform: translate3d(14px, -83px, 0) rotate(180deg);
  transform: translate3d(14px, -83px, 0) rotate(180deg);
  background: #ffbb00;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(3) {
  -webkit-transform: translate3d(-16px, -99px, 0) rotate(101deg);
  -moz-transform: translate3d(-16px, -99px, 0) rotate(101deg);
  -ms-transform: translate3d(-16px, -99px, 0) rotate(101deg);
  -o-transform: translate3d(-16px, -99px, 0) rotate(101deg);
  transform: translate3d(-16px, -99px, 0) rotate(101deg);
  background: #0040ff;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(4) {
  -webkit-transform: translate3d(-88px, -51px, 0) rotate(299deg);
  -moz-transform: translate3d(-88px, -51px, 0) rotate(299deg);
  -ms-transform: translate3d(-88px, -51px, 0) rotate(299deg);
  -o-transform: translate3d(-88px, -51px, 0) rotate(299deg);
  transform: translate3d(-88px, -51px, 0) rotate(299deg);
  background: #ff1e00;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(5) {
  -webkit-transform: translate3d(-34px, -74px, 0) rotate(232deg);
  -moz-transform: translate3d(-34px, -74px, 0) rotate(232deg);
  -ms-transform: translate3d(-34px, -74px, 0) rotate(232deg);
  -o-transform: translate3d(-34px, -74px, 0) rotate(232deg);
  transform: translate3d(-34px, -74px, 0) rotate(232deg);
  background: #2600ff;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(6) {
  -webkit-transform: translate3d(-42px, -88px, 0) rotate(96deg);
  -moz-transform: translate3d(-42px, -88px, 0) rotate(96deg);
  -ms-transform: translate3d(-42px, -88px, 0) rotate(96deg);
  -o-transform: translate3d(-42px, -88px, 0) rotate(96deg);
  transform: translate3d(-42px, -88px, 0) rotate(96deg);
  background: #ff0091;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(7) {
  -webkit-transform: translate3d(43px, -83px, 0) rotate(227deg);
  -moz-transform: translate3d(43px, -83px, 0) rotate(227deg);
  -ms-transform: translate3d(43px, -83px, 0) rotate(227deg);
  -o-transform: translate3d(43px, -83px, 0) rotate(227deg);
  transform: translate3d(43px, -83px, 0) rotate(227deg);
  background: #59ff00;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(8) {
  -webkit-transform: translate3d(29px, -94px, 0) rotate(162deg);
  -moz-transform: translate3d(29px, -94px, 0) rotate(162deg);
  -ms-transform: translate3d(29px, -94px, 0) rotate(162deg);
  -o-transform: translate3d(29px, -94px, 0) rotate(162deg);
  transform: translate3d(29px, -94px, 0) rotate(162deg);
  background: #22ff00;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(9) {
  -webkit-transform: translate3d(4px, -85px, 0) rotate(119deg);
  -moz-transform: translate3d(4px, -85px, 0) rotate(119deg);
  -ms-transform: translate3d(4px, -85px, 0) rotate(119deg);
  -o-transform: translate3d(4px, -85px, 0) rotate(119deg);
  transform: translate3d(4px, -85px, 0) rotate(119deg);
  background: #9dff00;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(10) {
  -webkit-transform: translate3d(41px, -95px, 0) rotate(342deg);
  -moz-transform: translate3d(41px, -95px, 0) rotate(342deg);
  -ms-transform: translate3d(41px, -95px, 0) rotate(342deg);
  -o-transform: translate3d(41px, -95px, 0) rotate(342deg);
  transform: translate3d(41px, -95px, 0) rotate(342deg);
  background: #8c00ff;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(11) {
  -webkit-transform: translate3d(82px, -78px, 0) rotate(71deg);
  -moz-transform: translate3d(82px, -78px, 0) rotate(71deg);
  -ms-transform: translate3d(82px, -78px, 0) rotate(71deg);
  -o-transform: translate3d(82px, -78px, 0) rotate(71deg);
  transform: translate3d(82px, -78px, 0) rotate(71deg);
  background: #ff0037;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(12) {
  -webkit-transform: translate3d(19px, -95px, 0) rotate(183deg);
  -moz-transform: translate3d(19px, -95px, 0) rotate(183deg);
  -ms-transform: translate3d(19px, -95px, 0) rotate(183deg);
  -o-transform: translate3d(19px, -95px, 0) rotate(183deg);
  transform: translate3d(19px, -95px, 0) rotate(183deg);
  background: #6200ff;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(13) {
  -webkit-transform: translate3d(-99px, -53px, 0) rotate(254deg);
  -moz-transform: translate3d(-99px, -53px, 0) rotate(254deg);
  -ms-transform: translate3d(-99px, -53px, 0) rotate(254deg);
  -o-transform: translate3d(-99px, -53px, 0) rotate(254deg);
  transform: translate3d(-99px, -53px, 0) rotate(254deg);
  background: #ff3700;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(14) {
  -webkit-transform: translate3d(11px, -90px, 0) rotate(36deg);
  -moz-transform: translate3d(11px, -90px, 0) rotate(36deg);
  -ms-transform: translate3d(11px, -90px, 0) rotate(36deg);
  -o-transform: translate3d(11px, -90px, 0) rotate(36deg);
  transform: translate3d(11px, -90px, 0) rotate(36deg);
  background: #00ff59;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(15) {
  -webkit-transform: translate3d(-85px, -77px, 0) rotate(332deg);
  -moz-transform: translate3d(-85px, -77px, 0) rotate(332deg);
  -ms-transform: translate3d(-85px, -77px, 0) rotate(332deg);
  -o-transform: translate3d(-85px, -77px, 0) rotate(332deg);
  transform: translate3d(-85px, -77px, 0) rotate(332deg);
  background: #00ffc8;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(16) {
  -webkit-transform: translate3d(29px, -86px, 0) rotate(111deg);
  -moz-transform: translate3d(29px, -86px, 0) rotate(111deg);
  -ms-transform: translate3d(29px, -86px, 0) rotate(111deg);
  -o-transform: translate3d(29px, -86px, 0) rotate(111deg);
  transform: translate3d(29px, -86px, 0) rotate(111deg);
  background: #fbff00;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(17) {
  -webkit-transform: translate3d(-38px, -99px, 0) rotate(1deg);
  -moz-transform: translate3d(-38px, -99px, 0) rotate(1deg);
  -ms-transform: translate3d(-38px, -99px, 0) rotate(1deg);
  -o-transform: translate3d(-38px, -99px, 0) rotate(1deg);
  transform: translate3d(-38px, -99px, 0) rotate(1deg);
  background: #ffe600;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(18) {
  -webkit-transform: translate3d(83px, -57px, 0) rotate(278deg);
  -moz-transform: translate3d(83px, -57px, 0) rotate(278deg);
  -ms-transform: translate3d(83px, -57px, 0) rotate(278deg);
  -o-transform: translate3d(83px, -57px, 0) rotate(278deg);
  transform: translate3d(83px, -57px, 0) rotate(278deg);
  background: #002bff;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(19) {
  -webkit-transform: translate3d(-64px, -80px, 0) rotate(155deg);
  -moz-transform: translate3d(-64px, -80px, 0) rotate(155deg);
  -ms-transform: translate3d(-64px, -80px, 0) rotate(155deg);
  -o-transform: translate3d(-64px, -80px, 0) rotate(155deg);
  transform: translate3d(-64px, -80px, 0) rotate(155deg);
  background: #00ffa2;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(20) {
  -webkit-transform: translate3d(-31px, -81px, 0) rotate(33deg);
  -moz-transform: translate3d(-31px, -81px, 0) rotate(33deg);
  -ms-transform: translate3d(-31px, -81px, 0) rotate(33deg);
  -o-transform: translate3d(-31px, -81px, 0) rotate(33deg);
  transform: translate3d(-31px, -81px, 0) rotate(33deg);
  background: #ff6a00;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(21) {
  -webkit-transform: translate3d(-41px, -58px, 0) rotate(342deg);
  -moz-transform: translate3d(-41px, -58px, 0) rotate(342deg);
  -ms-transform: translate3d(-41px, -58px, 0) rotate(342deg);
  -o-transform: translate3d(-41px, -58px, 0) rotate(342deg);
  transform: translate3d(-41px, -58px, 0) rotate(342deg);
  background: #80ff00;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(22) {
  -webkit-transform: translate3d(-49px, -87px, 0) rotate(29deg);
  -moz-transform: translate3d(-49px, -87px, 0) rotate(29deg);
  -ms-transform: translate3d(-49px, -87px, 0) rotate(29deg);
  -o-transform: translate3d(-49px, -87px, 0) rotate(29deg);
  transform: translate3d(-49px, -87px, 0) rotate(29deg);
  background: #00ff80;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(23) {
  -webkit-transform: translate3d(84px, -53px, 0) rotate(329deg);
  -moz-transform: translate3d(84px, -53px, 0) rotate(329deg);
  -ms-transform: translate3d(84px, -53px, 0) rotate(329deg);
  -o-transform: translate3d(84px, -53px, 0) rotate(329deg);
  transform: translate3d(84px, -53px, 0) rotate(329deg);
  background: blue;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(24) {
  -webkit-transform: translate3d(87px, -81px, 0) rotate(51deg);
  -moz-transform: translate3d(87px, -81px, 0) rotate(51deg);
  -ms-transform: translate3d(87px, -81px, 0) rotate(51deg);
  -o-transform: translate3d(87px, -81px, 0) rotate(51deg);
  transform: translate3d(87px, -81px, 0) rotate(51deg);
  background: #d500ff;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(25) {
  -webkit-transform: translate3d(-25px, -53px, 0) rotate(87deg);
  -moz-transform: translate3d(-25px, -53px, 0) rotate(87deg);
  -ms-transform: translate3d(-25px, -53px, 0) rotate(87deg);
  -o-transform: translate3d(-25px, -53px, 0) rotate(87deg);
  transform: translate3d(-25px, -53px, 0) rotate(87deg);
  background: #00ffd9;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(26) {
  -webkit-transform: translate3d(15px, -60px, 0) rotate(208deg);
  -moz-transform: translate3d(15px, -60px, 0) rotate(208deg);
  -ms-transform: translate3d(15px, -60px, 0) rotate(208deg);
  -o-transform: translate3d(15px, -60px, 0) rotate(208deg);
  transform: translate3d(15px, -60px, 0) rotate(208deg);
  background: #0077ff;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(27) {
  -webkit-transform: translate3d(-39px, -54px, 0) rotate(276deg);
  -moz-transform: translate3d(-39px, -54px, 0) rotate(276deg);
  -ms-transform: translate3d(-39px, -54px, 0) rotate(276deg);
  -o-transform: translate3d(-39px, -54px, 0) rotate(276deg);
  transform: translate3d(-39px, -54px, 0) rotate(276deg);
  background: #04ff00;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(28) {
  -webkit-transform: translate3d(-28px, -55px, 0) rotate(331deg);
  -moz-transform: translate3d(-28px, -55px, 0) rotate(331deg);
  -ms-transform: translate3d(-28px, -55px, 0) rotate(331deg);
  -o-transform: translate3d(-28px, -55px, 0) rotate(331deg);
  transform: translate3d(-28px, -55px, 0) rotate(331deg);
  background: #ff5500;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(29) {
  -webkit-transform: translate3d(-63px, -94px, 0) rotate(18deg);
  -moz-transform: translate3d(-63px, -94px, 0) rotate(18deg);
  -ms-transform: translate3d(-63px, -94px, 0) rotate(18deg);
  -o-transform: translate3d(-63px, -94px, 0) rotate(18deg);
  transform: translate3d(-63px, -94px, 0) rotate(18deg);
  background: #ff009d;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(30) {
  -webkit-transform: translate3d(61px, -90px, 0) rotate(282deg);
  -moz-transform: translate3d(61px, -90px, 0) rotate(282deg);
  -ms-transform: translate3d(61px, -90px, 0) rotate(282deg);
  -o-transform: translate3d(61px, -90px, 0) rotate(282deg);
  transform: translate3d(61px, -90px, 0) rotate(282deg);
  background: #44ff00;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(31) {
  -webkit-transform: translate3d(37px, -72px, 0) rotate(28deg);
  -moz-transform: translate3d(37px, -72px, 0) rotate(28deg);
  -ms-transform: translate3d(37px, -72px, 0) rotate(28deg);
  -o-transform: translate3d(37px, -72px, 0) rotate(28deg);
  transform: translate3d(37px, -72px, 0) rotate(28deg);
  background: #ffc400;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(32) {
  -webkit-transform: translate3d(67px, -59px, 0) rotate(87deg);
  -moz-transform: translate3d(67px, -59px, 0) rotate(87deg);
  -ms-transform: translate3d(67px, -59px, 0) rotate(87deg);
  -o-transform: translate3d(67px, -59px, 0) rotate(87deg);
  transform: translate3d(67px, -59px, 0) rotate(87deg);
  background: #0099ff;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(33) {
  -webkit-transform: translate3d(29px, -99px, 0) rotate(21deg);
  -moz-transform: translate3d(29px, -99px, 0) rotate(21deg);
  -ms-transform: translate3d(29px, -99px, 0) rotate(21deg);
  -o-transform: translate3d(29px, -99px, 0) rotate(21deg);
  transform: translate3d(29px, -99px, 0) rotate(21deg);
  background: #ff00ee;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(34) {
  -webkit-transform: translate3d(80px, -81px, 0) rotate(301deg);
  -moz-transform: translate3d(80px, -81px, 0) rotate(301deg);
  -ms-transform: translate3d(80px, -81px, 0) rotate(301deg);
  -o-transform: translate3d(80px, -81px, 0) rotate(301deg);
  transform: translate3d(80px, -81px, 0) rotate(301deg);
  background: #ff00f2;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(35) {
  -webkit-transform: translate3d(3px, -63px, 0) rotate(89deg);
  -moz-transform: translate3d(3px, -63px, 0) rotate(89deg);
  -ms-transform: translate3d(3px, -63px, 0) rotate(89deg);
  -o-transform: translate3d(3px, -63px, 0) rotate(89deg);
  transform: translate3d(3px, -63px, 0) rotate(89deg);
  background: #ff9900;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(36) {
  -webkit-transform: translate3d(45px, -77px, 0) rotate(187deg);
  -moz-transform: translate3d(45px, -77px, 0) rotate(187deg);
  -ms-transform: translate3d(45px, -77px, 0) rotate(187deg);
  -o-transform: translate3d(45px, -77px, 0) rotate(187deg);
  transform: translate3d(45px, -77px, 0) rotate(187deg);
  background: #33ff00;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(37) {
  -webkit-transform: translate3d(-59px, -76px, 0) rotate(235deg);
  -moz-transform: translate3d(-59px, -76px, 0) rotate(235deg);
  -ms-transform: translate3d(-59px, -76px, 0) rotate(235deg);
  -o-transform: translate3d(-59px, -76px, 0) rotate(235deg);
  transform: translate3d(-59px, -76px, 0) rotate(235deg);
  background: #ffc400;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(38) {
  -webkit-transform: translate3d(-20px, -52px, 0) rotate(52deg);
  -moz-transform: translate3d(-20px, -52px, 0) rotate(52deg);
  -ms-transform: translate3d(-20px, -52px, 0) rotate(52deg);
  -o-transform: translate3d(-20px, -52px, 0) rotate(52deg);
  transform: translate3d(-20px, -52px, 0) rotate(52deg);
  background: #00ff0d;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(39) {
  -webkit-transform: translate3d(11px, -63px, 0) rotate(111deg);
  -moz-transform: translate3d(11px, -63px, 0) rotate(111deg);
  -ms-transform: translate3d(11px, -63px, 0) rotate(111deg);
  -o-transform: translate3d(11px, -63px, 0) rotate(111deg);
  transform: translate3d(11px, -63px, 0) rotate(111deg);
  background: #ff2200;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(40) {
  -webkit-transform: translate3d(-46px, -78px, 0) rotate(30deg);
  -moz-transform: translate3d(-46px, -78px, 0) rotate(30deg);
  -ms-transform: translate3d(-46px, -78px, 0) rotate(30deg);
  -o-transform: translate3d(-46px, -78px, 0) rotate(30deg);
  transform: translate3d(-46px, -78px, 0) rotate(30deg);
  background: #002bff;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(41) {
  -webkit-transform: translate3d(64px, -74px, 0) rotate(187deg);
  -moz-transform: translate3d(64px, -74px, 0) rotate(187deg);
  -ms-transform: translate3d(64px, -74px, 0) rotate(187deg);
  -o-transform: translate3d(64px, -74px, 0) rotate(187deg);
  transform: translate3d(64px, -74px, 0) rotate(187deg);
  background: #ff00dd;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(42) {
  -webkit-transform: translate3d(28px, -61px, 0) rotate(276deg);
  -moz-transform: translate3d(28px, -61px, 0) rotate(276deg);
  -ms-transform: translate3d(28px, -61px, 0) rotate(276deg);
  -o-transform: translate3d(28px, -61px, 0) rotate(276deg);
  transform: translate3d(28px, -61px, 0) rotate(276deg);
  background: #00ff1a;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(43) {
  -webkit-transform: translate3d(-96px, -90px, 0) rotate(106deg);
  -moz-transform: translate3d(-96px, -90px, 0) rotate(106deg);
  -ms-transform: translate3d(-96px, -90px, 0) rotate(106deg);
  -o-transform: translate3d(-96px, -90px, 0) rotate(106deg);
  transform: translate3d(-96px, -90px, 0) rotate(106deg);
  background: #ff00aa;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(44) {
  -webkit-transform: translate3d(-41px, -69px, 0) rotate(161deg);
  -moz-transform: translate3d(-41px, -69px, 0) rotate(161deg);
  -ms-transform: translate3d(-41px, -69px, 0) rotate(161deg);
  -o-transform: translate3d(-41px, -69px, 0) rotate(161deg);
  transform: translate3d(-41px, -69px, 0) rotate(161deg);
  background: #6fff00;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(45) {
  -webkit-transform: translate3d(-67px, -89px, 0) rotate(65deg);
  -moz-transform: translate3d(-67px, -89px, 0) rotate(65deg);
  -ms-transform: translate3d(-67px, -89px, 0) rotate(65deg);
  -o-transform: translate3d(-67px, -89px, 0) rotate(65deg);
  transform: translate3d(-67px, -89px, 0) rotate(65deg);
  background: #66ff00;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(46) {
  -webkit-transform: translate3d(48px, -92px, 0) rotate(24deg);
  -moz-transform: translate3d(48px, -92px, 0) rotate(24deg);
  -ms-transform: translate3d(48px, -92px, 0) rotate(24deg);
  -o-transform: translate3d(48px, -92px, 0) rotate(24deg);
  transform: translate3d(48px, -92px, 0) rotate(24deg);
  background: #0077ff;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(47) {
  -webkit-transform: translate3d(-48px, -79px, 0) rotate(205deg);
  -moz-transform: translate3d(-48px, -79px, 0) rotate(205deg);
  -ms-transform: translate3d(-48px, -79px, 0) rotate(205deg);
  -o-transform: translate3d(-48px, -79px, 0) rotate(205deg);
  transform: translate3d(-48px, -79px, 0) rotate(205deg);
  background: #91ff00;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(48) {
  -webkit-transform: translate3d(-68px, -81px, 0) rotate(200deg);
  -moz-transform: translate3d(-68px, -81px, 0) rotate(200deg);
  -ms-transform: translate3d(-68px, -81px, 0) rotate(200deg);
  -o-transform: translate3d(-68px, -81px, 0) rotate(200deg);
  transform: translate3d(-68px, -81px, 0) rotate(200deg);
  background: #00aaff;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(49) {
  -webkit-transform: translate3d(-82px, -75px, 0) rotate(316deg);
  -moz-transform: translate3d(-82px, -75px, 0) rotate(316deg);
  -ms-transform: translate3d(-82px, -75px, 0) rotate(316deg);
  -o-transform: translate3d(-82px, -75px, 0) rotate(316deg);
  transform: translate3d(-82px, -75px, 0) rotate(316deg);
  background: #0048ff;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(50) {
  -webkit-transform: translate3d(-50px, -59px, 0) rotate(249deg);
  -moz-transform: translate3d(-50px, -59px, 0) rotate(249deg);
  -ms-transform: translate3d(-50px, -59px, 0) rotate(249deg);
  -o-transform: translate3d(-50px, -59px, 0) rotate(249deg);
  transform: translate3d(-50px, -59px, 0) rotate(249deg);
  background: #ff00c8;
  -webkit-animation: bang 700ms ease-out forwards;
  -moz-animation: bang 700ms ease-out forwards;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}

.container-full {
  width: 95%;
}

.author:link {
    color: white;
}

.author:visited {
    color: #00d5ff;
}

.author:hover {
    color: #01ff32;
}

.author:active {
    color: blue;
}


.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #5a4c4c;
    background-color: #ccc3c3;
}

.lnk-operacion {
  color: #b5b5b5;
}

.lnk-operacion a:link { color: #72f53d; }
.lnk-operacion a:visited { color: #72f53d; }
.lnk-operacion a:hover { color: #72f53d; }
.lnk-operacion a:active { color: #72f53d; }

/* select[multiple] option:checked {
  background-color: #93e493;
  font-weight: bolder;
} */

select[multiple]:focus option:focus {
  color: #0c0c0c;
  border: solid 1px;
  border-radius: 4px;
  background-color: #93e493;
  margin-bottom: 4px;
  padding: 5px;
}

select[multiple] option {
  color: #a98585;;
  border: solid 1px;
  border-radius: 4px;
  background-color: #fff;
  margin-bottom: 4px;
  padding: 5px;
}


@media print
{
  #debug-kit-toolbar, .no-print, .no-print *
  {
      display: none !important;
  }

  body {
      -webkit-print-color-adjust:exact;
      padding-top: 0px;
      font-size: 8pt;
  }

  a[href]:after {
    content: none !important;
  }

  h2 {
    font-size: 12pt;
  }

  h3 {
    font-size: 10pt;
  }

  /*
  table,
  table tr td,
  table tr th {
  page-break-inside: avoid;
  }
*/

  .table .cambio {
    background-color: #f1eaea !important;
  }



  table { page-break-after:auto }
  tr    { page-break-inside:avoid; page-break-after:auto }
  td    { page-break-inside:avoid; page-break-after:auto }
  th    { page-break-inside:avoid; page-break-after:auto }
  thead { display:table-header-group; page-break-after:auto}
  tfoot { display: table-row-group }

  .debe, .haber {
    background-color: #E5E9F1;
    border: 0px;
  }

  .detalle {
      border-left: 0px solid #DDD;
      width: 100%;
  }
}