#g-mainbody {padding: 2rem;}
#g-header {box-shadow:none;}
a:hover {color: #919191;}
.g-article-header .page-header h2 a:hover {color: #919191;}
.sprocket-mosaic .sprocket-mosaic-item .sprocket-padding .sprocket-mosaic-head .sprocket-mosaic-title a:hover {color: #919191;}
.dflex1 {display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}
.dflexwr {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
ul.breadcrumb li + li:after {content: " ";padding: 0;}
.g-content {margin: 0;padding: 0;}
#g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container {text-transform: uppercase;}
#g-page-surround {box-shadow: none;}
.g-offcanvas-left #g-offcanvas {padding: 2rem;}
.g-grid > .g-block:first-child ul.breadcrumb {text-align: center;}
#g-offcanvas .g-logo {margin-bottom: 75px;}
.w100 {width: 100%;}
.w90 {width: 90%;}
.w80 {width: 80%;}
.w70 {width: 70%;}
.w60 {width: 60%;}
.w50 {width: 50%;}
.w40 {width: 40%;}
.w30 {width: 30%;}
.w20 {width: 20%;}
.w10 {width: 10%;}
.dnone {display: none;}
.dblock {display: block;}
.dinline {display: inline;}
.breadcico {font-size: 20px;padding: 15px;border-right: 1px solid #f0f0f0;color:#919191;}
.breadcico:hover {color:#1a1a1a;}
#g-breadcrumb {border-top: 0;border-bottom: 1px solid #f0f0f0;}
.borderrightnone {border-right:none !important;}
#g-showcase > .g-container {padding: 2rem;}
.articlebl0 {background: #ffffff;padding-bottom: 20px; border: 1px solid #f0f0f0;}
.articlebl2 {padding: 0 40px;}
.colorsite {color:#919191;}.colorsite:hover {color:#1a1a1a;}
.colorsite2 {color:#919191;}
.g-logo img {width: 150px;}
.g-logo img {transition: filter 0.9s;}
body:has(#g-mainbody:hover) .g-logo img {filter: brightness(0) invert(1) brightness(0.569);}
.share-buttons {display: flex;flex-wrap: wrap;gap: 10px;margin: 0 40px;margin-top: 40px;}
.share-btn {display: inline-flex;align-items: center;justify-content: center;transition: transform 0.2s, opacity 0.2s;cursor: pointer;padding: 0;overflow: hidden;background: transparent;}
.share-btn:hover {transform: scale(1.1);opacity: 0.9;}
.share-btn img {width: 24px;height: 24px;object-fit: contain;}
.ssod {color: #1a1a1a;padding: 10px 0;text-transform: uppercase;font-weight: 500;border-bottom: 1px solid #f0f0f0;width: 100%;display: block;text-align: center;font-size: 16px;transition: color 0.3s ease;}
body:has(#g-mainbody:hover) .ssod {color: #919191;}
.textel {white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;}
@media (max-width: 1250px) {.g-block.size-30 {display: none;}
.g-block.size-70 {flex: 0 0 100%;width: 100%;}}
@media (max-width: 959px) {div[aria-label="Breadcrumbs"] {display: none !important;}}
@media (max-width: 730px) {dd.published {display: none !important;}}
@media (max-width: 580px) {dd.createdby {display: none !important;}}
.box1 {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}
.box2 {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.box3 {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
@media only all and (max-width: 59.938rem) {.g-logo .g-mobile-logo {width: 190px;}}
.g-offcanvas-toggle {top: 15px;}
.sprocket-mosaic .sprocket-mosaic-loadmore, .sprocket-mosaic .sprocket-mosaic-g-loadmore {background: #ffffff;color: #1a1a1a;margin-bottom: 0;margin-top: 30px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;border: 1px solid #f0f0f0;padding: 15px;width: 100%;}
.sprocket-mosaic .sprocket-mosaic-loadmore:hover, .sprocket-mosaic .sprocket-mosaic-g-loadmore:hover {background: #f0f0f0;color: #1a1a1a;}
.sprocket-mosaic .sprocket-mosaic-item .sprocket-readmore-tags .sprocket-readmore {display: inline-block;color: #919191;font-size: 14px;font-weight: 500;}
.sprocket-mosaic .sprocket-mosaic-item .sprocket-readmore-tags .sprocket-readmore:hover {color: #1a1a1a;text-decoration: none;}
#g-header .g-main-nav .g-sublevel > li > .g-menu-item-container {text-transform: uppercase;}
.g-main-nav .g-sublevel > li > .g-menu-item-container > .g-menu-item-content {position: relative;top: -2px;}
.g-article-header .page-header h2 a {font-size: 1.15rem;}
.g-article-header .page-header h2 {margin: 0;}
.p0px {padding: 0px !important;}
.mb0px {margin-bottom: 0px !important;}
.ml5px {margin-left: 5px !important;}
.mr10px {margin-right: 10px !important;}
.mb-5px {margin-bottom: -5px !important;}
.m-10px {margin: -10px !important;}
.m-20px {margin: -20px !important;}
.mb10px {margin-bottom: 10px !important;}
.mb20px {margin-bottom: 20px !important;}
.pt10px {padding-top: 10px !important;}
.p15px {padding: 15px !important;}
.p20px {padding: 20px !important;}
.pleft20px {padding-left: 20px !important;}
.fs14px{font-size: 14px !important;}
.fs16px{font-size: 16px !important;}
.fs17px{font-size: 17px !important;}
.fs18px{font-size: 18px !important;}
.fs19px{font-size: 19px !important;}
.fs20px{font-size: 20px !important;}
.artinf1 {padding: 0 20px;padding-bottom: 15px;background: #ffffff;border-bottom: 0;border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;}
.m0px {margin: 0px !important;}
.mt0px {margin-top: 0px !important;}
.mt10px {margin-top: 10px !important;}
.mt20px {margin-top: 20px !important;}
.ml0px {margin-left: 0px !important;}
.m20-0px {margin: 20px 0 !important;}
.fwb500 {font-weight: 500 !important;}
.fwb600 {font-weight: 600 !important;}
.artinf2 {background: #fff;margin-top: -25px;padding: 0 20px;border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;padding-bottom: 20px;border-bottom: 1px solid #f0f0f0;}
.blog article.item, .blog-featured article.item {margin-bottom: 30px;}
@media (max-width: 1550px) {.hide-at-1530 {display: none !important;}}
@media (max-width: 1250px) {.hide-at-1530 {display: inline-block !important;}}
@media (max-width: 1250px) {.hide-at-1280 {display: inline-block !important;}}
.btnreadmore {display: inline-block;color: #919191;font-size: 14px;font-weight: 500;margin-top: 20px;}
.btnreadmore:hover {color: #1a1a1a;}
@media (max-width: 480px) {.pcdn1 {display: none !important;}}
.minimal-pagination .pagination-wrapper {display: flex;max-width: 100%;}
.minimal-pagination .pagination-btn {text-decoration: none;width: 100%;}
.minimal-pagination .pagination-btn.prev {text-align: center;justify-self: start;display: block;}
.minimal-pagination .pagination-btn.next {text-align: center;}
.minimal-pagination .pagination-btn:active:not(.disabled) {transform: translateY(0);box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08);}
.minimal-pagination .btn-label {color: #1a1a1a;font-weight: 500;text-transform: uppercase;font-size: 15px;display: block;padding: 15px;background: #ffffff;border: 1px solid #f0f0f0;}
.minimal-pagination .pagination-btn:hover:not(.disabled) .btn-label {color: #1a1a1a;background: #f0f0f0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.minimal-pagination .btn-page {font-size: 13px;color: #919191;font-weight: 600;text-transform: uppercase;}
.minimal-pagination .pagination-btn.disabled {opacity: 0.4;cursor: not-allowed;background: #f8fafc;border-color: #e2e8f0;}
.minimal-pagination .pagination-center {padding: 15px;background: #ffffff;border: 1px solid #f0f0f0;width: 300px;margin: 0 20px;text-align: center;}
.minimal-pagination .page-indicator {font-size: 15px;font-weight: 500;}
.h1v1 {font-size: 17px;font-weight: 600;text-transform: uppercase;border-bottom: 1px solid #e9e9e9;padding-bottom: 10px;margin-bottom: 15px;}
.search .search-results .result-item {padding: 20px;border: 1px solid #f0f0f0;margin-bottom: 20px;background: #ffffff;}
.search span.highlight {background-color: transparent;}
.search span.highlight {font-weight: 500;padding: 0;border-bottom: 1px solid #919191;}
.search .search-results .result-item .item-number {position: absolute;right: 0;border: none;border-left: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;text-align: center;width: 40px;height: 30px;line-height: 30px;border-radius: 0.1875rem;top: 0;left: inherit;}
.sbutt1{font-size: 22px;padding: 20px;background: #ffffff;border: 1px solid #f0f0f0;width: 100px;display: block;color: #1a1a1a;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.sbutt1:hover{background: #f0f0f0;}
.btnh1-6 {color: #1a1a1a;}
.btnh1-6:hover {color: #056839;}
.h1v2 {font-size: 21px;    text-transform: uppercase;font-weight: 600;}
.m20px-0 {margin: 20px 0 !important;}
.tacenter {text-align: center !important;}
.taleft {text-align: left !important;}
.item-page h2 {font-size: 19px;text-transform: uppercase;font-weight: 600;margin-top: 0;margin-bottom: 0;}
.item-page h2::before {content: "\f02e";font-family: FontAwesome;font-weight: 900;font-size: 19px;color: #1a1a1a;margin-right: 0.4em;vertical-align: middle;}
.item-page h3 {font-size: 18px;text-transform: uppercase;font-weight: 600;margin-top: 0;margin-bottom: 0;}
.item-page h3::before {content: "\f067";font-family: "FontAwesome";margin-right: 0.4em;font-size: 0.8em;vertical-align: middle;}
.item-page h4 {font-size: 17px;margin-top: 0;margin-bottom: 0;font-weight: 600;text-transform: uppercase;}
.item-page h4::before {content: "\f068"; font-family: "FontAwesome";margin-right: 0.4em;font-size: 0.85em;vertical-align: middle;}
.item-page p {margin: 20px 0; font-size: 17px;color: #444;}
.item-page blockquote {border-left: 5px solid #1a1a1a;}
.item-page blockquote p {font-weight: 500; font-size: 17px;color: #1a1a1a;margin-bottom: 20px !important;}
.item-page li {margin-bottom: 10px;}
.item-page ul {list-style: none;padding-left: 0; margin-left: 0;}
.item-page ul li {position: relative;padding-left: 25px; margin-bottom: 10px; font-size: 17px;}
.item-page ul li::before {content: "\f0c8";font-family: "FontAwesome";font-size: 0.6em; color: #1a1a1a; position: absolute;left: 0;top: 0.4em; }
.articlebl1 {padding: 0 40px 0px;}
.articlebl1.no-image {padding-top: 20px;}
@media (max-width: 959px) {#g-mainbody {padding: 0px;}}
.g-article-header {border-bottom: 0px;}
@media only all and (max-width: 59.938rem) {#g-header > .g-container {margin-bottom: 20px;}}
#toc-container {background: #ffffff;border: 1px solid #f0f0f0;position: fixed;max-height: calc(100vh - 40px);overflow-y: auto;z-index: 1000;margin-right: 2rem; &::-webkit-scrollbar { display: none; }scrollbar-width: none; -ms-overflow-style: none;}
#toc-container h2 {margin-top: 0;font-size: 1.2rem;color: #495057;border-bottom: 2px solid #dee2e6;padding-bottom: 8px;}
#toc-container ul {list-style: none;padding-left: 0;margin: 0;}
#toc-container a {text-decoration: none !important;color: #919191;transition: color 0.2s, padding-left 0.2s, background-color 0.2s;border-bottom: 1px solid #f0f0f0;padding: 0px 20px;font-weight: 500;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;line-height: 50px;}
#toc-container a:hover {color: #1a1a1a;text-decoration: underline;}
#toc-container a.active {background-color: #f8f8f8;color: #919191;}
.gap20px {gap: 20px;}
@media (max-width: 1150px) {.mr0pxcalc {margin-right: 0px !important;;}}
html[data-theme="dark"] .share-buttons {filter: invert(1);}   
::-webkit-scrollbar {width: 12px;height: 12px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #888;border-radius: 6px;border: 2px solid #f1f1f1;}
::-webkit-scrollbar-thumb:hover {background: #555;}
::-webkit-scrollbar-corner {background: #f1f1f1;}
html {scrollbar-width: thin;scrollbar-color: #888 #f1f1f1;}
html[data-theme="dark"] ::-webkit-scrollbar-track {background: #2a2a2a;}
html[data-theme="dark"] ::-webkit-scrollbar-thumb {background: #666;border: 2px solid #2a2a2a;}
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {background: #999;}
html[data-theme="dark"] ::-webkit-scrollbar-corner {background: #2a2a2a;}
html[data-theme="dark"] {scrollbar-color: #666 #2a2a2a;}
html[data-theme="dark"] {filter: invert(0.85) hue-rotate(180deg);transition: filter 0.3s ease;}
html[data-theme="dark"] img,
html[data-theme="dark"] video,
html[data-theme="dark"] picture,
html[data-theme="dark"] canvas,
html[data-theme="dark"] iframe {filter: invert(1) hue-rotate(180deg) brightness(1.15) saturate(1.2);}
html[data-theme="dark"] svg {filter: invert(0.5) hue-rotate(180deg);}
html[data-theme="dark"] .g-normal-logo,
html[data-theme="dark"] .g-mobile-logo,
html[data-theme="dark"] .g-normal-logo img,
html[data-theme="dark"] .g-mobile-logo img {filter: invert(0.5) !important;}
.bookmark-btn:hover {transform: scale(1.1);}
.bookmark-btn.active {color: #f59e0b;border-color: #f59e0b;}
html[data-theme="dark"] .bookmark-btn {background: #2a2a2a;border-color: #404040;color: #f1f1f1;}
html[data-theme="dark"] .bookmark-btn.active {color: #fbbf24;border-color: #fbbf24;}
.bookmark-btn:hover {transform: scale(1.1);}
.bookmark-btn.active {color: #f59e0b;border-color: #f59e0b;}
html[data-theme="dark"] .bookmark-btn {background: #2a2a2a;border-color: #404040;color: #f1f1f1;}
html[data-theme="dark"] .bookmark-btn.active {color: #fbbf24;border-color: #fbbf24;}
.mag-toggle-btn:hover { transform: scale(1.1); }
.mag-toggle-btn.active {background: #2563eb;color: #fff;border-color: #2563eb;}
html[data-theme="dark"] .mag-toggle-btn {background: #2a2a2a;border-color: #404040;color: #f1f1f1;}
html[data-theme="dark"] .mag-toggle-btn.active {background: #60a5fa;color: #0f172a;border-color: #60a5fa;}
.magnifier {position: fixed;width: 240px;height: 240px;border-radius: 50%;border: 0px solid #1a1a1a;box-shadow: 0 0 0 2px rgba(255,255,255,0.4), 0 8px 24px rgba(0,0,0,0.35);overflow: hidden;pointer-events: none;z-index: 100000;display: none;background: #fff;}
html[data-theme="dark"] .magnifier {border-color: #60a5fa;box-shadow: 0 0 0 2px rgba(0,0,0,0.6), 0 8px 24px rgba(0,0,0,0.5);background: #0f172a;}
.mag-inner {position: absolute;top: 0;left: 0;transform-origin: 0 0;pointer-events: none;will-change: transform;margin: 0;padding: 0;}
.mag-loading {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 14px;color: #666;background: rgba(255,255,255,0.9);padding: 8px 14px;border-radius: 20px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);pointer-events: none;}
html[data-theme="dark"] .mag-loading {color: #ccc;background: rgba(15,23,42,0.9);}
.mag-zoom-indicator {display: none;}
.mag-zoom-indicator.show {opacity: 1;transform: translateY(0);}
html[data-theme="dark"] .mag-zoom-indicator {background: #2a2a2a;border-color: #404040;color: #f1f1f1;}
.bgnone {background: none !important;}
.bhover:hover {color: #1a1a1a;}
.bactivez {color: #919191;}
.bacolorico {color: #b9b9b9;}
.fbutt1 {font-size: 20px;position: relative;top: 0px;}
.fbutt2 {font-size: 20px;position: relative;top: 0px;}
.fbutt3 {font-size: 20px;position: relative;top: -1px;}
.fbutt4 {font-size: 23px;position: relative;top: -1px;}
.skbox1 {color: #919191;padding: 5px 10px;margin-bottom: 10px;font-size: 13px;font-weight: 400;border: 1px solid #e5e5e5;display: inline-block;}
.skbox1:hover {color: #ffffff;background: #1a1a1a;}
.imgbox1 {border-radius: 50%;border: 2px dashed #ffffff;padding: 10px;width: 225px;display: block;margin: 0 auto;margin-bottom: 15px;}
.bgbox1 {background-color: #e5e5e5;background-image: url(/images/pro-upgrade-bg.svg);background-repeat: repeat !important;background-size: 300px !important;background-attachment: scroll;-webkit-font-smoothing: antialiased;}
.zbox1 {padding: 5px 10px;margin-bottom: 10px;text-transform: uppercase;font-size: 13px;font-weight: 500;border: 1px solid #e5e5e5;display: block;width: 100%;text-align: center;background: #ffffff;}
.skbox2 {padding: 10px;border: 1px solid #e5e5e5;background: #ffffff;}
.zbox2 {text-transform: uppercase;font-weight: 600;}
.zbox3 {border-left: 2px solid #fff;}
.zbox4 {color: white;}
.zbox5 {background: #ffffff;}
.zbox6 {padding: 15px;width: 100%;border-right: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;}
.zbox7 {width: 100%;text-align: center;display: block;text-transform: uppercase;font-weight: 600;margin-top: 10px;}
.zbox8 {width: 100%;text-align: center;display: block;text-transform: uppercase;margin-bottom: 20px;font-size: 10px;color: #9b9b9b;}
.zbox9 {color: #919191;}
.zbox10 {margin-bottom: 5px;display: block;}
.zbox11 {color: #999;}
.zbox12 {filter: grayscale(100%);opacity: 0.5;padding: 10px;border: 1px solid #f0f0f0;}
.zbox12:hover {filter: grayscale(0);opacity: 1;}
.zbox13 {width: 14.28571428571429%}
.trans03s {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.dflexwrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
@media (max-width: 1880px) {.uk-width-1-5, .uk-width-2-10 { width: 25%;} .uk-width-4-5, .uk-width-8-10 {width: 75%;}}
@media (max-width: 1570px) {.uk-width-1-5, .uk-width-2-10 {width: 30%;} .uk-width-4-5, .uk-width-8-10 {width: 70%;} .zbox13 {width: 20%;}}
@media (max-width: 1370px) {.uk-width-1-5, .uk-width-2-10 {width: 35%;} .uk-width-4-5, .uk-width-8-10 {width: 65%;} .dnk1370 {display: none;}}
@media (max-width: 1250px) {.uk-width-1-5, .uk-width-2-10 {width: 40%;}.uk-width-4-5, .uk-width-8-10 {width: 60%;}.zbox13 {width: 25%;}.dnk1250 {display: none;}}
@media (max-width: 1130px) {.uk-width-1-5, .uk-width-2-10 {width: 45%;}.uk-width-4-5, .uk-width-8-10 {width: 55%;}}
@media (max-width: 1050px) {.uk-width-1-5, .uk-width-2-10 {width: 50%;}.uk-width-4-5, .uk-width-8-10 {width: 50%;}.zbox13 {width: 33.33333333333333%;}}
@media (max-width: 959px) {.uk-width-1-5, .uk-width-2-10 {width: 35%;}.uk-width-4-5, .uk-width-8-10 {width: 65%;}.zbox13 {width: 20%;}}
@media (max-width: 865px) {.uk-width-1-5, .uk-width-2-10 {width: 40%;}.uk-width-4-5, .uk-width-8-10 {width: 60%;}.zbox13 {width: 33.33333333333333%;}}
@media (max-width: 760px) {.uk-width-1-5, .uk-width-2-10 {width: 100%;}.uk-width-4-5, .uk-width-8-10 {width: 100%;}}
@media (max-width: 655px) {.zbox13 {width: 25%;}}
@media (max-width: 400px) {.zbox13 {width: 50%;}}
@media (max-width: 330px) {.dnk330 {display: none;}}
.item-page ol li {position: relative;padding-left: 7px;margin-bottom: 10px;font-size: 17px;margin-left: 17px;}
.item-page ol li::marker {font-size: 17px;color: #1a1a1a;position: relative !important;}
.item-page ol {margin-top: 20px;margin-bottom: 20px;padding-left: 0;}
.tipopen {-webkit-animation: none !important;animation: none !important;}
code, pre {border-radius: 0;}
code {padding: 0;white-space: inherit;margin-left: 5px;margin-right: 5px;}
code {background: transparent;color: #056839;font-size: 17px;border: none;border-bottom: 1px solid #f0f0f0;font-weight: 500;font-family: "Montserrat";}