/* Style Sheet 8/1/2024 */
body, html {overflow-x: hidden;overflow-y: auto;padding: 0;}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0;cursor:pointer}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End */
/*html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}*/
html,body{font-family:Raleway;font-size: 15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
.sp-serif{font-family:serif}.sp-sans-serif{font-family:sans-serif}.sp-cursive{font-family:cursive}.sp-monospace{font-family:monospace}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.sp-wide{letter-spacing:4px}
r{border:0;border-top:1px solid #eee;margin:20px 0}
/* Curser, Hovering, Clicking - Curser */
.toggle-text {color:black;font-weight: bold;cursor: pointer;text-decoration: none;}
.toggle-text:hover {color: #1d4ed8;}
/* Data Center Curser*/
.side-scroller,.side-scroller {cursor:pointer;}
.spec-link-readmore{color:black; text-decoration:none;font-weight:bold;font-style:italic;cursor:pointer;}
.spec-link-readmore:hover{color: #007BFF;}
/* Index Curser */
.tile{width:150px;height:150px;text-decoration:none;display:block;}
.tile svg{width:100%;height:100%;overflow:visible;}
.tile rect{transition:all .20s ease;}
.tile:hover rect{filter:brightness(1.25);}
.tile-label{font-family:Raleway, Arial, sans-serif;font-size:14px;font-weight:700;fill:black;text-anchor:middle;}
/* Image Curser */
.sp-img {cursor:pointer;}
.sp-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
/* Card Curser */
.spec-card-2-ipb {cursor:pointer;}
/*.spec-card-2-sec-rd {cursor:pointer}*/
/*.spec-card-2-sec-ptc-list {cursor:pointer}*/
.sp-table,.sp-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.sp-table-all{border:1px solid #ccc}
.sp-bordered tr,.sp-table-all tr{border-bottom:1px solid #ddd}.sp-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.sp-table-all tr:nth-child(odd){background-color:#fff}.sp-table-all tr:nth-child(even){background-color:#f1f1f1}
.sp-hoverable tbody tr:hover,.sp-ul.sp-hoverable li:hover{background-color:#ccc}.sp-centered tr th,.sp-centered tr td{text-align:center}
.sp-table td,.sp-table th,.sp-table-all td,.sp-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.sp-table th:first-child,.sp-table td:first-child,.sp-table-all th:first-child,.sp-table-all td:first-child{padding-left:16px}
.sp-btn,.sp-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.sp-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.sp-btn,.sp-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.sp-disabled,.sp-btn:disabled,.sp-button:disabled{cursor:not-allowed;opacity:0.3}.sp-disabled *,:disabled *{pointer-events:none}
.sp-btn.sp-disabled:hover,.sp-btn:disabled:hover{box-shadow:none}
.sp-badge,.sp-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.sp-badge{border-radius:50%}
.sp-ul{list-style-type:none;padding:0;margin:0}.sp-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.sp-ul li:last-child{border-bottom:none}
.sp-tooltip,.sp-display-container{position:relative}.sp-tooltip .sp-text{display:none}.sp-tooltip:hover .sp-text{display:inline-block}
.sp-ripple:active{opacity:0.5}.sp-ripple{transition:opacity 0s}
.sp-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.sp-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.sp-dropdown-click,.sp-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.sp-dropdown-hover:hover .sp-dropdown-content{display:block}
.sp-dropdown-hover:first-child,.sp-dropdown-click:hover{background-color:#ccc;color:#000}
.sp-dropdown-hover:hover > .sp-button:first-child,.sp-dropdown-click:hover > .sp-button:first-child{background-color:#ccc;color:#000}
.sp-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.sp-check,.sp-radio{width:24px;height:24px;position:relative;top:6px}
.sp-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.sp-bar-block .sp-dropdown-hover,.sp-bar-block .sp-dropdown-click{width:100%}
.sp-bar-block .sp-dropdown-hover .sp-dropdown-content,.sp-bar-block .sp-dropdown-click .sp-dropdown-content{min-width:100%}
.sp-bar-block .sp-dropdown-hover .sp-button,.sp-bar-block .sp-dropdown-click .sp-button{width:100%;text-align:left;padding:8px 16px}
.sp-main,#main{transition:margin-left .4s}
.sp-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.sp-modal-content-590{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:590px}
.sp-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.sp-modal-content-1100{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:1100px}
.sp-bar{width:100%;overflow:hidden}.sp-center .sp-bar{display:inline-block;width:auto}
.sp-bar .sp-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.sp-bar .sp-dropdown-hover,.sp-bar .sp-dropdown-click{position:static;float:left}
.sp-bar .sp-button{white-space:normal}
.sp-bar-block .sp-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.sp-bar-block.sp-center .sp-bar-item{text-align:center}.sp-block{display:block;width:100%}
.sp-responsive{display:block;overflow-x:auto}
.sp-container:after,.sp-container:before,.sp-panel:after,.sp-panel:before,.sp-row:after,.sp-row:before,.sp-row-padding:after,.sp-row-padding:before,
.sp-title-container:after,.sp-title-container:before,.sp-panel:after,.sp-panel:before,.sp-row:after,.sp-row:before,.sp-row-padding:after,.sp-row-padding:before,
.sp-title2-container:after,.sp-title2-container:before,.sp-panel:after,.sp-panel:before,.sp-row:after,.sp-row:before,.sp-row-padding:after,.sp-row-padding:before,
.sp-cell-row:before,.sp-cell-row:after,.sp-clear:after,.sp-clear:before,.sp-bar:before,.sp-bar:after{content:"";display:table;clear:both}
.sp-col,.sp-half,.sp-third,.sp-twothird,.sp-threequarter,.sp-quarter,.sp-fourfifth,.sp-fifth{float:left;width:100%}
.sp-col.s1{width:8.33333%}.sp-col.s2{width:16.66666%}.sp-col.s3{width:24.99999%}.sp-col.s4{width:33.33333%}
.sp-col.s5{width:41.66666%}.sp-col.s6{width:49.99999%}.sp-col.s7{width:58.33333%}.sp-col.s8{width:66.66666%}
.sp-col.s9{width:74.99999%}.sp-col.s10{width:83.33333%}.sp-col.s11{width:91.66666%}.sp-col.s12{width:99.99999%}
@media (min-width:601px){.sp-col.m1{width:8.33333%}.sp-col.m2{width:16.66666%}.sp-fifth{width:20%;}.sp-col.m3,.sp-quarter{width:24.99999%}.sp-col.m4,.sp-third{width:33.33333%}
.sp-col.m5{width:41.66666%}.sp-col.m6,.sp-half{width:49.99999%}.sp-col.m7{width:58.33333%}.sp-col.m8,.sp-twothird{width:66.66666%}
.sp-col.m9,.sp-threequarter{width:74.99999%}.sp-fourfifth{width:80%}.sp-col.m10{width:83.33333%}.sp-col.m11{width:91.66666%}.sp-col.m12{width:99.99999%}}
@media (min-width:993px){.sp-col.l1{width:8.33333%}.sp-col.l2{width:16.66666%}.sp-col.l3{width:24.99999%}.sp-col.l4{width:33.33333%}
.sp-col.l5{width:41.66666%}.sp-col.l6{width:49.99999%}.sp-col.l7{width:58.33333%}.sp-col.l8{width:66.66666%}
.sp-col.l9{width:74.99999%}.sp-col.l10{width:83.33333%}.sp-col.l11{width:91.66666%}.sp-col.l12{width:99.99999%}}
.sp-rest{overflow:hidden}.sp-stretch{margin-left:-16px;margin-right:-16px}
.sp-content,.sp-auto{margin-left:auto;margin-right:auto}.sp-content{max-width:980px}.sp-auto{max-width:1140px}
.sp-cell-row{display:table;width:100%}.sp-cell{display:table-cell}
.sp-cell-top{vertical-align:top}.sp-cell-middle{vertical-align:middle}.sp-cell-bottom{vertical-align:bottom}
.sp-hide{display:none!important}.sp-show-block,.sp-show{display:block!important}.sp-show-inline-block{display:inline-block!important}
@media (max-width:1205px){.sp-auto{max-width:95%}}
@media (max-width:600px){.sp-modal-content{margin:0 10px;width:auto!important}.sp-modal{padding-top:30px}
.sp-dropdown-hover.sp-mobile .sp-dropdown-content,.sp-dropdown-click.sp-mobile .sp-dropdown-content{position:relative}	
.sp-hide-small{display:none!important}.sp-mobile{display:block;width:100%!important}.sp-bar-item.sp-mobile,.sp-dropdown-hover.sp-mobile,.sp-dropdown-click.sp-mobile{text-align:center}
.sp-dropdown-hover.sp-mobile,.sp-dropdown-hover.sp-mobile .sp-btn,.sp-dropdown-hover.sp-mobile .sp-button,.sp-dropdown-click.sp-mobile,.sp-dropdown-click.sp-mobile .sp-btn,.sp-dropdown-click.sp-mobile .sp-button{width:100%}}
@media (max-width:768px){.sp-modal-content{width:500px}.sp-modal{padding-top:50px}}
@media (min-width:993px){.sp-modal-content{width:900px}.sp-hide-large{display:none!important}.sp-sidebar.sp-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.sp-hide-medium{display:none!important}}
@media (max-width:992px){.sp-sidebar.sp-collapse{display:none}.sp-main{margin-left:0!important;margin-right:0!important}.sp-auto{max-width:100%}}
.sp-top,.sp-bottom{position:fixed;width:100%;z-index:1}.sp-top{top:0}.sp-bottom{bottom:0}
.sp-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.sp-display-topleft{position:absolute;left:0;top:0}.sp-display-topright{position:absolute;right:0;top:0}
.sp-display-bottomleft{position:absolute;left:0;bottom:0}.sp-display-bottomright{position:absolute;right:0;bottom:0}
.sp-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.sp-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.sp-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.sp-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.sp-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.sp-display-container:hover .sp-display-hover{display:block}.sp-display-container:hover span.sp-display-hover{display:inline-block}.sp-display-hover{display:none}
.sp-display-position{position:absolute}
.sp-circle{border-radius:50%}
.sp-round-small{border-radius:2px}.sp-round,.sp-round-medium{border-radius:4px}.sp-round-large{border-radius:8px}.sp-round-xlarge{border-radius:16px}.sp-round-xxlarge{border-radius:32px}
.sp-row-padding,.sp-row-padding>.sp-half,.sp-row-padding>.sp-third,.sp-row-padding>.sp-twothird,.sp-row-padding>.sp-threequarter,.sp-row-padding>.sp-quarter,.sp-row-padding>.sp-fifth,.sp-row-padding>.sp-fourfifth,.sp-row-padding>.sp-col{padding:0 8px}
.sp-container,.sp-panel{padding:0.01em 16px}.sp-panel{margin-top:16px;margin-bottom:16px}
.sp-title-container,.sp-panel{padding:0.01em 16px}.sp-panel{margin-top:16px;margin-bottom:16px}
.sp-title2-container,.sp-panel{padding:0.01em 16px}.sp-panel{margin-top:16px;margin-bottom:16px}
.sp-code,.sp-codespan{font-family:Consolas,"courier new";font-size:16px}
.sp-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.sp-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.sp-card,.sp-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.sp-card-4,.sp-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.sp-spin{animation:sp-spin 2s infinite linear}@keyframes sp-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.sp-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.sp-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.sp-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.sp-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.sp-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.sp-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.sp-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.sp-animate-input{transition:width 0.4s ease-in-out}.sp-animate-input:focus{width:100%!important}
.sp-opacity,.sp-hover-opacity:hover{opacity:0.60}.sp-opacity-off,.sp-hover-opacity-off:hover{opacity:1}
.sp-opacity-max{opacity:0.25}.sp-opacity-min{opacity:0.75}
.sp-greyscale-max,.sp-grayscale-max,.sp-hover-greyscale:hover,.sp-hover-grayscale:hover{filter:grayscale(100%)}
.sp-greyscale,.sp-grayscale{filter:grayscale(75%)}.sp-greyscale-min,.sp-grayscale-min{filter:grayscale(50%)}
.sp-sepia{filter:sepia(75%)}.sp-sepia-max,.sp-hover-sepia:hover{filter:sepia(100%)}.sp-sepia-min{filter:sepia(50%)}
.sp-tiny{font-size:10px!important}.sp-small{font-size:12px!important}.sp-medium{font-size:15px!important}.sp-large{font-size:18px!important}
.sp-xlarge{font-size:24px!important}.sp-xxlarge{font-size:36px!important}.sp-xxxlarge{font-size:48px!important}.sp-jumbo{font-size:64px!important}
.sp-left-align{text-align:left!important}.sp-right-align{text-align:right!important}.sp-justify{text-align:justify!important}.sp-center{text-align:center!important}
.sp-border-0{border:0!important}.sp-border{border:1px solid #ccc!important}
.sp-border-top{border-top:1px solid #ccc!important}.sp-border-bottom{border-bottom:1px solid #ccc!important}
.sp-border-left{border-left:1px solid #ccc!important}.sp-border-right{border-right:1px solid #ccc!important}
.sp-topbar{border-top:6px solid #ccc!important}.sp-bottombar{border-bottom:6px solid #ccc!important}
.sp-leftbar{border-left:6px solid #ccc!important}.sp-rightbar{border-right:6px solid #ccc!important}
.sp-section,.sp-code{margin-top:16px!important;margin-bottom:16px!important}
.sp-margin{margin:16px!important}.sp-margin-top{margin-top:16px!important}.sp-margin-bottom{margin-bottom:16px!important}
.sp-margin-left{margin-left:16px!important}.sp-margin-right{margin-right:16px!important}
.sp-margin-left-0{margin-left:0px!important}.sp-margin-right-0{margin-right:0px!important}
.sp-margin-left-8{margin-left:8px!important}.sp-margin-right-8{margin-right:8px!important}
.sp-margin-left-48{margin-left:48px!important}.sp-margin-right-48{margin-right:48px!important}
.sp-padding-8{padding-top:8px!important}.sp-padding-12{padding-top:12px!important}
.sp-padding-small{padding:4px 8px!important}.sp-padding{padding:8px 16px!important}.sp-padding-large{padding:12px 24px!important}
.sp-padding-16{padding-top:16px!important;padding-bottom:16px!important}.sp-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.sp-padding-32{padding-top:32px!important;padding-bottom:32px!important}.sp-padding-40{padding-top:40px!important;padding-bottom:48px!important}.sp-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.sp-padding-64{padding-top:64px!important;padding-bottom:64px!important}.sp-padding-128{padding-top:128px!important;padding-bottom:128px!important}
.sp-padding-top-128{padding-top:128px!important}.sp-padding-top-192{padding-top:192px!important}
.sp-padding-top-64{padding-top:64px!important}.sp-padding-top-48{padding-top:48px!important}
.sp-padding-top-32{padding-top:32px!important}.sp-padding-top-24{padding-top:24px!important}
.sp-padding-top-12{padding-top:12px!important}
.sp-padding-top-72{padding-top:72px!important}
.sp-padding-top-200{padding-top:200px!important}
.sp-padding-top-212{padding-top:212px!important}
.sp-padding-bottom-72{padding-bottom:72px!important}.sp-padding-bottom-92{padding-bottom:92px!important}
.sp-padding-bottom-64{padding-bottom:64px!important}.sp-padding-bottom-32{padding-bottom:32px!important}
.sp-padding-bottom-24{padding-bottom:24px!important}.sp-padding-bottom-12{padding-bottom:12px!important}
.sp-padding-left-right-32{padding-left:32px!important;padding-right:32px!important}.sp-padding-right-24{padding-right:24px!important}
.sp-left{float:left!important}.sp-right{float:right!important}
.sp-button:hover{color:#000!important;background-color:#ccc!important}
.sp-transparent,.sp-hover-none:hover{background-color:transparent!important}
.sp-hover-none:hover{box-shadow:none!important}
/* Colors */
.sp-amber,.sp-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.sp-aqua,.sp-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.sp-blue,.sp-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.sp-light-blue,.sp-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.sp-brown,.sp-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.sp-cyan,.sp-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.sp-blue-grey,.sp-hover-blue-grey:hover,.sp-blue-gray,.sp-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.sp-green,.sp-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.sp-light-green,.sp-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.sp-indigo,.sp-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.sp-khaki,.sp-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.sp-lime,.sp-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.sp-orange,.sp-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.sp-deep-orange,.sp-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.sp-pink,.sp-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.sp-purple,.sp-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.sp-deep-purple,.sp-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.sp-red,.sp-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.sp-sand,.sp-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.sp-teal,.sp-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.sp-yellow,.sp-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.sp-white,.sp-hover-white:hover{color:#000!important;background-color:#fff!important}
.sp-black,.sp-hover-black:hover{color:#fff!important;background-color:#000!important}
.sp-grey,.sp-hover-grey:hover,.sp-gray,.sp-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.sp-light-grey,.sp-hover-light-grey:hover,.sp-light-gray,.sp-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.sp-dark-grey,.sp-hover-dark-grey:hover,.sp-dark-gray,.sp-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.sp-pale-red,.sp-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.sp-pale-green,.sp-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.sp-pale-yellow,.sp-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.sp-pale-blue,.sp-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.sp-text-amber,.sp-hover-text-amber:hover{color:#ffc107!important}
.sp-text-aqua,.sp-hover-text-aqua:hover{color:#00ffff!important}
.sp-text-blue,.sp-hover-text-blue:hover{color:#2196F3!important}
.sp-text-light-blue,.sp-hover-text-light-blue:hover{color:#87CEEB!important}
.sp-text-brown,.sp-hover-text-brown:hover{color:#795548!important}
.sp-text-cyan,.sp-hover-text-cyan:hover{color:#00bcd4!important}
.sp-text-blue-grey,.sp-hover-text-blue-grey:hover,.sp-text-blue-gray,.sp-hover-text-blue-gray:hover{color:#607d8b!important}
.sp-text-green,.sp-hover-text-green:hover{color:#4CAF50!important}
.sp-text-light-green,.sp-hover-text-light-green:hover{color:#8bc34a!important}
.sp-text-indigo,.sp-hover-text-indigo:hover{color:#3f51b5!important}
.sp-text-khaki,.sp-hover-text-khaki:hover{color:#b4aa50!important}
.sp-text-lime,.sp-hover-text-lime:hover{color:#cddc39!important}
.sp-text-orange,.sp-hover-text-orange:hover{color:#ff9800!important}
.sp-text-deep-orange,.sp-hover-text-deep-orange:hover{color:#ff5722!important}
.sp-text-pink,.sp-hover-text-pink:hover{color:#e91e63!important}
.sp-text-purple,.sp-hover-text-purple:hover{color:#9c27b0!important}
.sp-text-deep-purple,.sp-hover-text-deep-purple:hover{color:#673ab7!important}
.sp-text-red,.sp-hover-text-red:hover{color:#f44336!important}
.sp-text-sand,.sp-hover-text-sand:hover{color:#fdf5e6!important}
.sp-text-teal,.sp-hover-text-teal:hover{color:#009688!important}
.sp-text-yellow,.sp-hover-text-yellow:hover{color:#d2be0e!important}
.sp-text-white,.sp-hover-text-white:hover{color:#fff!important}
.sp-text-black,.sp-hover-text-black:hover{color:#000!important}
.sp-text-grey,.sp-hover-text-grey:hover,.sp-text-gray,.sp-hover-text-gray:hover{color:#757575!important}
.sp-text-light-grey,.sp-hover-text-light-grey:hover,.sp-text-light-gray,.sp-hover-text-light-gray:hover{color:#f1f1f1!important}
.sp-text-dark-grey,.sp-hover-text-dark-grey:hover,.sp-text-dark-gray,.sp-hover-text-dark-gray:hover{color:#3a3a3a!important}
.sp-border-amber,.sp-hover-border-amber:hover{border-color:#ffc107!important}
.sp-border-aqua,.sp-hover-border-aqua:hover{border-color:#00ffff!important}
.sp-border-blue,.sp-hover-border-blue:hover{border-color:#2196F3!important}
.sp-border-light-blue,.sp-hover-border-light-blue:hover{border-color:#87CEEB!important}
.sp-border-brown,.sp-hover-border-brown:hover{border-color:#795548!important}
.sp-border-cyan,.sp-hover-border-cyan:hover{border-color:#00bcd4!important}
.sp-border-blue-grey,.sp-hover-border-blue-grey:hover,.sp-border-blue-gray,.sp-hover-border-blue-gray:hover{border-color:#607d8b!important}
.sp-border-green,.sp-hover-border-green:hover{border-color:#4CAF50!important}
.sp-border-light-green,.sp-hover-border-light-green:hover{border-color:#8bc34a!important}
.sp-border-indigo,.sp-hover-border-indigo:hover{border-color:#3f51b5!important}
.sp-border-khaki,.sp-hover-border-khaki:hover{border-color:#f0e68c!important}
.sp-border-lime,.sp-hover-border-lime:hover{border-color:#cddc39!important}
.sp-border-orange,.sp-hover-border-orange:hover{border-color:#ff9800!important}
.sp-border-deep-orange,.sp-hover-border-deep-orange:hover{border-color:#ff5722!important}
.sp-border-pink,.sp-hover-border-pink:hover{border-color:#e91e63!important}
.sp-border-purple,.sp-hover-border-purple:hover{border-color:#9c27b0!important}
.sp-border-deep-purple,.sp-hover-border-deep-purple:hover{border-color:#673ab7!important}
.sp-border-red,.sp-hover-border-red:hover{border-color:#f44336!important}
.sp-border-sand,.sp-hover-border-sand:hover{border-color:#fdf5e6!important}
.sp-border-teal,.sp-hover-border-teal:hover{border-color:#009688!important}
.sp-border-yellow,.sp-hover-border-yellow:hover{border-color:#ffeb3b!important}
.sp-border-white,.sp-hover-border-white:hover{border-color:#fff!important}
.sp-border-black,.sp-hover-border-black:hover{border-color:#000!important}
.sp-border-grey,.sp-hover-border-grey:hover,.sp-border-gray,.sp-hover-border-gray:hover{border-color:#9e9e9e!important}
.sp-border-light-grey,.sp-hover-border-light-grey:hover,.sp-border-light-gray,.sp-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.sp-border-dark-grey,.sp-hover-border-dark-grey:hover,.sp-border-dark-gray,.sp-hover-border-dark-gray:hover{border-color:#616161!important}
.sp-border-pale-red,.sp-hover-border-pale-red:hover{border-color:#ffe7e7!important}.sp-border-pale-green,.sp-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.sp-border-pale-yellow,.sp-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.sp-border-pale-blue,.sp-hover-border-pale-blue:hover{border-color:#e7ffff!important}
/* Specific Section */
/* Overlapping Z element */
.spec-overlap-title-box{position: relative;width: 100%; height:150; top: -600px; background: rgb(4, 3, 75);border: 6px solid black; z-index:3}
/* Button  */
/* Biography */
.spec-button-bio:hover{color:white!important;background-color:#a9aaae!important}
.spec-button-bio{width:150px;height:36px;text-align:center;padding:2px 2px}
.spec-button-bio{white-space:normal}
/* Security */
.spec-button-sec:hover{color:white!important;background-color:#455be6!important}
.spec-button-sec{width:100%;text-align:center;padding:8px 16px}
.spec-button-sec{white-space:normal}
/* Threat Model */
.spec-button-tm:hover{color:black!important;background-color:#f5f5f6!important}
.spec-button-tm{width:100%;text-align:center;padding:8px 16px}
.spec-button-tm{white-space:normal}
/* Networking */
.spec-button-net:hover{color:black!important;background-color:rgb(205, 205, 226)!important}
.spec-button-net{width:100%;text-align:center;padding:8px 16px}
.spec-button-net{white-space:normal}
/* Programming */
/* Governance */
.spec-button-gov:hover{color:black!important;background-color:#989898!important}
.spec-button-gov{width:100%;text-align:center;padding:8px 16px}
.spec-button-gov{white-space:normal}
/* Incident Playbooks*/
.spec-button-ipb:hover{color:black!important;background-color:rgb(205, 205, 226)!important}
.spec-button-ipb{width:100%;text-align:center;padding:8px 16px}
.spec-button-ipb{white-space:normal}
/* Cover Small*/
.spec-button-cov:hover{color:black!important;background-color:rgb(205, 205, 226)!important}
.spec-button-cov-blue:hover{color:white!important;background-color:#4384c5!important}
.spec-button-cov-red:hover{color:white!important;background-color:#de592d!important}
.spec-button-cov-bluegreen:hover{color:white!important;background-color:#339297!important}
.spec-button-cov-orange:hover{color:white!important;background-color:#ffa70d!important}
.spec-button-cov-green:hover{color:white!important;background-color:#009726!important}
.spec-button-cov{width:100%;text-align:center;padding:8px 16px}
.spec-button-cov{white-space:normal}
/* Cover Small squares*/
.spec-button-covsq-blue:hover{color:black!important;background-color:rgb(137, 172, 244)!important}
.spec-button-covsq-red:hover{color:black!important;background-color:#db8c72!important}
.spec-button-covsq-bluegreen:hover{color:black!important;background-color:#88a4a4!important}
.spec-button-covsq-orange:hover{color:black!important;background-color:#f7cd84!important}
.spec-button-covsq-green:hover{color:black!important;background-color:#7dd292!important}
/*.spec-button-covsq{font-weight: 700;color: black;text-align: center;width: 150px;height: 150px;display: flex;align-items: center;justify-content: center; margin: 10px;border: none;background-color: transparent;cursor: pointer;}*/
.spec-button-covsq:hover{color:black!important;background-color:#d3d3d5!important}
.spec-button-covsq{width:100%;text-align:center;padding:32px 8px;}
.spec-button-covsq{white-space:normal}
/* Documentation */
.spec-button-doc:hover{color:black!important;background-color:rgb(238, 234, 234)!important}
.spec-button-doc{width:100%;text-align:center;padding:8px 16px}
.spec-button-doc{white-space:normal}
/* Security Best Practices */
.spec-border-12{border:12px solid #fff!important}
.spec-border-torquoise-4{border: 4px solid #2dce85!important; border-style: outset!important}
/*.spec-border-torquoise-4{border: 4px solid #64bccb!important; border-style: outset!important}*/
.spec-border-torquoise-3{border: 4px solid #318d9e!important; border-style: outset!important}
.spec-button-sec-bp:hover{color:white!important;background-color:#455be6!important}
.spec-button-sec-bp{width:100%;text-align:center;padding:2px 16px}
.spec-button-sec-bp{white-space:normal}
/* 40 Indicators of Compromise */
.spec-border-12-ioc{border:12px solid #fff!important}
.spec-border-red-ioc{border: 4px solid #f95050; border-style: outset!important}
.spec-border-purple-0-ioc{border: 5px solid #cbbaf7; border-style:outset!important}
.spec-button-sec-ioc:hover{color:white!important;background-color:#455be6!important}
.spec-button-sec-ioc{width:100%;text-align:center;padding:8px 16px}
.spec-button-sec-ioc{white-space:normal}
/* 40 High Value Assets Colors */
.spec-blue-d,.spec-hover-blue-d:hover{color:#fff!important;background-color:#d3dcff!important}
.spec-peach-2,.spec-hover-peach-2:hover{color:#fff!important;background-color:#e57f48!important}
.spec-peach-f,.spec-hover-peach-f:hover{color:#fff!important;background-color:#fbe7b9!important}
.spec-peach-1,.spec-hover-peach-1:hover{color:#fff!important;background-color:#d7c18f!important}
.spec-yellow-8,.spec-hover-yellow-8:hover{color:#fff!important;background-color:#d0c63b!important}
.spec-yellow-b,.spec-hover-yellow-b:hover{color:#fff!important;background-color:#b4ab1c!important}
.spec-yellow-d,.spec-hover-yellow-d:hover{color:#fff!important;background-color:#d1c63c!important}
.spec-yellow-5,.spec-hover-yellow-5:hover{color:#fff!important;background-color:#f4f0cf!important}
.spec-yellow-6,.spec-hover-yellow-6:hover{color:#fff!important;background-color:#f2ecb6!important}
.spec-border-yellow-hva{border: 4px solid #e7db52; border-style: outset!important}
/* Specific About Colors */
.spec-blue-5,.spec-hover-blue-5:hover{color:#fff!important;background-color:#5f70e5!important}
.spec-blue-7,.spec-hover-blue-7:hover{color:#fff!important;background-color:#7180f7!important}
/* Specific Governance Colors */
.spec-grey-9,.spec-hover-grey-9:hover{color:#fff!important;background-color:#989898!important}
.spec-grey-a,.spec-hover-grey-a:hover{color:#fff!important;background-color:#a9a9a9!important}
.spec-green-a,.spec-hover-green-a:hover{color:#fff!important;background-color:#c2ffc1!important}
.spec-grey-e,.spec-hover-grey-e:hover{color:#fff!important;background-color:#eaeaea!important}
.spec-green-0,.spec-hover-green-0:hover{color:#fff!important;background-color:#008700!important}
/* Specific Security Colors */
.spec-torquoise-4,.spec-hover-torquoise-4:hover{color:#fff!important;background-color:#45a6b7!important}
.spec-torquoise-5,.spec-hover-torquoise-5:hover{color:#fff!important;background-color:#58b7c8!important}
.spec-blue-5,.spec-hover-blue-5:hover{color:#fff!important;background-color:#5f70e5!important}
.spec-blue-b,.spec-hover-blue-b:hover{color:#fff!important;background-color:#b7c0ff!important}
/* Specific Networking Colors */
.spec-purple-8,.spec-hover-purple-8:hover{color:#fff!important;background-color:#8166c8!important}
.spec-purple-a,.spec-hover-purple-a:hover{color:#fff!important;background-color:#a8b1f5!important}
.spec-blue-1,.spec-hover-blue-1:hover{color:#fff!important;background-color:#101096!important}
.spec-blue-3,.spec-hover-blue-3:hover{color:#fff!important;background-color:#3625ae!important}
.spec-purple-5,.spec-hover-blue-5:hover{color:#fff!important;background-color:#5d45a3!important}
/* Specific Programming Colors */
.spec-blue-d,.spec-hover-blue-d:hover{color:#fff!important;background-color:#d3dcff!important}
.spec-yellow-b,.spec-hover-yellow-b:hover{color:#fff!important;background-color:#b4ab1c!important}
.spec-yellow-d,.spec-hover-yellow-d:hover{color:#fff!important;background-color:#d1c63c!important}
.spec-yellow-e,.spec-hover-yellow-d:hover{color:#fff!important;background-color:#e7db52!important}
/* Security Best Practices Colors */
.spec-torquoise-2,.spec-hover-torquoise-2:hover{color:#fff!important;background-color:#7fe0e9!important}
.spec-torquoise-d7,.spec-hover-torquoise-d7:hover{color:#fff!important;background-color:#46dcc3!important}
.spec-torquoise-92,.spec-hover-torquoise-92:hover{color:#fff!important;background-color:#b2e4ed!important}
.spec-blue-47,.spec-hover-blue-47:hover{color:#fff!important;background-color:#4755b0!important}
.spec-blue-b,.spec-hover-blue-b:hover{color:#fff!important;background-color:#b7c0ff!important}
/* Specific Indicator of Compromise Colors */
.spec-purple-b,.spec-hover-purple-b:hover{color:#fff!important;background-color:#9983d2!important}
.spec-purple-0,.spec-hover-purple-0:hover{color:#fff!important;background-color:#7666a0!important}
.spec-blue-e,.spec-hover-blue-e:hover{color:#fff!important;background-color:#d1d6ff!important}
/*Incident Playbooks */
.spec-blue-eb,.spec-hover-blue-eb:hover{color:#fff!important;background-color:#3d71eb!important}
.spec-green-7,.spec-hover-green7:hover{color:#fff!important;background-color:#c9f2d8!important}
.spec-purple-0,.spec-hover-purple-0:hover{color:#fff!important;background-color:#7666a0!important}
.spec-blue-fe,.spec-hover-blue-fe:hover{color:#fff!important;background-color:#6ea0f3!important}
/* Incident Management */
.spec-grey-imw,.spec-hover-grey-imw:hover{color:#fff!important;background-color:#b4b9be!important}
.spec-grey-imw2,.spec-hover-grey-imw2:hover{color:#fff!important;background-color:#9cb0c4!important}

/* Data Center */
.spec-blue-f4,.spec-hover-blue-f4:hover{color:#fff!important;background-color:#a4c2f4!important}
/* Specific Risk Management Colors */
.spec-button-riskmgmt:hover{color:white!important;background-color:#455be6!important}
.spec-button-riskmgmt{width:100%;text-align:center;padding:8px 16px}
.spec-button-riskmgmt{white-space:normal}
.spec-torquoise-9,.spec-hover-torquoise-9:hover{color:#fff!important;background-color:#51c4d9!important}
.spec-blue-z,.spec-hover-blue-z:hover{color:#fff!important;background-color:#2077cd!important}
.spec-blue-e1,.spec-hover-blue-e1:hover{color:#fff!important;background-color:#4291e1!important}
.spec-blue-5,.spec-hover-blue-5:hover{color:#fff!important;background-color:#5f70e5!important}
.spec-blue-b,.spec-hover-blue-b:hover{color:#fff!important;background-color:#b7c0ff!important}
/* Network Capacity Planning Colors */
.spec-blue-101,.spec-hover-blue-101:hover{color:#fff!important;background-color:#101eb2!important}
.spec-blue-te,.spec-hover-blue-te:hover{color:#fff!important;background-color:#2574f3!important}
.spec-border-6-right-blue-101{padding-right:12px;border-right:6px solid #bfd6fb!important}
/* Network Performance */
.spec-green-101,.spec-hover-green-101:hover{color:#fff!important;background-color:#d9ead3ff!important}
.spec-border-6-right-green-101{padding-right:12px;border-right:6px solid #d9ead3ff!important}
.spec-green-ff2,.spec-hover-green-ff2:hover{color:#fff!important;background-color:rgb(112, 146, 98)!important}
.spec-green-ff,.spec-hover-green-ff:hover{color:#fff!important;background-color:rgb(91, 137, 71)!important}

/* Application Traffic */
.spec-grey-81,.spec-hover-grey-81:hover{color:#fff!important;background-color:#7c7f81!important}
.spec-grey-at,.spec-hover-grey-at:hover{color:#fff!important;background-color:#b4b9be!important}
.spec-border-6-right-grey-9be{padding-right:12px;border-right:6px solid #bec2c7!important}
/* Network Diagrams Colors */
.spec-border-2-nd{border: 2px solid #000;}
.spec-border-6-sides-black-6{border-right:5px solid black!important;border-left:5px solid black!important}
/* Pen Testing Methodologies Colors */
.spec-red-tst,.spec-hover-red-tst:hover{color:#fff!important;background-color:#f47d97!important}
.spec-red-23,.spec-hover-red-23:hover{color:#fff!important;background-color:#f85923!important}
.spec-border-6-right-red-f9{padding-right:12px;border-right:6px solid #f9b1c0!important}
.spec-red-29,.spec-hover-red-29:hover{color:#fff!important;background-color:#a60629!important}
.spec-red-d4,.spec-hover-red-d4:hover{color:#fff!important;background-color:#fad4d4!important}
/* Pen Testing Checklists Colors */
.ptc-ul {list-style-type: none;padding: 0;}
.ptc-li {margin-bottom: 10px;}
.spec-torquoise-e9,.spec-hover-torquoise-e9:hover{color:#000!important;background-color:#7fe0e9!important}
.spec-torquoise-44,.spec-hover-torquoise-44:hover{color:#000!important;background-color:#6dd540!important}
.spec-torquoise-60,.spec-hover-torquoise-60:hover{color:white!important;background-color:#92e86c!important}
.spec-torquoise-b5,.spec-hover-torquoise-b5:hover{color:#000!important;background-color:#b5e89f!important}
.spec-torquoise-be,.spec-hover-torquoise-be:hover{color:#000!important;background-color:#cbe9be!important}
.spec-green-db,.spec-hover-green-db:hover{color:#000!important;background-color:#a9e9db!important}
.spec-green-a5,.spec-hover-green-a5:hover{color:#000!important;background-color:#70c9b6!important}
.spec-green-gray-a5,.spec-hover-green-gray-a5:hover{color:#000!important;background-color:#639b8f!important}
.spec-green-gray2-a5,.spec-hover-green-gray-a5:hover{color:#000!important;background-color:#85aebb!important}
.spec-border-3-green-gray-a5{border:3px solid #639b8f!important}
.spec-border-3-green-a5{border:3px solid #25c8a5!important}
.spec-border-6-right-green-gray-a5{padding-right:12px;border-right:6px solid #639b8f!important}
.spec-border-6-right-green-a5{padding-right:12px;border-right:6px solid #25c8a5!important}
.spec-border-green-top-10 {border-top:10px double #25c8a5!important;border-bottom:10px double #25c8a5!important}
.spec-grey-pt,.spec-hover-grey-pt:hover{color:#fff!important;background-color:#969a99!important}
.spec-grey-at2,.spec-hover-grey-at2:hover{color:#fff!important;background-color:#85a0bb!important}
/* Pen Testing Frameworks Colors */
.spec-grey-b8,.spec-hover-grey-b8:hover{color:black!important;background-color:#dfe2e5!important}
.spec-blue-fb,.spec-hover-blue-fb:hover{color:black!important;background-color:#6ea0f3!important}
.spec-blue-dfb,.spec-hover-blue-dfb:hover{color:#fff!important;background-color:#4789f3!important}
.spec-blue-f3,.spec-hover-blue-f3:hover{color:#fff!important;background-color:#186bf3!important}
.spec-border-ptf-4{border: 2px solid #6ea0f3!important}
.spec-border-ptf-4-blue-z{border: 2px solid #2077cd!important}
/* Incidnet WorkFlow*/
.spec-blue-x,.spec-hover-blue-x:hover{color:#fff!important;background-color:#4384c5!important}
/* Threat Models*/
.spec-blue-bfd2,.spec-hover-blue-bfd2:hover{color:#fff!important;background-color:#81aef7!important}
.spec-blue-bfd,.spec-hover-blue-bfd:hover{color:#fff!important;background-color:#bfd6fb!important}
.spec-border-6-right-blue-101{padding-right:12px;border-right:6px solid #bfd6fb!important}
.spec-border-black-top-10 {border-top:10px double #4384c5!important}
/* Recommended Documents */
.spec-bluegreen-bfd,.spec-hover-bluegreen-bfd:hover{color:#fff!important;background-color:#6cc6cc!important}
.spec-border-6-right-bluegreen-101{padding-right:12px;border-right:6px solid #299ea7!important}
.spec-bluegreen-x,.spec-hover-bluegreen-x:hover{color:#fff!important;background-color:#299ea7!important}
.spec-border-black-top-10 {border-top:10px double #4384c5!important}
/* Vulnerability Assessment */
.spec-blue-101,.spec-hover-blue-101:hover{color:#fff!important;background-color:#101eb2!important}
.spec-blue-te,.spec-hover-blue-te:hover{color:#fff!important;background-color:#2574f3!important}
.spec-purple-b,.spec-hover-purple-b:hover{color:#fff!important;background-color:#9983d2!important}
.spec-purple-0,.spec-hover-purple-0:hover{color:#fff!important;background-color:#7666a0!important}
.spec-blue-b,.spec-hover-blue-b:hover{color:#fff!important;background-color:#b7c0ff!important}
.spec-border-red-ioc{border: 4px solid #f95050; border-style: outset!important}
.spec-border-purple-0-ioc{border: 5px solid #cbbaf7; border-style:outset!important}
/* Cover Small */
.spec-blue-bfd,.spec-hover-blue-bfd:hover{color:#fff!important;background-color:#bfd6fb!important}
.spec-blue-e87,.spec-hover-blue-e87:hover{color:#fff!important;background-color:#000e87!important}
.spec-blue-28b,.spec-hover-blue-28b:hover{color:#fff!important;background-color:#2030bc!important}
.spec-border-black-top-2 {border:2px solid black!important}
.spec-border-black-top-2 {border:2px solid #000e87!important}
/* Grid Container */
/*border-top: 0px solid #000e87*/
.grid-container {display: inline-grid;grid-template-columns: auto auto auto auto auto;grid-template-rows: auto auto auto auto;gap: 0px;margin-top: 40px;background-color: white;}
.grid-item-top {display: flex;border-top: 0px solid #efeff0;border-right:10px solid #efeff0; border-left:0px solid #efeff0;border-bottom:10px solid #efeff0;width: 220px;height: 220px;padding: 30px;justify-content: center;align-items: center;color: white;}
.grid-item-end {display: flex;border-top: 0px solid #efeff0;border-right:0px solid #efeff0; border-left:0px solid #efeff0;border-bottom:10px solid #efeff0;width: 220px;height: 220px;padding: 30px;justify-content: center;align-items: center;color: white;}
.grid-item-bot {display: flex;border-top: 0px solid #efeff0;border-right:10px solid #efeff0; border-left:0px solid #efeff0;border-bottom:0px solid #efeff0;width: 220px;height: 220px;padding: 30px;justify-content: center;align-items: center;color: white;}
.grid-item-bot2 {display: flex;border-top: 0px solid #efeff0;border-right:10px solid #efeff0; border-left:0px solid #efeff0;border-bottom:0px solid #efeff0;width: 220px;height: 220px;padding: 30px;justify-content: center;align-items: center;color: white;}
.grid-item-botl {display: flex;border-top: 0px solid #efeff0;border-right:0px solid #efeff0 ; border-left:0px solid #efeff0;border-bottom:0px solid #efeff0;width: 220px;height: 220px;padding: 30px;justify-content: center;align-items: center;color: white;}
/* Grid Container Documents */
/*border-top: 0px solid #000e87*/
.grid-doc-container {display: inline-grid;grid-template-columns: auto auto auto auto ;grid-template-rows: auto auto auto auto;gap: 0px;margin-top: 40px;background-color: white;}
.grid-doc-item-top {display: flex;border-top: 0px solid #efeff0;border-right:10px solid #efeff0; border-left:0px solid #efeff0;border-bottom:10px solid #efeff0;width: 220px;height: 220px;padding: 30px;justify-content: center;align-items: center;color: white;}
.grid-doc-item-end {display: flex;border-top: 0px solid #efeff0;border-right:0px solid #efeff0; border-left:0px solid #efeff0;border-bottom:10px solid #efeff0;width: 220px;height: 220px;padding: 30px;justify-content: center;align-items: center;color: white;}
.grid-doc-item-bot {display: flex;border-top: 0px solid #efeff0;border-right:10px solid #efeff0; border-left:0px solid #efeff0;border-bottom:0px solid #efeff0;width: 220px;height: 220px;padding: 30px;justify-content: center;align-items: center;color: white;}
.grid-doc-item-bot2 {display: flex;border-top: 0px solid #efeff0;border-right:10px solid #efeff0; border-left:0px solid #efeff0;border-bottom:0px solid #efeff0;width: 220px;height: 220px;padding: 30px;justify-content: center;align-items: center;color: white;}
.grid-doc-item-botl {display: flex;border-top: 0px solid #efeff0;border-right:0px solid #efeff0 ; border-left:0px solid #efeff0;border-bottom:0px solid #efeff0;width: 220px;height: 220px;padding: 30px;justify-content: center;align-items: center;color: white;}
/* Border Gradation for buttons */
.spec-border-col01-top-10 {border:10px solid #4384c5!important}
.spec-border-col01-2-top-10 {border:10px solid #6392c1!important}
.spec-border-col01-3-top-10 {border:10px solid #7e9fc0!important}
/* Network */
.spec-border-col2d-top-10 {border:10px solid #de592d!important}
.spec-border-col2d-2-top-10 {border:10px solid #dd7856!important}
.spec-border-col2d-3-top-10 {border:10px solid #db8c72!important}
/*Security */
.spec-border-col97-top-10 {border:10px solid #339297!important}
.spec-border-col97-2-top-10 {border:10px solid #529195!important}
.spec-border-col97-3-top-10 {border:10px solid #88a4a4!important}
.spec-border-col97-4-top-10 {border:10px solid #9bbcbc!important}
/* Coding*/
.spec-border-col0d-top-10 {border:10px solid #ffa70d!important}
.spec-border-col0d-2-top-10 {border:10px solid #fbb43a!important}
.spec-border-col0d-3-top-10 {border:10px solid #f7cd84!important}
/* Regulatory */
.spec-border-col26-top-10 {border:10px solid #009726!important}
.spec-border-col26-2-top-10 {border:10px solid #4db767!important}
.spec-border-col26-3-top-10 {border:10px solid #7dd292!important}
.spec-large-font {font-size: 100%; color: white;}
/* Front Title*/
.spec-blue-95d,.spec-hover-blue-95d:hover{color:#fff!important;background-color:#10195d!important}
/* Bar */
.spec-bar{width:100%;overflow:hidden}.sp-center .sp-bar{display:inline-block;width:auto}
.spec-bar .spec-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.spec-bar .spec-dropdown-hover,.spec-bar .spec-dropdown-click{position:static;float:left}
.spec-bar .spec-button{white-space:normal}
.spec-button:hover{color:#000!important;background-color:#9ca7f7!important}
.spec-button-gov:hover{color:#000!important;background-color:#c2ffc1!important}
.spec-transparent,.spec-hover-none:hover{background-color:transparent!important}
.spec-hover-none:hover{box-shadow:none!important}
/* Container Portfolio */
.title-container:after,.title-container:before,.sp-panel:after,.sp-panel:before,.sp-row:after,.sp-row:before,.sp-row-padding:after,.sp-row-padding:before,
.title-container,.sp-panel{padding:0.01em 16px}.sp-panel{margin-top:16px;margin-bottom:16px}
.subtitle-container:after,.subtitle-container:before,.sp-panel:after,.sp-panel:before,.sp-row:after,.sp-row:before,.sp-row-padding:after,.sp-row-padding:before,
.subtitle-container,.sp-panel{padding:0.01em 16px}.sp-panel{margin-top:16px;margin-bottom:16px}
.bio-container:after,.bio-container:before,.sp-panel:after,.sp-panel:before,.sp-row:after,.sp-row:before,.sp-row-padding:after,.sp-row-padding:before,
.bio-container,.sp-panel{padding:0.01em 16px}.sp-panel{margin-top:16px;margin-bottom:16px}
/* Cards */
.spec-card,.spec-card-2{width:229px; height:229px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-sec{width:160px; height:160px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-small{width:200px; height:90px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-cir-240{width:240px; height:240px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-cir{width:200px; height:90px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-cir-lrg{width:400px; height:200px; box-shadow:0 2px 5px 0 rgba(243, 130, 174, 0.161),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-sec-bp-step{width:250px; height:88px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-sec-bp-inst{width:250px; height:260px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-sec-ioc{width:250px; height:160px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-sec-ioc-num{width:70px; height:52px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-sec--step{width:250px; height:88px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-sec-hva{width:250px; height:160px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-sec-hva-inst{width:250px; height:100px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-sec-hva-num{width:70px; height:52px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-nd{width:200px; height:200px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-ptc{width:300px; height:500px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-sec-ptc-title{width:300px; height:88px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-sec-ptc-list{width:300px; height:1000px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-sec-ptf-title{width:250px; height:88px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-sec-ptf-desc{width:250px; height:124px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-sec-ptf-list{width:250px; height:350px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-sec-rd{width:275px; height:350px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-sec-cov{width:180px; height:180px;}
.spec-card,.spec-card-2-sec-cov-outside{width:200px; height:200px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-tm{width:240px; height:240px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-bio{width:100px; height:100px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-bio1{width:650px; height:200px;}
.spec-card,.spec-card-2-bio3{width:150px; height:80px;}
.spec-card,.spec-card-2-ipb{width:200px; height:200px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.spec-card,.spec-card-2-ipb:hover{color:#000!important;background-color:#a7c4f2!important}
/* CSS for the container holding the paired cards */
.spec-card-container {display: flex;justify-content: space-between;}
/* CSS for the left-side card */
.spec-left-card {width:30%; flex: 1; border-radius: 25px 0px 0px 25px;background-color:#6ea0f3;color: white ;padding: 10px;border: 1px solid #6ea0f3;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);text-align: left;}
/* CSS for the right-side card */
.spec-right-card {width:70%;flex:2; border-radius: 0px 25px 25px 0px;background-color:white;color:black;padding: 10px;border: 1px solid #6ea0f3; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);text-align: left;}
/* Font sizes */
/* Spacing */
.spec-border-6{border:6px solid #fff!important}
.spec-margin-bottom-0{margin-bottom:0px!important}
.spec-margin-bottom-4{margin-bottom:4px!important}
.spec-margin-bottom-8{margin-bottom:8px!important}
.spec-margin-bottom-12{margin-bottom:12px!important}
.spec-margin-bottom-16{margin-bottom:16px!important}
.spec-margin-bottom-18{margin-bottom:18px!important}
.spec-margin-bottom-20{margin-bottom:20px!important}
.spec-margin-bottom-24{margin-bottom:24px!important}
.spec-margin-bottom-32{margin-bottom:32px!important}
.spec-margin-bottom-48{margin-bottom:48px!important}
.spec-margin-bottom-64{margin-bottom:64px!important}
.spec-margin-bottom-80{margin-bottom:80px!important}
.spec-margin-bottom-100{margin-bottom:100px!important}
.spec-margin-bottom-124{margin-bottom:124px!important}
.spec-margin-bottom-140{margin-bottom:140px!important}
.spec-margin-bottom-164{margin-bottom:164px!important}
.spec-margin-bottom-200{margin-bottom:200px!important}
.spec-margin-top-16{margin-top:16px!important}
.spec-margin-top-32{margin-top:32px!important}
.spec-margin-top-24{margin-top:24px!important}
.spec-margin-top-48{margin-top:48px!important}
.spec-margin-top-64{margin-top:64px!important}
.spec-margin-top-100{margin-top:100px!important}
.spec-margin-top-118{margin-top:118px!important}
.spec-margin-top-160{margin-top:160px!important}
.spec-margin-top-230{margin-top:230px!important}
.spec-margin-left-8{margin-left:8px!important}
.spec-margin-left-24{margin-left:24px!important}
.spec-margin-left-32{margin-left:32px!important}
.spec-margin-left-64{margin-left:64px!important}
.spec-margin-left-100{margin-left:100px!important}
.spec-margin-left-124{margin-right:124px!important}
.spec-margin-right-32{margin-left:32px!important}
.spec-margin-right-64{margin-left:64px!important}
.spec-margin-right-100{margin-right:100px!important}
.spec-margin-right-124{margin-right:124px!important}
.spec-margin-all-8{margin: 10px;}
.spec-padding-4{padding:4px 4px!important}
.spec-padding-6{padding:6px 6px!important}
.spec-padding-08{padding:0px 8px!important}
.spec-padding-8{padding:8px 8px!important}
.spec-padding-12{padding:12px 12px!important}
.spec-padding-14{padding:14px 14px!important}
.spec-padding-16{padding:16px 16px!important}
.spec-padding-18{padding:18px 16px!important}
.spec-padding-20{padding:20px 16px!important}
.spec-padding-22{padding:22px 16px!important}
.spec-padding-30{padding:30px 30px!important}
.spec-padding{padding:24px 16px!important}
.spec-padding-26{padding:26px 18px!important}
.spec-padding-28{padding:28px 16px!important}
.spec-padding-32{padding:32px 18px 0px 20px!important}
.spec-padding-36{padding:36px 18px 0px 20px!important}
.spec-padding-48{padding:48px 20px 0px 20px!important}
.spec-padding-top-2{padding:2px 4px 2px 4px!important}
.spec-padding-top-4{padding:12px 4px 2px 4px!important}
.spec-padding-topOnly-4{padding-top:4px!important}
.spec-padding-14416{padding:1px 4px 4px 16px!important}
.spec-padding-44816{padding: 0px 0px 4px 16px;}
.spec-padding-top-8{padding-top:8px!important}
.spec-padding-top-12{padding-top:12px!important}
.spec-padding-top-16{padding-top:16px!important}
.spec-padding-top-24{padding-top:24px!important}
.spec-padding-top-30{padding-top:30px!important}
.spec-padding-top-36{padding-top:36px!important}
.spec-padding-top-40{padding-top:40px!important}
.spec-padding-top-44{padding-top:44px!important}
.spec-padding-top-48{padding-top:48px!important}
.spec-padding-top-70{padding-top:70px!important}
.spec-padding-bottom-8{padding-bottom:8px!important}
.spec-padding-bottom-12{padding-bottom:12px!important}
.spec-padding-bottom-24{padding-bottom:24px!important}
.spec-padding-bottom-48{padding-bottom:48px!important}
.spec-padding-left-24{padding-left:24px!important}
.spec-padding-left-75{padding-left:75px!important}
.spec-padding-left-100{padding-left:100px!important}
.spec-padding-left-116{padding-left:116px!important}
.spec-padding-left-124{padding-left:124px!important}
.spec-padding-left-132{padding-left:132px!important}
.spec-padding-6-R{padding-right: 6px;}
.spec-padding-8-R{padding-right: 8px;}
.spec-padding-6-LR{padding-left: 6px; padding-right: 6px;}
.spec-padding-10-LR{padding-left: 10px; padding-right: 10px;}
.spec-padding-30-LR{padding-left: 30px!important; padding-right: 30px!important}
/* Toni Noble */
.h10{font-size: 75px;font-family: "Raleway";font-weight: bold;color: white;padding-left: 85px;}
.spec-container,.sp-panel{padding:0.01em 16px}.sp-panel{margin-top:16px;margin-bottom:16px}
/*  Title Text Position */
.spec-center{text-align: center; vertical-align: middle}
.spec-text-align{align-items: center;}
.spec-vert-hori-align{vertical-align: middle;}
/* CSS for image titles */
.image-title {font-weight: bold;margin-top: 4px; margin-bottom:14px; color:#000}
.image-title-26{font-weight: bold;margin-top: 26px; margin-bottom:14px; color:#000}
/*  About */
.spec-text-block {position: relative;top: -270px;background-color: transparent;color: black;padding-left: 200px;}
.spec-text-block-2 {position: relative;top: -170px;background-color: transparent;color: #5f70e5 ;padding-left:258px;}
/* Security */
.spec-text-block-sec {position: relative;top: -270px;background-color: transparent;color: black;padding-left: 224px;padding-right: 20px;}
/*.spec-text-block-sec {position: relative;top: -270px;left: 200px;background-color: transparent;color: black;padding-left: 20px;padding-right: 20px;}*/
.spec-text-block-sec2 {position: relative;top: -150px;left: 242px;background-color: transparent;color: #5f70e5 ;padding-left: 20px;padding-right: 20px;}
.spec-image {background-image:"/www.toni.com\Sec backgrd.png";background-size: 616px 162px; background-repeat: no-repeat;}
.spec-border-6{border:6px solid #45a6b7!important}
.spec-border-6-right{padding-right:12px;border-right:6px solid #45a6b7!important}
.spec-border-6-top{border-top:6px solid #45a6b7!important}
/* Programming */
.spec-text-block-prog {position: relative;top: -270px;background-color: transparent;color: black;padding-left: 170px;padding-right: 20px;}
.spec-text-block-prog2 {position: relative;top: -150px;left: 242px;background-color: transparent;color: #5f70e5 ;padding-left: 20px;padding-right: 20px;}
/* Networking */
.spec-text-block-net {position: relative;top: -198px;background-color: transparent;color: black;padding-left: 180px;padding-right: 20px;}
.spec-text-block-net2 {position: relative;top: -150px;left: 242px;background-color: transparent;color: #5f70e5 ;padding-left: 20px;padding-right: 20px;}
/* Governance */
.spec-text-block-gov {position: relative;top: -270px;background-color: transparent;color: black;padding-left: 190px;padding-right: 20px;}
.spec-text-block-gov2 {position: relative;top: -150px;left: 242px;background-color: transparent;color: #5f70e5 ;padding-left: 20px;padding-right: 20px;}
.spec-border-green-0-6 {border:6px solid #008700!important}
.spec-border-green-0-6-right{border-right:6px solid #008700!important}
/*Pen Testing Checklist */
.spec-text-block-ptc{background-color:transparent; color: black;font-weight: 600;}
.clear-link {
    color: #0078d4;
    font-style: italic;
    cursor: pointer;
    text-decoration: underline;
}

.clear-link:hover {
    color: #005a9e;
}
/* Background Images */
.bg-img-net{background-image: url("Networking/network\ bkgrnd.png"); background-size:1220px 480px; background-position:98% 100%; background-repeat:no-repeat; background-attachment: local;}
.bg-img-sec{background-image: url("Security/sec\ backgrd.png"); background-size:980px 210px; background-position: 98% 72%; background-repeat:no-repeat; background-attachment: local;}
.bg-img-sec-line{background-image: url("line 1.png"); background-size:6px 2000px; background-position: 100% 100%; background-repeat:no-repeat; background-attachment: local;}
.ft-img-title{position: relative; top: 0; left: 0;}
/* nav responsive  */
.topnav {overflow: hidden;background-color: #333;}
.topnav a {float: right;display: block;color: #f2f2f2;text-align: center;padding: 14px 16px;text-decoration: none;font-size: 17px;}
.topnav a:hover {background-color: #ddd;color: black;}
.topnav a.active {background-color: #04AA6D;color: white;}
.topnav .icon {display: none;}
@media screen and (max-width: 600px) {.topnav a:not(:first-child) {display: none;}.topnav a.icon {float: right;display: block;}}
@media screen and (max-width: 600px) {.topnav.responsive {position: relative;}.topnav.responsive .icon {position: absolute;right: 0;top: 0;}
.topnav.responsive a {float: none;display: block;text-align: left;}}