/*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.menu-aside li a:hover { background-color: #00C492; transition: .2s; color: white;}
.documentacion-post ul.menu-aside li a:hover i { color: white;}
.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);}
.documentacion-post aside .active{ background: #00C492; color: white !important;}
.documentacion-post aside li.active a{ color: white !important; background: #00C492 !important;}
.documentacion-post aside .active-option-level-1{ color: #00C492 !important;}
.documentacion-post aside li.active-option-level-1 a{ color: #00C492 !important; }
.documentacion-post aside ul li i.icon-angle-up{ color: #00C492;}
.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: #00C591; 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: #1288d6;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: #00C492; 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: #0aa3f3; color: #fff;margin-top: 5px; padding: 5px 7px; border-radius: 5px; }
.documentacion-post article .button-copy-code:hover{ color: #0aa3f3; 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;}
/*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: #337ab7;}
.documentacion-post article .panel-primary .panel-heading{color: #fff;background-color: #337ab7;border-color: #337ab7;}
.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: #1288d6;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{}
.documentacion-post article ul li{padding-left: 10px; list-style: disc;}
.documentacion-post article ul li ul{padding-left: 10px;}
.documentacion-post article ul li ul li{}

.ui-autocomplete a { display: block; }

/* Estilos para el modulo de informacion_post */
.informacion-post { font-size: 20px !important; color:#00C492 !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:#00C492 !important; font-weight: 400 !important; }
.informacion-post-span { font-size: 20px; }
.informacion-post-ul { padding-left: 0px; }