.topmargin-xxsm {margin-top: 10px !important;}
.bottommargin-xxsm {margin-bottom: 10px !important;}
.rightmargin-xxsm {margin-right: 10px !important;}
.leftmargin-xxsm {margin-left: 10px !important;}
.allmargin-xxsm {margin: 10px !important;}

.topmargin-xsm {margin-top: 15px !important;}
.bottommargin-xsm {margin-bottom: 15px !important;}
.rightmargin-xsm {margin-right: 15px !important;}
.leftmargin-xsm {margin-left: 15px !important;}
.allmargin-xsm {margin: 15px !important;}

.topmargin-sm {margin-top: 30px !important;}
.bottommargin-sm {margin-bottom: 30px !important;}
.rightmargin-sm {margin-right: 30px !important;}
.leftmargin-sm {margin-left: 30px !important;}
.allmargin-sm {margin: 30px !important;}

.topmargin {margin-top: 50px !important;}
.bottommargin {margin-bottom: 50px !important;}
.rightmargin {margin-right: 50px !important;}
.leftmargin {margin-left: 50px !important;}
.allmargin {margin: 50px !important;}

.topmargin-lg {margin-top: 80px !important;}
.bottommargin-lg {margin-bottom: 80px !important;}
.rightmargin-lg {margin-right: 80px !important;}
.leftmargin-lg {margin-left: 80px !important;}
.allmargin-lg {margin: 80px !important;}

.mtn-5{margin-top: -5px !important;}
.mbn-5{margin-bottom: -5px !important;}
.mln-5{margin-left: -5px !important;}
.mrn-5{margin-right: -5px !important};

.mt-2{margin-top: 2px !important;}
.mb-2{margin-bottom: 2px !important;}
.ml-2{margin-left: 2px !important;}
.mr-2{margin-right: 2px !important};

.no-bg{background-color: transparent !important;}


.input-group span.twitter-typeahead {
  margin-top: 6px;
}

.preloader1{display: none;}


/* Fix para ver el DatePicker por encima de los modals */
div.AnyTime-win {z-index:9999}

/* CSS necesarias para las piezas del puzzle */

.grid {
  max-width: 100%;
}
/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.grid-item {
  width: 24%;
  float: left;
}
.grid-item--width2 {
  width: 48%;
}
/*.grid-item--height2 { height: 50%; }*/
.grid-item:hover {
  border-color: rgba(255, 255, 255, 0.5);
  cursor: move;
}
.grid-item.is-dragging,
.grid-item.is-positioning-post-drag {
  background: #C90;
  z-index: 2;
}
.packery-drop-placeholder {
  outline: 3px dashed rgba(0, 0, 0, 0.5);
  outline-offset: -6px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}

.block-panel-listado.activado {
  background-color: #b81616 !important;
  color: white;
}
.block-panel-listado.activado:hover {
  background-color: #790000 !important;
  color: white;
}


.text-capi {text-transform:capitalize;}
.mtn-8{margin-top: -8px !important;}
.mbn-8{margin-bottom: -8px !important;}
.mln-8{margin-left: -8px !important;}
.mrn-8{margin-right: -8px !important};



.nav-tabs-vertical > .nav-tabs {
    width: 200px !important;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.panel-scroll {
    max-height: 500px;
    overflow-y: auto;
}


.label-mediabox{
    top:7% !important;
    right:0;
    width:30% !important;
}

.tabla-icono i {
  font-size: 25px;
  margin: 5px 10px;
}

.bg-gris-claro {
  background-color: #f5f5f5;
}

.table-xxxs > thead > tr > th, .table-xxxs > tbody > tr > th, .table-xxxs > tfoot > tr > th, .table-xxxs > thead > tr > td, .table-xxxs > tbody > tr > td, .table-xxxs > tfoot > tr > td {
    padding: 10px;
}

.content-actividad li {
  padding: 10px 20px;
  margin-top: 0;
}
.content-actividad li:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.content-actividad .icons-list > li {
  padding-left: 5px;
  padding-right: 5px;
}