.mchp-block-diagram{display:flex;text-align:left;justify-content:center;position:relative}
@media only screen and (max-width:991px){.mchp-block-diagram{flex-direction:column}
}
.mchp-block-diagram .diagram-popup{display:none;position:absolute;color:black;background:white;padding:10px;border:black 1px solid;border-radius:5px;margin-top:20px;min-width:150px;box-shadow:0 3px 10px rgba(0,0,0,0.25);z-index:100}
.mchp-block-diagram .diagram-popup .link{padding:3px 3px 8px;font-size:14px}
.mchp-block-diagram .diagram-popup .link a{text-decoration:underline}
.mchp-block-diagram .diagram-popup .close-container{text-align:right;margin-top:-8px}
.mchp-block-diagram .diagram-popup .close-container .close{border:0;background:white;padding:0;font-size:24px;box-shadow:none}
.mchp-svg-diagram{max-width:50%;flex:1;padding:10px;display:flex;box-sizing:border-box}
.mchp-svg-diagram.full-view{max-width:unset}
@media only screen and (max-width:991px){.mchp-svg-diagram{max-width:unset;padding:0}
}
.mchp-svg-diagram img{width:100%}
.mchp-svg-diagram svg{width:100%;height:auto}
@media only screen and (max-width:991px){.mchp-svg-diagram svg{height:auto}
}
.mchp-svg-diagram svg g switch foreignObject div{pointer-events:none !important;word-break:initial}
.mchp-svg-diagram svg g switch foreignObject div a,.mchp-svg-diagram svg g switch foreignObject div font{pointer-events:auto !important;word-break:initial}
.mchp-svg-diagram svg g switch foreignObject div a{color:#1c355e;text-decoration:underline}
.mchp-svg-diagram svg g switch foreignObject div a:hover{color:#101820}
.mchp-svg-diagram svg .interactive-node{cursor:pointer;opacity:.8;transition:opacity .5s}
.mchp-svg-diagram svg .interactive-node:hover{opacity:1}
.mchp-svg-diagram svg .interactive-node div{pointer-events:none !important}
.mchp-svg-diagram svg .interactive-node div a,.mchp-svg-diagram svg .interactive-node div font{pointer-events:auto !important}
.mchp-svg-diagram svg .interactive-node rect,.mchp-svg-diagram svg .interactive-node path{pointer-events:all}
.mchp-svg-diagram svg .interactive-node rect:hover,.mchp-svg-diagram svg .interactive-node path:hover{stroke-opacity:1;stroke:#34a3b1;stroke-width:5px}
.mchp-svg-diagram svg .interactive-node.focus-node{opacity:1}
.mchp-svg-diagram svg .interactive-node.focus-node rect,.mchp-svg-diagram svg .interactive-node.focus-node path{stroke-opacity:1;stroke:#34a3b1;stroke-width:5px}
.mchp-diagram-info{width:50%;min-height:600px;position:relative;flex:1;transition:flex 300ms;display:none}
@media only screen and (max-width:991px){.mchp-diagram-info{width:100%;min-height:500px}
}
.mchp-diagram-info .capitalize{text-transform:capitalize}
.mchp-diagram-info .result-panel{position:absolute;top:0;bottom:15px;left:0;right:900px;display:flex;flex-direction:column;padding:10px 15px;width:100%;vertical-align:top;box-sizing:border-box;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 2px 5px 0 rgba(0,0,0,0.19)}
.mchp-diagram-info .result-panel h2,.mchp-diagram-info .result-panel h3{margin:5px 40px 15px 0;color:#53575a;line-height:initial;width:calc(100% - 120px)}
.mchp-diagram-info .result-panel a{text-decoration:underline}
.mchp-diagram-info .mchp-content{overflow-x:hidden;overflow-y:auto}
.mchp-diagram-info .result-description{margin:0 0 10px;padding:4px 8px;font-size:13px;text-align:left;white-space:pre-line}
.mchp-diagram-info .result-details{overflow-y:auto;border-top-width:5px;white-space:pre-line}
.mchp-diagram-info .result-details h4{font-size:16px;margin:10px 0 5px}
.mchp-diagram-info .result-details ul{margin-top:0}
.mchp-diagram-info .result-details li{color:#446ca5}
.mchp-diagram-info .result-details li .content{color:initial}
.mchp-diagram-info .result-details p{margin:0}
.mchp-diagram-info .result-details .dataTables_scrollHeadInner{background:#41b6e6}
.mchp-diagram-info .results-table,.mchp-diagram-info table{width:100%;font-size:13px;color:#4b5156;border-spacing:0;background:#fafafa}
.mchp-diagram-info .results-table.with-headers tbody tr,.mchp-diagram-info table.with-headers tbody tr{background:#fff !important;border-bottom-right-radius:10px}
.mchp-diagram-info .results-table.with-headers tbody tr:last-of-type td,.mchp-diagram-info table.with-headers tbody tr:last-of-type td{border-bottom:0}
.mchp-diagram-info .results-table.with-headers tbody td,.mchp-diagram-info table.with-headers tbody td{border-bottom:rgba(255,255,255,0.6) 1px solid}
.mchp-diagram-info .results-table tr td,.mchp-diagram-info table tr td{padding:8px 10px;word-break:normal;white-space:pre-line;text-align:left}
.mchp-diagram-info .results-table tr td.capitalize,.mchp-diagram-info table tr td.capitalize{text-transform:capitalize}
.mchp-diagram-info .results-table tr td p,.mchp-diagram-info table tr td p{margin:0;color:inherit}
.mchp-diagram-info .results-table thead tr,.mchp-diagram-info table thead tr{background:#41b6e6}
.mchp-diagram-info .results-table thead tr td,.mchp-diagram-info table thead tr td{font-size:1.2em;color:#fff;word-break:keep-all;padding:15px 10px;height:initial !important;background-color:initial !important;white-space:nowrap}
.mchp-diagram-info .results-table tbody tr:nth-child(odd),.mchp-diagram-info table tbody tr:nth-child(odd){background:#fff}
.mchp-diagram-info .results-table tbody tr:nth-child(even),.mchp-diagram-info table tbody tr:nth-child(even){background:#f1f2f2}
.mchp-diagram-info .hide-button{position:absolute;top:10px;right:15px;color:#b6b7b9;z-index:10;cursor:pointer}
.mchp-diagram-info .compare-products{padding:5px 25px 20px 15px}
.mchp-diagram-info .compare-products .product{margin-bottom:30px}
.mchp-diagram-info .compare-products .product .partnumber{margin-bottom:5px}
.mchp-diagram-info .compare-products .product .partnumber a{color:#52afce;text-decoration:none}
.mchp-diagram-info .compare-products .product .part-description{color:#000;font-size:.9em;margin-right:20px}
.mchp-diagram-info .compare-products .product .collapsible{display:none}
.mchp-diagram-info .compare-products .product .collapsible ul{margin:10px 0;padding-left:10px;list-style:none}
.mchp-diagram-info .compare-products .product .collapsible ul li{margin-bottom:10px}
.mchp-diagram-info .compare-products .product .collapsible ul li a{color:#52afce;text-decoration:none}
.mchp-diagram-info .compare-products .product .collapsible ul li a.red{color:red}
.mchp-diagram-info .compare-products .product .collapsible ul li .fa-shopping-cart{color:red;font-size:20px;width:22px;font-weight:400}
.mchp-diagram-info .compare-products .product .collapsible ul li .fa-file-pdf{color:red;font-size:18px;width:18px;padding-left:4px}
.mchp-diagram-info .compare-products .product-info{display:flex}
.mchp-diagram-info .compare-products .product-info div:first-child{flex-grow:1;max-width:calc(100% - 60px)}
.mchp-diagram-info .compare-products .product-info .toggle{width:60px;text-align:center;cursor:pointer}
.mchp-diagram-info .compare-products .product-info .fa-angle-down{font-size:16px;font-weight:400;padding-top:14px}
.mchp-diagram-info .compare-products .product-info .fa-angle-down.expand:before{content:"\f106"}
.mchp-diagram-info .compare-button{position:absolute;top:10px;right:50px}
.mchp-diagram-info .compare-button a{color:#52afce;text-decoration:none}
.mchp-diagram-info .compare-button a div{padding:6px 10px;border:gray 1px solid;border-radius:5px}
#custom-lightbox-overlay{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:9999}
#custom-lightbox-overlay.show{display:flex}
#custom-lightbox-overlay .lightbox-content{margin:auto;padding:0 0 4px 0}
#custom-lightbox-overlay .lightbox-content:hover .result-panel{color:red}
#custom-lightbox-modal{display:flex;justify-content:center;align-items:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90%;max-height:90%;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.11);overflow:auto;padding:20px;box-sizing:border-box;border-radius:10px}
#custom-lightbox-modal .mchp-svg-diagram{max-width:100%;max-height:100%;padding:10px 10px}
#custom-lightbox-modal .lightbox-close-button{position:absolute;top:-9px;right:4px;font-size:33px;color:#d50b0b;background-color:#fff;cursor:pointer;z-index:1}
#custom-lightbox-modal .mchp-diagram-info{color:blue}
#custom-lightbox-transparent-div{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background-color:transparent}
.disable-result-panel{pointer-events:none;opacity:.5}
.enlarge-btn{position:absolute;top:10px;left:10px;padding:5px 10px;color:white;background:#1c355e;border:2px solid #1c355e;border-radius:3px;cursor:pointer;display:none;opacity:0;transition:opacity cubic-bezier(0,0.52,1,1) .7s}
.enlarge-btn:hover{background:#157eac;border-color:#157eac}
.mchp-block-diagram:hover .enlarge-btn{display:block;opacity:1}