@charset "utf-8";

/* Estilos generales documentación */
.wrapper {margin-bottom: 20px !important;}

/*Estilos del menu de documentacion*/
.documentacion-post aside div.menu-post{ width: 100%; display: block; margin-top: 5px; }
.documentacion-post aside div ul.menu-level-1{  width: 100%; }
.documentacion-post aside div ul .option-level-1{ border: 1px solid #ddd; border-bottom: none;}
.documentacion-post aside div ul .option-level-1:last-child{border-bottom: 1px solid #ddd;}
.documentacion-post ul.menu-aside li { float: left; width: 100%;}
.documentacion-post ul.menu-aside li a { text-decoration: none; color: #777; display: block; padding: 7px 10px; transition: background-color 0s; font-size: 17px; }
.documentacion-post ul.menu-aside li a:hover { background: #777; color: #fff !important; }
.documentacion-post ul.menu-aside li a.open-menu-article { padding: 10px 20px;   display: block;}
.documentacion-post aside ul li a{ position: relative;}
.documentacion-post aside li a i{color: black; font-size: 16px; position: absolute; right: 5px; top: 40%;}
.documentacion-post ul li div.content-menu-level-2{ display: none; }
.documentacion-post ul li div.menu-level-2{ display: block; border-top: 1px solid rgba(0, 0, 0, .1);}
.documentacion-post ul li div li.option-level-2{ border-bottom: 1px solid #ddd; }
.documentacion-post ul li div li.option-level-2:last-child{ border-bottom: none; }
.documentacion-post ul li div li a.article-menu-level-2{ padding-left: 30px; background: #f8f8f8;}
.documentacion-post ul li div ul li{ border-bottom: 1px solid rgba(0, 0, 0, 0);}

/* Estilos ul y li, hover */
.documentacion-post aside .active{ background: #17a589 !important; color: white !important;}
.documentacion-post aside li.active a{ color: white !important; background: #17a589 !important;}
.documentacion-post aside .active-option-level-1{ color: #17a589 !important;}
.documentacion-post aside li.active-option-level-1 a{ color: #17a589 !important; }
.documentacion-post aside ul li i.icon-angle-up{ color: #17a589; }
.documentacion-post ul.menu-aside li a:hover { background-color: #17a589; transition: .2s; color: white;}
.documentacion-post ul.menu-aside li a:hover i { color: white;}

.documentacion-post aside div.search-article {width: 100%; position: relative; margin: 0 auto;}
.documentacion-post aside div.search-article label{ z-index: 1; position: absolute; top: 25%; padding-left: 10px; color: #615d5d4f;}
.documentacion-post aside div.search-article input{ display: block; padding: 10px 0; padding-left: 30px; width: 85%; margin: 10px 0; border: 2px solid #615d5d4f; box-shadow: none !important; font-size: 16px; border-radius: 4px;}
.documentacion-post aside div.search-article input::placeholder{color: #615d5d8c;}
/*Estilos documentacion articulos*/
.documentacion-post div.oneline{ display: flex; }
.documentacion-post article a{ color: #17a589; text-decoration: none; word-break: break-all;}
.documentacion-post a:hover{text-decoration: underline;}
.documentacion-post p span.pasos-manual{ width: 35px;height: 35px;background: #4CAF50;line-height: 33px;display: inline-block;text-align: center;border-radius: 50%;margin: 0 4px; color: white;}
/*Estilos opcion copiar titulo de los H*/
.documentacion-post aside .button-copy-title{ display: none; }
.documentacion-post aside .span-active{ display: none; }
.documentacion-post article .button-copy-title{ position: relative; color: #17a589; font-size: 20px; padding-left: 5px; visibility: hidden;}
.documentacion-post article h1{ border-bottom: 1px solid #e7e7e7; padding: 2.5rem 0;}
.documentacion-post article h1:hover i, .documentacion-post article h2:hover i, .documentacion-post article h3:hover i, .documentacion-post article h4:hover i, .documentacion-post article h5:hover i, .documentacion-post article h6:hover i{ visibility: visible; cursor: pointer; }
.documentacion-post article div.panel div.panel-heading h3.panel-title .button-copy-title{display: none;}
.documentacion-post article .text-copy-success, .documentacion-post article .code-copy-success{font-size: 12px;background: #666;color: #fff;font-weight: bold;padding: 4px;position: absolute; border-radius: 5px;}
.documentacion-post article .code-copy-success{background: #fff; color: #666;}
.documentacion-post article ul{ padding-left: 20px; display: block;} 
.documentacion-post article ul.lista-opciones { list-style-type: disc; margin-left: 40px;}
.documentacion-post article ul li a{  padding: 3px 1px; text-decoration: none; display: block;}
.documentacion-post article ul li a:hover{  text-decoration: underline;}
.documentacion-post article p{ margin: 1rem 0; }
/*Estilos botor copiar codigo*/
.documentacion-post article pre{ width: 100%; position: relative; }
.documentacion-post article code{ width: 100%; }
.documentacion-post article .button-copy-code::before{ content: "Copiar"; }
.documentacion-post article .button-copy-code{ position: absolute; right: 0; background: #0aa33f; color: #fff;margin-top: 5px; padding: 5px 7px; border-radius: 5px; }
.documentacion-post article .button-copy-code:hover{ color: #0aa33f; background: #fff; border-radius: 5px; transition: .2s; cursor: pointer; }

/*Estilos de documentacion*/
.documentacion-post article h1 {  text-align: center; color: #222; font-weight: 300; padding: 2.5rem 0;}
.documentacion-post article h2 {  padding: 2.0rem 0; font-weight: 300;}
.documentacion-post article h3 {  padding: 1.5rem 0;  }
.documentacion-post article h4 {  padding: 1.0rem 0; font-weight: 300; }
.documentacion-post article h5 {  padding: 0.5rem 0; font-weight: 300; }
.documentacion-post article h6 {  padding: 0.5rem 0; font-weight: 300; }
.documentacion-post article p{ margin: 1rem 0; font-size: 1rem;}
.documentacion-post article p span a{ background: #17a589 !important;}

/*Estilos de paneles primary, succes, info, warning, danger*/
.documentacion-post article .panel{margin-bottom: 20px;background-color: #fff;border: 1px solid transparent;border-radius: 4px;box-shadow: 0 1px 1px rgba(0,0,0,.05);} 
.documentacion-post article .panel-primary{border-color: #33ff7b;}
.documentacion-post article .panel-primary .panel-heading{color: #fff;background-color: #33ff7b;border-color: #33ff7b;}
.documentacion-post article .panel .panel-heading{ display: flex; padding: 10px 15px;border-bottom: 1px solid transparent;border-bottom-color: transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.documentacion-post article .panel .panel-title{margin-top: 0;margin-bottom: 0;font-size: 16px;color: inherit; font-weight: 500; margin-left: 5px; padding: 0;}
.documentacion-post article .panel-body{padding: 15px; font-size: 14px;}

.documentacion-post article .panel-success{border-color: #d6e9c6;}
.documentacion-post article .panel-success .panel-heading{color: #fff;background-color: rgba(92, 184, 92, 0.8);border-color: #d6e9c6;}
.documentacion-post article .panel-success .panel-body{padding: 15px; font-size: 14px; background-color: #dff0d8; color: #3c763d;}

.documentacion-post article .panel-info{border-color: #d6e9c6;}
.documentacion-post article .panel-info .panel-heading{color: #fff;background-color: #4CAF50;border-color: #bce8f1;}
.documentacion-post article .panel-info .panel-body{padding: 15px; font-size: 14px; background-color: #E7F2FA; color: #31708f;}

.documentacion-post article .panel-warning{border-color: #faebcc;}
.documentacion-post article .panel-warning .panel-heading{color: #fff;background-color: #e9c33c;border-color: #faebcc;}
.documentacion-post article .panel-warning .panel-body{padding: 15px; font-size: 14px; background-color: #FFF2DB; color: #8a6d3b;}


.documentacion-post article .panel-danger{border-color: #f2dede;}
.documentacion-post article .panel-danger .panel-heading{color: #fff;background-color: #a94442;border-color: #ebccd1;}
.documentacion-post article .panel-danger .panel-body{padding: 15px; font-size: 14px; background-color: #f2dede; color: #a94442;}

/*Estilos de listas ordenadas*/
.documentacion-post article ul li{padding-left: 10px; list-style: disc;}
.documentacion-post article ul li ul{padding-left: 10px;}

.ui-autocomplete a { display: block; }

/* Estilos para el modulo de informacion_post */
.informacion-post { font-size: 20px !important; color:#17a589 !important; }
.informacion-post-a { font-size: 20px !important; color: #000 !important; }
.informacion-post-slider { padding: 6px 12px !important; text-decoration: none !important; }
.informacion-post-qa { font-size: 20px !important; color:#17a589 !important; font-weight: 400 !important; }
.informacion-post-span { font-size: 20px; }
.informacion-post-ul { padding-left: 0px; }

/* Estilos para el paginador  */
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.pagination > .active > span {
    z-index: 3;
    color: #fff;
    background-color: #33ff7b;
    border-color: #33ff7b;
    cursor: default;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    color: #33ff7b;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
.pagination > .disabled > span {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}
.pagination > li > a:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd;
}
@font-face {
  font-family: 'icomoon';
  src:  url("../fonts/icomoon.a437c6b3e5a7.eot?dbfncr");
  src:  url("../fonts/icomoon.a437c6b3e5a7.eot?dbfncr#iefix") format('embedded-opentype'),
    url("../fonts/icomoon.bd2afbca7a8c.ttf?dbfncr") format('truetype'),
    url("../fonts/icomoon.65411474037c.woff?dbfncr") format('woff'),
    url("../fonts/icomoon.fea18279bee9.svg?dbfncr#icomoon") 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: 'icomoon' !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-tools:before {
  content: "\e902";
}
.icon-coins:before {
  content: "\e903";
}
.icon-profile:before {
  content: "\e904";
}
.icon-clipboard-edit:before {
  content: "\e905";
}
.icon-group:before {
  content: "\e906";
}
.icon-user-plus:before {
  content: "\e907";
}
.icon-user-times:before {
  content: "\e908";
}
.icon-important_devices:before {
  content: "\e909";
}
.icon-router:before {
  content: "\e90a";
}
.icon-graph:before {
  content: "\e90b";
}
.icon-credit-card:before {
  content: "\e93f";
}
.icon-calendar:before {
  content: "\e953";
}
.icon-stats-dots:before {
  content: "\e99b";
}
.icon-cloud-check1:before {
  content: "\e9c4";
}
.icon-loop2:before {
  content: "\ea2e";
}
.icon-chat:before {
  content: "\e900";
}
.icon-envelope:before {
  content: "\e901";
}
.icon-moneybag:before {
  content: "\e914";
}
.icon-notification:before {
  content: "\e90e";
}
.icon-shield2:before {
  content: "\e90f";
}
.icon-notification2:before {
  content: "\e910";
}
.icon-shield3:before {
  content: "\e911";
}
.icon-ticket:before {
  content: "\e939";
}
.icon-printer:before {
  content: "\e954";
}
.icon-cloud:before {
  content: "\e9c1";
}
.icon-monitor:before {
  content: "\e90c";
}
.icon-screen:before {
  content: "\e90c";
}
.icon-desktop:before {
  content: "\e90c";
}
.icon-pc:before {
  content: "\e90c";
}
.icon-ticket2:before {
  content: "\e93a";
}
.icon-printer2:before {
  content: "\e955";
}
.icon-cloud2:before {
  content: "\e9c2";
}
.icon-bell:before {
  content: "\e951";
}
.icon-display:before {
  content: "\e956";
}
.icon-monitor2:before {
  content: "\e90d";
}
.icon-screen2:before {
  content: "\e90d";
}
.icon-desktop2:before {
  content: "\e90d";
}
.icon-pc2:before {
  content: "\e90d";
}
.icon-location:before {
  content: "\e947";
}
.icon-bullhorn:before {
  content: "\e91a";
}
.icon-cart:before {
  content: "\e93b";
}
.icon-file-text:before {
  content: "\e922";
}
.icon-file-picture:before {
  content: "\e927";
}
.icon-cloud-check:before {
  content: "\e9c5";
}
.icon-link:before {
  content: "\e9cb";
}
.icon-warning:before {
  content: "\ea07";
}
.icon-info:before {
  content: "\ea0c";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-search:before {
  content: "\e986";
}
.icon-menu3:before {
  content: "\e9bf";
}
.icon-menu4:before {
  content: "\e9c0";
}
.icon-sticky-note-o:before {
  content: "\e915";
}
.icon-lightbulb-o:before {
  content: "\e916";
}
.icon-shield:before {
  content: "\e912";
}
.icon-shield4:before {
  content: "\e913";
}
.icon-angle-down:before {
  content: "\e917";
}
.icon-angle-up:before {
  content: "\e918";
}

.icon-mobile:before {
  content: "\e958";
}

.icon-file-text2:before {
  content: "\e926";
}

.icon-user-tie:before {
  content: "\e976";
}

.icon-users:before {
  content: "\e972";
}

.icon-home:before {
  content: "\e919";
}

.icon-mail4:before {
  content: "\ea86";
}

.icon-connection:before {
  content: "\e91b";
}

.icon-office:before {
  content: "\e91c";
}

.icon-drawer:before {
  content: "\e95c";
}

.icon-coin-dollar:before {
  content: "\e93c";
}

.icon-bubbles2:before {
  content: "\e96d";
}

.icon-file-excel:before {
  content: "\eae2";
}

.icon-hammer:before {
  content: "\e996";
}

.icon-clipboard:before {
  content: "\e9b8";
}

.icon-profile1:before {
  content: "\e923";
}

.icon-user:before {
  content: "\e971";
}