/********************** General **********************/
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
html, body {
  height: inherit;
  margin: 0;
  min-height: 100%;
  padding: 0;
}
body:after {
  content: "";
  display: table;
  width: 100%;
}
img {
  height: auto;
  max-width: 100%;
}
*, div, span, table, table tbody,
*::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
input, select, textarea, button {
  border-color: #ddd;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  display: inline-block;
  float: none;
  font-family: inherit;
  margin: 0 0.5em 0 0;
  max-width: 100%;
  padding: 6px;
  vertical-align: middle;
}
input, select, textarea {
  -webkit-transition: 0.25s all linear;
  -moz-transition: 0.25s all linear;
  -ms-transition: 0.25s all linear;
  -o-transition: 0.25s all linear;
  transition: 0.25s all linear;
}
input[type="submit"], input[type="reset"], button {
  box-shadow: none;
  cursor: pointer;
  -webkit-transition: 0.15s all linear;
  -moz-transition: 0.15s all linear;
  -ms-transition: 0.15s all linear;
  -o-transition: 0.15s all linear;
  transition: 0.15s all linear;
}
input:focus, select:focus, textarea: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);
  outline: 0;
}
input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
  background-color: #e6e6e6;
}
input[type="submit"].nobk:hover, input[type="reset"].nobk:hover, button.nobk:hover,
input[type="submit"].nobk, input[type="reset"].nobk, button.nobk {
  background-color: transparent;
  border: 0;
}
input[type="submit"]:focus, input[type="reset"]:focus, button:focus,
input[type="submit"]:active, input[type="reset"]:active, button:active {
  background-color: #e6e6e6;
  border-color: #adadad;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  outline: 0;
}
button.delbutton:before {
  content: "\f014";
  color: #D90000;
}
button.updatebutton:before {
  content: "\f021";
  color: #46A5E5;
}
button.searchButton:before {
  content: "\f002";
}
select {
  padding-top: 5px;
  padding-bottom: 5px;
}
button[disabled]:hover, input[disabled]:hover,
button[disabled], input[disabled] {
  color: initial;
  cursor: not-allowed;
  background-color: initial;
  box-shadow: none;
  opacity: .65;
}
div > input:last-child,
div > select:last-child,
div > textarea:last-child,
div > button:last-child,
span > input:last-child,
span > select:last-child,
span > textarea:last-child,
span > button:last-child,
td > input:last-child,
td > select:last-child,
td > textarea:last-child,
td > button:last-child {
  margin-right: 0;
}
select:focus, input:focus, textarea:focus {
  outline: none;
}
a {
  cursor: pointer;
  text-decoration: underline;
}
a:hover, a:visited {
  text-decoration: none;
}
@media screen and (max-width: 480px) {
  body {
    font-size: 18px;
  }
}
/*****************************************************/
/**************** Error / Success Block **************/
.errorBlock, .successBlock {
  border-style: solid;
  border-width: 1px;
  display: block;
  float: left;
  height: auto;
  margin: 0 auto 0.5em auto;
  padding: 0;
  width: 100%;
}
.successBlock {
  height: 30px;
  -webkit-transition: 0.25s all ease-out;
  -moz-transition: 0.25s all ease-out;
  -ms-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
}
.successBlock p {
  line-height: 30px;
  margin: 0;
  padding: 0 10px;
}
.successBlock.hideMessageSuccess {
  height: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
}
.errorBlock h2 {
  margin: 0;
  padding: 5px;
}
.errorBlock h2:before {
  margin-right: 0.5em;
}
.errorBlock p {
  margin: 0;
  padding: 5px;
}
/*****************************************************/
/****************** General Layout *******************/
#wrapper, #header,
#mainSideBar, #footer,
#magicDotContainer, #content,
#content100, #formbox_set,
#formbox_Set, .headersection,
.headerpage, .formbox,
form, .outLineOuterContainer, .reportContainer,
.reportTitle, .headerCenter1, .reportContent,
.formbox .row, .formbox .row .noPanel {
  float: left;
  width: 100%;
}
#overlay {
  cursor: pointer;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 991;
}
#sidebar {
  display: none;
  float: left;
  width: 25%;
}
#sidebar2 {
  display: none;
  float: right;
  width: 25%;
}
#magicDotContainer a {
  display: inline-block;
  float: none;
  margin-right: 10px;
  vertical-align: middle;
}
#magicDotContainer > a:last-child {
  margin-right: 0;
}
.formbox {
  margin: 0 0 0.5em 0;
}
.row {
  margin-bottom: 0.5em;
}
.formbox .row:last-child {
  margin-bottom: 0;
}
.label,
.areaform {
  display: inline-block;
  float: none;
  vertical-align: middle;
}
.label {
  max-width: 200px;
  width: 33%;
}
.areaform {
  width: 65%;
}
.space {
  display: none;
}
.copyInput {
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
}
/*****************************************************/
/***************** General Fix Class *****************/
.formbox.joinFormboxBottom {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.formbox.joinFormboxTop {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
.formbox.joinFormboxBottom .row:last-child {
  margin-bottom: 0.5em;
}
.leftPanel, .LeftPanel {
  float: left;
  width: 49%;
}
.RightPanel, .rightPanel {
  float: right;
  width: 49%;
}
.clearLeft {
  clear: left;
}
.clearRight {
  clear: right;
}
.clear {
  clear: both;
  display: block;
  height: 0;
  line-height: 0;
}
.valignTop {
  vertical-align: top!important;
}
.valignMiddle {
  vertical-align: middle!important;
}
.valignBottom {
  vertical-align: bottom!important;
}
.noMargin, .notMargin, .nomargin {
  margin: 0;
}
.noBorder {
  border: 0;
}
.noTopBorder {
  border-top: 0;
}
.noBottomBorder {
  border-bottom: 0;
}
.noShadow{
  box-shadow: none;
}
.marginTop20 {
  margin-top: 20px;
}
.marginTop15 {
  margin-top: 15px;
}
.marginTop10 {
  margin-top: 10px;
}
.marginTop5 {
  margin-top: 5px;
}
.marginLeft20 {
  margin-left: 20px;
}
.marginLeft15 {
  margin-left: 15px;
}
.marginLeft10 {
  margin-left: 10px;
}
.marginLeft5 {
  margin-left: 5px;
}
.marginRight20 {
  margin-right: 20px;
}
.marginRight15 {
  margin-right: 15px;
}
.marginRight10 {
  margin-right: 10px;
}
.marginRight5 {
  margin-right: 5px;
}
.marginBottom20 {
  margin-bottom: 20px;
}
.marginBottom15 {
  margin-bottom: 15px;
}
.marginBottom10 {
  margin-bottom: 10px;
}
.marginBottom5 {
  margin-bottom: 5px;
}
.widthauto, .width20, .width40, .width60 {
  display: block;
  margin: 0;
  padding: 0;
}
.widthauto {
  width: auto;
}
.width20 {
  width: 20%;
}
.width40 {
  width: 40%;
}
.width60 {
  width: 60%;
}
.width80 {
  width: 80%;
}
.allWith{
  float:left;
  width:100%;
}
.flt, .fltLeft {
  float: left;
}
.flr, .fltRight {
  float: right;
}
.hide, .row_hide {
  display: none!important;
}
.show {
  display: inline-block!important;
}
div.show {
  display: block!important;;
}
.contentcolumns {
  letter-spacing: -0.3em;
}
.columns1, .columns2, .columns3,
.columns4, .columns5, .columnsauto {
  display: inline-block;
  float: none;
  letter-spacing: normal;
  margin: 0;
  padding: 0 0.5em;
  vertical-align: middle;
}
div > .columns1:first-child,
div > .columns2:first-child,
div > .columns3:first-child,
div > .columns4:first-child,
div > .columns5:first-child,
span > .columns1:first-child,
span > .columns2:first-child,
span > .columns3:first-child,
span > .columns4:first-child,
span > .columns5:first-child {
  padding-left: 0;
}
div > .columns1:last-child,
div > .columns2:last-child,
div > .columns3:last-child,
div > .columns4:last-child,
div > .columns5:last-child,
span > .columns1:last-child,
span > .columns2:last-child,
span > .columns3:last-child,
span > .columns4:last-child,
span > .columns5:last-child {
  padding-right: 0;
}
.columns1 {
  width: 100%;
}
.columns2 {
  width: 50%;
}
.columns3 {
  width: 33%;
  width: calc(100% / 3);
}
.columns4 {
  width: 25%;
}
.columns5 {
  width: 20%;
}
.elementDesktop, .desktop {
  display: inline-block!important;
}
div.elementDesktop, div.desktop {
  display: block!important;
}
.elementMobile, .mobile {
  display: none!important;
}
@media screen and (max-width: 767px) {
  .elementDesktop, .desktop,
  div.elementDesktop, div.desktop {
    display: none!important;
  }
  .elementMobile, .mobile {
    display: inline-block!important;
  }
  div.elementMobile, div.mobile {
    display: block!important;
  }
  .leftPanel, .LeftPanel,
  .RightPanel, .rightPanel {
    width:100%;
  }
  .columns1, .columns2, .columns3 {
    padding: 0!important;
    width: 100%;
  }
  .columns4, .columns5 {
    padding: 0!important;
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .columns4, .columns5 {
    width: 100%;
  }
}
/*****************************************************/
/*********************** Tables **********************/
table {
  border-spacing: 0;
  border-collapse: collapse;
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
}
table tr th,
table tr td {
  padding: 8px;
}
table tr th {
  border-bottom: 2px solid #ddd;
  vertical-align: bottom;
}
table tr td {
  border-bottom: 1px solid #ddd;
  vertical-align: top;
}
table > tr:last-child > td,
table > tbody > tr:last-child > td {
  border-bottom: 0;
}
table td select:only-child,
table td input[type="text"]:only-child {
  width: 100%;
}
table td p {
  margin: 0;
}
table.outline > tbody > tr:last-child div {
  margin: 5px 0!important;
}
table.outline > tbody > tr > td {
  padding: 0;
}
table tr.selected td {
  background-color: #31B404;
  color: #FFF;
}
table.TableContainer > tbody > tr > td > span {
  white-space: nowrap;
}
table.TableContainer > tbody > tr:focus td,
table.TableContainer > tbody > tr:hover td {
  background-color: #eee;
}
table.reportFilterTable tr td {
  border: 0;
}
.reportContent .reportScrollContent {
  float: left;
  max-height: 600px;
  overflow-y: auto;
  position: relative;
  width: 100%;
}
.reportContent .reportScrollContent .auxHeaderScroll {
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}
/*****************************************************/
/******************* General Color *******************/
#overlay {
  background-color: rgba(0,0,0,0.30);
}
.color1 {
  color: #232d5a;
}
.color2 {
  color: #D90000;
}
.color3 {
  color: #BBB;
}
.color4 {
  color: #46A5E5;
}
.color5 {
  color: #8ac7e0;
}
.errorBlock {
  background: #FFF;
  border-color: #CCC;
  color: #D90000;
}
.errorBlock h2 {
  background-color: #fcf8e3;
  border-bottom: 1px solid #CCC;
}
.successBlock {
  background-color: #F4F5ED;
  border-color: #CCC;
  color: #31B404;
}
/*****************************************************/
/******************* General Text ********************/
#magicDotContainer a {
  text-align: center;
  text-decoration: none;
}
*:before, *:after {
  font-family: 'FontAwesome';
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: center;
}
.errorBlock h2 {
  font-size: 1.2em;
}
.errorBlock h2:before {
  content: "\f071";
  font-weight: normal;
}
.searchBoxDiv {
  font-size: 0.75em;
}
.BorderTitle {
  font-weight: bold;
}
.AlignLeft, .alignLeft, .txtalignleft,
td.alignLeft, td.AlignLeft, th.alignLeft, th.AlignLeft {
  text-align: left!important;
}
.AlignRight, .alignRight, .txtalignright,
td.alignRight, td.AlignRight, th.alignRight, th.AlignRight {
  text-align: right!important;
}
.AlignCenter, .alignCenter, .txtaligncenter {
  text-align: center!important;
}
.fontbold, .fontBold, .BoldText {
  font-weight: bold!important;
}
.fontItalic {
  font-style: italic !important;
}
.fontWNormal {
  font-weight: normal!important;
}
.noWrap {
  white-space: nowrap;
}
.toUppercase {
  text-transform: uppercase!important;
}
.toLowercase  {
  text-transform: lowercase!important;
}
.toCapitalize {
  text-transform: capitalize!important;
}
.noTextDecoration{
  text-decoration: none!important;
}
h1 {
  font-size: 5.0rem;
}
h2 {
  font-size: 4.2rem;
}
h3 {
  font-size: 3.6rem;
}
h4 {
  font-size: 3.0rem;
}
h5 {
  font-size: 2.4rem;
}
h6 {
  font-size: 1.5rem;
}
/*
 ***************************************** Tablas Responsivas *****************************************
 * Sin scroll vertical. Los colores y fuentes son relativos a Demo. Se deben de cambiar en color y type.
 * Nota: Los cambios que se agreguen afectaran a todos los clientes;
 */
.tdTitle{
  display: none;
}
@media screen and (max-width:767px) {
  .tdTitle, .tdContent{
    display: inline-block;
  }
  .auxHeaderScroll{
    display: none!important;
  }
  .totalTopEmptyRow{
    display: none!important;
  }
  #total_TOP {
    background-color: transparent;
    border-bottom: none;
    font-weight: bolder;
  }
  .reportContent .reportScrollContent {
    max-height: 100%!important;
  }
  .reportData #total_TOP{
    visibility: visible!important;
  }
  .reportData table {
    border-collapse: collapse;
    box-shadow: 0 0 2px rgba(139, 195, 74, 0.32);
    margin: 1rem auto;
    table-layout: fixed;
    width: 98%;
  }
  .reportData thead {
    display: none;
  }
  .reportData th {
    background: #afd682;
    border: 3px solid #fff;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 400;
    padding: .7rem 0;
    width: 22%;
  }
  .reportData th:last-child {
    width: 8%;
  }
  .reportData tr:nth-child(even) {
    background: rgba(139, 195, 74, 0.5);
  }
  .reportData tr {
    border-bottom: 2px solid #4CAF50!important;
  }
  .reportData tr:last-child {
    border-bottom: 0 none!important;
  }
  .reportData td {
    border-right: 1px solid rgba(139, 195, 74, 0.2);
    display: block;
    overflow: auto;
    padding-bottom: .5rem!important;
    padding-top: .5rem!important;
    position: relative;
    text-align: left!important;
    width: 100%!important;
  }
  td span.tdContent {
    float: right;
    max-width: 55%;
    min-width: 55%;
    word-break: break-word;
  }
  .reportData td:last-child {
    border-right: 0 none;
    text-align: center;
  }
  .reportData td .tdTitle {
    float: left;
    left: 6px;
    max-width: 40%;
    min-width: 40%;
    text-align: left;
    white-space: normal;
    width: auto;
    word-break: break-word;
  }
  .reportData td:last-child {
    text-align: left;
  }
  .reportData td:nth-child(odd) {
    background: rgba(139, 195, 74, 0.5);
  }
  td.total_td {
    padding-left: 0!important;
    text-align: center!important;
  }
  td.tdHide{
    display:none;
  }
  td.td-center{
    text-align:center!important;
  }
  tfoot {
    border-bottom: 2px solid #4CAF50!important;
    border-top: 3px solid #4CAF50!important;
  }
  .stuckPagination > div {
    background-color:#f1f1f1;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    left:0;
    padding: 5px 15px 0 15px;
    position:fixed!important;
    top:0;
    z-index:999;
  }
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 667px) {
   .tdTitle, .tdContent{
    display: inline-block;
  }
  .auxHeaderScroll{
    display: none!important;
  }
  .totalTopEmptyRow{
    display: none!important;
  }
  #total_TOP {
    background-color: transparent;
    border-bottom: none;
    font-weight: bolder;
  }
  .reportContent .reportScrollContent {
    max-height: 100%!important;
  }
  .reportData #total_TOP{
    visibility: visible!important;
  }
  .reportData table {
    border-collapse: collapse;
    box-shadow: 0 0 2px rgba(139, 195, 74, 0.32);
    margin: 1rem auto;
    table-layout: fixed;
    width: 98%;
  }
  .reportData thead {
    display: none;
  }
  .reportData th {
    background: #afd682;
    border: 3px solid #fff;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 400;
    padding: .7rem 0;
    width: 22%;
  }
  .reportData th:last-child {
    width: 8%;
  }
  .reportData tr:nth-child(even) {
    background: rgba(139, 195, 74, 0.5);
  }
  .reportData tr {
    border-bottom: 2px solid #4CAF50!important;
  }
  .reportData tr:last-child {
    border-bottom: 0 none!important;
  }
  .reportData td {
    border-right: 1px solid rgba(139, 195, 74, 0.2);
    display: block;
    overflow: auto;
    padding-bottom: .5rem!important;
    padding-top: .5rem!important;
    position: relative;
    text-align: left!important;
    width: 100%!important;
  }
  td span.tdContent {
    float: right;
    max-width: 55%;
    min-width: 55%;
    word-break: break-word;
  }
  .reportData td:last-child {
    border-right: 0 none;
    text-align: center;
  }
  .reportData td .tdTitle {
    float: left;
    left: 6px;
    max-width: 40%;
    min-width: 40%;
    text-align: left;
    white-space: normal;
    width: auto;
    word-break: break-word;
  }
  .reportData td:last-child {
    text-align: left;
  }
  .reportData td:nth-child(odd) {
    background: rgba(139, 195, 74, 0.5);
  }
  td.total_td {
    padding-left: 0!important;
    text-align: center!important;
  }
  td.tdHide{
    display:none;
  }
  td.td-center{
    text-align:center!important;
  }
  tfoot {
    border-bottom: 2px solid #4CAF50!important;
    border-top: 3px solid #4CAF50!important;
  }
}
/**
 ***************************************** Breadcrumb *****************************************************
 * Menu de seleccion de Secuencias. Los colores y fuentes son relativos a Demo. Se deben de cambiar en color y font.
 * Nota: Los cambios que se agreguen afectaran a todos los clientes;
 */
.navigationTitle {
  background-color: transparent;
  font-size: 12px;
  margin: 1em auto;
  padding: 0;
  text-align: center;
  width: 100%;
}
.navigationTitle.triangle li {
  display: inline-block;
  height: auto;
  margin: 0;
  margin: 4px 4px 4px 0;
  padding: 0;
  position: relative;
  vertical-align: baseline;
  width: auto;
}
.navigationTitle.triangle li a:hover {
  background-color: #2c3f4c!important;
  border-color: #2c3f4c!important;
  color: #ffffff;
}
.navigationTitle.triangle li:last-child {
  border-radius: 0 .25em .25em 0;
  padding-right: 1em;
}
.navigationTitle.triangle li:last-child:after {
  content:none;
}
.navigationTitle.triangle li a {
  background-color: #edeff0;
  border-color: #edeff0;
  color: #2c3f4c;
  display: inline-block;
  font-size: 12px;
  padding: 1em 0em 1em 2em;
  position: relative;
  text-decoration:none;
}
.navigationTitle li.seleccionada a {
  background-color: #96c03d;
  border-color: #96c03d;
  color: #FFF;
}
.navigationTitle li::after {
  color: #959fa5;
  content: '\00bb';
  display: inline-block;
  margin: 0 .6em;
}
.navigationTitle li::after {
  margin: 0 1em;
}
.navigationTitle.triangle li::after,
.navigationTitle.triangle li > *::after {
  border-left-width: 20px;
  border-right-width: 0;
  border: 20px solid transparent;
  bottom: 0;
  content: '';
  height: 0;
  left: 100%;
  position: absolute;
  width: 0px;
}
.navigationTitle.triangle li > *::after {
  border-left-color: inherit;
  z-index: 2;
}
.navigationTitle.triangle li::after {
  border-left-color: #ffffff;
  margin: 0;
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -ms-transform: translateX(4px);
  -o-transform: translateX(4px);
  transform: translateX(4px);
  z-index: 1;
}
.titleSpace{
  display: none!important;
}
.navigationTitle.triangle li:first-of-type > * {
  border-radius: .25em 0 0 .25em;
  padding-left: 1.6em!important;
}
.navigationTitle.triangle li:last-child a {
  padding-right:1em;
}
.navigationTitle.triangle li:last-child a:after {
  display:none;
}
/* Iconos Breadcrumb */
span.fa {
  padding-right: 5px;
}
.anterior a:not(:hover) .fa:before {
  content: "\f00c"!important;
}
.siguiente a{
  cursor: not-allowed!important;
}
/* Fin Iconos Breadcrumb */
@media (max-width: 768px) {
  .navigationTitle {
    background-color: #edeff0;
    border-radius: .25em;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 .5em;
    text-align: left;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0px);
    -webkit-transform: translate3d(0,0,0);
    -webkit-perspective: 1000;
  }
  .navigationTitle.triangle li {
    display: inline-block;
    float: none;
    margin: 0 0 5px 0;
  }
  .navigationTitle.triangle li a:hover {
    background-color: transparent!important;
    border-color: transparent!important;
    color: #96c03d;
  }
  .navigationTitle.triangle li:last-child {
    border-radius: 0 .25em .25em 0;
    padding-right: 1em;
  }
  .navigationTitle.triangle li:last-child:after {
    content:none;
  }
  .navigationTitle.triangle li a {
    background-color: #edeff0;
    border-color: #edeff0;
    color: #2c3f4c;
    display: inline-block;
    font-size: .5em!important;
    font-size: 12px;
    padding: 0;
    position: relative;
    text-decoration:none;
  }
  .navigationTitle li.seleccionada a {
    background-color: #edeff0;
    border-color: #edeff0;
    color: #96c03d;
  }
  .navigationTitle li::after {
    color: #959fa5;
    content: '\00bb';
    display: inline-block;
    margin: 0 .6em;
  }
  .navigationTitle li::after {
    margin: 0 1em;
  }
  .navigationTitle.triangle li::after,
  .navigationTitle.triangle li > *::after {
    border-left-width: 0;
    border-right-width: 0;
    border: 0;
    bottom: 0;
    content: '';
    height: 0;
    left: 0;
    position: relative;
    width: 0;
  }
  .navigationTitle.triangle li > *::after {
    border-left-color: inherit;
    color: #000;
    content: '\f105';
    margin: 0 10px;
    z-index: 2;
  }
  .navigationTitle.triangle li::after {
    border-left-color: #ffffff;
    margin: 0;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    z-index: 1;
  }
  .titleSpace{
    display: none!important;
  }
  .navigationTitle.triangle li:first-of-type > * {
    border-radius: 0;
    padding-left: 0!important;
  }
  .navigationTitle.triangle li:last-child a {
    padding-right:1em;
  }
  .navigationTitle.triangle li:last-child a:after {
    display:none;
  }
  /* Iconos Breadcrumb */
  span.fa {
    padding-right: 5px;
  }
  .navigationTitle.triangle li:nth-child(1n+0) .fa{
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
    margin-right: 3px;
    position: relative;
    vertical-align: middle;
    width: 2rem;
  }
  .navigationTitle.triangle li:nth-child(1n+0) .fa:before {
    font-weight: bold;
    left: 0;
    line-height: inherit;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
  }
  .navigationTitle.triangle li:nth-child(1n+0) .fa:after {
    content: "\f10c"!important;
    font-size: 2rem;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
  }
  .navigationTitle.triangle li:nth-child(1) .fa:before {
    content: "1"!important;
  }
  .navigationTitle.triangle li:nth-child(2) .fa:before {
    content: "2"!important;
  }
  .navigationTitle.triangle li:nth-child(3) .fa:before {
    content: "3"!important;
  }
  .navigationTitle.triangle li:nth-child(4) .fa:before {
    content: "4"!important;
  }
  .navigationTitle.triangle li:nth-child(5) .fa:before {
    content: "5"!important;
  }
  .navigationTitle.triangle li:nth-child(6) .fa:before {
    content: "6"!important;
  }
  .navigationTitle.triangle li:nth-child(7) .fa:before {
    content: "7"!important;
  }
  .navigationTitle.triangle li:nth-child(8) .fa:before {
    content: "8"!important;
  }
  .navigationTitle.triangle li:nth-child(9) .fa:before {
    content: "9"!important;
  }
  .navigationTitle.triangle li:nth-child(10) .fa:before {
    content: "10"!important;
  }
  .siguiente a{
    cursor: not-allowed!important;
  }
}
/********************************************************************************************************
 ***************************************** Tooltip ******************************************************
 *********************************************************************************************************/
.tooltipContent {
  cursor: help;
  display: inline-block;
  -webkit-transform: translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}
.tooltipContent .tooltip {
  background: #1496bb;
  border-radius: 6px;
  bottom: 100%;
  color: #fff;
  display: block;
  left: 0px;
  margin-bottom: 15px;
  margin-left: -140px;
  opacity: 0;
  padding: 8px 10px;
  pointer-events: none;
  position: absolute;
  width: 300px;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.tooltipContent .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}
/* CSS Triangles - see Trevor's post */
.tooltipContent .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #1496bb 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}
.tooltipContent:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
       -o-transform: translateY(0px);
          transform: translateY(0px);
}
/********************************************************************************************************
 ***************************************** CKEditor *****************************************************
 *********************************************************************************************************/
blockquote {
  font-style: italic;
  font-family: Arial;
  padding: 2px 0;
  border-style: solid;
  border-color: #ccc;
  border-width: 0;
}
.cke_contents_ltr blockquote {
  padding-left: 20px;
  padding-right: 8px;
  border-left-width: 5px;
}
.cke_contents_rtl blockquote {
  padding-left: 8px;
  padding-right: 20px;
  border-right-width: 5px;
}
.marker {
  background-color: Yellow;
}