/* inter-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('/asset/font/inter-v12-latin-regular.woff2') format('woff2');
}
/* inter-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('/asset/font/inter-v12-latin-500.woff2') format('woff2');
}
/* inter-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('/asset/font/inter-v12-latin-600.woff2') format('woff2');
}
/*
================================================
Base rules
================================================
*/

/* basic elements */

@keyframes fadeInOpacity{
    0%{opacity:0}
    100%{opacity:1}
}
.fade-in{opacity:1;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:0.3s;}
hr{opacity:1;color:#eee;}

code{font-size:initial}
h2 code, h3 code, h4 code{font-size: inherit !important; font-family: inherit;}
/*article > button*/


.bg-alice-blue{background-color:#e7f1ff}
.text-success{color:#4CC790!important;}

/*plugin-alertify*/
.ajs-commands,.ajs-header,.ajs-close{display:none!important;}
/*
================================================
Layout rules
================================================
*/
#navbar-main{ background:#fff;}
#navbar-main .navbar-brand{padding:0;margin:0;width:290px;text-align:center}
#navbar-main .navbar-brand>a{display:inline-block}
#navbar-main .navbar-brand>a>img{height:54px;width:161px}

/*navigation - sub*/
#navbar-sub{background-color:#253545}
#navbar-sub ul.navbar-nav>li>a{color:#f6f6f6;padding:0 .8rem;height:38px;line-height:38px;transition:none;font-weight:500;}
#navbar-sub ul.navbar-nav>li:first-child>a {
    background: linear-gradient(360deg,rgba(255,255,255,.15),rgba(255,255,255,0)) #078bd6;
    text-align: center;
}
#navbar-sub ul.navbar-nav>li:not(:first-child)>a svg{color:#FF9900;margin-right:.5rem;vertical-align:text-bottom}
#navbar-sub ul.navbar-nav>li>a.show svg{color:#ffe38f}
#navbar-sub ul.navbar-nav>li:not(:first-child)>a.show,#navbar-sub ul.navbar-nav>li:not(:first-child)>a:hover{background-color:#132231;color:#bee4ff;position:relative;}
#navbar-sub ul.navbar-nav > li:not(:first-child) > a.show { text-shadow: 0 0 5px rgba(190, 228, 255, 0.5); }
#navbar-sub ul.navbar-nav>li>a.dropdown-toggle::after{content:"\00276F";transform:rotate(90deg);font-size:.8rem;border:none;margin-left:.5rem;}
#navbar-sub ul.navbar-nav>li>a[aria-expanded=true]:before{bottom:-2px;border:transparent solid 9px;content:" ";position:absolute;border-bottom-color:#f9fafc;left:15px;}
#navbar-sub ul.navbar-nav>li>a[aria-expanded=true]:after{transform:rotate(-90deg)}
#navbar-sub .dropdown-menu { border: none; margin: 0; z-index: 9999; padding: 0; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);}

#mega-menu {position: static;}
#mega-menu .dropdown-menu {width:100%;}
#mega-menu .mega-menu-content {max-width: 1100px; margin: auto; padding-top: 3rem; padding-bottom: 3rem;}
#mega-menu .card-columns{ column-gap:1rem; column-count:3;}
#mega-menu .card-columns>div{display:inline-block;width:100%}
#mega-menu .btn-close{position: absolute; right: 1rem; top: 1rem}


/*List Group*/
.list-group-item:not(.default) {font-size:.96rem;}
.list-group-item:not(.default).active{border-color: inherit;}


.counter { counter-reset: item; }
.counter .list-group-item { display: flex; align-items: center; }
.counter .list-group-item:before { content: counter(item); counter-increment: item; width: 36px; height: 36px; background-color: #e2ecfe; border-radius: 50%; color: #267fd2; font: 500 16px/24px sans-serif; display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0; }

#page-head { background: linear-gradient(180deg, rgba(255, 255, 255, 0.15), transparent) #078bd6; text-align: center; padding: .5rem; }

/*Search box primary*/
#SearchTerm{border-radius:2rem 0 0 2rem; border:0;font-size: 1.1rem;}
#SearchTerm + label svg{width:20px;opacity:.4;left:1rem;position:absolute;z-index:10;height:100%;}
#SearchTerm:focus + label svg{opacity:.7;}
#search-box-primary button{border-radius:0 2rem 2rem 0; z-index: 6;}

.widget-title { position: relative; display: inline-block; line-height: 1.5; color: #183a77; }
.widget-title:after { content: ""; height: 3px; position: absolute; left: 0; width: 80%; bottom: -7px; border-radius: var(--bs-border-radius-sm); background-color: #378cee; }
.widget-title > svg:first-child { color: #f63; margin-right: .5rem; }
.widget-title > svg:nth-child(n+2) { color: #378cee; margin-left: .5rem; }

.note, .notice { padding: 1rem; margin-bottom: 1rem; border-radius: var(--bs-border-radius-sm); }
.note { background-color: #fffffa; box-shadow: 0 0 0 1px #65cb65, 0 0 0 4px rgba(0, 158, 19, 0.08); }
.note.tip { background: url(/asset/img/tip.svg) no-repeat 1rem 0.6rem / 2.3rem; padding-left: 4rem; box-shadow: 0 0 0 1px rgba(243, 187, 44, 0.87), 0 0 0 4px rgba(161, 152, 0, 0.08); }
.notice { background-color: #f3f8ff; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08), 0 0 0 1px #bdd5ff, 0 0 0 4px rgba(53, 170, 220, 0.08); }

.was-validated .form-control:invalid,.was-validated .form-control:valid{background-image:none;padding-right:.5rem;z-index:2;}
.was-validated .form-control:invalid{border-color:#ff96a0;}
.was-validated .form-control:invalid:focus{border-color:#ff96a0;box-shadow:0 0 0 3px rgb(220 53 69 / 8%);}
.was-validated .form-control:valid{border-color:#2ecd99;}
.was-validated .form-control:valid:focus{border-color:#2ecd99;box-shadow:0 0 0 3px rgb(40 167 69 / 10%);}
.invalid-feedback{font-size:small;display:none;margin-bottom:0;padding:0;}

/* Form styling */
.form-control:not(.default) { box-shadow: 0 1px 3px rgba(50, 50, 93, 0.1), 0 1px 0 rgba(0, 0, 0, 0.02); }
.form-floating>label{opacity:.6;}
.form-floating>select{padding-bottom:.375rem!important;}

/* Input styling */
textarea.form-control{resize:none;}

/* Placeholder styling */
.form-control::placeholder{opacity:1;font-weight:400;}
.form-control:focus::placeholder,.form-control:focus:-ms-input-placeholder{color:#333;opacity:.2;}

/*
================================================
Aside
================================================
*/
/* Accordion Button Base Styles */
#aside-collapse > .accordion .accordion-button { position: relative; display: flex; font-weight: 500; font-size: 1.0625rem; }
/* Accordion Button ::after Base Styles */
#aside-collapse > .accordion .accordion-button::after {
    background-repeat: no-repeat;
    content: "";
    height: 20px;
    width: 20px;
    margin-left: auto;
    transition: transform 0.2s ease-in-out;
    margin-top: auto;
    margin-bottom: auto;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
/* Accordion Button Active State */
#aside-collapse > .accordion .accordion-button:not(.collapsed){color:#0c63e4;}
#aside-collapse > .accordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

/*
================================================
Article
================================================
*/
main article a:not(.btn)[target="_blank"]:not(:has(> img))::after {
    background-color: currentColor;
    content: "";
    padding: 0 0.5em;
    margin: 0 0.2rem;
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>');
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
article a:not(.btn):hover { text-decoration: underline }
main article a.heading { font-weight: 600; text-decoration: none; display: inline }
main article:where(h2, h3, h4):not(.default) { margin-top: 1.5rem; }
article strong { font-weight: 500; color: #000; }
main article:where(mark, .mark) { border-radius: var(--bs-border-radius-sm); }
main article h3:not(.default) { color: #183a77 }
main article em { padding: 0 4px; background-color: rgba(249, 249, 249, 0.3); border-radius: var(--bs-border-radius-sm); border: .031rem solid #e9e6e6; font-style: normal; font-weight: 600; }

/*article > media*/
main article img { height: auto; max-width: 100%;}
main article .img-cover{height:90px;display:block;background-position:50%;background-size:cover}
main article .video-container { border: .2rem solid #f7f7f9; padding: 1rem; box-shadow: 0 3px #f7f7f9 }
/*main article div.notice{margin-bottom:1rem;}*/
main article figure>figcaption{text-align:center;font-size:0.875rem;color:grey;}
main article .aligncenter { margin-right: auto; margin-left: auto; display: block; }

/*article > list*/
main article ul:not(.default) { padding-left: 1.5rem }
main article ul:not(.default)>li::marker { content: "\25CF"; font-family: initial }
main article ol:not(.default)>li::marker, main article ul:not(.default)>li::marker { color: #fc4c4e }
main article ol:not(.default)>li { padding-left: .5rem }
main article ol:not(.default)>li ol, main article ol:not(.default)>li ul, main article ul:not(.default)>li ol, main article ul:not(.default)>li ul { margin-top: .5rem }
main article li { padding: .3rem 0 .3rem 1rem; }
main article li:first-child { padding-top: 0 }
main article li:last-child { padding-bottom: 0 }
main article li pre[class*="language-"] { margin-top: 1rem; }
/*article > list-custom*/
main article .list>li { position: relative; padding: .8rem 0 .8rem 1rem; }
main article .list>li:not(:last-child):after { content: ""; position: absolute; bottom: 0; background-color: #ededed; height: .031rem; left: 1rem; width: calc(100% - 1rem) }

/*article > toc*/
main article > .toc { border-radius: var(--bs-border-radius-sm); padding: 1rem; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .08); display: inline-block; border: 1px solid #e6e6e6; margin-bottom: 1rem; }
main article > .toc > ul, main article > .toc > ul ul { margin: 0; padding-left: .5rem; }
main article > .toc > ul li { padding-left: 0.5625rem; }
main article > .toc > ul li::marker { content: "\0023"; color: #0556f3; font-family: var(--bs-body-font-family); }
main article > .toc > div:first-child { font-weight: 500; margin-bottom: .5rem; }
main article > .toc > ul li:last-child { margin-bottom: 0; }

/*article > card*/
main article .card:not(.default) { border: var(--bs-border-width) solid #bce8f1; background-color: #FFF; box-shadow: 0 0 0 1px #bdd5ff, 0 0 0 4px rgba(53, 170, 220, 0.08); padding: 3px; border-radius: var(--bs-border-radius); margin-bottom: 1rem;}
main article .card:not(.default)>.card-header {
  border: none;
  background-color: #e5f3ff;
  border-radius: var(--bs-border-radius);
  padding: .5rem 1rem;
}
main article .card:not(.default)>.card-body {
    padding: 1rem;
}
main article .card:not(.default) .card-body>ul {
  padding-left: .5rem
}
main article .card:not(.default) .card-body>ol {
  padding-left: 1rem
}

/*article > example-output*/
main article p.example{color:#db2b4d;display:block;font-weight:500;font-size:1.063rem;margin-bottom:.5rem;}
main article pre:not([class*="language-"]), main article .output { border: 1px solid #e6e6e6; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08); padding: .5rem; word-break: break-word; border-radius: var(--bs-border-radius-sm); margin-bottom: 1rem; font-size: .96rem; }

/* Social Share */
#social-share a{border-radius: 50%; box-shadow: 0 2px 0 0 rgba(0, 0, 0, .1); height: 36px; width: 36px; min-width: 36px; display: flex; align-items: center; justify-content: center; margin: 0 .3rem; background: #626D79; transition: background-color 0.1s ease; color:#FFF; }
#social-share a svg {width: 26px; height: 26px;}
#social-share a:where(.twitter:hover, .twitter:active) { background: #111; }
#social-share a:where(.facebook:hover, .facebook:active) { background: #3b5998; }
#social-share a:where(.linkedin:hover, .linkedin:active) { background: #007ebb; }
#social-share a:where(.telegram:hover, .telegram:active) { background: #229ED9; }
#social-share a:where(.whatsapp:hover, .whatsapp:active) { background: #25D366; }



.indent:before { content: attr(data-indent-txt); color: #4ad295; }


/*bagage*/
.new { position: relative; }
.new::before { content: "New"; position: absolute; top: .5rem; right: .5rem; background-color: #ffc107; color: #fff; padding: .10rem .25rem; font-size: 0.875rem; border-radius: .16rem; }

/*fix*/
#page-head *:last-child,article .position-relative *:last-child,article .note *:last-child,article .card:not(.default) *:last-child,article .list li:last-child,.list li pre:last-child,article td *:last-child,article td *:last-child *:last-child{margin-bottom:0}


/*footer*/
#footer-wrapper{background-color: #2C3948; font-size:.838rem}
#footer-wrapper li a{color:#D8EFFF}
#footer-wrapper li a:hover{color:#f6f6f6;text-decoration:underline}


/*Page scroll to top*/
#scrollToTopBtn {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  padding: 4px 10px;
  font-size: 18px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
}




/*loading*/
#data-loader{position:fixed;left:0;top:0;width:100%;height:100%;background:url(../img/loader.svg) 50% 50% no-repeat;}
#data-loader span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}


/*Code*/
pre[class*="language-"] { color: #ccc; background: 0 0; font-size: initial; text-align: left;    /*white-space: pre-wrap;*/ word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; tab-size: 4; hyphens: none; position: relative; }
pre[class*="language-"]::before { content: none; display: block; background: #404851 url(/asset/img/code-icon.svg) no-repeat 1rem center; background-size: 24px; font-size: small; font-family: var(--bs-body-font-family); padding: .5rem 2.5rem; }

/* Specific language labels */
pre.language-markup:before { content: "HTML"; }
pre.language-css:before { content: "CSS"; }
pre.language-scss:before { content: "SCSS"; }
pre.language-c:before { content: "C"; }
pre.language-cpp:before { content: "C++"; }
pre.language-java:before { content: "Java"; }
pre.language-python:before { content: "Python"; }
pre.language-r:before { content: "R"; }
pre.language-go:before { content: "Go"; }
pre.language-csharp:before { content: "C#"; }
pre.language-swift:before { content: "Swift"; }
pre.language-mojo:before { content: "Mojo"; }
pre.language-jsp:before { content: "JSP"; }
pre.language-php:before { content: "PHP"; }
pre.language-javascript:before { content: "JavaScript"; }
pre.language-ejs:before { content: "ejs"; }
pre.language-pug:before { content: "pug"; }
pre.language-handlebars:before { content: "Handlebars"; }
pre.language-sql:before { content: "SQL"; }
pre.language-json:before { content: "JSON"; }
pre.language-xml:before { content: "XML"; }
pre.language-ruby:before { content: "Ruby"; }

pre[class*="language-"] > code { padding: 1rem; display: block; overflow: auto; max-height: 610px; scrollbar-width: thin; /* 'auto', 'thin', 'none' */ }
pre .code-actions { right: .5rem; top: .2rem; position: absolute; font-family: var(--bs-body-font-family); }
pre .code-actions button { font-size: .85rem; --bs-btn-padding-y: 0.2rem; --bs-btn-padding-x: 0.75rem; min-width: 100px; }
pre mark { background-color: #ffff61; }



/* PrismJS 1.29.0
https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+bash+c+csharp+cpp+go+java+json+markup-templating+mongodb+php+python+r+sql+swift&plugins=line-numbers */
:not(pre)>code[class*="language-"], pre[class*="language-"] { background: #303841; border-radius: var(--bs-border-radius-sm); box-shadow: 0 0 0 1px #303841; }
:not(pre)>code[class*="language-"] { padding: .1em; border-radius: var(--bs-border-radius-sm); white-space: normal }
.token.block-comment,.token.cdata,.token.doctype,.token.prolog{color:#999}
.token.comment{color: #6e747d;}
.token.punctuation{color:#ccc}
.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}
.token.function-name{color:#6196cc}
.token.boolean,.token.function,.token.number{color:#f08d49}
.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}
.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}
.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}
.token.entity,.token.operator,.token.url{color:#67cdcc}
.token.bold,.token.important{font-weight:700}
.token.italic{font-style:italic}
.token.entity{cursor:help}
.token.inserted{color:green}
pre[class*="language-"].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}
pre[class*="language-"].line-numbers>code{position:relative;white-space:inherit}
.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;}
.line-numbers-rows>span{display:block;counter-increment:linenumber}
.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}
/*PrismJS /*/



@media screen and (max-width: 991.98px) {
    #navbar-main .navbar-brand { margin:auto; }
    #navbar-sub .card-columns { column-count: 2; }
}
@media screen and (max-width: 767.98px) {
    #SearchTerm{font-size: initial;}
    #aside-collapse { background-color: #fff; position: absolute; left: .50rem; top: 0; z-index: 1000; padding: .5rem; }
    .layout-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 998; background-color: #4a4a4a; opacity: .2; visibility: visible; overflow: hidden; transform: scale(1, 1); }
}
@media screen and (max-width:576px) {
    div.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    #footer-wrapper { font-size: 0.75rem; }
    #navbar-sub .card-columns { column-count: 1; }
    article .example-block { margin: -1rem; border-radius: 0; }
}
@media print {
    #navbar-main .navbar-brand { margin:auto; }
    #search-box, .page-nav, aside, button.navbar-toggler, footer .row div:last-child, .ezoic-ad, .ezmob-footer { display: none; height: 0; }
    .table:not(.default, .table-light) th { border-top: 1px; border-color: rgba(214, 214, 214, 0.5); }
    article { box-shadow: none; padding:0; }
    h1 { color: #000; }
    pre .btn { display: none; }
}