html {
    position: relative;
    min-height: 100%; }
  
  body {
    /* Margin bottom by footer height */
    margin-bottom: 220px;
    background-color: #FFF; }
  
  body.no_scroll {
    overflow: hidden; }
  
  main {
    min-height: 50vh; }
    main.main_layout {
      margin-top: 110px; }
    main.carrito_layout {
      margin-top: 38px;
      background: #f9f9f9; }

    .carrito-breadcrumb {
    background: #f5f5f5;
    width: 100%;
    padding: 0px;
    border-bottom: 1px solid #ccc;
    }
  
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Rubik', Helvetica, Arial, sans-serif; }

  h1, .h1 {
    font-size: 2em; }
  
  .open_sans {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif; }

  .outlet_color {
    color: #b70505; }
  
  .img_full_width {
    margin: 0 -15px; }
  
  .dark_blanket {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 100; }
  
  .two_col {
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px; }
  
  .fa_loader {
    position: fixed;
    z-index: 1001;
    color: white;
    top: 50px;
    left: 50%;
    font-size: 4em; }
  
  .navbar {
    margin-bottom: 0;
    border-radius: 0; }
  
  .nav-search {
    margin: 15px;
    margin-left: 35px;
    /*     width: 800px; */ }
  
  .navbar-syscom {
    background: #193654;
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100vw; }
    .navbar-syscom .movil_search {
      width: 50%; }
    .navbar-syscom .main_buscador {
      -webkit-appearance: none;
      border-radius: 4px 0px 0px 4px !important;
      -ms-appearance: none;
      -moz-appearance: none;
      background: #ededed;
      min-width: 95px;
      background-image: linear-gradient(45deg, transparent 60%, gray 60%), linear-gradient(135deg, gray 50%, transparent 50%);
      background-position: calc(100% - 10px) 1em, calc(100% - 5px) 1em, calc(100% - 2.5em) 0.5em;
      background-size: 5px 5px, 5px 5px, 1px 1.5em;
      background-repeat: no-repeat;
      padding-right: 10px; }
  
  .navbar-syscom.z_index_110 {
    z-index: 110; }
  
  .navbar-syscom .navbar-brand {
    color: #eaeaea; }
  
  .navbar-syscom .navbar-nav > li > a {
    color: #f4f4f4; }
  
  .navbar-syscom .nav > li > a:hover, .navbar-syscom .nav > li > a:focus {
    text-decoration: none;
    background-color: #033e79; }
  
  .main_nav_categories > ul > li {
    position: static;
    max-width: 140px; }
    .main_nav_categories > ul > li button:hover, .main_nav_categories > ul > li button.active {
      text-decoration: none;
      background-color: #033e79; }
    .main_nav_categories > ul > li:last-child {
      width: 200px;
      max-width: 200px; }
    .main_nav_categories > ul > li::after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #014e94;
      top: 100%;
      z-index: 1000;
      margin-left: 50px;
      display: none; }
  
  .navbar-syscom .navbar-nav > li > a {
    padding: 10px 15px; }
  
  .navbar-syscom .navbar {
    min-height: 10px; }
  
  .navbar-syscom .navbar-nav.mini_nav_bar > li > a {
    padding: 5px 10px;
    font-size: 10px; }
  
  ul.main_nav_cont {
    position: absolute;
    background: white;
    z-index: 110;
    padding: 20px;
    width: 90vw;
    left: 5vw;
    top: 55px;
    display: none;
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px; }
    ul.main_nav_cont .cat_nivel_3 a {
      color: #333; }
    ul.main_nav_cont li {
      -webkit-column-break-inside: avoid; }
    ul.main_nav_cont h4 {
      font-size: 16px; }
  
  .container-fluid_nav {
    margin: 0 auto; }
    .container-fluid_nav.container {
      width: 1200px; }
  
  #myNavbar .nav-search {
    width: 40%;
    margin: 7.5px 10px; }
  
  .navbar-header img {
    margin-top: 17px;
    margin-left: 10px;
    width: 150px; }
  
  .form-signin .form-signin-heading,
  .form-signin .checkbox {
    margin-bottom: 10px; }
  
  .form-signin .checkbox {
    font-weight: normal; }
  
  .form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px; }
  
  .form-signin .form-control:focus {
    z-index: 2; }
  
  .class {
    font-size: 23; }
  
  .navbar-syscom .navbar-nav {
    margin: 7.5px 5px;
    position: static; }
  
  .main_nav_categories {
    min-width: 1200px;
    background: #014e94;
    border-color: #005cb9; }
    .main_nav_categories .btn-link {
      color: #fff; 
      font-size: 13px; }
  
  .dropdown-submenu {
    position: relative; }
  
  .dropdown-submenu.line_height {
    line-height: 39px;
    font-size: 13px; }
  
  .dropdown-submenu .dropdown-menu {
    /*
        top: 0;
        left: 100%;
        margin-top: -6px;
    */ }
  
  .dropdown-mega {
    top: 0;
    left: 100% !important;
    margin-top: -2px; }
  
  .yamm .nav,
  .yamm .collapse,
  .yamm .dropup,
  .yamm .dropdown {
    position: static; }
  
  .yamm .container {
    position: relative; }
  
  .yamm .dropdown-menu {
    left: auto; }
  
  .yamm .yamm-content {
    padding: 10px 20px;
    width: 500px; }
  
  .yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0; }
  
  .dropdown ul {
    padding: 0; }
  
  .dropdown-mega ul {
    list-style: none;
    padding: 0; }
  
  .dropdown-mega span {
    display: block;
    font-size: 11px;
    margin-top: -1px;
    color: grey; }
  
  .yamm-content li {
    margin: 5px 0;
    font-size: 13px;
    line-height: 15px; }
  
  .yamm-content h4 {
    color: #005CB9;
    margin: 0 0 10px; }
  
  .yamm-content li a {
    color: #232323; }
  
  .yamm-content li a:hover {
    color: #0074ff; }
  
  .mega-video {
    background-color: #fff;
    background-image: url("http://172.31.13.99/usuarios/ftp/web/V5/bk1.png");
    background-position: right bottom;
    background-repeat: no-repeat; }
  
  .nav-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
  
  .nav-flex img {
    width: 110px; }
  
  .carrito_movil {
    position: relative; }
  
  .carrito_movil span {
    position: absolute;
    top: 0;
    left: 14px;
    padding: 5px 7px;
    font-size: 9px;
    text-align: center; }
  
  .footer {
    background: #193654;
    color: white;
    position: absolute;
    width: 100%;
    height: 346px;
    padding: 15px; }
  
  .footer a {
    color: white;
    font-weight: 200; }
  
  .footer .social {
    font-size: 1.8em;
    margin: 0 10px; }
  
  .footer .social:first-child {
    margin-left: 0; }
  
  .form-signin {
    max-width: 450px;
    padding: 15px; }
  
  .nav_movil {
    overflow: hidden;
    position: fixed;
    left: -250px;
    top: 0;
    width: 250px;
    height: 100vh;
    z-index: 1005;
    background: #F1F1F1; }
  
  .sidebar-wrapper {
    overflow-y: auto;
    background: #F1F1F1;
    height: 100%;
    left: -250px;
    position: absolute;
    width: 250px; }
  
  .sidebar-wrapper.toggled, .nav_movil.toggled {
    left: 0px; }
  
  .sidebar-nav {
    margin: 0;
    padding: 0;
    list-style: none; }
  
  .sidebar-nav li {
    padding-left: 20px;
    line-height: 40px;
    border-top: solid 1px #d8d8d8; }
  
  .sidebar-nav li:first-child {
    border-top: none; }
  
  .sidebar-nav li button, .sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #193654;
    padding: 12px 5px;
    line-height: 1.5;
    font-weight: normal; }
  .sidebar-nav li button:hover, .sidebar-nav li a:hover {
    text-decoration: none;
    color: #3059b9;
    background: rgba(255, 255, 255, 0.2); }
  .sidebar-nav li button:active, .sidebar-nav li .sidebar-nav li button:focus {
    text-decoration: none; }
  
  .sidebar-nav > .sidebar-brand {
    min-height: 65px;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 240px; }
  
  .sidebar-wrapper-sub {
    left: 250px;
    top: 0;
    z-index: -1;
    position: absolute;
    height: 100%;
    overflow-y: auto;
    width: 250px;
    background: #F1F1F1;
    z-index: 101; }
  
  .sidebar-wrapper-sub.toggled {
    left: 0; }
  
  #menu_2-toggle, #menu_3-toggle {
    padding-right: .5em;
    padding-top: .5em; }
  
  .sidebar-nav > .sidebar-brand, .sidebar-nav > button {
    color: #999999; }
  .sidebar-nav > .sidebar-brand:hover, .sidebar-nav > button:hover {
    color: #fff;
    background: none; }
  
  .nav-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100; }
  
  .navbar-syscom_movil > ul {
    width: 100%; }
  
  .navbar-syscom_movil li > a > img {
    width: 70%;
    max-width: 200px; }
  
  .toggle_navbar {
    position: relative;
    float: right;
    background-image: none;
    border: 1px solid transparent; }
  
  #sidebar-wrapper-right {
    z-index: 1005;
    position: fixed;
    right: -250px;
    width: 250px;
    height: 100%;
    top: 0;
    overflow-y: auto;
    background: #F1F1F1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  
  #sidebar-wrapper-right.toggled {
    right: 0; }
  
  .loading_top_bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: #fff;
    z-index: 1001; }
    .loading_top_bar span {
      position: absolute;
      left: -100%;
      height: 5px;
      width: 40%;
      background-color: #005CB9;
      border-radius: 10px;
      -webkit-animation-name: loading_top_bar;
      /* Safari 4.0 - 8.0 */
      -webkit-animation-duration: 1.5s;
      /* Safari 4.0 - 8.0 */
      animation-name: loading_top_bar;
      animation-duration: 1.5;
      animation-iteration-count: infinite;
      animation-timing-function: ease-in-out; }
  
  .body_gris {
    background-color: #edeff0; }
  
  .body_black {
    background-color: #000; }
  
  .btn-inactive {
    color: #505050;
    background-color: #d1d1d1;
    border-color: #bdbdbd; }
    .btn-inactive:hover {
      color: #505050;
      background-color: #d1d1d1;
      border-color: #bdbdbd; }
  
  .btn-cart {
    color: #464529 !important;
    background-color: #ffc914;
    border-color: #eab500; }
    .btn-cart:hover {
      background-color: #FFE000 !important; }
  
  .btn-basic {
    color: #333;
    background-color: #e4e4e4;
    border-color: #b6b6b6; }
    .btn-basic:hover {
      background-color: #c1c1c1; }
  
  .btn-basic-dark {
    color: #fff;
    background-color: #737373;
    border-color: #5e5e5e; }
    .btn-basic-dark:hover {
      color: #fff;
      background-color: #5b5a5a; }
  
  .btn-outlet {
    border-color: transparent;
    box-shadow: none;
    background-color: transparent;
    font-weight: 400;
    color: #b70505;
    border-radius: 0; }
    .btn-outlet:hover {
      color: #a90707;
      text-decoration: underline;
      background-color: transparent; }
  
  .btn-responsive {
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.33333;
    border-radius: 6px; }
  
  .btn-info-invertido {
    background-color: #ffffff;
    border-color: #0089d7;
    color: #0089d7; }
  
  .btn-link.text-danger {
    color: #af1010; }
  .btn-link.inverse {
    color: #FFF;
    font-weight: normal;
    border-radius: 0; }
    .btn-link.inverse, .btn-link.inverse:active, .btn-link.inverse.active, .btn-link.inverse[disabled], fieldset[disabled] .btn-link.inverse {
      background-color: transparent; }
    .btn-link.inverse, .btn-link.inverse:hover, .btn-link.inverse:focus, .btn-link.inverse:active {
      border-color: transparent; }
    .btn-link.inverse:hover, .btn-link.inverse:focus {
      color: #d9d9d9;
      text-decoration: underline;
      background-color: transparent; }
    .btn-link.inverse[disabled]:hover, .btn-link.inverse[disabled]:focus, fieldset[disabled] .btn-link.inverse:hover, fieldset[disabled] .btn-link.inverse:focus {
      color: #777777;
      text-decoration: none; }
  
  .btn_amarillo {
    background: #E3EF37;
    color: #1F2D3D; }
  
  .btn_azul {
    background: #0072BB;
    color: #fff; }
  
  .btn_blanco {
    background: #fff;
    color: #333; }
  
  .btn_negro {
    background: #000;
    color: #fff; }
  
  .btn_rojo {
    background: #B50000;
    color: #fff; }
  
  .btn_verde {
    background: #019A79;
    color: #fff; }
  
  .no_focus.active:focus, .no_focus.focus {
    outline: none;
    outline-style: none !important;
    box-shadow: none !important;
    border-color: transparent !important; }
  
  .no_focus *:focus {
    outline: none;
    outline-style: none !important;
    box-shadow: none !important;
    border-color: transparent !important; }
  
  .dropdown-menu > .active > button, .dropdown-menu > .active > button:hover, .dropdown-menu > .active > button:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #005CB9;
    border: none;
    width: 100%;
    text-align: left; }
  
  .feedback.btn {
    position: fixed;
    right: -5px;
    bottom: 45px;
    z-index: 100; }
  
  .label-primary {
    background-color: #005CB9; }
  
  .label-success {
    background-color: #2B9F18; }
  
  .label-info {
    background-color: #24b0ff; }
  
  .label-danger {
    background-color: #e85c41; }
  
  .label-redes {
    background-color: #45398f; }
  
  .label-alarmas {
    background-color: #df001d; }
  
  .label-gps {
    background-color: #a9007d; }
  
  .label-cctv {
    background-color: #1a57a7; }
  
  .label-radios {
    background-color: #424242; }
  
  .label-control {
    background-color: #7cc51c; }
  
  .label-energia {
    background-color: #f5c000; }
  
  .label-incendio {
    background-color: #9c1728; }
  
  .label-cableado {
    background-color: #d7e700;
    color: #386500; }
  
  .label-voip {
    background-color: #3fb793; }
  
  .label-apoyo {
    background-color: #005CB9; }
  
  .label-pararayo {
    background-color: #006fe0; }
  
  .label.btn_hover:hover {
    cursor: pointer; }
  
  .fa-2 {
    font-size: 2em; }
  
  .fa-3 {
    font-size: 4em; }
  
  .fa-4 {
    font-size: 7em; }
  
  .fa-5 {
    font-size: 12em; }
  
  .fa-6 {
    font-size: 20em; }
  
  .fa_block {
    display: block; }
  
  .roboto {
    font-family: 'Roboto',Helvetica, Arial, sans-serif; }
  
  .open_sans {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif; }
  
  .text-outlet {
    color: #b70505; }
  
  .text-center {
    text-align: center !important; }
  
  .text-left {
    text-align: left !important; }
  
  .bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px; }
  
  .bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px; }
  
  .bs-callout p:last-child {
    margin-bottom: 0; }
  
  .bs-callout code {
    border-radius: 3px; }
  
  /* Tighten up space between multiple callouts */
  .bs-callout + .bs-callout {
    margin-top: -5px; }
  
  /* Variations */
  .bs-callout-danger {
    border-left-color: #ce4844; }
  
  .bs-callout-danger h4 {
    color: #ce4844; }
  
  .bs-callout-warning {
    border-left-color: #aa6708; }
  
  .bs-callout-warning h4 {
    color: #aa6708; }
  
  .bs-callout-info {
    border-left-color: #1b809e; }
  
  .bs-callout-info h4 {
    color: #1b809e; }
  
  /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
  .fancybox-wrap,
  .fancybox-skin,
  .fancybox-outer,
  .fancybox-inner,
  .fancybox-image,
  .fancybox-wrap iframe,
  .fancybox-wrap object,
  .fancybox-nav,
  .fancybox-nav span,
  .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top; }
  
  .fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020; }
  
  .fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
  
  .fancybox-opened {
    z-index: 8030; }
  
  .fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
  
  .fancybox-outer, .fancybox-inner {
    position: relative; }
  
  .fancybox-inner {
    overflow: hidden; }
  
  .fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch; }
  
  .fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap; }
  
  .fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%; }
  
  .fancybox-image {
    max-width: 100%;
    max-height: 100%; }
  
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("http://ftp3.syscom.mx/usuarios/fotos/icon/fancybox_sprite.png"); }
  
  #fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060; }
  
  #fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url("http://ftp3.syscom.mx/usuarios/fotos/icon/fancybox_loading.gif") center center no-repeat; }
  
  .fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040; }
  
  .fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url("http://ftp3.syscom.mx/usuarios/fotos/icon/blank.gif");
    /* helps IE */
    -webkit-tap-highlight-color: transparent;
    z-index: 8040; }
  
  .fancybox-prev {
    left: 0; }
  
  .fancybox-next {
    right: 0; }
  
  .fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden; }
  
  .fancybox-prev span {
    left: 10px;
    background-position: 0 -36px; }
  
  .fancybox-next span {
    right: 10px;
    background-position: 0 -72px; }
  
  .fancybox-nav:hover span {
    visibility: visible; }
  
  .fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important; }
  
  /* Overlay helper */
  .fancybox-lock {
    overflow: hidden !important;
    width: auto; }
  
  .fancybox-lock body {
    overflow: hidden !important; }
  
  .fancybox-lock-test {
    overflow-y: hidden !important; }
  
  .fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url("http://ftp3.syscom.mx/usuarios/fotos/icon/fancybox_overlay.png"); }
  
  .fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0; }
  
  .fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll; }
  
  /* Title helper */
  .fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050; }
  
  .fancybox-opened .fancybox-title {
    visibility: visible; }
  
  .fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center; }
  
  .fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap; }
  
  .fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff; }
  
  .fancybox-title-inside-wrap {
    padding-top: 10px; }
  
  .fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8); }
  
  /*Retina graphics!*/
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
      background-image: url("http://ftp3.syscom.mx/usuarios/fotos/icon/fancybox_sprite@2x.png");
      background-size: 44px 152px;
      /*The size of the normal image, half the size of the hi-res image*/ }
  
    #fancybox-loading div {
      background-image: url("http://ftp3.syscom.mx/usuarios/fotos/icon/fancybox_loading@2x.gif");
      background-size: 24px 24px;
      /*The size of the normal image, half the size of the hi-res image*/ } }
  [tooltip] {
    position: relative; }
  
  [tooltip]::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
    z-index: 15;
    opacity: 0;
    max-width: 250px;
    opacity: 0; }
  
  [tooltip-position='left']::before {
    left: 0%;
    top: 50%;
    margin-left: -12px;
    transform: translatey(-50%) rotate(-90deg); }
  
  [tooltip-position='top']::before {
    left: 50%; }
  
  [tooltip-position='bottom']::before {
    top: 100%;
    margin-top: 8px;
    transform: translateX(-50%) translatey(-100%) rotate(-180deg); }
  
  [tooltip-position='right']::before {
    left: 100%;
    top: 50%;
    margin-left: 1px;
    transform: translatey(-50%) rotate(90deg); }
  
  [tooltip]::after {
    content: attr(tooltip);
    position: absolute;
    left: 50%;
    top: -6px;
    transform: translateX(-50%) translateY(-100%);
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    color: #fff;
    padding: 4px 2px;
    font-size: 12px;
    min-width: 80px;
    border-radius: 5px;
    pointer-events: none;
    padding: 4px 4px;
    z-index: 15;
    opacity: 0;
    max-width: 250px;
    white-space: initial; }
  
  [tooltip-position='left']::after {
    left: 0%;
    top: 50%;
    margin-left: -8px;
    transform: translateX(-100%) translateY(-50%); }
  
  [tooltip-position='top']::after {
    left: 50%; }
  
  [tooltip-position='bottom']::after {
    top: 100%;
    margin-top: 8px;
    transform: translateX(-50%) translateY(0%); }
  
  [tooltip-position='right']::after {
    left: 100%;
    top: 50%;
    margin-left: 8px;
    transform: translateX(0%) translateY(-50%); }
  
  [tooltip]:hover::after, [tooltip]:hover::before {
    opacity: 0; }
  
  .input {
    margin-left: 135px; }
  
  .cat-bg-redes {
    background-color: #45398f; }
  
  .cat-bg-alarmas {
    background-color: #df001d; }
  
  .cat-bg-gps {
    background-color: #a9007d; }
  
  .cat-bg-cctv {
    background-color: #1a57a7; }
  
  .cat-bg-radios {
    background-color: #424242; }
  
  .cat-bg-control {
    background-color: #7cc51c; }
  
  .cat-bg-energia {
    background-color: #f5c000; }
  
  .cat-bg-incendio {
    background-color: #9c1728; }
  
  .cat-color-redes {
    color: #45398f; }
  
  .cat-color-alarmas {
    color: #df001d; }
  
  .cat-color-gps {
    color: #a9007d; }
  
  .cat-color-cctv {
    color: #1a57a7; }
  
  .cat-color-radios {
    color: #424242; }
  
  .cat-color-control {
    color: #7cc51c; }
  
  .cat-color-energia {
    color: #f5c000; }
  
  .jumbotron.jumbotron_small p {
    font-size: 18px; }
  @media screen and (min-width: 768px) {
    .jumbotron.jumbotron_small h1,
    .jumbotron.jumbotron_small .h1 {
      font-size: 33px; } }
  
  .animate_left {
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    transition: left 0.5s ease; }
  
  .animate_all {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes loading_top_bar {
    from {
      left: -100%; }
    to {
      left: 100%; } }
  @-webkit-keyframes success_in {
    from {
      transform: scale(2); }
    to {
      transform: scale(1); } }
  @-webkit-keyframes left_bounce {
    from {
      left: 0; }
    to {
      left: -10%; } }
  /* Standard syntax */
  @keyframes success_in {
    from {
      transform: scale(2); }
    to {
      transform: scale(1); } }
  @keyframes loading_top_bar {
    from {
      left: -100%; }
    to {
      left: 100%; } }
  @keyframes left_bounce {
    from {
      left: 0; }
    to {
      left: -10%; } }
  .animate_success_in {
    animation-name: success_in;
    animation-duration: 0.5s;
    animation-iteration-count: 1; }
  
  .animate_left_bounce {
    animation-name: left_bounce;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-direction: reverse; }
  
  .added_product_modal img {
    max-width: 75px; }
  
  #added_product_img {
    position: relative; }
    #added_product_img .label {
      position: absolute;
      right: 3px;
      bottom: 3px;
      background-color: #333;
      font-size: 0.8em; }
      #added_product_img .label.outlet {
        background: #b70505; }
      #added_product_img .label:nth-child(3) {
        right: 30px; }
  
  .modal-header_primary {
    background-color: #005CB9;
    color: #fff; }
    .modal-header_primary .close {
      color: #fff;
      text-shadow: 0 1px 0 #000; }
      .modal-header_primary .close:hover {
        color: #fff; }
    .modal-header_primary .label {
      background: #fff;
      color: #005CB9; }
  
  .modal-backdrop_none {
    background: none; }
  
  .dropdown-menu.resp {
    left: -5vw;
    width: 90vw; }
  
  .dropdown_movil {
    margin-top: 10px;
    margin-bottom: 10px; }
    .dropdown_movil ul {
      width: 100%; }
    .dropdown_movil .btn {
      padding-top: 15px;
      padding-bottom: 15px; }
    .dropdown_movil .active a {
      border-radius: 0; }
  
  .glyphicon-menu-left,
  .glyphicon-menu-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block; }
  
  .glyphicon-menu-left {
    left: 15px; }
  
  .glyphicon-menu-right {
    right: 15px; }
  
  .carousel-indexV5.carousel-control {
    background-color: transparent;
    background-image: none; }
    .carousel-indexV5.carousel-control:hover {
      background-color: rgba(0, 0, 0, 0.05);
      background-image: none; }
  
  .carousel-vista-productoV5.carousel-control {
    background-color: rgba(0, 0, 0, 0.05);
    background-image: none;
    width: 50px; }
    .carousel-vista-productoV5.carousel-control:hover {
      background-color: rgba(0, 0, 0, 0.1);
      background-image: none; }
  
  .affix.top {
    top: 15px; }
  
  .form-control.form_inline {
    display: inline-block;
    width: auto;
    height: auto; }
  
  /*!
   * Dropdownhover v1.0.0 (http://bs-dropdownhover.kybarg.com)
   */
  .dropdown .dropdown-menu .caret {
    border: 4px solid transparent;
    border-left-color: #000;
    float: right;
    margin-top: 6px; }
  
  .dropdown-menu {
    min-width: 250px; }
  
  .dropdown-menu > li.open > a {
    background-color: #F5F5F5;
    color: #262626;
    text-decoration: none; }
  
  .dropdown-menu .dropdown-menu {
    left: 100%;
    margin: 0;
    right: auto;
    top: -1px; }
  
  .dropdown-menu-right .dropdown-menu,
  .navbar-right .dropdown-menu .dropdown-menu,
  .pull-right .dropdown-menu .dropdown-menu {
    left: auto;
    right: 100%; }
  
  .dropdown-menu.animated {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s; }
  
  .dropdown-menu.animated:before {
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99; }
  
  .dropdownhover-top {
    margin-bottom: 2px;
    margin-top: 0; }
  
  .navbar-fixed-bottom .dropdown-menu .dropdown-menu,
  .dropdownhover-top .dropdown-menu {
    bottom: -1px;
    top: auto; }
  
  .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0; }
  
  .dropdownhover-bottom {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0; }
  
  .dropdownhover-left {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%; }
  
  .dropdownhover-right {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%; }
  
  .dropdownhover-top {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%; }
  
  /*!
   * Dropdownhover v1.0.0 (http://bs-dropdownhover.kybarg.com)
   */
  .dropdown .dropdown-menu .caret {
    border: 4px solid transparent;
    border-left-color: #000;
    float: right;
    margin-top: 6px; }
  
  .dropdown-menu {
    min-width: 250px; }
  
  .dropdown-menu > li.open > a {
    background-color: #F5F5F5;
    color: #262626;
    text-decoration: none; }
  
  .dropdown-menu .dropdown-menu {
    left: 100%;
    margin: 0;
    right: auto;
    top: -1px; }
  
  .dropdown-menu-right .dropdown-menu, .navbar-right .dropdown-menu .dropdown-menu, .pull-right .dropdown-menu .dropdown-menu {
    left: auto;
    right: 100%; }
  
  .dropdown-menu.animated {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s; }
  
  .dropdown-menu.animated:before {
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99; }
  
  .dropdownhover-top {
    margin-bottom: 2px;
    margin-top: 0; }
  
  .navbar-fixed-bottom .dropdown-menu .dropdown-menu, .dropdownhover-top .dropdown-menu {
    bottom: -1px;
    top: auto; }
  
  .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0; }
  
  .dropdownhover-bottom {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0; }
  
  .dropdownhover-left {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%; }
  
  .dropdownhover-right {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%; }
  
  .dropdownhover-top {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%; }
  
  /*resCarousel Css*/
  .outt {
    display: none; }
  
  .leftRs {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    z-index: 100;
    left: 0;
    width: 50px;
    height: 50px;
    box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
    border-radius: 999px; }
  
  .rightRs {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    width: 50px;
    height: 50px;
    box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
    border-radius: 999px; }
  
  .resCarousel {
    /*float: left;
    overflow: hidden;*/
    width: 100%;
    position: relative; }
  
  .resCarousel-inner {
    overflow-x: hidden;
    white-space: nowrap;
    font-size: 0;
    vertical-align: top; }
  
  .resCarousel-inner .item {
    display: inline-block;
    font-size: 14px;
    white-space: initial; }
  
  /*banner*/
  .banner {
    overflow: hidden !important; }
  
  /*tile css*/
  .resCarousel-inner .item .tile {
    background: white;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin: 5px; }
  
  /*animation*/
  .resCarousel[data-animator="lazy"] .item {
    transition: .6s ease all; }
  
  @media (max-width: 767px) {
    .leftRs,
    .rightRs {
      /*display: none;*/ }
  
    .resCarousel-inner {
      overflow-x: auto; } }
  /*resCarousel Css End*/
  @font-face {
    font-family: 'syscom-icons';
    src: url("/fonts/syscom_icons/syscom-icons.eot?sung2d");
    src: url("/fonts/syscom_icons/syscom-icons.eot?sung2d#iefix") format("embedded-opentype"), url("/fonts/syscom_icons/syscom-icons.ttf?sung2d") format("truetype"), url("/fonts/syscom_icons/syscom-icons.woff?sung2d") format("woff"), url("/fonts/syscom_icons/syscom-icons.svg?sung2d#syscom-icons") format("svg");
    font-weight: normal;
    font-style: normal; }
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'syscom-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  
  .icon-acceso:before {
    content: "\e900"; }
  
  .icon-accesorios-radios:before {
    content: "\e901"; }
  
  .icon-automatizacion:before {
    content: "\e902"; }
  
  .icon-conectividad:before {
    content: "\e903"; }
  
  .icon-energia-solar:before {
    content: "\e904"; }
  
  .icon-gps-1:before {
    content: "\e905"; }
  
  .icon-gps-2:before {
    content: "\e906"; }
  
  .icon-incendio:before {
    content: "\e907"; }
  
  .icon-intrusion:before {
    content: "\e908"; }
  
  .icon-radiocomunicacion:before {
    content: "\e909"; }
  
  .icon-redes-1:before {
    content: "\e90a"; }
  
  .icon-redes-2:before {
    content: "\e90b"; }
  
  .icon-senalizacion:before {
    content: "\e90c"; }
  
  .icon-torres:before {
    content: "\e90d"; }
  
  .icon-video-surveillance-2:before {
    content: "\e90e"; }
  
  .icon-video-surveillance:before {
    content: "\e90f"; }
  
  .icon-voip:before {
    content: "\e910"; }
  
  /* Alejandro Arechavala 21-Nov-17 */
  #toastyShare {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    /* centrar en la pantalla */
    bottom: 30px; }
  
  /* Mostar al ejecutar la funcion */
  #toastyShare.show {
    visibility: visible;
    /* Animacion */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s; }
  
  @-webkit-keyframes fadein {
    from {
      bottom: 0;
      opacity: 0; }
    to {
      bottom: 30px;
      opacity: 1; } }
  @keyframes fadein {
    from {
      bottom: 0;
      opacity: 0; }
    to {
      bottom: 30px;
      opacity: 1; } }
  @-webkit-keyframes fadeout {
    from {
      bottom: 30px;
      opacity: 1; }
    to {
      bottom: 0;
      opacity: 0; } }
  @keyframes fadeout {
    from {
      bottom: 30px;
      opacity: 1; }
    to {
      bottom: 0;
      opacity: 0; } }
  .libreria.affix-library {
    top: 15px; }
    .libreria.affix-library > ul > li {
      line-height: 1.4; }
      .libreria.affix-library > ul > li ul {
        padding-left: 29px; }
    .libreria.affix-library a {
      font-size: 13px;
      font-weight: 500;
      color: #767676;
      display: block;
      padding: 4px 20px !important; }
      .libreria.affix-library a.active {
        font-weight: 700;
        color: #563d7c; }
      .libreria.affix-library a.back-to-top {
        padding: 4px 10px;
        margin-top: 10px;
        margin-left: 10px;
        font-size: 12px;
        font-weight: 500;
        color: #999; }
  
  .tab_indent {
    width: 15px;
    display: inline-block; }
  
  .cotizador .input-group {
    margin-top: 15px; }
    .cotizador .input-group .input_padding_condensed .input-group-addon, .cotizador .input-group .input_padding_condensed .form-control {
      padding: 5px; }
    .cotizador .input-group .vertical_align_middle, .cotizador .input-group .vertical_align_middle td {
      vertical-align: middle !important; }
  .cotizador .table > thead > tr > th, .cotizador .table > thead > tr > td, .cotizador .table > tbody > tr > th, .cotizador .table > tbody > tr > td, .cotizador .table > tfoot > tr > th, .cotizador .table > tfoot > tr > td {
    vertical-align: middle; }
  .cotizador table th:nth-child(2), .cotizador table td:nth-child(2) {
    max-width: 400px; }
  .cotizador table th:nth-child(1), .cotizador table td:nth-child(1) {
    min-width: 100px; }
  .cotizador .dropdown-menu {
    width: 92%;
    left: 4%;
    top: 45%; }
  .cotizador .dropdown-menu > li > a {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px; }
  
  .min_width_100px .input-group-addon {
    min-width: 100px;
    text-align: left; }
  
  .dropdown-menu > li > a.hover {
    background-color: #e6e6e6; }
  
  .iva_form {
    margin: 5px;
    display: inline-block;
    width: 100px; }
    .iva_form input {
      line-height: 1;
      padding: 5px;
      height: auto; }
    .iva_form .input-group-addon {
      padding: 5px; }
  
  .logo_vista_producto {
    max-width: 220px;
    margin: auto;
    width: 100%;
    padding: 10px; }
  
  .modelo-marca {
    color: #005cb9;
    font-weight: 600; }
  
  .cuadro_color {
    height: 10px;
    width: 10px;
    background-color: red;
    text-decoration: none; }
  
  .more_pictures {
    margin: auto;
    font-size: 30px;
    color: #005cb9;
    padding-top: 10px;
    padding-bottom: 10px; }
    .more_pictures img {
      border: 1px solid #e5e5e5;
      height: 45px;
      margin-bottom: 8px; }
    .more_pictures a.active img {
      border: 1px solid #014e94;
      height: 45px; }
  
  .breadcrumb_clean {
    background-color: white;
    padding: 10px 0px 0px 0px;
    margin-bottom: 0; }
  
  .breadcrumb_clean a {
    color: #9a9a9a;
    font-size: 0.9em; }
  
  .zoomWindowContainer > div {
    border: 1px solid #C6C6C6 !important; }
  
  .titulo_vista_producto {
    font-size: 1.8em; }
  
  .box_shadow {
    border: 1px solid #d7d7d7;
    background-color: #f6f6f6;
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.175);
    margin-bottom: 25px; }
  
  .btn_group_flex {
    display: flex; }
  
  .accesorios_li.dropdown-menu {
    min-width: 400px; }
  
  .btn.text_left {
    text-align: left; }
  
  .ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  
  .no_margin_top.h1.h2.h3.h4.h5 {
    margin-top: 0px; }
  
  .padding_5px_15px {
    padding: 5px 15px; }
  
  .box_blog {
    position: relative;
    width: 100%; }
    .box_blog.thumbnail {
      margin-bottom: 0px;
      margin-top: 0px; }
  
  .image_blog {
    height: 150px;
    background-size: cover; }
  
  .overlay_blog {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: #005CB9;
    opacity: 0.9;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease; }
  
  .box_blog:hover .overlay_blog {
    bottom: 0;
    height: 100%; }
  
  .text_blog {
    white-space: nowrap;
    color: white;
    font-size: 1.5em;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); }
  
  .logo_certificado_syscom {
    width: 100%;
    max-width: 163px;
    padding-bottom: 10px; }
  
  .specs_product {
    overflow-x: scroll;
    font-size: 13px; }
    .specs_product img {
      max-width: 100%; }
  
  #swipe_img {
    position: relative;
    overflow-x: hidden; }
    #swipe_img .img_product_mov {
      position: absolute;
      top: 0;
      left: 101%; }
      #swipe_img .img_product_mov.active {
        left: 0; }
      #swipe_img .img_product_mov.move_left {
        left: -101%; }
  
  .container-fluid.full_width {
    margin-right: 0;
    margin-left: -15px;
    padding-left: 0;
    padding-right: 0;
    width: 100vw; }
  
  .carousel-indicators.carousel_movil .active {
    background-color: rgba(0, 0, 0, 0.3); }
  
  .carousel-indicators.carousel_movil li {
    border: 1px solid rgba(0, 0, 0, 0.35); }
  
  .non_pointer_events {
    pointer-events: none; }
  
  .accesories_list .thumbnail {
    max-width: 160px; }
  
  .icono_info_product {
    max-width: 60px;
    max-height: 60px;
    margin-right: 15px; }
  
  .well-recursos {
    padding: 0px 3px 3px 0px; }
  
  .home-promo .content {
    height: 180px;
    background-size: cover;
    background-position: center center;
    padding: 45px 35px;
    margin: 20px 0 0; }
  
  .category-cover {
    overflow: hidden; }
  
  .category-cover img {
    margin: -20px 0 -30px;
    width: 100%;
    max-width: 230px; }
  
  .brand-list {
    margin: 30px 0;
    height: 25px;
    text-align: center; }
  
  .brand-list img {
    max-height: 170%;
    max-width: 100%; }
  
  .home-blog .content {
    height: 180px;
    background-size: cover;
    background-position: center center;
    padding: 45px 35px;
    margin: 20px 0 0; }
  
  .banner_principal_home {
    width: 100%; }
  
  .table-hover_link > tbody > tr > td > a {
    display: block; }
    .table-hover_link > tbody > tr > td > a:hover {
      text-decoration: none; }
  
  .top-carousel {
    padding: 0 9px 9px;
    border-radius: 3px; }
  
  .category-list h5 {
    font-weight: bold;
    padding-left: 5px; }
  
  .category-list ul {
    padding: 0; }
  
  .category-list li {
    font-size: 12px;
    list-style: none;
    line-height: 28px;
    border-top: 1px solid #e0e0e0;
    padding-left: 12px; }
  
  .category-list li:hover {
    background: #ebebeb; }
  
  .category-list a:hover {
    text-decoration: none; }
  
  .home-app {
    background: #005CB9;
    color: white;
    margin-top: 120px;
    margin-bottom: 140px; }
  
  .home-app .phone {
    margin-top: -110px;
    width: 200px;
    text-align: right;
    transform: rotate(-5deg);
    position: absolute;
    right: 40px; }
  
  .list_margin_low p {
    margin: 0 0 2px; }
  
  .titulo_webinars_home {
    background-color: #193654;
    color: white; }
  
  .table_webinars_home {
    border: 1px solid rgba(0, 0, 0, 0.13);
    background-color: rgba(0, 0, 0, 0.02);
    height: 214px; }
  
  .table_webinar_ind {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.17);
    margin-top: 10px; }
  
  .dia_webinar_home {
    background-color: #193654;
    color: white;
    font-size: 1.5em; }
  
  .top_links_movil {
    margin-left: -15px;
    margin-right: -15px; }
    .top_links_movil .btn-group-lg a {
      font-size: 14px; }
    .top_links_movil .btn-group {
      width: 100%;
      margin-top: 5px;
      margin-bottom: 5px; }
      .top_links_movil .btn-group a {
        width: 24%; }
  
  .btn-group.border-right .btn {
    border: none;
    border-right-color: #ccc;
    border-right-style: solid;
    border-right-width: 2px; }
    .btn-group.border-right .btn:last-child:not(:first-child) {
      border: none; }
  
  .new_prices button {
    border-radius: 8px;
    padding: 7px 15px;
    font-size: 20px;
    background: #2757cb;
    border: none;
    color: white; }
  
  .new_prices button:hover {
    background: #3872fd; }
  
  .new_prices a:hover {
    cursor: pointer; }
  
  .bckg_header {
    background-image: url(https://ftp3.syscom.mx/usuarios/ftp/single_page/mega-outlet/HEADER-BKG.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed; }
  
  .title_outlet {
    font-family: 'Open Sans', sans-serif;
    font-size: 80px;
    color: #494949;
    font-weight: 700;
    padding: 0px; }
  
  .icon_outlet_estilos {
    font-size: 30px;
    color: white;
    background-color: red;
    padding: 9px;
    border-radius: 35px; }
  
  .panel_segmento_outlet {
    margin-bottom: 25px;
    padding: 20px 0 5px;
    background-size: cover;
    background-repeat: no-repeat; }
  
  .new_prices .panel_segmento {
    padding: 25px 0 0px; }
  
  .list-product-title {
    font-size: 0.9em;
    color: #006dd5;
    height: 54px; }
  
  .list-product-model a {
    font-size: 12px;
    font-weight: 600;
    color: #005CB9; }
  
  .list-product-brand a {
    color: #22a673; }
  
  .list-product-brand {
    font-size: 0.8em;
    color: #717171; }
  
  .list-product-price-desc {
    font-size: 10px;
    color: #666666; }
  
  .list-product-price-p3 a {
    font-size: 16px;
    font-weight: 700;
    color: #333333; }
  
  .list-product-price-p3 {
    font-size: 1.35em;
    font-weight: 700;
    color: #333333; }
  
  .precios-por-grupo {
    font-size: 1.20em;
    font-weight: 700;
    color: #333333; }
  
  .list-product-price-p1 {
    font-size: 10px; }
  
  .list-product-price-descuento {
    font-size: 10px;
    font-weight: 600;
    color: #CC0000; }
  
  .precios-movil {
    background-color: #f5f5f5;
    padding-bottom: 5px;
    padding-top: 5px;
    min-height: 215px; }
  
  .border_gray {
    margin: 2px;
    border-bottom: 1px solid;
    border-bottom-color: #eee; }
  
  .btn_inventario_default {
    background-color: #93C8FD;
    border-color: white;
    color: white; }
  
  .area-de-listados {
    border-left: 1px solid #eeeeee;
    padding-bottom: 25px; }
  
  .foto_producto_bloque {
    max-width: 160px;
    width: 100%; }
  
  .icono_sup_der {
    position: absolute;
    max-width: 40px;
    max-width: 55px;
    top: 5px;
    right: 5px; }
  
  .icono_inf_der {
    max-height: 40px;
    max-width: 85px;
    position: absolute;
    bottom: 5px;
    right: 5px; }
  
  .icono_sup_izq {
    max-height: 40px;
    max-width: 55px;
    position: absolute;
    top: 5px;
    left: 5px; }
  
  .ellipsis-multiline {
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    max-width: 400px;
    line-height: 1.4;
    margin: 0 auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  
  .color_options a {
    height: 15px;
    width: 25px;
    display: inline-block;
    background: #efefef;
    border: 1px solid #FFFFFF;
    border-radius: 3px; }
  
  .color_options a:hover {
    border: 1px solid #7d93f7; }
  
  .login_btn_list {
    position: absolute;
    bottom: 15px; }
  
  .icono_info {
    max-width: 20%;
    max-height: 30%;
    position: absolute; }
  
  .icono_inf_izq {
    left: 15px;
    bottom: 0; }
  
  .icono_inf_der {
    right: 15px;
    bottom: 0; }
  
  .icono_sup_izq {
    left: 15px;
    top: 0; }
  
  .icono_sup_der {
    right: 15px;
    top: 0; }
  
  .box_producto_sustituto {
    /*
        border: 1px solid #d7d7d7;
        background-color: #f6f6f6;
    */
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 600;
    padding-bottom: 5px; }
  
  .text_size_sustituto {
    font-size: 0.9em; }
  
  .titulo_producto_sustituto {
    font-weight: bold;
    color: #005db8;
    font-size: 1.2em; }
  
  .padding_foto_sustituto {
    padding: 10px 5px 10px 5px; }
  
  .no_margin_bottom {
    margin-bottom: 0px; }
  
  .titulo_base_curso {
    margin-top: 0px;
    padding-right: 6px; }
  
  .panel-title-cursos {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 400; }
  
  .double-line {
    border-bottom: 3px solid #ececec;
    border-top: 3px solid #d3d3d3;
    margin-bottom: 9px;
    margin-top: 0px; }
  
  .curso_bg {
    height: 42px;
    width: 100%;
    position: absolute;
    z-index: -1; }
  
  .cursos_table table th {
    text-align: center;
    color: #fff;
    background: #005CB9; }
  
  .jumbotron.cursos p {
    font-size: 15px;
    font-weight: 400; }
  
  .titulo_base_curso a {
    color: #222222; }
  
  .affix_210px {
    max-width: 210px; }
  
  .registro_succsess {
    position: absolute;
    left: 55px;
    top: 20px;
    opacity: 0; }
  
  .filtros_listado {
    border-bottom: 2px solid #eeeeee; }
  
  .filtros_listado label {
    margin: 3px 0;
    display: block; }
  
  .fondo-orden-de-listados {
    background-color: #f9f9f9; }
  
  .filtros-opciones {
    position: absolute;
    top: 0;
    left: 15px;
    width: 90%;
    -webkit-transition: left 0.5s;
    transition: left 0.5s; }
  
  .filtros-opciones:nth-child(2) {
    left: 100%; }
  
  .filtros_movil {
    position: fixed;
    left: -100%;
    top: 0;
    background-color: #f5f5f5;
    min-height: 100vh;
    width: 70%;
    z-index: 1001;
    padding: 0 15px;
    overflow-x: hidden;
    transition: left 0.5s; }
    .filtros_movil.toggled {
      left: 0; }
  
  .listado-filtros-movil {
    background-color: transparent; }
  
  .listado-filtros-movil a:hover {
    background-color: #e6e6e6; }
  
  .listado-filtros-movil a:active {
    background-color: #c1c1c1; }
  
  #contenedor_cabify {
    cursor: pointer; }
  
  .tooltip-aplican-restricciones {
    display: none; }
  
  .burbuja-de-los-pasos {
    float: left;
    width: 17px;
    height: 22px;
    padding-top: 0px;
    padding-left: 4px;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: Bold;
    font-size: 23px;
    color: #ffffff;
    background-color: #d1d1d1;
    /*border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;*/ }
  
  .burbuja-de-los-pasos-azul {
    float: left;
    width: 17px;
    height: 22px;
    padding-top: 0px;
    padding-left: 4px;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: Bold;
    font-size: 23px;
    color: #ffffff;
    background-color: #1674cc;
    /*border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;*/ }
  
  .linea-hacia-el-paso-siguiente {
    float: left;
    height: 5px;
    width: 210px;
    /*background-color: #d1d1d1;*/
    margin-top: 10px; }
  
  .linea-hacia-el-paso-siguiente2 {
    float: left;
    height: 5px;
    width: 210px;
    /*background-color: #d1d1d1;*/
    margin-top: 10px; }
  
  .el-carrito-volador {
    width: 100%;
    height: 20px;
    overflow: visible; }
  
  .bloquecillo-de-letrerillo {
    float: left;
    width: 230px;
    height: 100px;
    padding-top: 10px;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: Bold;
    font-size: 13px;
    color: #b7b7b7;
    background-color: #ffffff; }
  
  .bloquecillo-de-letrerillo-azul {
    float: left;
    width: 230px;
    height: 100px;
    padding-top: 10px;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: Bold;
    font-size: 13px;
    color: #1674cc;
    background-color: #ffffff; }
  
  .contenedor-del-icono-del-carrito-volador {
    width: 40px;
    height: 33px;
    position: absolute;
    top: 15px;
    left: 78px; }
  
  .puntitos-linea {
    width: 5px;
    height: 5px;
    float: left;
    background-color: #d1d1d1;
    margin-right: 5px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%; }
  
  .mis-facturas-carrito {
    height: 40px;
    padding-top: 20px; }
  
  .mis-facturas-carrito:hover {
    height: 40px;
    padding-top: 20px; }
  
  .mis-facturas-carrito:active {
    height: 40px;
    padding-top: 20px; }
  
  .contenedor-fletera:hover {
    background-color: #F7F8F9; }
  
  /** eliminar***/
  .contenedor-general {
    background: whitesmoke !important; }
  
  .footerWrap {
    margin-top: 0px; }
  
  .sel-mes:hover {
    background-color: #F3F3F3;
    cursor: pointer; }
  
  .elegir-entrega-domicilio-up {
    color: white;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#38e02c+0,23bc35+51,52894a+100 */
    background: #38e02c;
    /* Old browsers */
    background: -moz-linear-gradient(top, #38e02c 0%, #23bc35 51%, #52894a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #38e02c 0%, #23bc35 51%, #52894a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #38e02c 0%, #23bc35 51%, #52894a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38e02c', endColorstr='#52894a',GradientType=0 );
    /* IE6-9 */
    border: 1px solid #267a09; }
  
  .alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }
  
  #total_respo {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px 20px;
    background: #1b6aa9;
    border-top: none;
    font-weight: bold;
    border-radius: 0px 0px 4px 4px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px -5px 8px 0px;
    display: none;
    text-align: center;
    color: #464529 !important;
    background-color: #ffc914;
    border-color: #eab500;
    font-size: 1.5em;
    z-index: 10; }
  
  .carrito_bandera {
    width: 20px !important;
    height: 12px;
    margin: 0px !important; }
  
  .span_required {
    color: #dd0000; }
  
  #paso2 {
    min-height: 460px; }
  
  .remover_prod {
    float: right;
    color: #4d4d4d;
    text-decoration: underline;
    font-size: 11px;
    cursor: pointer;
    padding: 5px; }
  
  #pantalla-opaca, #pantalla-opaca2 {
    height: 100%;
    width: 100%;
    position: fixed;
    background: rgba(6, 6, 6, 0.27);
    top: 0;
    left: 0;
    z-index: 1030;
    display: none; }
  
  @keyframes spin {
    0% {
      transform: rotate(0deg); }
    100% {
      transform: rotate(360deg); } }
  .carrito {
    padding: 88px 15px 0;
    /*
        .fleteras {
            box-shadow: #ccc 0px 0px 4px 2px;
            margin: 5px;
            box-sizing: border-box;
            min-width: 120px;
            padding-bottom: 5px;
        }
    */ }
    .carrito input {
      margin-bottom: 5px; }
    .carrito .alert {
      padding: 15px;
      margin-bottom: 20px;
      border: 1px solid transparent;
      border-radius: 4px; }
    .carrito .guardar {
      float: right;
      padding: 10px 20px;
      color: #fff;
      background: #3eb23e;
      margin: 5px;
      cursor: pointer;
      border-radius: 4px; }
    .carrito .guardar:hover {
      background: #50be50; }
    .carrito .guardar:active {
      background: #3a8b3a; }
    .carrito .continuar {
      float: right;
      padding: 10px 20px;
      color: #fff;
      background: #2a72a9;
      cursor: pointer;
      margin-top: 10px;
      border-radius: 4px; }
    .carrito .continuar:hover {
      background: #2f80bd; }
    .carrito .volver {
      float: left;
      padding: 10px 20px;
      background: #d5d5d5;
      color: #333;
      margin-top: 10px;
      cursor: pointer;
      border-radius: 4px; }
    .carrito .volver:hover {
      background: #ededed; }
    .carrito .confirmar {
      float: right;
      padding: 10px 20px;
      color: #333;
      background: #ffc914;
      cursor: pointer;
      margin-top: 10px;
      border-radius: 4px;
      font-weight: bold; }
    .carrito .confirmar:hover {
      background: #ffe385; }
    .carrito .confirmar:active {
      background: #f2ba00; }
    .carrito .eliminar {
      float: right;
      padding: 10px 20px;
      background: #af1010;
      color: #fff;
      cursor: pointer;
      margin: 5px;
      border-radius: 4px; }
    .carrito .eliminar:hover {
      background: #eb2121; }
    .carrito .cantidad_input {
      width: 60px;
      padding: 5px;
      box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.1);
      Background: #ededed;
      border-radius: 4px;
      border: none; }
    .carrito input[type="text"]:disabled {
      color: #919191; }
    .carrito .disbled_black input[type="text"]:disabled {
      color: #2c2c2c; }
    .carrito .obligatorio {
      border: 2px solid #950000 !important; }
    .carrito .alertas {
      width: 300px;
      background: #fff;
      position: fixed;
      min-height: 150px;
      z-index: 1031;
      top: calc(50% - 200px);
      left: calc(50% - 150px);
      border-radius: 2px;
      box-shadow: #6C6C6B 0px 0px 2px 2px;
      border: 1px solid #164f7d;
      display: none; }
    .carrito input[type=number]::-webkit-inner-spin-button,
    .carrito input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .carrito input[type=number] {
      -moz-user-select: none;
      -moz-appearance: textfield; }
    .carrito .input_envio {
      border: none;
      border-bottom: 1px solid #ccc;
      width: 100%;
      background: transparent;
      padding-right: 42.5px;
      text-transform: uppercase;
      padding-right: 42.5px; }
    .carrito .input_envio_requerido {
      border: 1px solid #950000 !important; }
    .carrito .elemento_flete {
      height: 65px;
      position: relative;
      text-align: left;
      overflow: hidden;
      width: 180px; }
    .carrito .imagen_flete {
      position: absolute;
      margin: auto;
      min-height: 100%;
      min-width: auto;
      bottom: -100%;
      top: -100%; }
    .carrito .flete_seleccionado {
      border-left: 5px solid #2196F3; }
    .carrito .titulos {
      margin-bottom: 10px;
      border: 1px solid #ccc;
      background: #e9e9e9;
      float: left; }
    .carrito #mensaje_cargando {
      text-align: center;
      font-weight: bold;
      font-size: 1.2em; }
    .carrito .form_direcciones {
      border: 1px solid #ccc;
      background: #fff;
      border-radius: 4px;
      box-shadow: #ccc 0px 1px 1px 2px;
      display: none;
      padding-bottom: 15px; }
      .carrito .form_direcciones .btn {
        margin: 10px 15px; }
  
  .loader {
    border: 12px solid #f3f3f3;
    /* Elemento */
    border-top: 12px solid #1b6aa9;
    /* Spiner */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 1.2s linear infinite; }
  
  @media only screen and (max-width: 700px) {
    /* Force table to not be like tables anymore */
    #productos table, #productos_2 table, #fleteras table,
    #productos thead, #productos_2 thead, #fleteras thead,
    #productos tbody, #productos_2 tbody, #fleteras tbody,
    #productos th, #productos_2 th, #fleteras th,
    #productos th > span, #productos_2 th > span, #fleteras th > span,
    #productos td, #productos_2 td, #fleteras td,
    #productos tr, #productos_2 tr, #fleteras tr {
      display: block; }
  
    /* Hide table headers (but not display: none;, for accessibility) */
    #productos thead tr, #productos_2 thead tr, #fleteras thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
  
    #productos tr, #productos_2 tr, #fleteras tr {
      border: 1px solid #ccc; }
  
    #productos td, #productos_2 td, #fleteras td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 35%;
      white-space: normal;
      text-align: left;
      overflow: hidden;
      width: 100%;
      max-width: 100%; }
  
    #productos td:before, #productos_2 td:before, #fleteras td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 30%;
      padding-right: 10px;
      white-space: nowrap;
      text-align: left;
      font-weight: bold;
      text-overflow: ellipsis; }
  
    /*
    Label the data
    */
    #productos td:before, #productos_2 td:before, #fleteras td:before {
      content: attr(data-title); }
  
    /*
            .respon_1_2, .respon_1_1{
                width: 100%;
            }
    */
    .carrito .imagen-tarjeta {
      height: 40px; }
    .carrito .tabla_imagen {
      width: auto;
      height: auto;
      padding: auto;
      margin: auto;
      box-sizing: border-box;
      vertical-align: middle; }
    .carrito .tabla_imagen img {
      border: 1px solid #ccc; }
    .carrito .tabla_cantidad {
      width: auto;
      height: auto;
      padding: auto;
      margin: auto;
      box-sizing: border-box;
      text-decoration: none; }
    .carrito .tabla_producto {
      width: 20%;
      width: auto;
      height: auto;
      padding: auto;
      margin: auto;
      box-sizing: border-box;
      max-width: 300px; }
    .carrito .tabla_precio_lista {
      background-color: #f0f0f0;
      width: auto;
      height: auto;
      padding: auto;
      margin: auto;
      box-sizing: border-box; }
    .carrito .tabla_descuentos {
      width: auto;
      height: auto;
      padding: auto;
      margin: auto;
      box-sizing: border-box; }
    .carrito .tabla_precio_fin {
      background-color: #f0f0f0;
      width: auto;
      height: auto;
      padding: auto;
      margin: auto;
      box-sizing: border-box; }
    .carrito .tabla_importe {
      width: auto;
      height: auto;
      padding: auto;
      margin: auto;
      box-sizing: border-box; }
    .carrito .continuar, .carrito .volver, .carrito .guardar, .carrito .eliminar, .carrito .confirmar {
      text-align: center;
      width: 100%;
      margin: 5px 0px !important; }
    .carrito #total_respo {
      display: block; } }
  @media only screen and (max-height: 400px) {
    .alertas {
      top: 0px; } }
  .input-number {
    width: 60px;
    padding: 0 5px;
    vertical-align: top;
    text-align: center;
    outline: none; }
  
  .input-number,
  .input-number-decrement,
  .input-number-increment {
    border: 1px solid #ccc;
    height: 27px;
    user-select: none; }
  
  .input-number-decrement,
  .input-number-increment {
    display: inline-block;
    width: 30px;
    line-height: 21px;
    background: #f1f1f1;
    color: #444;
    text-align: center;
    font-weight: bold;
    cursor: pointer; }
  
  .input-number-decrement:active,
  .input-number-increment:active {
    background: #ddd; }
  
  .input-number-decrement {
    border-right: none;
    border-radius: 4px 0 0 4px; }
  
  .input-number-increment {
    border-left: none;
    border-radius: 0 4px 4px 0; }
  
  /****** FORMULARIOS BANORTE   ********/
  .cyber-form {
    max-width: 820px;
    height: auto;
    margin: 30px auto;
    border: 1px solid #d1d1d1;
    box-shadow: 1px 3px 3px #cecece;
    overflow: auto;
    padding: 30px;
    font-size: 14px;
    background: #fff; }
  
  .half div {
    clear: both; }
  
  .half_expiracion {
    float: left;
    clear: none !important;
    padding-right: 20px; }
  
  .half_span {
    color: #999;
    font-size: 12px;
    font-style: italic; }
  
  .cyber-form h2 {
    padding-bottom: 16px;
    color: #208ff6;
    font-weight: normal; }
  
  .cyber-form input {
    height: 1em;
    width: 100%;
    float: left;
    text-align: left;
    border: none;
    font-size: 16px;
    border-bottom: 1px solid #999999;
    margin-bottom: 20px;
    height: 25px;
    /* Animacion Boton */
    -webkit-transition: border 400ms ease-out;
    -moz-transition: border 400ms ease-out;
    -o-transition: border 400ms ease-out;
    transition: border 400ms ease-out; }
  
  .cyber-form input:focus {
    border-bottom: 1px solid #208ff6;
    outline: none; }
  
  .cyber-form select {
    margin-top: 5px;
    background: transparent;
    width: auto;
    font-size: 14px;
    border: 1px solid #ccc;
    height: 30px; }
  
  .left {
    text-align: left; }
  
  .center {
    text-align: center; }
  
  .right {
    text-align: right; }
  
  .full {
    width: 870px;
    float: left;
    margin: 0px 30px;
    text-align: left;
    margin-bottom: 20px; }
  
  .half {
    width: 400px;
    margin-right: 10px;
    float: left;
    margin-bottom: 20px; }
  
  .third {
    width: 250px;
    margin-right: 10px;
    float: left;
    margin-bottom: 20px; }
  
  .total {
    border-bottom: 2px solid #4285ED;
    width: 350px;
    height: 25px;
    margin-bottom: 40px; }
  
  .cyber-form button {
    background: #4285ED;
    color: #fff;
    border-radius: 5px;
    width: 50%;
    text-align: center;
    border: 0;
    height: 40px;
    font-size: 18px;
    margin: 0 auto;
    margin-left: 60px; }
  
  .banner-listados {
    background-position: center center;
    background-size: cover; }
  
  .banner-listados img {
    width: 100%;
    max-width: 880px; }
  
  .titulo_listados {
    text-align: center; }
  
  .special-list-content h3 {
    font-size: 25px;
    padding: 0;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    margin: 15px 0;
    text-align: left; }
  
  .special-list-content li {
    font-weight: 200; }
  
  .special_list_column {
    margin-top: inherit; }
  
  .cont_header {
    background-color: #F2F2F2;
    background: #d7d9da;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 20px;
    padding-bottom: 20px; }
  
  .cont_logo_text {
    max-width: 100%;
    padding: 50px; }
  
  .cont_logo_text h1 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 1; }
  
  .cont_logo_text p {
    line-height: 1.5em;
    color: #fff; }
  
  .cont_info_marca {
    padding: 30px;
    margin-top: 50px;
    /*
        background: rgba(0,0,0,0.0);
        color: #fff;
    */
    background: rgba(0, 0, 0, 0.4);
    color: #8e8e8e;
    font-weight: 400;
    font-size: 14px; }
  
  .cont_logo_img {
    max-width: 280px;
    max-height: 70px;
    background-color: white;
    border-radius: 5px;
    background: white;
    margin-bottom: -35px;
    box-shadow: 5px 5px 15px #3d3d3d;
    padding: 7px; }
  
  .conttent-btn-cat {
    margin: 20px 0 20px 1px; }
  
  .titulo_Cat_Siem {
    color: #333;
    display: inline-block;
    margin-right: 2	0px;
    vertical-align: middle; }
  
  .btn-blu-Cat a {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    float: left; }
  
  .thumbnail.listado_marcas {
    height: 310px; }
  
  .navbar.soporte {
    background-color: #3c3c3c;
    border-color: #7B7B7B;
    border-bottom: none; }
  
  .soporte .navbar-nav {
    margin: 0; }
  
  .soporte .navbar-nav > li > a {
    color: #DBDBDB !important; }
  
  .soporte li.active > a {
    color: #333 !important; }
  
  .container.soporte {
    padding: 50px 15px 0;
    background: #f9f9f9;
    box-shadow: rgba(130, 130, 130, 0.43) 1px 1px 23px 1px;
    min-height: calc(100vh - 298px);
    padding-bottom: 10px; }
  
  .container.soporte .text-muted {
    margin: 20px 0; }
  
  .footer.soporte {
    background-color: #f5f5f5;
    border-top: 1px solid #ccc;
    min-height: 283px;
    color: #4a4a4a; }
  
  .links-footer ul.columna li.columna-titulo {
    margin: 0px;
    padding: 0px;
    list-style: none; }
  
  ul.columna-items {
    margin: 5px 10px 0px 10px;
    padding: 0px;
    list-style-type: none;
    font-size: 13px;
    line-height: 20px; }
  
  .columna-titulo-liga {
    color: #4a4a4a;
    padding-left: 10px;
    font-size: 19px; }
  
  .footer.soporte a {
    color: #005CB9;
    font-weight: 200; }
  
  .material_input {
    background: transparent;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #EFEFEF;
    border-radius: 0px;
    color: #fff;
    width: auto; }
  
  .material_input::-webkit-input-placeholder {
    color: white; }
  
  .material_input::-moz-placeholder {
    /* Firefox 18- */
    color: white; }
  
  .material_input::-moz-placeholder {
    /* Firefox 19+ */
    color: white; }
  
  .material_input::-ms-input-placeholder {
    color: white; }
  
  .lista-art {
    position: absolute;
    /*     background: #1DAAFF; */
    background: #fff;
    padding: 0px 0px 5px 0px;
    z-index: 10;
    /*     color: #fff; */
    width: 100%;
    max-width: 320px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-top: 10px;
    border-left: 1px solid #a8a8a8;
    border-right: 1px solid #a8a8a8;
    border-bottom: 1px solid #a8a8a8;
    max-height: 240px;
    overflow-y: auto;
    display: none;
    -webkit-box-shadow: 0px 3px 2px 3px #e8e8e8;
    -moz-box-shadow: 0px 3px 2px 3px #e8e8e8;
    box-shadow: 0px 3px 2px 3px #e8e8e8; }
  
  .lista-art li {
    cursor: pointer;
    list-style-type: none;
    padding: 5px 15px; }
  
  /* Query para modificar valores. DEJAR SIEMPRE AL FINAL */
  @media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    #recursos table,
    #recursos thead,
    #recursos tbody,
    #recursos th,
    #recursos td,
    #recursos tr {
      display: block; }
  
    /* Hide table headers (but not display: none;, for accessibility) */
    #recursos thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
  
    #recursos tr {
      border: 1px solid #ccc; }
  
    #recursos td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 30%;
      white-space: normal;
      text-align: left;
      overflow: hidden;
      width: 100%; }
  
    #recursos td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
      text-align: left;
      font-weight: bold;
      text-overflow: ellipsis; }
  
    /*
    Label the data
    */
    #recursos td:before {
      content: attr(data-title); } }
  .user-panel-menu {
    background-color: #fbfafa;
    border-radius: 5px;
    border: 1px solid #d6d6d6;
    box-shadow: 2px 2px 10px #d8d8d8;
    -webkit-box-shadow: 2px 2px 10px #d8d8d8; }
  
  .menu-panel-padding {
    padding-top: 95px; }
  
  .fondo_panel_usuarios {
    background-color: #edeff0;
    min-height: 80vh; }
  
  .usario-logo-img {
    background-color: white;
    max-width: 80%; }
  
  .usuario-menu-btnlogo {
    padding: 5px 0; }
  
  .panel-boton-menu {
    background-color: transparent;
    color: #4d4d4d;
    border-bottom: 1px solid #d6d6d6;
    text-align: left; }
  
  .panel-boton-menu:hover {
    background-color: white;
    color: #4d4d4d;
    border-radius: 10px;
    padding-left: 15px; }
  
  .panel-seccion-titulo {
    font-size: 3.5em;
    font-weight: 300;
    padding-top: 15px; }
  
  .panel_segmento {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 10px;
    background-color: white;
    box-shadow: 2px 2px 10px #d8d8d8;
    -webkit-box-shadow: 2px 2px 10px #d8d8d8; }
  
  .panel_tablas_pequenas {
    font-size: 12px; }
  
  .foto-administrador-miniatura img {
    max-height: 170px;
    max-width: 145px; }
  
  #pass_cambiado {
    display: none;
    background: #dff0d8;
    padding: 14px;
    width: 209px;
    color: #75876D;
    font: bold 13px/13px Arial,sanserif;
    margin-bottom: 10px; }
  
  .panel_tablas_pequenas label:hover {
    display: block;
    background-color: white; }
  
  .panel_tablas_pequenas label {
    padding: 2px; }
  
  .ico_img {
    width: 40px; }
  
  .text_Generar_rma {
    margin-top: 50px; }
  
  .nota_color_negro {
    color: #333; }
  
  .rma_sub_T {
    color: #848484; }
  
  .grup-BTN-rma {
    margin-bottom: 10px; }
  
  .btn-greenA-RMA, .btn-blueA-RMA {
    margin: 8px 0 10px 5px; }
  
  .btn-blueA-RMA {
    margin: 8px 3px 10px 0; }
  
  .cont-soporte-RMA {
    margin: 10px;
    margin-left: 20px;
    margin-top: 70px;
    margin-bottom: 50px; }
  
  .text-inicio-RMA {
    font-size: 20px;
    margin-top: 60px; }
  
  texto-soporte-rma {
    font-size: 24px; }
  
  .text-call-free {
    font-size: 18px; }
  
  .text-restriccion-dev {
    font: 18px; }
  
  .text-confor-RMA {
    font-size: 12px; }
  
  .banner_outlet {
    padding: 10px 10px 0px 10px;
    max-width: 1048px;
    width: 100%; }
  
  .parallax {
    background: linear-gradient(#024096 0%, #ff0000 100%);
    background-attachment: fixed;
    background-repeat: repeat; }
  
  .outlet_bg {
    background-image: url(https://ftp3.syscom.mx/usuarios/ftp/web_img/outlet/textura_outlet.png);
    background-size: 3px; }
  
  .icono_outlet {
    width: 100%;
    max-width: 100px;
    transition: background-color 0.5s ease;
    border-radius: 100%;
    background-color: #bfbfbf;
    border-radius: 100%; }
    .icono_outlet:hover {
      background-color: #ff0000; }
  
  /*
  .icono_outlet:hover {
      width: 100%;
      background-color: #ff0000;
  
  }
  */
  .contenedor_categoria_outlet {
    background-color: #f0f0f0;
    padding: 15px; }
  
  .altura_33px {
    height: 37px;
    padding-top: 10px; }
  
  .precio_tachado {
    text-decoration: line-through;
    margin: 0px;
    color: #909090;
    font-weight: 500;
    text-decoration-color: red; }
  
  .main_nav_categories_outlet {
    min-width: 1020px;
    background: #720000; }
  
  .line_height_outlet_menu {
    line-height: 35px; }
  
  .navbar-inverse.red {
    background: #720000; }
  
  .navbar-inverse .navbar-nav > li > a {
    color: rgba(255, 255, 255, 0.5); }
  
  .container_esp {
    position: relative;
    display: inline-block;
    vertical-align: top; }
  
  .btn_right_bottom {
    right: 5px;
    bottom: 5px; }
  
  .container_banners > div {
    position: relative; }
  
  .digital_promo_h1 {
    color: white;
    display: inline-block;
    text-decoration: none;
    margin-top: -40px;
    text-rendering: optimizeLegibility;
    column-rule-color: white;
    perspective-origin: 55.0469px 18.5938px;
    transform-origin: 55.0469px 18.5938px;
    background: #41b7d8 none repeat scroll 0% 0%/auto padding-box border-box;
    border-radius: 5px 5px 5px 5px;
    font: normal normal normal normal 16px / 22px "Proxima Nova Regular", "Segoe UI", Roboto, "Droid Sans", "Helvetica Neue", Arial, sans-serif;
    float: right;
    outline: white none 0px;
    padding: 5.6px 10.4px;
    transition: all 0.3s ease 0s; }
  
  .digital_promo_940px {
    width: 100%;
    height: auto;
    background-color: #014e94;
    margin-bottom: 15px;
    float: left;
    position: relative;
    overflow: hidden; }
  
  .digital_promo_620px {
    width: 100%;
    height: auto;
    background-color: #014e94;
    float: left;
    position: relative;
    margin-bottom: 15px;
    margin-right: 15px;
    overflow: hidden; }
  
  .digital_promo_620_76px {
    width: 100%;
    background-color: #014e94;
    float: left;
    position: relative;
    margin-bottom: 11px;
    overflow: hidden; }
  
  .digital_promo_300px {
    width: 100%;
    min-height: 218px;
    background-color: #014e94;
    float: left;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden; }
  
  .promo_scope {
    opacity: 0;
    transition: all 200ms ease-out;
    background-color: #014e94;
    display: block;
    font-size: 1.3125rem;
    font-weight: 500;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4;
    text-align: center;
    text-decoration: none;
    font-size: 30px; }
  
  .digital_promo_940px:hover .promo_scope {
    opacity: 0.75;
    color: white;
    text-decoration: none; }
  
  .promo_scope span {
    position: relative;
    top: 47%; }
  
  .portada_responsiva {
    width: 100%;
    height: auto; }
  
  .especiales_menu {
    border: 1px solid #cecece;
    border-radius: 5px;
    background-color: #fbfbfb; }
  
  .imagen_especialesV5 {
    filter: brightness(65%); }
  
  .icon_doble_especiales {
    font-size: 30px; }
  
  .fondo_gris {
    background-color: #edeff0; }
  
  .icono_especiales {
    font-size: 35px;
    font-weight: 600;
    color: #cccccc;
    padding: 9px; }
  
  .icono_especiales :hover {
    color: #005CCC;
    background-color: #193654;
    border-radius: 100px;
    transition-property: background-color; }
  
  .webinars_table table th {
    color: #005CB9;
    background: #f9f9f9;
    vertical-align: middle !important; }
  .webinars_table table th.hoy {
    color: #fff;
    background: #005CB9; }
  .webinars_table table td {
    vertical-align: middle !important; }
  .webinars_table h3 {
    font-size: 20px;
    margin-bottom: 0;
    white-space: nowrap; }
  .webinars_table h4 {
    white-space: nowrap; }
  .webinars_table small {
    font-size: 12px;
    opacity: 0.5; }
  
  .fondo_gris_alta_fidelidad {
    background-color: #f3f3f3;
    text-align: center;
    padding-bottom: 35px;
    margin: auto; }
  
  .header_webinar {
    color: white;
    font-size: 5em;
    font-weight: 600; }
  
  .header_webinar_container {
    padding-bottom: 15px; }
  
  .header_webinar_titulo {
    color: white;
    font-size: 2em;
    font-weight: 200;
    letter-spacing: 0.05em; }
  
  .info_container {
    margin-top: 20px; }
  
  .padding_top_20px {
    padding-top: 20px; }
  
  .grad_webinar {
    background: #003e8d;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(top, #005cb9, #003e8d);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, #005cb9, #003e8d);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #005cb9, #003e8d);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, #005cb9, #003e8d);
    /* Standard syntax (must be last) */ }
  
  .container_video_webinar {
    background: #d8d8d8;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(top, rgba(161, 161, 161, 0.87) 0%, #bcbcbc 4%);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, rgba(161, 161, 161, 0.87) 0%, #bcbcbc 4%);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, rgba(161, 161, 161, 0.87) 0%, #bcbcbc 4%);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, rgba(161, 161, 161, 0.87) 0%, #bcbcbc 4%);
    /* Standard syntax (must be last) */
    padding-top: 20px;
    padding-bottom: 20px; }
  
  .filtros_webinar_cat label {
    margin: 10px 0;
    display: block; }
  
  .bottom_webinar {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px; }
  
  .col-md-12:last-child .bottom_webinar {
    border: none; }
  
  .titulo_nivel_uno {
    background-color: #d4d4d4;
    color: #2d2d2d;
    padding: 10px;
    margin: 2px; }
  
  .titulo_nivel_uno:hover {
    background-color: #005cb9;
    color: white;
    cursor: pointer; }
  
  .container.panel_segmento {
    margin-top: 15px; }
  
  .img_listado_materiales {
    width: 100%;
    max-width: 195px; }
  
  .btn_block_collapse {
    margin-bottom: 3px;
    background-color: #e7e7e7;
    padding-left: 11px;
    padding-top: 2px;
    padding-bottom: 2px;
    white-space: inherit; }
    .btn_block_collapse:hover {
      background-color: #9f9f9f;
      color: white; }
  
  .ElemntSingle {
    background: #fff;
    height: auto; }
  
  .ElemntSingle p {
    font-weight: bold; }
  
  .ElemntSingle img {
    width: 100%;
    max-width: 100%;
    border: 1px solid 	#D8D8D8; }
  
  .ElemntSingle:hover {
    background: #F0F0F0;
    border-radius: 5px;
    border: 1px solid 	#D8D8D8;
    padding: 5px; }
  
  .grid-item {
    width: 220px;
    height: 120px;
    float: left;
    /*background: #D26;
    border: 2px solid #333;
    border-color: hsla(0, 0%, 0%, 0.5);
    border-radius: 5px;*/ }
  
  /*
  .grid-item--width2 { width: 320px; }
  .grid-item--width3 { width: 480px; }
  .grid-item--width4 { width: 640px; }
  
  
  .grid-item--height2 { height: 470px; }
  .grid-item--height3 { height: 191px; }
  .grid-item--height4 { height: 730px; }
  .grid-item--height5 { height: 460px; }
  .grid-item--height6 { height: 313px; }
  .grid-item--height7 { height: 517px; }
  .grid-item--height8 { height: 223px; }
  .grid-item--height9 { height: 333px; }
  .grid-item--height10 { height: 441px; }
  
  */
  .about_bg {
    background-image: url(https://ftp3.syscom.mx/usuarios/ftp/web_img/about_us.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #313236;
    height: 357px; }
  
  .about_logo {
    padding: 91px 10px 0px 10px;
    max-width: 500px;
    width: 100%; }
  
  .segmento_about {
    height: 240px; }
  
  .links-soluciones-about {
    position: absolute;
    bottom: 1em;
    width: 80%;
    height: auto;
    background: none;
    font-size: 0.9em;
    padding-right: 0.5em; }
  
  .seccioncompleta_bg {
    background-image: url(https://ftp3.syscom.mx/usuarios/ftp/web_img/background_inventario.jpg);
    background-size: cover; }
  
  .banner_inventario_png {
    padding: 10px 10px 0px 10px;
    max-width: 680px;
    width: 100%; }
  
  .titulo_h1 {
    color: white;
    font-size: 50px;
    text-align: center;
    padding: 70px 0px;
    text-shadow: 4px 4px 18px #000000; }
  
  .numero_etica {
    font-size: 90px;
    font-weight: bold;
    text-align: center;
    color: #bfbfbf;
    text-align: right; }
  
  .descripcion_etica {
    padding: 30px 0px 0px 0px;
    color: rgba(0, 0, 0, 0.65);
    text-align: justify;
    font-size: 16px; }
  
  .descripcion_etica sup {
    font-size: 10px; }
  
  .subtitulo_etica {
    font-weight: bold; }
  
  .descripcion_etica .italic_text {
    font-style: italic;
    font-weight: bold; }
  
  .input_etica label {
    font-size: 5px;
    font-weight: 400; }
  
  .mega-outlet-header {
    background-image: url(https://ftp3.syscom.mx/usuarios/ftp/single_page/mega-outlet/bkg-mega-outlet2.png);
    height: 540px;
    background-position: center;
    background-repeat: no-repeat; }
  
  .mega_p {
    font-family: 'Lato',sans-serif;
    color: #fffcfc;
    line-height: 1.1em; }
  
  .mega_subtitulo_principal {
    font-family: 'Open Sans',sans-serif;
    font-size: 59px;
    color: #fcfeff;
    font-weight: 400;
    padding: 0px;
    text-shadow: 6px 4px 6px #1d1d1d; }
  
  .mega_titulo_principal {
    font-family: 'Open Sans', sans-serif;
    font-size: 105px;
    color: #eeeeee;
    font-weight: 700;
    padding: 0px;
    text-shadow: 13px 10px 11px #1d1d1d; }
  
  .img-logo-position {
    position: absolute;
    right: 25%;
    bottom: -52%; }
  
  .megao-title {
    font-size: 28px;
    font-weight: 600; }
  
  .mega-info-red {
    background-color: #c1272d;
    padding: 10px;
    border-radius: 10px; }
  
  .megao-title {
    color: white;
    font-size: 28px;
    font-weight: 600; }
  
  .ventajas-width-bkg {
    clear: left;
    background-color: #292932;
    padding-top: 20px; }
  
  .mega_boton a {
    margin: 0 auto;
    margin-top: 20px;
    background-color: #f2f2f2;
    color: #ae0b0d;
    text-align: center;
    font-weight: bold;
    text-decoration: none; }
  
  .mega_boton a:hover {
    background-color: #bf0404;
    color: #ffffff; }
  
  .default_margin_top {
    margin-top: 25px !important; }
  
  .default_margin_bottom {
    margin-bottom: 25px !important; }
  
  .default_margin_btn {
    margin: 5px 0 !important; }
  
  .default_padding {
    padding: 15px; }
  
  .padding_0_5 {
    padding-left: 5px;
    padding-right: 5px; }
  
  .padding_right_left_modificado {
    padding-left: 10px;
    padding-right: 6px; }
  
  .padding_bottom_15px {
    padding-bottom: 15px; }
  
  .margin_right_15px {
    margin-right: 15px; }
  
  .margin_bottom_15px {
    margin-bottom: 15px; }
  
  .default_padding_top_bottom {
    padding: 0 15px; }
  
  .default_padding_bottom {
    padding-bottom: 15px; }
  
  .default_padding_top {
    padding-top: 15px; }
  
  .text_warp {
    /* para que el texto se ajuste al ancho */
    white-space: pre-wrap; }
  
  .text_no_warp {
    /* para que el texto no se rompa por un "enter" */
    white-space: nowrap; }
  
  .no_margin {
    margin: 0 !important; }
  
  .no_margin_top {
    margin-top: 0 !important; }
  
  .no_padding {
    padding: 0 !important; }
  
  .un_clickeable, .zoomContainer, .zoomLens {
    pointer-events: none;
    cursor: pointer; }
  
  .no_border {
    border: none !important; }
  
  .no_padding_bottom {
    padding-bottom: 0px; }
  
  .border_bottom_light {
    border-bottom: 1px solid #eaeaea; }
  
  .white_color {
    color: white !important; }
  
  .regular_width {
    width: 960px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box; }
  
  .regular_width img {
    max-width: 100%; }
  
  .width_100 {
    width: 100%; }
  
  .regular_text p {
    color: #555555;
    line-height: 20px;
    margin: 10px 0;
    font-size: 16px; }
  
  .title_size_tall {
    font-size: 70px;
    padding: 10px 15px; }
  
  .title_size_medium {
    font-size: 35px;
    margin: 35px 0 25px;
    padding: 0px 15px; }
  
  .title_size_small {
    font-size: 20px !important;
    line-height: normal; }
  
  .font_w_100 {
    font-weight: 100; }
  
  .font_w_normal {
    font-weight: normal; }
  
  .transparent_black {
    background-color: rgba(0, 0, 0, 0.3); }
  
  .text_center {
    text-align: center; }
  
  .flex {
    display: flex; }
  
  .alert_no_space {
    display: none; }
  
  .no_border .table > thead > tr > th, .no_border .table > thead > tr > td, .no_border .table > tbody > tr > th, .no_border .table > tbody > tr > td, .no_border .table > tfoot > tr > th, .no_border .table > tfoot > tr > td {
    border-top: none; }
  
  .zindex_0 {
    z-index: 0 !important; }
  
  .navbar-inverse.black {
    background: #2c2c2c; }
  
  .navbar-inverse.blue_compl {
    background: #014e94;
    border-color: #005cb9; }
  
  .display_none {
    display: none; }
  
  .upper_case {
    text-transform: uppercase; }
  
  .no_scroll_vertical_tablas {
    overflow-y: hidden; }
  
  .sucursales_bloques {
    margin-bottom: 20px; }
    .sucursales_bloques .panel_segmento {
      display: inline-block;
      width: 300px;
      height: 220px;
      vertical-align: top;
      margin: 5px; }
      .sucursales_bloques .panel_segmento .text-success {
        color: #005CB9; }
  
  .bg-warning {
    background-color: #fcf8e3 !important; }
  
  .opacity_0 {
    opacity: 0; }
  
  .iframe:focus {
    outline: none; }
  
  .iframe[seamless] {
    display: block; }
  
  .iframe_full {
    width: 100%; }
  
  .break_text {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  
  .vertical_center_content {
    display: flex;
    align-items: center; }
  
  no_border_radius {
    border-radius: 0 !important; }

    .carrito .diferidos-msg {
        background-color: #009427;    
        color: white;    
        font-size: 16px;    
        padding: 5px 18px;    
        border-radius: 5px;
      }
  
    .carrito .modo-pago {
        background: #fff;
    }

    .carrito .modo-pago-bottom {
        background: #f9f9f9;
    }

    .cuadro-carrito {
        border: 1px solid rgb(204, 204, 204);
        background: #fff;
        border-radius: 4px;
        box-shadow: rgb(227, 227, 227) 0px 1px 1px 2px;
    }

    .custom-select-cotizador {
        background-color: #e9ecef;
    }

    .bg-listado-general {
        background-color: #e7f7ff; background: linear-gradient(#ffffff 0%, #f1f1f1 100%);
    }
    .bg-caja-abierta {
        background-color: #f8f8f8;
    }
    /* Index */
    .banner-cert {
        background-color: #eaeaea;
    }
    .banner-cursos {
        background-color: #dfdfdf;
    }
    
  /* @media (prefers-color-scheme: dark) { */
  .dark-mode-syscom {
    /* body { */
    background-color: #18181c;
    color: #dbd9dc;
    /* } */ }
    @media only screen and (max-width: 700px) {
        .dark-mode-syscom #productos tr, .dark-mode-syscom #productos_2 tr, .dark-mode-syscom #fleteras tr, .dark-mode-syscom #productos td, .dark-mode-syscom #productos_2 td, .dark-mode-syscom #fleteras td {
            border-color: #716b75;
        }
        .dark-mode-syscom .carrito .tabla_precio_lista, .dark-mode-syscom .carrito .tabla_precio_fin{
            background-color: #2a282e;
        }
    }
    .dark-mode-syscom .atz-body {
        background-color: #1f2c3a;
    }
    .dark-mode-syscom .atz-payment {
        color: #2dbaff;
    }

    .dark-mode-syscom .modelo-marca {
        color: #1c8dff;
    }
    .dark-mode-syscom .banner-cursos {
        background-color: #000;
    }
    .dark-mode-syscom .bg-info {
        background-color: #285267;
    }
    .dark-mode-syscom .bg-success {
        background-color: #146726;
    }
    .dark-mode-syscom .banner-cert {
        background-color: #3b383f;
    }
    .dark-mode-syscom .carrito .input_envio_requerido {
        border-color: crimson !important;
    }
    .dark-mode-syscom .main_layout {
        background-color: inherit;
    }
    .dark-mode-syscom .list-product-title {
        color: #dbd9dc;
    }
    .dark-mode-syscom .btn-default:active, .dark-mode-syscom .btn-default.active, .dark-mode-syscom .open > .dropdown-toggle.btn-default {
        background-color: #6e6777;
        color: white;
    }
    .dark-mode-syscom .btn-default:hover, .dark-mode-syscom .btn-basic:hover, .dark-mode-syscom .carrito .volver:hover {
        background-color: #615a69;
    }
    .dark-mode-syscom .cuadro-carrito, .dark-mode-syscom .form_direcciones {
        border: 1px solid rgb(113 107 117);
        background: #2a282e;
        border-radius: 4px;
        box-shadow: rgb(0 0 0) 0px 1px 1px 2px;
    }
    .dark-mode-syscom .bg-caja-abierta {
        background-color: #100f13;
    }
    .dark-mode-syscom .box01_CA {
        background-color: black;
        border-color: #444049;
    }
    .dark-mode-syscom .bg-listado-general {
        background: linear-gradient(#18181c 0%, #000 100%);
    }
    .dark-mode-syscom .btn-success {
        background: #008600;
    }
    .dark-mode-syscom .btn-danger {
        background: #9e0500;
    }
    .dark-mode-syscom .btn-info {
        background: #007ba0;
    }
    .dark-mode-syscom .btn-primary {
        background: #005094;
    }
    .dark-mode-syscom .text-success {
        color: #43bf45;
    }
    .dark-mode-syscom .btn-link {
        color: #03b8ff;
    }
    .dark-mode-syscom .text-primary {
        color: #0088ff;
    }
    .dark-mode-syscom .text-danger {
        color: #e2524f;
    }
    .dark-mode-syscom .text-warning {
        color: #d0a21e;
    }
    .dark-mode-syscom .text-info {
        color: #00ceff;
    }
    .dark-mode-syscom .main_nav_categories .btn-link, .dark-mode-syscom .btn-success, .dark-mode-syscom .btn-primary, .dark-mode-syscom .btn-danger, .dark-mode-syscom .btn-warning {
        color: #fff !important;
    }
    .dark-mode-syscom .alert-danger {
        background-color: #380000;
        border-color: #e2524f;
        color: #e2524f;
    }
    .dark-mode-syscom .alert-warning {
        background-color: #423700;
        color: #efc900;
        border-color: #efc900;
    }
    .dark-mode-syscom .alert-info {
        background-color: #002131;
        border-color: #63d0e6;
        color: #63d0e6;
    }
    .dark-mode-syscom .alert-success {
        background-color: #0c2900;
        border-color: #14d217;
        color: #14d217;
    }
    .dark-mode-syscom .carrito .diferidos-msg {
        background-color: #075f1e;
        color: #57f345;
    }
    .dark-mode-syscom .bg-imagen-dark {
        background: white; /*  #bdbdbd; */
        border-radius: 4px;
        opacity: .85;
    }
    .dark-mode-syscom .carrito-breadcrumb {
        background: black;
        border-color: #777777;
    }
    .dark-mode-syscom .table > thead > tr > td.danger, .dark-mode-syscom .table > thead > tr > th.danger, .dark-mode-syscom .table > thead > tr.danger > td, .dark-mode-syscom .table > thead > tr.danger > th, .dark-mode-syscom .table > tbody > tr > td.danger, .dark-mode-syscom .table > tbody > tr > th.danger, .dark-mode-syscom .table > tbody > tr.danger > td, .dark-mode-syscom .table > tbody > tr.danger > th, .dark-mode-syscom .table > tfoot > tr > td.danger, .dark-mode-syscom .table > tfoot > tr > th.danger, .dark-mode-syscom .table > tfoot > tr.danger > td, .dark-mode-syscom .table > tfoot > tr.danger > th {
        background-color: #7d3737;
    }
    .dark-mode-syscom .table > thead > tr > td.success, .dark-mode-syscom .table > thead > tr > th.success, .dark-mode-syscom .table > thead > tr.success > td, .dark-mode-syscom .table > thead > tr.success > th, .dark-mode-syscom .table > tbody > tr > td.success, .dark-mode-syscom .table > tbody > tr > th.success, .dark-mode-syscom .table > tbody > tr.success > td, .dark-mode-syscom .table > tbody > tr.success > th, .dark-mode-syscom .table > tfoot > tr > td.success, .dark-mode-syscom .table > tfoot > tr > th.success, .dark-mode-syscom .table > tfoot > tr.success > td, .dark-mode-syscom .table > tfoot > tr.success > th {
        background-color: #1f8622;
    }
    .dark-mode-syscom .table > thead > tr > td.warning, .dark-mode-syscom .table > thead > tr > th.warning, .dark-mode-syscom .table > thead > tr.warning > td, .dark-mode-syscom .table > thead > tr.warning > th, .dark-mode-syscom .table > tbody > tr > td.warning, .dark-mode-syscom .table > tbody > tr > th.warning, .dark-mode-syscom .table > tbody > tr.warning > td, .dark-mode-syscom .table > tbody > tr.warning > th, .dark-mode-syscom .table > tfoot > tr > td.warning, .dark-mode-syscom .table > tfoot > tr > th.warning, .dark-mode-syscom .table > tfoot > tr.warning > td, .dark-mode-syscom .table > tfoot > tr.warning > th {
        background-color: #776406;
    }
    .dark-mode-syscom .bg-warning {
        background-color: #754500 !important;
    }
    .dark-mode-syscom .switcherb-inner:after {
        background-color: #14141d;
        color: #0088ff;
    }
    .dark-mode-syscom .switcherb-inner:before {
        background-color: #1474d5;
        color: #dbd9dc;
    }
    .dark-mode-syscom .switcherb-switch {
        background: linear-gradient(0deg, #2b2b2b, #8d8798 50%);
        border: 1px solid #444049;
    }
    .dark-mode-syscom .switcherb-label {
        border: 1px solid #444049;
    }
    .dark-mode-syscom .btn-outlet {
        color: #ff0030;
    }
    .dark-mode-syscom .list-product-price-descuento {
        color: #f56c6c;
    }
    .dark-mode-syscom .formulario, .dark-mode-syscom .carrito .modo-pago {
        background-color: #1f2c3a;
    }
    .dark-mode-syscom .formulario .label-total {
        color: #43bf45;
    }
    .dark-mode-syscom .formulario .opciones, .dark-mode-syscom .carrito .modo-pago-bottom {
        background: #01172e;
    }
    .dark-mode-syscom .formulario .labels:not(.label-inverso) {
        color: #1888ff;
    }
    .dark-mode-syscom .pie-pagina{
        background: #00172f;
    }
    .dark-mode-syscom .carrito .disbled_black input[type="text"]:disabled, .dark-mode-syscom .carrito input[type="text"]:disabled {
        color: inherit;
    }
    .dark-mode-syscom .nav > li > a:hover, .dark-mode-syscom .nav > li > a:focus {
        background-color: #615a69;
    }
    .dark-mode-syscom .carrito .tabla_imagen img {
        border: 1px solid #777777;
        background: white; 
        border-radius: 4px;
    }
    .dark-mode-syscom .cuadro-carrito {
        border: 1px solid rgb(120 117 123);
        background: #313038;
    }
    .dark-mode-syscom .descripcion_etica {
        color: rgb(153 153 153);
    }
    .dark-mode-syscom .contenedor-general {
        background: none !important;
    }
    .dark-mode-syscom .contenedor-general .contenedor-politicas .politicas{
        background: none;
    }
    .dark-mode-syscom #mc_embed_signup {
        background: none;
    }
    .dark-mode-syscom #mc_embed_signup #mc-embedded-subscribe-form input{
        background-color: #444049;
    }
    .dark-mode-syscom #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
        background-color: inherit;
    }
    .dark-mode-syscom .list-group-item {
        border-color: #444049;
        background-color: #2a282e;
    }
    .dark-mode-syscom .card {
        background-color: rgb(34 33 39);
        border-color: rgb(68 64 73);
    }
    .dark-mode-syscom .btn-warning {
        background-color: #c58222;
    }
    .dark-mode-syscom .custom-select-cotizador {
        background-color: #6e6777 !important;
        color: #dbd9dc !important;
        background-image: linear-gradient(45deg, transparent 60%, #dbd9dc 60%), linear-gradient(135deg, #dbd9dc 50%, transparent 50%) !important;
    }
    .dark-mode-syscom .panel_segmento_outlet {
        color: #333333;
    }

    .dark-mode-syscom a {
      color: #dbd9dc; }
    .dark-mode-syscom .navbar-syscom {
      background: #222127; }
    .dark-mode-syscom .navbar-inverse.blue_compl {
      background: #3b383f;
      border-color: #645f6a;
      border-left: none;
      border-right: none;
      border-bottom: none;
      margin-top: 5px; }
    /* .dark-mode-syscom .alert-warning {
      background-color: #444049;
      color: #a29ea5;
      border-color: #645f6a; } */
    .dark-mode-syscom .thumbnail {
      background: #29282e;
      color: #dbd9dc;
      border: #18181c; }
    .dark-mode-syscom .thumbnail .caption {
      color: #dbd9dc; }
    .dark-mode-syscom .brands {
      background: #e6e6e6;
      border-radius: 10px; }
    .dark-mode-syscom hr {
      border-color: #29282e; }
    .dark-mode-syscom ul.main_nav_cont {
      background: #29282e; }
    .dark-mode-syscom ul.main_nav_cont a {
      color: #dbd9dc !important; }
    .dark-mode-syscom ul.main_nav_cont h4 a {
      color: #a29ea5 !important; }
    .dark-mode-syscom .main_nav_categories > ul > li button:hover, .dark-mode-syscom .main_nav_categories > ul > li button.active {
      background-color: #3370ad; }
    .dark-mode-syscom .breadcrumb_clean {
      background: none; }
    .dark-mode-syscom .logo_vista_producto {
      background: white;
      border-radius: 7px; }
    .dark-mode-syscom .box_shadow {
      background-color: #29282e;
      border: 1px solid #444049; }
    .dark-mode-syscom .btn-basic-dark {
      color: #dbd9dc;
      background-color: #29282e;
      border-color: #444049; }
    .dark-mode-syscom .btn-basic, .dark-mode-syscom .btn-default {
      color: #dbd9dc;
      background-color: #444049;
      border-color: #716b75; }
    .dark-mode-syscom .outlet_color {
      color: #ededed; }
    .dark-mode-syscom .double-line {
      border-bottom: 3px solid #29282e;
      border-top: 3px solid #444049; }
    .dark-mode-syscom .page-header {
      border-bottom: none; }
    .dark-mode-syscom .nav-tabs {
      border-bottom: none; }
    .dark-mode-syscom .nav-pills li {
      background-color: #444049 !important;
      color: #dbd9dc !important; }
    .dark-mode-syscom .nav-tabs > li.active > a, .dark-mode-syscom .nav-tabs > li.active > a:hover, .dark-mode-syscom .nav-tabs > li.active > a:focus {
      border: none; }
    .dark-mode-syscom .well-sm .center-block {
      border-radius: 10px; }
    .dark-mode-syscom .main_nav_categories {
      background: none; }
    .dark-mode-syscom .filtros_listado {
      border-bottom: 2px solid #444049; }
    .dark-mode-syscom .area-de-listados {
      border-left: 1px solid #444049; }
    .dark-mode-syscom .border_gray {
      border-color: #444049; }
    .dark-mode-syscom .list-product-price-p3 {
      color: #dbd9dc; }
    .dark-mode-syscom .foto_producto_bloque {
      border-radius: 10px; }
    .dark-mode-syscom .list-product-model a {
      color: #dbd9dc; }
    .dark-mode-syscom .list-product-brand {
      color: #a29ea5 !important; }
    .dark-mode-syscom .footer {
      background: #29282e; }
    .dark-mode-syscom img {
      opacity: .85;
      transition: opacity .2s ease-in-out; }
    .dark-mode-syscom img:hover {
      opacity: 1; }
    .dark-mode-syscom .dropdown-menu {
      background-color: #29282e; }
    .dark-mode-syscom .dropdown-menu > li > a {
      color: #a29ea5; }
    .dark-mode-syscom .dropdown-menu > li > a:hover, .dark-mode-syscom .dropdown-menu > li > a:focus {
      background-color: #444049;
      color: #dbd9dc; }
    .dark-mode-syscom .divider, .dark-mode-syscom .dropdown-menu .divider {
      background-color: #a29ea5; }
    .dark-mode-syscom .input-group-btn .main_buscador {
      background: #29282e;
      color: #a29ea5; }
    .dark-mode-syscom .input-group-addon {
      background: #29282e;
      color: #a29ea5;
      border: 1px solid #716b75; } /* TEST: none */
    .dark-mode-syscom .resultados_sugerencias {
      background-color: #29282e !important; }
    .dark-mode-syscom .resultados_sugerencias .col-md-8 {
      background-color: #444049 !important; }
    .dark-mode-syscom .resultados_movil, .dark-mode-syscom .resultados {
      background: #29282e !important;
      color: #dbd9dc; }
    .dark-mode-syscom .sidebar-wrapper-sub, .dark-mode-syscom .nav_movil {
      background-color: #18181c; }
    .dark-mode-syscom .sidebar-wrapper, .dark-mode-syscom #sidebar-wrapper-right {
      background: #29282e;
      color: #dbd9dc; }
    .dark-mode-syscom .sidebar-nav li button, .dark-mode-syscom .sidebar-nav li a {
      color: #a29ea5; }
    .dark-mode-syscom .sidebar-nav li {
      border-color: #444049; }
    .dark-mode-syscom .sidebar-nav li button:hover, .dark-mode-syscom .sidebar-nav li a:hover {
      color: #dbd9dc;
      background: #18181c; }
    .dark-mode-syscom .panel-boton-menu {
      border-bottom: none; }
    .dark-mode-syscom .listado-filtros-movil {
      background-color: #29282e;
      color: #a29ea5 !important;
      border: none; }
    .dark-mode-syscom .scrollmenu {
      background-color: #18181c !important; }
    .dark-mode-syscom .fil_orden, .dark-mode-syscom .fil_sucursal {
      background: #444049;
      color: #dbd9dc;
      border: none; }
    .dark-mode-syscom .precios-movil {
      background: none !important; }
    .dark-mode-syscom .list-product-price-p3 a {
      color: #dbd9dc; }
    .dark-mode-syscom .titulo_prom h1 {
      color: #dbd9dc !important; }
    .dark-mode-syscom .form-control, .dark-mode-syscom .atz-form-control {
      border: 1px solid #716b75; /* TEST: none */
      color: #a29ea5;
      background: #444049; }
    .dark-mode-syscom .jumbotron {
      color: #a39fa6;
      background: #29282e; }
    .dark-mode-syscom .fondo_panel_usuarios {
      background-color: #18181c; }
    .dark-mode-syscom .fondo_panel_usuarios p {
      color: #a29ea5 !important; }
    .dark-mode-syscom .panel_segmento, .dark-mode-syscom .user-panel-menu {
      background-color: #29282e;
      box-shadow: none;
      -webkit-box-shadow: none;
      border: none; }
    .dark-mode-syscom .panel_segmento a, .dark-mode-syscom .user-panel-menu a {
      color: #a29ea5; }
    .dark-mode-syscom .panel-default > .panel-heading {
      background-color: #29282e;
      border: #29282e;
      color: #a29ea5; }
    .dark-mode-syscom .panel {
      background-color: #29282e; }
    .dark-mode-syscom .panel-default {
      border: none; }
    .dark-mode-syscom .panel-boton-menu:hover {
      background-color: #444049;
      color: #dbd9dc;
      border-radius: 0; }
    .dark-mode-syscom .pagination > .disabled > span, .dark-mode-syscom .pagination > .disabled > span:hover, .dark-mode-syscom .pagination > .disabled > span:focus, .dark-mode-syscom .pagination > .disabled > a, .dark-mode-syscom .pagination > .disabled > a:hover, .dark-mode-syscom .pagination > .disabled > a:focus, .dark-mode-syscom .pagination > li > a, .dark-mode-syscom .pagination > li > span {
      background-color: #444049;
      border: none;
      color: #a29ea5; }
    .dark-mode-syscom .pagination > .active > a, .dark-mode-syscom .pagination > .active > a:hover, .dark-mode-syscom .pagination > .active > a:focus, .dark-mode-syscom .pagination > .active > span, .dark-mode-syscom .pagination > .active > span:hover, .dark-mode-syscom .pagination > .active > span:focus {
      background-color: #a29ea5;
      border: none; }
    .dark-mode-syscom .pagination > .active > a {
        color: black;
    }
    .dark-mode-syscom .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
        color: #dbd9dc;
        background: #333038;
    }
    .dark-mode-syscom .table-striped > tbody > tr:nth-of-type(odd) {
      background-color: #1f1f23; }
    .dark-mode-syscom .table > thead > tr > th, .dark-mode-syscom .table > thead > tr > td, .dark-mode-syscom .table > tbody > tr > th, .dark-mode-syscom .table > tbody > tr > td, .dark-mode-syscom .table > tfoot > tr > th, .dark-mode-syscom .table > tfoot > tr > td {
      border-top: 0px; }
    .dark-mode-syscom .table > thead > tr > td.active, .dark-mode-syscom .table > thead > tr > th.active, .dark-mode-syscom .table > thead > tr.active > td, .dark-mode-syscom .table > thead > tr.active > th, .dark-mode-syscom .table > tbody > tr > td.active, .dark-mode-syscom .table > tbody > tr > th.active, .dark-mode-syscom .table > tbody > tr.active > td, .dark-mode-syscom .table > tbody > tr.active > th, .dark-mode-syscom .table > tfoot > tr > td.active, .dark-mode-syscom .table > tfoot > tr > th.active, .dark-mode-syscom .table > tfoot > tr.active > td, .dark-mode-syscom .table > tfoot > tr.active > th {
      background-color: #29282e;
      border-bottom: 1px solid #a29ea5; }
    .dark-mode-syscom .table-hover > tbody > tr:hover {
      background-color: #302e33; }
    .dark-mode-syscom .btn-info-invertido {
      background-color: #29282e;
      border-color: #444049;
      color: #a29ea5; }
    .dark-mode-syscom .btn-info-invertido:hover {
      background-color: #444049;
      border-color: #a29ea5;
      color: #dbd9dc; }
    .dark-mode-syscom .panel-body {
      background-color: #29282e; }
    .dark-mode-syscom .panel-body .well {
      background-color: #29282e;
      border: 0px; }
    .dark-mode-syscom .form-control[disabled], .dark-mode-syscom .form-control[readonly], .dark-mode-syscom fieldset[disabled] .form-control {
      background-color: #444049; }
    .dark-mode-syscom .curso-tab {
      background-color: #29282e !important;
      border: 0px !important;
      color: #dbd9dc;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      cursor: pointer; }
    .dark-mode-syscom .input-group-btn .form-control {
      background-color: #29282e !important;
      border-color: #716b75;
      color: #dbd9dc; }
    .dark-mode-syscom table.dataTable tbody tr.selected, .dark-mode-syscom table.dataTable tbody th.selected, .dark-mode-syscom table.dataTable tbody td.selected {
      background-color: #29282e !important;
      color: #444049 !important; }
    .dark-mode-syscom .table > thead > tr > td.info, .dark-mode-syscom .table > thead > tr > th.info, .dark-mode-syscom .table > thead > tr.info > td, .dark-mode-syscom .table > thead > tr.info > th, .dark-mode-syscom .table > tbody > tr > td.info, .dark-mode-syscom .table > tbody > tr > th.info, .dark-mode-syscom .table > tbody > tr.info > td, .dark-mode-syscom .table > tbody > tr.info > th, .dark-mode-syscom .table > tfoot > tr > td.info, .dark-mode-syscom .table > tfoot > tr > th.info, .dark-mode-syscom .table > tfoot > tr.info > td, .dark-mode-syscom .table > tfoot > tr.info > th {
      background-color: #386982; }
    /* .dark-mode-syscom .warning {
      background-color: #444049 !important; } */
    .dark-mode-syscom .panel_tablas_pequenas button {
      background-color: #444049 !important; }
    .dark-mode-syscom .modal-content {
      background-color: #29282e; }
    .dark-mode-syscom .btn_block_collapse {
      background-color: #444049; }
    .dark-mode-syscom .btn_block_collapse:hover {
      background-color: #29282e !important; }
    .dark-mode-syscom .btn_block_collapse:focus {
      background-color: #444049 !important; }
    .dark-mode-syscom .body_gris {
      background-color: #18181c; }
    .dark-mode-syscom .table-bordered {
      border-color: #444049; }
    .dark-mode-syscom .table-bordered > thead > tr > th, .dark-mode-syscom .table-bordered > thead > tr > td, .dark-mode-syscom .table-bordered > tbody > tr > th, .dark-mode-syscom .table-bordered > tbody > tr > td, .dark-mode-syscom .table-bordered > tfoot > tr > th, .dark-mode-syscom .table-bordered > tfoot > tr > td {
      border-color: #444049; }
    .dark-mode-syscom table.dataTable {
      background-color: #29282e; }
    .dark-mode-syscom table#ordenes {
      background-color: #29282e !important; }
    .dark-mode-syscom .well {
      background-color: #29282e;
      border-color: #444049; }
    .dark-mode-syscom .modal-header {
      border-color: #444049; }
    .dark-mode-syscom .panel_segmento2 {
      background-color: #29282e !important;
      border-color: #444049 !important;
      box-shadow: none !important;
      -webkit-box-shadow: none !important; }
    .dark-mode-syscom .theader-custom {
      background-color: #29282e !important;
      border-color: #444049 !important; }
    .dark-mode-syscom .divRow {
      border-color: #444049 !important; }
    .dark-mode-syscom .divRow:hover {
      background-color: #444049 !important; }
    .dark-mode-syscom .cart_breadcrumbs {
      background: #29282e;
      padding: 0px; }
    .dark-mode-syscom .carrito_layout {
      background: #29282e; }
    .dark-mode-syscom .breadcrumb {
      background: none; }
    .dark-mode-syscom thead {
      background: #18181c; }
    .dark-mode-syscom .payment_panel {
      background: #18181c !important; }
    .dark-mode-syscom .payment_panel h4 {
      color: #a29ea5; }
    .dark-mode-syscom .panel_segmento {
      background: #313038;
      padding: 15px;
      border-radius: 0; }
    .dark-mode-syscom .payment_btn {
      background: #1f1f23 !important; }
    .dark-mode-syscom .payment_btn:hover {
     background: #755a34 !important;
     color: #f3ef6e !important; }
    .dark-mode-syscom .payment_btn:active, .dark-mode-syscom .payment_btn.active {
     background: #bf7000 !important;
     color: white; }
    .dark-mode-syscom .btn_inventario_default {
      background-color: #337ab7;
      border-color: #2e6da4;
      color: #ffffff !important; }
    .dark-mode-syscom .carrito_item_desc {
      font-size: 0.9em; }
    .dark-mode-syscom .carrito_item_info {
      font-size: 0.7em; }
    .dark-mode-syscom .table > thead > tr > th {
      border-bottom: 2px solid #444049; }
    .dark-mode-syscom .carrito input[type=number] {
      background: #444049;
      color: #a29ea5;
      border: none; }
    .dark-mode-syscom .input-number-increment, .dark-mode-syscom .input-number-decrement, .dark-mode-syscom .input-number {
      background-color: #444049;
      border: 1px solid #716b75; /* TEST: none */
      color: #a29ea5; }
    .dark-mode-syscom .input-number-increment:hover, .dark-mode-syscom .input-number-decrement:hover, .dark-mode-syscom .carrito input[type=number]:hover {
      color: #00366d;
      background-color: #eeeeee;
      border-color: #ddd; }
    .dark-mode-syscom .carrito .volver {
      background: #444049;
      color: #a29ea5; }
    .dark-mode-syscom #direcciones_previas, .dark-mode-syscom #pais_select, .dark-mode-syscom #estado_select {
      background: #444049; }
    .dark-mode-syscom .lista_fletera {
      background-color: #444049;
      border: 1px solid #716b75; /* TEST: none */
      color: #dbdadc !important; }
    .dark-mode-syscom .lista_fletera:hover {
      background-color: #615a69 /* TEST: #a29ea5 !important; */ }
    .dark-mode-syscom .carrito .alertas {
      background-color: #444049 !important;
      border: none;
      color: #dbdadc !important;
      border: 0px; }
    .dark-mode-syscom .table_webinar_ind {
      background-color: #444049;
      border: none;
      color: #dbdadc !important; }
    .dark-mode-syscom .carrito_final_det {
      border: 1px solid #ccc;
      border-radius: 4px;
      color: #dbd9dc; }
    .dark-mode-syscom .carrito_final_text {
      color: #dbd9dc !important;
      border: none;
      width: 100%;
      background: transparent; }
    .dark-mode-syscom .carrito_item_suj {
      font-family: Arial,Helvetica,sans-serif;
      font-size: 0.7em;
      font-weight: bold;
      letter-spacing: -0.02em;
      color: #dbd9dc;
      line-height: 1.2em; }
    .dark-mode-syscom .carrito_productos {
      width: 100%;
      background: #29282e;
      margin-top: 10px;
      padding: 0px; }
    .dark-mode-syscom .gm-style .gm-style-iw-c {
      border: 1px solid #ccc;
      border-radius: 4px;
      color: #dbd9dc; }
  
  /* Small devices (tablets, 768px and up)  igual al sm  de bootstrap */
  @media (min-width: 768px) {
    .permisos_descripcion > div {
      display: none; }
  
    .dropdown-menu.resp {
      left: 0;
      width: 440px; }
  
    .altura_bloque {
      height: 540px; }
  
    .altura_bloque_sm {
      height: 385px; }
  
    .box_blog {
      min-height: 230px; } }
  /* Medium devices (desktops, 992px and up) igual al md  de bootstrap */
  @media (min-width: 992px) {
    .navbar-syscom {
      position: relative; }
  
    main.main_layout, main.carrito_layout {
      margin-top: 0; }
  
    .navbar-header img {
      margin-top: 15px; }
  
    body {
      margin-bottom: 510px; }
  
    .footer {
      height: 510px; }
  
    #myNavbar .nav-search {
      width: 43%; }
  
    .btn-responsive {
      padding: 6px 12px;
      font-size: 14px;
      border-radius: 4px; }
  
    .two_col_responsive {
      -moz-column-count: 2;
      column-count: 2;
      -webkit-column-gap: 30px;
      -moz-column-gap: 30px;
      column-gap: 30px; }
  
    [tooltip]:hover::after, [tooltip]:hover::before {
      opacity: 1; }
  
    .container_banners > div .btn_right_bottom {
      width: 100px; }
  
    .btn_right_bottom {
      position: absolute;
      width: 120px; }
  
    .pull-right_md {
      float: right !important; }
  
    .breadcrumb_clean {
      margin-bottom: 0; }
  
    .cont_info_marca {
      padding: 30px;
      margin-top: 50px;
      background: rgba(0, 0, 0, 0.4);
      color: #fff;
      font-weight: 400;
      font-size: 14px; }
  
    /*
        .cont_logo_text img {
        max-width: 280px;
        max-height: 70px;
        background-color: white;
        border-radius: 5px;
        background: rgba(255, 255, 255, 1.27);
        margin-bottom: -35px;
        box-shadow: 5px 5px 15px #3d3d3d;
        padding: 7px;
        }
    */ }
  /* Large devices (large desktops, 2000px and up) igual al lg  de bootstrap */
  @media (min-width: 2000px) {
    .navbar-nav > li > a {
      padding: 10px 20px; } }
  
  /*# sourceMappingURL=application.css.map */