@import url('https://fonts.googleapis.com/css2?family=Muli:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');


body {
	/*font-family: 'Open Sans', sans-serif;
	font-family: 'Source Sans Pro', sans-serif !important;*/
	font-family: 'Muli', sans-serif!important;
	font-weight: normal;
	color: #333333;
	font-weight: 300;
	}
.bg-black {
	background: #0C0C0C;
	}
.bg-light {
	background: #f1f1f1 !important
}
.contact-page a {
	color: #0099FF;
	}	
.contact-page a:hover {
	color: #666666;
	text-decoration:underline
	}	
.sideCategory {
		border: 1px solid #DEDEDE;
	
	}	
.sideCategory a {
	padding: 2px 15px ;
	display: block;
	color: #333333;
	letter-spacing: -0.5px;
	font-weight: 300;
}	
.sideCategory a.active {
	font-weight: bold
}	
footer {

	color: #333333
	}	
	
footer p{
	font-weight:400;
	font-size:14px
	}
footer a{
	color: #333333;
	font-size:14px
	}
footer a:hover{
	color: #000000
}		
.container-padding {
	padding: 20px;
	}	

table, .detail-desc table{

	font-size:12px !important;
	line-height: 150%!important;
	font-size:13px !important;
	border:1px solid #ccc!important;
	width: 100% !important;
	}	
table td, .detail-desc table td{
	border: 1pt!important;
	border-right: 1pt solid #ccc!important;
	border-bottom: 1pt solid #ccc!important;
	padding: 5px!important;
	font-size:13px !important;
	}
.table-no-border td, .table-no-border{
	border: none!important;
	border-right: none!important;
	border-bottom: 1px dotted #ccc!important;

	}
.bd-navbar {
	min-height:4rem;
	background-color:#fff;
	/*border-bottom: 1px dotted rgba(102,102,102,0.1);*/
	box-shadow:0 .1rem 1rem rgba(0,0,0,.05)
}
@media (max-width:991.98px) {
.bd-navbar {
padding-right:.5rem;
padding-left:.5rem
}
.bd-navbar .navbar-nav-scroll {
	max-width:100%;
	height:2.5rem;
margin-top:.25rem;
	overflow:hidden;
font-size:.875rem
}
.bd-navbar .navbar-nav-scroll .navbar-nav {
	padding-bottom:2rem;
	overflow-x:auto;
	white-space:nowrap;
	-webkit-overflow-scrolling:touch
}
}
@media (min-width:768px) {
@supports ((position:-webkit-sticky) or (position:sticky)) {
.bd-navbar {
position:-webkit-sticky;
position:sticky;
top:0;
z-index:1000
}
}
}
.bd-navbar .navbar-nav .nav-link {
padding-right:.5rem;
padding-left:.5rem;
	color:#383838
}
.bd-navbar .navbar-nav .nav-link.active, .bd-navbar .navbar-nav .nav-link:hover {

	background-color:transparent
}
.bd-navbar .navbar-nav .nav-link.active {
	font-weight:500
}
.bd-navbar .navbar-nav-svg {
	display:inline-block;
	width:1rem;
	height:1rem;
	vertical-align:text-top
}
.bd-navbar .dropdown-menu {
font-size:.875rem
}
.bd-navbar .dropdown-item.active {
	font-weight:500;
	color:#212529;
	background-color:transparent;
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
background-position:.4rem .6rem;
background-size:.75rem .75rem
}
.bd-masthead {
	position:relative;
	padding:3rem 15px
}
.bd-masthead h1 {
	line-height:1
}
.bd-masthead .btn {
	width:100%;
padding:.8rem 2rem;
	font-size:1.25rem;
	font-weight:500
}
.bd-masthead .carbonad {
	margin-top:0!important;
	margin-bottom:-3rem!important
}
@media (min-width:576px) {
.bd-masthead {
	
	padding-bottom:5rem
}
.bd-masthead .carbonad {
	margin-bottom:0!important
}
}
@media (min-width:768px) {
.bd-masthead h1 {
	font-size:4rem
}
.bd-masthead .carbonad {
	margin-top:3rem!important
}
}
.half-rule {
	width:6rem;
	margin:2.5rem 0
}
.masthead-followup .bd-clipboard {
	display:none
}
.masthead-followup .highlight {
padding:.5rem 0;
	background-color:transparent
}
#carbonads {
	position:static;
	display:block;
	max-width:400px;
	padding:15px 15px 15px 160px;
	margin:2rem 0;
	overflow:hidden;
	font-size:13px;
	line-height:1.4;
	text-align:left;
	background-color:rgba(0,0,0,.05)
}
#carbonads a {
	color:#333;
	text-decoration:none
}
@media (min-width:576px) {
#carbonads {
	max-width:330px;
	border-radius:4px
}
}
.carbon-img {
	float:left;
	margin-left:-145px
}
.carbon-poweredby {
	display:block;
	color:#777!important
}
.bd-content {
	-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1
}
.bd-content>h2[id], .bd-content>h3[id], .bd-content>h4[id] {
	pointer-events:none
}
.bd-content>h2[id]>a, .bd-content>h2[id]>div, .bd-content>h3[id]>a, .bd-content>h3[id]>div, .bd-content>h4[id]>a, .bd-content>h4[id]>div {
	pointer-events:auto
}
.bd-content>h2[id]::before, .bd-content>h3[id]::before, .bd-content>h4[id]::before {
	display:block;
	height:6rem;
	margin-top:-6rem;
	visibility:hidden;
	content:""
}
.bd-content>table {
	width:100%;
	max-width:100%;
	margin-bottom:1rem
}
@media (max-width:991.98px) {
.bd-content>table {
	display:block;
	overflow-x:auto;
	-ms-overflow-style:-ms-autohiding-scrollbar
}
.bd-content>table.table-bordered {
	border:0
}
}
.bd-content>table>tbody>tr>td, .bd-content>table>tbody>tr>th, .bd-content>table>tfoot>tr>td, .bd-content>table>tfoot>tr>th, .bd-content>table>thead>tr>td, .bd-content>table>thead>tr>th {
padding:.75rem;
	vertical-align:top;
	border:1px solid #dee2e6
}
.bd-content>table>tbody>tr>td>p:last-child, .bd-content>table>tbody>tr>th>p:last-child, .bd-content>table>tfoot>tr>td>p:last-child, .bd-content>table>tfoot>tr>th>p:last-child, .bd-content>table>thead>tr>td>p:last-child, .bd-content>table>thead>tr>th>p:last-child {
	margin-bottom:0
}
.bd-content>table td:first-child>code {
	white-space:nowrap
}
.bd-content>h2:not(:first-child) {
	margin-top:3rem
}
.bd-content>h3 {
	margin-top:1.5rem
}
.bd-content>ol li, .bd-content>ul li {
margin-bottom:.25rem
}
@media (min-width:992px) {
.bd-content>ol, .bd-content>p, .bd-content>ul {
	max-width:80%
}
}
.bd-title {
	margin-top:1rem;
margin-bottom:.5rem;
	font-weight:300
}
@media (min-width:576px) {
.bd-title {
	font-size:3rem
}
}
.bd-lead {
	font-size:1.125rem;
	font-weight:300
}
@media (min-width:576px) {
.bd-lead {
	max-width:80%;
	margin-bottom:1rem;
	font-size:1.5rem
}
}
.bd-text-purple {
	color:#563d7c
}
.bd-text-purple-bright {
	color:#7952b3
}
#skippy {
	display:block;
	padding:1em;
	color:#fff;
	background-color:#563d7c;
	outline:0
}
#skippy .skiplink-text {
	padding:.5em;
	outline:1px dotted
}
.bd-toc {
	-webkit-box-ordinal-group:3;
	-ms-flex-order:2;
	order:2;
	padding-top:1.5rem;
	padding-bottom:1.5rem;
font-size:.875rem
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.bd-toc {
position:-webkit-sticky;
position:sticky;
top:4rem;
height:calc(100vh - 4rem);
overflow-y:auto
}
}
.section-nav {
	padding-left:0;
	border-left:1px solid #eee
}
.section-nav ul {
	padding-left:1rem
}
.section-nav ul ul {
	display:none
}
.toc-entry {
	display:block
}
.toc-entry a {
	display:block;
padding:.125rem 1.5rem;
	color:#99979c
}
.toc-entry a:hover {
	color:#007bff;
	text-decoration:none
}
.bd-sidebar {
	-webkit-box-ordinal-group:1;
	-ms-flex-order:0;
	order:0;
	border-bottom:1px solid rgba(0,0,0,.1)
}
@media (min-width:768px) {
.bd-sidebar {
	border-right:1px solid rgba(0,0,0,.1)
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.bd-sidebar {
position:-webkit-sticky;
position:sticky;
top:4rem;
z-index:1000;
height:calc(100vh - 4rem)
}
}
}
@media (min-width:1200px) {
.bd-sidebar {
	-webkit-box-flex:0;
	-ms-flex:0 1 320px;
	flex:0 1 320px
}
}
.bd-links {
	padding-top:1rem;
	padding-bottom:1rem;
	margin-right:-15px;
	margin-left:-15px
}
@media (min-width:768px) {
@supports ((position:-webkit-sticky) or (position:sticky)) {
.bd-links {
max-height:calc(100vh - 9rem);
overflow-y:auto
}
}
}
@media (min-width:768px) {
.bd-links {
	display:block!important
}
}
.bd-search {
	position:relative;
	padding:1rem 15px;
	margin-right:-15px;
	margin-left:-15px;
	border-bottom:1px solid rgba(0,0,0,.05)
}
.bd-search .form-control:focus {
	border-color:#7952b3;
	box-shadow:0 0 0 3px rgba(121,82,179,.25)
}
.bd-search-docs-toggle {
	line-height:1;
	color:#212529
}
.bd-sidenav {
	display:none
}
.bd-toc-link {
	display:block;
padding:.25rem 1.5rem;
	font-weight:500;
	color:rgba(0,0,0,.65)
}
.bd-toc-link:hover {
	color:rgba(0,0,0,.85);
	text-decoration:none
}
.bd-toc-item.active {
	margin-bottom:1rem
}
.bd-toc-item.active:not(:first-child) {
	margin-top:1rem
}
.bd-toc-item.active>.bd-toc-link {
	color:rgba(0,0,0,.85)
}
.bd-toc-item.active>.bd-toc-link:hover {
	background-color:transparent
}
.bd-toc-item.active>.bd-sidenav {
	display:block
}
.bd-sidebar .nav>li>a {
	display:block;
padding:.25rem 1.5rem;
	font-size:90%;
	color:rgba(0,0,0,.65)
}
.bd-sidebar .nav>li>a:hover {
	color:rgba(0,0,0,.85);
	text-decoration:none;
	background-color:transparent
}
.bd-sidebar .nav>.active:hover>a, .bd-sidebar .nav>.active>a {
	font-weight:500;
	color:rgba(0,0,0,.85);
	background-color:transparent
}
.bd-footer {
	font-size:85%;
	text-align:center;
	background-color:#f7f7f7
}
.bd-footer a {
	font-weight:500;
	color:#495057
}
.bd-footer a:focus, .bd-footer a:hover {
	color:#007bff
}
.bd-footer p {
	margin-bottom:0
}
@media (min-width:576px) {
.bd-footer {
	text-align:left
}
}
.bd-footer-links {
	padding-left:0;
	margin-bottom:1rem
}
.bd-footer-links li {
	display:inline-block
}
.bd-footer-links li+li {
	margin-left:1rem
}
.bd-example-row .row>.col, .bd-example-row .row>[class^=col-] {
padding-top:.75rem;
padding-bottom:.75rem;
background-color:rgba(86,61,124,.15);
border:1px solid rgba(86,61,124,.2)
}
.bd-example-row .row+.row {
	margin-top:1rem
}
.bd-example-row .flex-items-bottom, .bd-example-row .flex-items-middle, .bd-example-row .flex-items-top {
	min-height:6rem;
	background-color:rgba(255,0,0,.1)
}
.bd-example-row-flex-cols .row {
	min-height:10rem;
	background-color:rgba(255,0,0,.1)
}
.bd-highlight {
	background-color:rgba(86,61,124,.15);
	border:1px solid rgba(86,61,124,.15)
}
.example-container {
	width:800px;
	width:100%;
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
}
.example-row {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-right:-15px;
	margin-left:-15px
}
.example-content-main {
	position:relative;
	width:100%;
	min-height:1px;
	padding-right:15px;
	padding-left:15px
}
@media (min-width:576px) {
.example-content-main {
	-webkit-box-flex:0;
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%
}
}
@media (min-width:992px) {
.example-content-main {
	-webkit-box-flex:0;
	-ms-flex:0 0 66.666667%;
	flex:0 0 66.666667%;
	max-width:66.666667%
}
}
.example-content-secondary {
	position:relative;
	width:100%;
	min-height:1px;
	padding-right:15px;
	padding-left:15px
}
@media (min-width:576px) {
.example-content-secondary {
	-webkit-box-flex:0;
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%
}
}
@media (min-width:992px) {
.example-content-secondary {
	-webkit-box-flex:0;
	-ms-flex:0 0 33.333333%;
	flex:0 0 33.333333%;
	max-width:33.333333%
}
}
.bd-example-container {
	min-width:16rem;
	max-width:25rem;
	margin-right:auto;
	margin-left:auto
}
.bd-example-container-header {
	height:3rem;
margin-bottom:.5rem;
	background-color:#fff;
border-radius:.25rem
}
.bd-example-container-sidebar {
	float:right;
	width:4rem;
	height:8rem;
	background-color:#80bdff;
border-radius:.25rem
}
.bd-example-container-body {
	height:8rem;
	margin-right:4.5rem;
	background-color:#957bbe;
border-radius:.25rem
}
.bd-example-container-fluid {
	max-width:none
}
.bd-example {
	position:relative;
	padding:1rem;
	margin:1rem -15px 0;
	border:solid #f7f7f9;
border-width:.2rem 0 0
}
.bd-example::after {
	display:block;
	clear:both;
	content:""
}
@media (min-width:576px) {
.bd-example {
	padding:1.5rem;
	margin-right:0;
	margin-left:0;
border-width:.2rem
}
}
.bd-example+.clipboard+.highlight, .bd-example+.highlight {
	margin-top:0
}
.bd-example+p {
	margin-top:2rem
}
.bd-example .pos-f-t {
	position:relative;
	margin:-1rem
}
@media (min-width:576px) {
.bd-example .pos-f-t {
	margin:-1.5rem
}
}
.bd-example .custom-file-input:lang(es)~.custom-file-label::after {
content:"Elegir"
}
.bd-example>.form-control+.form-control {
margin-top:.5rem
}
.bd-example>.alert+.alert, .bd-example>.nav+.nav, .bd-example>.navbar+.navbar, .bd-example>.progress+.btn, .bd-example>.progress+.progress {
	margin-top:1rem
}
.bd-example>.dropdown-menu:first-child {
	position:static;
	display:block
}
.bd-example>.form-group:last-child {
	margin-bottom:0
}
.bd-example>.close {
	float:none
}
.bd-example-type .table .type-info {
	color:#999;
	vertical-align:middle
}
.bd-example-type .table td {
	padding:1rem 0;
	border-color:#eee
}
.bd-example-type .table tr:first-child td {
	border-top:0
}
.bd-example-type h1, .bd-example-type h2, .bd-example-type h3, .bd-example-type h4, .bd-example-type h5, .bd-example-type h6 {
	margin-top:0;
	margin-bottom:0
}
.bd-example-bg-classes p {
	padding:1rem
}
.bd-example>img+img {
margin-left:.5rem
}
.bd-example>.btn-group {
margin-top:.25rem;
margin-bottom:.25rem
}
.bd-example>.btn-toolbar+.btn-toolbar {
margin-top:.5rem
}
.bd-example-control-sizing input[type=text]+input[type=text], .bd-example-control-sizing select {
margin-top:.5rem
}
.bd-example-form .input-group {
margin-bottom:.5rem
}
.bd-example>textarea.form-control {
	resize:vertical
}
.bd-example>.list-group {
	max-width:400px
}
.bd-example .fixed-top, .bd-example .sticky-top {
	position:static;
	margin:-1rem -1rem 1rem
}
.bd-example .fixed-bottom {
	position:static;
	margin:1rem -1rem -1rem
}
@media (min-width:576px) {
.bd-example .fixed-top, .bd-example .sticky-top {
	margin:-1.5rem -1.5rem 1rem
}
.bd-example .fixed-bottom {
	margin:1rem -1.5rem -1.5rem
}
}
.bd-example .pagination {
margin-top:.5rem;
margin-bottom:.5rem
}
.modal {
	z-index:1072
}
.modal .popover, .modal .tooltip {
	z-index:1073
}
.modal-backdrop {
	z-index:1071
}
.bd-example-modal {
	background-color:#fafafa
}
.bd-example-modal .modal {
	position:relative;
	top:auto;
	right:auto;
	bottom:auto;
	left:auto;
	z-index:1;
	display:block
}
.bd-example-modal .modal-dialog {
	left:auto;
	margin-right:auto;
	margin-left:auto
}
.bd-example-tabs .nav-tabs {
	margin-bottom:1rem
}
.bd-example-popover-static {
	padding-bottom:1.5rem;
	background-color:#f9f9f9
}
.bd-example-popover-static .popover {
	position:relative;
	display:block;
	float:left;
	width:260px;
	margin:1.25rem
}
.tooltip-demo a {
	white-space:nowrap
}
.bd-example-tooltip-static .tooltip {
	position:relative;
	display:inline-block;
	margin:10px 20px;
	opacity:1
}
.scrollspy-example {
	position:relative;
	height:200px;
margin-top:.5rem;
	overflow:auto
}
.scrollspy-example-2 {
	position:relative;
	height:350px;
	overflow:auto
}
.bd-example-border-utils [class^=border] {
	display:inline-block;
	width:5rem;
	height:5rem;
margin:.25rem;
	background-color:#f5f5f5
}
.bd-example-border-utils-0 [class^=border] {
	border:1px solid #dee2e6
}
.highlight {
	padding:1rem;
	margin-top:1rem;
	margin-bottom:1rem;
	background-color:#f7f7f9;
	-ms-overflow-style:-ms-autohiding-scrollbar
}
@media (min-width:576px) {
.highlight {
	padding:1.5rem
}
}
.bd-content .highlight {
	margin-right:-15px;
	margin-left:-15px
}
@media (min-width:576px) {
.bd-content .highlight {
	margin-right:0;
	margin-left:0
}
}
.highlight pre {
	padding:0;
	margin-top:0;
	margin-bottom:0;
	background-color:transparent;
	border:0
}
.highlight pre code {
	font-size:inherit;
	color:#212529
}
.btn-bd-primary {
	font-weight:500;
	color:#7952b3;
	border-color:#7952b3
}
.btn-bd-primary:active, .btn-bd-primary:hover {
	color:#fff;
	background-color:#7952b3;
	border-color:#7952b3
}
.btn-bd-download {
	font-weight:500;
	color:#ffe484;
	border-color:#ffe484
}
.btn-bd-download:active, .btn-bd-download:hover {
	color:#2a2730;
	background-color:#ffe484;
	border-color:#ffe484
}
.bd-callout {
	padding:1.25rem;
	margin-top:1.25rem;
	margin-bottom:1.25rem;
	border:1px solid #eee;
border-left-width:.25rem;
border-radius:.25rem
}
.bd-callout h4 {
	margin-top:0;
margin-bottom:.25rem
}
.bd-callout p:last-child {
	margin-bottom:0
}
.bd-callout code {
border-radius:.25rem
}
.bd-callout+.bd-callout {
margin-top:-.25rem
}
.bd-callout-info {
	border-left-color:#5bc0de
}
.bd-callout-info h4 {
	color:#5bc0de
}
.bd-callout-warning {
	border-left-color:#f0ad4e
}
.bd-callout-warning h4 {
	color:#f0ad4e
}
.bd-callout-danger {
	border-left-color:#d9534f
}
.bd-callout-danger h4 {
	color:#d9534f
}
.bd-examples .img-thumbnail {
margin-bottom:.75rem
}
.bd-examples h4 {
margin-bottom:.25rem
}
.bd-examples p {
	margin-bottom:1.25rem
}
@media (max-width:480px) {
.bd-examples {
margin-right:-.75rem;
margin-left:-.75rem
}
.bd-examples>[class^=col-] {
padding-right:.75rem;
padding-left:.75rem
}
}
.bd-browser-bugs td p {
	margin-bottom:0
}
.bd-browser-bugs th:first-child {
	width:18%
}
.bd-brand-logos {
	display:table;
	width:100%;
	margin-bottom:1rem;
	overflow:hidden;
	color:#563d7c;
	background-color:#f9f9f9;
border-radius:.25rem
}
.bd-brand-item {
	padding:4rem 0;
	text-align:center
}
.bd-brand-item+.bd-brand-item {
	border-top:1px solid #fff
}
.bd-brand-logos .inverse {
	color:#fff;
	background-color:#563d7c
}
.bd-brand-item h1, .bd-brand-item h3 {
	margin-top:0;
	margin-bottom:0
}
.bd-brand-item .bd-booticon {
	margin-right:auto;
	margin-left:auto
}
@media (min-width:768px) {
.bd-brand-item {
	display:table-cell;
	width:1%
}
.bd-brand-item+.bd-brand-item {
	border-top:0;
	border-left:1px solid #fff
}
.bd-brand-item h1 {
	font-size:4rem
}
}
.color-swatches {
	margin:0 -5px;
	overflow:hidden
}
.color-swatch {
	float:left;
	width:4rem;
	height:4rem;
margin-right:.25rem;
margin-left:.25rem;
border-radius:.25rem
}
@media (min-width:768px) {
.color-swatch {
	width:6rem;
	height:6rem
}
}
.color-swatches .bd-purple {
	background-color:#563d7c
}
.color-swatches .bd-purple-light {
	background-color:#cbbde2
}
.color-swatches .bd-purple-lighter {
	background-color:#e5e1ea
}
.color-swatches .bd-gray {
	background-color:#f9f9f9
}
.swatch-blue {
	color:#fff;
	background-color:#007bff
}
.swatch-indigo {
	color:#fff;
	background-color:#6610f2
}
.swatch-purple {
	color:#fff;
	background-color:#6f42c1
}
.swatch-pink {
	color:#fff;
	background-color:#e83e8c
}
.swatch-red {
	color:#fff;
	background-color:#dc3545
}
.swatch-orange {
	color:#212529;
	background-color:#fd7e14
}
.swatch-yellow {
	color:#212529;
	background-color:#ffc107
}
.swatch-green {
	color:#fff;
	background-color:#28a745
}
.swatch-teal {
	color:#fff;
	background-color:#20c997
}
.swatch-cyan {
	color:#fff;
	background-color:#17a2b8
}
.swatch-white {
	color:#212529;
	background-color:#fff
}
.swatch-gray {
	color:#fff;
	background-color:#6c757d
}
.swatch-gray-dark {
	color:#fff;
	background-color:#343a40
}
.swatch-primary {
	color:#fff;
	background-color:#007bff
}
.swatch-secondary {
	color:#fff;
	background-color:#6c757d
}
.swatch-success {
	color:#fff;
	background-color:#28a745
}
.swatch-info {
	color:#fff;
	background-color:#17a2b8
}
.swatch-warning {
	color:#212529;
	background-color:#ffc107
}
.swatch-danger {
	color:#fff;
	background-color:#dc3545
}
.swatch-light {
	color:#212529;
	background-color:#f8f9fa
}
.swatch-dark {
	color:#fff;
	background-color:#343a40
}
.swatch-100 {
	color:#212529;
	background-color:#f8f9fa
}
.swatch-200 {
	color:#212529;
	background-color:#e9ecef
}
.swatch-300 {
	color:#212529;
	background-color:#dee2e6
}
.swatch-400 {
	color:#212529;
	background-color:#ced4da
}
.swatch-500 {
	color:#212529;
	background-color:#adb5bd
}
.swatch-600 {
	color:#fff;
	background-color:#6c757d
}
.swatch-700 {
	color:#fff;
	background-color:#495057
}
.swatch-800 {
	color:#fff;
	background-color:#343a40
}
.swatch-900 {
	color:#fff;
	background-color:#212529
}
.bd-clipboard {
	position:relative;
	display:none;
	float:right
}
.bd-clipboard+.highlight {
	margin-top:0
}
.btn-clipboard {
	position:absolute;
top:.5rem;
right:.5rem;
	z-index:10;
	display:block;
padding:.25rem .5rem;
	font-size:75%;
	color:#818a91;
	cursor:pointer;
	background-color:transparent;
	border:0;
border-radius:.25rem
}
.btn-clipboard:hover {
	color:#fff;
	background-color:#027de7
}
@media (min-width:768px) {
.bd-clipboard {
	display:block
}
}
.hll {
	background-color:#ffc
}
.c {
	color:#999
}
.k {
	color:#069
}
.o {
	color:#555
}
.cm {
	color:#999
}
.cp {
	color:#099
}
.c1 {
	color:#999
}
.cs {
	color:#999
}
.gd {
	background-color:#fcc;
	border:1px solid #c00
}
.ge {
	font-style:italic
}
.gr {
	color:red
}
.gh {
	color:#030
}
.gi {
	background-color:#cfc;
	border:1px solid #0c0
}
.go {
	color:#aaa
}
.gp {
	color:#009
}
.gu {
	color:#030
}
.gt {
	color:#9c6
}
.kc {
	color:#069
}
.kd {
	color:#069
}
.kn {
	color:#069
}
.kp {
	color:#069
}
.kr {
	color:#069
}
.kt {
	color:#078
}
.m {
	color:#f60
}
.s {
	color:#d44950
}
.na {
	color:#4f9fcf
}
.nb {
	color:#366
}
.nc {
	color:#0a8
}
.no {
	color:#360
}
.nd {
	color:#99f
}
.ni {
	color:#999
}
.ne {
	color:#c00
}
.nf {
	color:#c0f
}
.nl {
	color:#99f
}
.nn {
	color:#0cf
}
.nt {
	color:#2f6f9f
}
.nv {
	color:#033
}
.ow {
	color:#000
}
.w {
	color:#bbb
}
.mf {
	color:#f60
}
.mh {
	color:#f60
}
.mi {
	color:#f60
}
.mo {
	color:#f60
}
.sb {
	color:#c30
}
.sc {
	color:#c30
}
.sd {
	font-style:italic;
	color:#c30
}
.s2 {
	color:#c30
}
.se {
	color:#c30
}
.sh {
	color:#c30
}
.si {
	color:#a00
}
.sx {
	color:#c30
}
.sr {
	color:#3aa
}
.s1 {
	color:#c30
}
.ss {
	color:#fc3
}
.bp {
	color:#366
}
.vc {
	color:#033
}
.vg {
	color:#033
}
.vi {
	color:#033
}
.il {
	color:#f60
}
.css .nt+.nt, .css .o, .css .o+.nt {
	color:#999
}
.language-bash::before, .language-sh::before {
	color:#009;
	content:"$ ";
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.language-powershell::before {
	color:#009;
	content:"PM> ";
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.anchorjs-link {
	font-weight:400;
	color:rgba(0,123,255,.5);
	transition:color .16s linear
}
.anchorjs-link:hover {
	color:#007bff;
	text-decoration:none
}
.algolia-autocomplete {
	display:block!important;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1
}
.algolia-autocomplete .ds-dropdown-menu {
	width:100%;
	min-width:0!important;
	max-width:none!important;
padding:.75rem 0!important;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid rgba(0,0,0,.1);
box-shadow:0 .5rem 1rem rgba(0,0,0,.175)
}
@media (min-width:768px) {
.algolia-autocomplete .ds-dropdown-menu {
	width:175%
}
}
.algolia-autocomplete .ds-dropdown-menu::before {
	display:none!important
}
.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-] {
	padding:0!important;
	overflow:visible!important;
	background-color:transparent!important;
	border:0!important
}
.algolia-autocomplete .ds-dropdown-menu .ds-suggestions {
	margin-top:0!important
}
.algolia-autocomplete .algolia-docsearch-suggestion {
	padding:0!important;
	overflow:visible!important
}
.algolia-autocomplete .algolia-docsearch-suggestion--category-header {
padding:.125rem 1rem!important;
	margin-top:0!important;
font-size:.875rem!important;
	font-weight:500!important;
	color:#7952b3!important;
	border-bottom:0!important
}
.algolia-autocomplete .algolia-docsearch-suggestion--wrapper {
	float:none!important;
	padding-top:0!important
}
.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column {
	float:none!important;
	width:auto!important;
	padding:0!important;
	text-align:left!important
}
.algolia-autocomplete .algolia-docsearch-suggestion--content {
	float:none!important;
	width:auto!important;
	padding:0!important
}
.algolia-autocomplete .algolia-docsearch-suggestion--content::before {
	display:none!important
}
.algolia-autocomplete .ds-suggestion:not(:first-child) .algolia-docsearch-suggestion--category-header {
padding-top:.75rem!important;
margin-top:.75rem!important;
	border-top:1px solid rgba(0,0,0,.1)
}
.algolia-autocomplete .ds-suggestion .algolia-docsearch-suggestion--subcategory-column {
	display:none!important
}
.algolia-autocomplete .algolia-docsearch-suggestion--title {
	display:block;
padding:.25rem 1rem!important;
	margin-bottom:0!important;
font-size:.875rem!important;
	font-weight:400!important
}
.algolia-autocomplete .algolia-docsearch-suggestion--text {
padding:0 1rem .5rem!important;
margin-top:-.25rem;
font-size:.875rem!important;
	font-weight:400;
	line-height:1.25!important
}
.algolia-autocomplete .algolia-docsearch-footer {
	float:none!important;
	width:auto!important;
	height:auto!important;
padding:.75rem 1rem 0;
font-size:.75rem!important;
	line-height:1!important;
	color:#767676!important;
	border-top:1px solid rgba(0,0,0,.1)
}
.algolia-autocomplete .algolia-docsearch-footer--logo {
	display:inline!important;
	overflow:visible!important;
	color:inherit!important;
	text-indent:0!important;
	background:0 0!important
}
.algolia-autocomplete .algolia-docsearch-suggestion--highlight {
	color:#5f2dab;
	background-color:rgba(154,132,187,.12)
}
.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {
	box-shadow:inset 0 -2px 0 0 rgba(95,45,171,.5)!important
}
.algolia-autocomplete .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {
	background-color:rgba(208,189,236,.15)!important
}
.old-bv {
	font-size:14px;
	background-color:#333;
}
.old-bv:hover {
	text-decoration:none;
	background-color:#161616;
}
/*# sourceMappingURL=docs.min.css.map */
	
/*Product*/
#ListAll .h-product {
	display:none;
}
.h-product a, .h-product a:hover {
	-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 0.5s;  /* Firefox < 16 */
	-ms-animation: fadein 0.5s;  /* Internet Explorer */
	-o-animation: fadein 0.5s;  /* Opera < 12.1 */
	animation: fadein 0.5s;
	text-decoration:none;
}

.h-product-item {
		background-color: #fff;
		
}
.h-product img {
	border: none;
	
}
.h-product:hover .text-wrap  {
	display: block;
}

.h-product .text-wrap {
	display: none;
	position: absolute;
	top: 40%;
	left: 0px;
	width: 100%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;

}
.h-product .text-wrap .quick-view {
	position:relative;
	border-radius: 2px;
	padding: 10px 18px;
	background: #00aaee;
	color:#FFFFFF;
	margin: auto 0px;
	text-decoration:none;
	
}

 @keyframes fadein {
 from {
opacity: 0;
}
to {
	opacity: 1;
}
}

/* Firefox < 16 */
@-moz-keyframes fadein {
 from {
opacity: 0;
}
to {
	opacity: 1;
}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
 from {
opacity: 0;
}
to {
	opacity: 1;
}
}

/* Internet Explorer */
@-ms-keyframes fadein {
 from {
opacity: 0;
}
to {
	opacity: 1;
}
}

/* Opera < 12.1 */
@-o-keyframes fadein {
 from {
opacity: 0;
}
to {
	opacity: 1;
}
}

/*End product*/

/*breadcrumb*/
.breadcrumb {
  font-size: 13px;
  padding: 14px 10px;
  list-style: none;
  border-radius: 4px;
  font-weight: 400;
  background-color: transparent;
  margin:0px;


}
.breadcrumb > li {
  display: inline-block;
  color: rgba(102,102,102,.75) !important
}
.breadcrumb a {
	color: rgba(102,102,102,.8)
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
	color: rgba(102,102,102,1)
}
/*breadcrumb*/