/*<meta />*/

@charset "UTF-8";

/* CSS Document */

@import url('syntax-highlighting-default.css');
@import url('ionicons.css');

@font-face {
    font-family: AnkaCoder;
    src: url(/fonts/AnkaCoder-C87-r.ttf);
    font-weight: normal;
}

@font-face {
    font-family: AnkaCoder-b;
    src: url(/fonts/AnkaCoder-C87-b.ttf);
    font-weight: bold;
}

@font-face {
    font-family: Arial Light;
    src: url(/fonts/ARIALLGT.TTF);
    font-weight: light;
}

@font-face {
    font-family: TWKEverett;
    src: url(/fonts/TWKEverett-Regular-web.ttf);
}

@font-face {
    font-family: TWKEverett Medium;
    src: url(/fonts/TWKEverett-Medium-web.ttf);
}

@font-face {
    font-family: TWKEverett Light;
    src: url(/fonts/TWKEverett-Light-web.ttf);
}

@font-face {
    font-family: TWKEverett Thin;
    src: url(/fonts/TWKEverett-Thin-web.ttf);
}

@font-face {
    font-family: TWKEverett Hairline;
    src: url(/fonts/TWKEverett-Hairline-web.ttf);
}

body {
    font-family: Arial, Helvetica, sans-serif!important;
    font-size: 14px;
    margin: 0 0 0 0;
    box-sizing: content-box!important;
}

html {
    min-height: 101%;
}

HR {
    height: 1px;
    border: none;
    border-top: 1px solid #838383;
    width: 100%;
    overflow: hidden;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 15px;
}

br {
    display: block;
    content: "";
    padding-bottom: 0.5em;
}

.container {
    padding:20px 0 40px 0;
    margin-top:-35px;
}

var {
    font-weight: normal!important;
    font-style: oblique!important;
    color: #7c4c35!important;
    text-shadow: 0 0 1px #7c4c3580!important;
    margin: 0;
}

code > var {
    font-family: AnkaCoder;
    font-size: 1.1em!important;
    color: #358c4c!important;
    text-shadow: 0 0 1px #358c8c40!important;
}

code > var > b {
    font-family: AnkaCoder-b;
}

img.callout {
    margin: 0 8px -5px -2px!important;
    height: 20px!important;
    width: auto!important;
    vertical-align: baseline!important;
}

img.inline {
    margin: 0 1px 0 1px!important;
    height: auto!important;
    width: auto!important;
}

img.oldstackbutton {
    margin: 0 1px -2px 1px!important;
    height: 32px!important;
    width: auto!important;
    vertical-align: baseline!important;
}

img.screenshot {
    border: 1px solid #E4E4E4!important;
    max-width: 1035px;
    /* height: auto; */
    object-fit: scale-down;
    margin: 8px 0!important;
    display: block;
}

img.screenshot-halfsize {
    border: 1px solid #E4E4E4!important;
    width: 50%!important;
    height: auto;
    object-fit: scale-down;
    margin: 8px 0!important;
    display: block;
}

img.screenshot-tq {
    border: 1px solid #E4E4E4!important;
    width: 100%!important;
    object-fit: scale-down;
    margin: 8px 0!important;
    display: block;
}

img.screenshot-66 {
    border: 1px solid #E4E4E4!important;
    width: 67%!important;
    object-fit: scale-down;
    margin: 8px 0!important;
    display: block;
}

img.screenshot-nav {
    display: block;
    border: 1px solid #EFEFEF;
    width: 25%!important;
    height: auto;
    object-fit: scale-down;
    margin: 8px 0!important;
}

img.screenshot-borderless {
    border: none!important;
    max-width: 1035px;
    /* height: auto; */
    object-fit: scale-down;
    margin: 8px 0!important;
    display: block;
}

.uc {
    max-width: none!important;
    object-fit: none!important;
}

img.smallbutton {
    margin: 0 1px -2px 1px!important;
    height: 16px!important;
    width: auto!important;
    vertical-align: baseline!important;
}

img.toolbarbutton {
    margin: 0 1px -2px 1px!important;
    height: 24px!important;
    width: auto!important;
    vertical-align: baseline!important;
}

.video-mock {
    background: url('/images/docs/video.png');
    width: 100%;
    margin: 8px 0;
    height: 160px;
    text-align: center;
}

.video-mock:before {
    font-family: "Ionicons", monospace;
    content: "Watch \A \f24c";
    font-size: 36px;
    display: block;
    padding-top: 65px;
    width: 100%;
    color: #FFFFFF;
}

.video {
    width: 100%;
}

.minvid {
    width: 490px;
    margin-top: 4px!important;
    border: 1px solid #888888;
    border-radius: 4px;
    padding: 4px;
    margin-left: 10px;
}

.minvid p {
    font-style: italic;
    font-size: 0.85em;
}


/*Force italic/obliique typefaces*/

em {
    font-style: italic;
}

blockquote {
    font-size: inherit;
    border-left: 0;
}

div.collapse blockquote {
    padding: 0 20px 0 20px!important;
    margin-block-start: .1em!important;
    margin-block-end: .1em!important;
    margin-inline-start: 4px!important;
    margin-inline-end: 4px!important;
}


/* div style for End of Life announcements */

div.eol {
    border: 1px solid #D7D3C4;
    background-color: #FEFBF8;
    padding: 4px 12px;
    margin-top: 20px;
}

.post-content {
    margin-bottom:auto;
    background-color:#ffffff;
}

.post-content.home-page {
    padding-bottom: 20px;
    margin-left:-15px;
    margin-right:-15px;
}


/*styles for comparison tables or feature benefits*/

span.checkmark {
    color: #008000;
    font-size: 24px;
    padding: 0 5px 0 5px;
    float: left;
}

span.redx {
    color: #FF0000;
    font-size: 24px;
    padding: 0 5px 0 5px;
    float: left;
}

div.cookie-banner {
    position: fixed;
    left: 0;
    bottom: 0%;
    width: 100%;
    background-color: #29707A;
    padding: 10px;
    color: #f7f7f7;
    text-align: center;
}

.cookie-banner-link {
    color: #d3f0ff!important;
    padding-right: 10px;
}

.cookie-banner-link:hover {
    color: #4CDD84!important;
    text-shadow: 0 0 3px #f5eda680!important;
}

.cookie-banner-accept {
    padding: 10px;
    margin-left: 10px;
    color: #000000;
    border-radius: 5px;
    margin-left: 5px;
    border-color: #3D3C3C!important;
    cursor: pointer;
    background-color: #E4F4F1;
    border-style: solid;
    border-width: 1px;
    font-size: .9em!important;
}

.cookie-banner-accept:hover {
    background-color: #4CDD84;
    border-color: #3D3C3C!important;
}

.cookie-banner__text {
    color: #c8dae4;
}


/*style for image captions*/

.caption {
    font-size: 0.9em!important;
    font-style: italic;
    margin-top: -10px!important;
    margin-bottom: 10px!important;
    padding-top: 5px;
}

.caption-right {
    font-size: 0.9em!important;
    font-style: italic;
    padding-top: 5px;
    text-align: right;
}


/*Tip box*/

.tip {
    background: #FFF5D9 url('/images/help-icn-tip.png') no-repeat;
    background-position: 5px 5px;
    border-radius: 4px;
    border: 1px solid #DDD2C3!important;
    padding: 6px 6px 6px 34px!important;
    margin: 10px!important;
    line-height: 1.4em;
    max-height: 100%;
    max-width: 100%;
}

.hanging-indent {
    margin-left: 20px;
    padding-left: 3.8em!important;
    text-indent: -3.8em!important;
}


/*Info box*/

.info,
.infos {
    background: #F9FDFF url('/images/help-icn-info.png') no-repeat;
    background-position: 5px 5px;
    border-radius: 4px;
    padding: 6px 6px 6px 34px!important;
    margin: 10px!important;
    line-height: 1.4em;
    border: 1px solid #BBD7E7!important;
    max-height: 100%;
    max-width: 100%;
    /*
		CSS for Conflunece pages (dedicated regions) note:
			<p style="background-color: rgb(249,253,255);border-radius: 4.0px;border: 1.0px solid rgb(187,215,231);padding: 6.0px;">

		CSS for Conflunece pages (dedicated regions) dimmed note:
			<p style="color: rgb(187,187,187); background-color: rgb(252,254,255);border-radius: 4.0px;border: 1.0px solid rgb(221,230,243);padding: 6.0px;">
	*/
}

.info-crowded {
    padding: 6px 6px 6px 34px!important;
    margin: -16px 10px 10px 10px!important;
    background: #F9FDFF url('/images/help-icn-info.png') no-repeat;
    background-position: 5px 5px;
    border-radius: 4px;
    line-height: 1.4em;
    border: 1px solid #BBD7E7!important;
    max-height: 100%;
    max-width: 100%;
}

.info ul,
.infos ul,
.info p,
.tip ul,
.tip p {
    margin: 0 0 0 0;
    padding-top: 0;
    padding-bottom: 0!important;
    line-height: 1em;
}

.infos p {
    margin: 0 0 0 0!important;
    padding-top: 6px!important;
    padding-left: 10px!important;
    padding-bottom: 0!important;
    line-height: 1em;
}

.info ul,
.infos ul,
.tip ul {
    margin-left: 0;
    padding-left: 1.4em;
}

.footnote {
    font-size: .85em;
}

.topicToolbarProxy {
    position: relative;
    float: left;
}

.topicToolbarProxy .button.collapse-all-button {
    display: block;
    margin: -5px 20px 20px 0;
    padding: 3px;
    border-radius: 3px;
}

.topicToolbarProxy .button.expand-all-button {
    display: block;
    margin: -5px 20px 20px 0;
    padding: 3px;
    border-radius: 3px;
}


/*Warning box. Apply it by 'styles > Warning' in the editor */

.warning {
    background: #FFEDEB url('/images/help-icn-warning.png') no-repeat;
    background-position: 5px 5px;
    border-radius: 4px;
    padding: 6px 6px 6px 34px!important;
    margin: 10px!important;
    line-height: 1.4em;
    max-height: 100%;
    max-width: 100%;
    border: 1px solid #ffa7a7!important;
}


/*related links box*/

.link,
.link-video {
    background: #F1FAFE url('/images/help-icn-link.png') no-repeat;
    border-radius: 4px;
    background-position: 5px 5px;
    padding: 6px 6px 6px 34px!important;
    margin: 10px!important;
    line-height: 1.4em;
    max-height: 100%;
    max-width: 100%;
}

.link-box {
    background-color: #F1FAFE;
    border-radius: 4px;
    padding-left: 0!important;
}

.link-video:after {
    font-family: "Ionicons", monospace;
    content: "\f20a";
    content: "\f4cd";
    content: "\f256";
    font-size: 15px;
    width: auto;
    padding: 2px 0 0 6px!important;
}


/*Skytap Academy links box */

.learnlink {
    background: #FAFFFA;
    border: 1px solid #DAEADA;
    border-radius: 4px;
    padding: 6px 6px 6px 10px!important;
    margin: 10px!important;
    line-height: 1.4em;
    max-height: 100%;
    max-width: 100%;
}

.learnlink .ion-university {
    color: #508050;
    font-size: 20px;
    padding-right: 5px;
}

.walkthrough {
    background-color: #F0F7E6;
    border: 1px solid #6EB500;
    padding: 6px 6px 0 12px;
    margin: 12px 0 6px 0;
}


/* Styles used in process overviews */

.process-overview-step {
    border: 1px dashed #E7E7E7;
    padding: 10px;
    text-align: center;
    min-height: 100px;
}

.process-overview-step:hover {
    background-color: #FFF8DC;
}

.whats-new-page-container>h2 {
    padding-top: 20px;
}


/* Div used to mock up SRA toolbar */

.sra {
    background: radial-gradient(#101070, #101040);
    max-width: 100%;
    border: 1px solid #808080;
    margin-bottom: 10px!important;
    padding-top: 0!important;
}

.sra>img,
.sra img {
    margin: 0 auto!important;
    display: block!important;
    max-width: 100%;
}

a {
    color: #2090CE;
}

a:link {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:link,
a:visited,
a:active,
a:hover {
    color: #2090CE;
}

a.img-link:hover {
    text-decoration: none!important;
}

.cima-download {
    display: block;
    background: #50758B;
    color: #FFFFFF!important;
    padding: 10px;
    width: auto;
}

.cima-download:before {
    font-family: "Ionicons", monospace;
    content: "\f10b";
    font-size: 23px;
    width: auto;
    float: left;
    color: #FFFFFF;
    padding-right: 10px;
}

p {
    line-height: 1.4em!important;
    margin: 0!important;
    padding: 0 0 0.5em 0!important;
    color: #444444!important;
}

.halfbold {
    color: #004040!important;
    text-shadow: 0 0 1px #80604080!important;
}

h1 {
    font: 2.2em TWKEverett, Arial, Helvetica, sans-serif;
    margin: 35px 0 8px 0;
    color: #6C6C6C;
}

h2 {
    font: 1.8em/1em TWKEverett, Arial, Helvetica, sans-serif;
    margin: 20px 0 8px 0;
    border-bottom: 1px solid #CCCCCC;
    font-weight: normal;
    font-style: normal;
    color: #6C6C6C;
    padding-bottom: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
}

h3 {
    font: 1.5em TWKEverett, Arial, Helvetica, sans-serif;
    margin: 14px 0 8px 0;
    font-weight: normal;
    color: #6C6C6C;
}

h4 {
    font: 1.3em TWKEverett, Arial, Helvetica, sans-serif!important;
    color: #6C6C6C!important;
    color: #888888!important;
    margin-top: 12px!important;
    margin-bottom: 6px!important;
    font-weight: normal!important;
}

h5 {
    font: bold TWKEverett, Arial, Helvetica, sans-serif!important;
    color: #222222!important;
    margin-top: 10px!important;
    margin-bottom: 6px!important;
    font-size: 1.2em;
    font-weight: normal!important;
}

h6 {
    font: bold 1em TWKEverett, Arial, Helvetica, sans-serif!important;
    color: #444444!important;
    margin: 0!important;
    padding: 0 0 0.5em 0!important;
}


/*Heading 6; used in mini table of contents near the top of each topic page */

h6.minitoc {
    font-size: 0.95em!important;
    margin-top: .20em!important;
    margin-left: -17px!important;
    margin-bottom: 3px!important;
    padding: 0 0 0.35em 0!important;
}

.subhead {
    font-weight: bold;
}


/* Mini table of contents styling; this appears near the top of each topic page.
The mini-toc is generated by the minitoc.jquery script*/

#contents,
.contents {
    padding: 10px;
    background: #F8F7F6;
    border: 1px #DCDFE0 solid;
    padding-left: 30px;
    margin-top: 10px;
}

.minitocH2,
.minitocH3,
.minitocH4 {
    font-size: 0.95em!important;
    padding: 0 0 0.35em 0!important;
}

.minitocH3 {
    padding-left: 20px!important;
    font-size: 0.9em!important;
}

.minitocH4 {
    padding-left: 40px!important;
}

.docs-footer {
    bottom: 0;
    margin: 0;
    width: auto;
    text-align: left;
    padding: 20px 0 0 20px;
    border-top: 2px solid #29707a;
}

.docs-footer p {
    color: #444444!important;
    font-size:11px!important;
}

.docs-footer a {
    color:#2090cec0!important;
    font-size:13px!important;
}

.docs-footer .logo-holder {
    text-align: right;
    margin:-55px 30px 10px auto
}

.logo-holder img {
    width:120px;
    margin: -55px 20px 10px auto;
}

ul {
    list-style-type: disc;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: .5em;
}

ul ul {
    list-style-type: square;
}

li {
    line-height: 1.4em;
    color: #444444;
    padding: .15em 0;
}

ul.checklist {
    list-style: none;
}

.checklist>li:before {
    font-family: "Ionicons", monospace;
    content: "\f121";
    font-size: 20px;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    position: absolute;
}

ul.checklist>li {
    padding: .3em 0;
}

li.button {
    border: solid 1px;
}

html.training {
    min-height: 101%;
}

td li {
    margin-bottom: 4px;
    line-height: 1.3em;
}

ol {
    list-style-type: decimal;
    line-height: 1.4em;
    margin-top: 0;
    margin-bottom: 0;
}

ol ol,
ol .collapse ol {
    list-style-type: lower-alpha;
}

ol ol ol {
    list-style-type: lower-roman;
}

ol .tip ol,
ol .info ol,
ol ol .collapse ol {
    list-style-type: decimal;
}

.listor {
    margin: 0 0 3px 0!important;
    padding: 0!important;
    font-weight: bold;
    text-transform: uppercase;
}

.listor:before {
    content: "– ";
}

.listor:after {
    content: " –";
}

.collapse h5 {
    padding-bottom: 4px!important;
}

.collapse h5~p {
    margin-left: 4px!important;
    line-height: 1.1em!important;
}

.parameter-wide,
.parameter-small,
.parameter {
    border: none!important;
    padding-top: 2px;
    background-color: #ffffff!important;
}

.parameter-wide td,
.parameter-small td,
.parameter td {
    border: 1px solid #dfdfdf!important;
}

.parameter-wide td:first-of-type,
.parameter-small td:first-of-type,
.parameter td:first-of-type {
    width: 170px;
    background-color: #fcfbfa;
    font-weight: bold!important;
}

.parameter-small td:first-of-type {
    width: 60px;
}

.parameter-wide td:first-of-type {
    width: 220px;
}

.lowkey td:first-of-type {
    font-weight: normal!important;
}


/* Expanding text */

.collapse {
    padding: 10px;
    border-radius: 0 0 4px 4px;
    border-bottom: 1px solid #38A8DE;
    border-right: 1px solid #38A8DE;
    border-left: 1px solid #38A8DE;
    transition-property: border, border-bottom, border-radius, background-color;
    transition-duration: .28s!important;
    margin-bottom: 2px!important;
}

.videocallout .collapse {
    border: none;
}

blockquote.collapse {
    margin-bottom: 2px;
}

.collapsing {
    padding: 10px;
    border-right: 1px solid #38A8DE;
    border-left: 1px solid #38A8DE;
    transition-duration: .28s!important;
}

.expanding-section {
    border: 1px solid #38A8DE;
    padding: 4px;
    margin: 2px 0;
    border-radius: 4px;
    transition-property: border, transform, padding, margin-bottom;
    transition-duration: .28s!important;
}

.expanding-text {
    padding: 5px 0!important;
    color: #29707A!important;
    border-top: 1px solid #38A8DE;
    border-right: 1px solid #38A8DE;
    border-left: 1px solid #38A8DE;
    border-radius: 4px 4px 0 0;
    margin: 0!important;
    cursor: pointer;
    transition-property: border, transform, padding, margin-bottom, font-size;
    transition-duration: .28s!important;
    display: inline-flex;
    width: 100%;
}

.xindent {
    margin-left: 40px!important;
    margin-inline-start: 40px!important;
    width: calc(100% - 40px);
}

.expanding-text[aria-expanded="true"] {
    padding: 5px 0!important;
    font-size: 1.3em!important;
    transition-property: font-size, transform, padding, text-shadow;
    transition-duration: .28s!important;
}

.expanding-text[aria-expanded="false"] {
    padding: 5px 0!important;
    font-size: 1em!important;
    transition-property: font-size, transform, padding;
    transition-duration: .28s!important;
}

.expanding-text.collapsed {
    border: 1px solid #38A8DE;
    border-radius: 4px;
    margin-bottom: 2px!important;
    padding-bottom: 3px!important;
    transition-property: font-size, border, transform, padding, margin-bottom;
    transition-duration: .28s!important;
}

.expanding-text.collapsed:before {
    font-family: "Ionicons", monospace;
    content: "\f123";
    transform: rotateX(0);
    transition: transform .28s;
    transition-property: font-size, transform, padding;
    font-size: 15px;
    width: auto;
    float: left;
    color: #29707A;
    padding: 0 10px;
    z-index:1;
}

.expanding-text:before {
    font-family: "Ionicons", monospace;
    content: "\f123";
    transform: rotateX(-180deg);
    transition: transform .28s;
    transition-property: font-size, transform, padding;
    font-size: 18px;
    width: auto;
    height: 21px;
    float: left;
    color: #29707A;
    padding: 0 9px;
    border-radius: 4px;
}

div.collapse  .collapse {
    border-color:#e0e0e0;
}

div.collapse .collapsing {
    border-color:#e0e0e0;
}

div.collapse .expanding-text {
    border-color:#e0e0e0;
    color: #BB7755;
}

.in {
    transition-duration: .28s!important;
}

.videocallout>.expanding-text {
    border: none;
    display: inherit;
}

.videocallout>.expanding-text.collapsed {
    border: none;
}

table .y:before,
td .y:before {
    content: "✔";
    color: #00AA00;
}

table .n:before,
td .n:before {
    content: "×";
    color: #d00000;
}

table .i:before {
    content: "‡";
    color: #4000FF;
    padding-top:10px;
    font-style: normal;
    font-weight: bold;
}

table .i {
    background: #F9FDFF;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    font-size: inherit;
    margin-bottom: 1em;
}

table tr td {
    border-right: 1px dotted #CCCCCC;
    border-left: 1px dotted #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: .3em .5em .2em .5em;
    vertical-align: top;
    line-height: 1.25em;
    color: #444444!important;
}

table th {
    border-right: 1px dotted #CCCCCC;
    border-left: 1px dotted #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background-color: #d3e0ed;
    margin-bottom: 0;
    padding: 0.5em 0.5em 0.5em 0.6em;
    text-align: left;
    vertical-align: middle;
    color: #000000ff;
    text-shadow: 0 0 1px #00000080;
    line-height: 1.4em;
}

table td {
    font-family: inherit;
    color: #444444!important;
}

table .tablerow1 {
    background-color: #BBBBBB;
}

table .tr2,
table .tablerow2 {
    font-size: 0.93em;
    background-color: #f1f5f7;
    color: #4a4d50!important;
    text-shadow: 0 0 1px #4a4d5080;
    padding: .35em .5em .15em .5em;
}

td.sr {
    font-size: 0.23em;
    background-color: #f1f5f7;
    padding: .2em .5em .2em .5em;
}

td.version {
    font-size: 0.93em;
    padding: .35em .5em .15em .5em;
}

.nowrap {
    white-space: nowrap;
}

.nowrap-dense {
    white-space: nowrap;
    font-size: 0.93em;
    padding: .2em .35em .1em .35em;
    margin-top: 100px;
}

.nowrap-dense th {
    max-height: 12px;
    height: 12px;
    padding-top: 0;
    padding-bottom: 0;
}

.nowrap-dense th:nth-of-type(n+2),
.nowrap-dense th:nth-of-type(2n+2) {
    width: 54px;
    max-width: 54px;
}

.nowrap-dense th:nth-of-type(n+2) {
    background-color: #d3e0ed;
}

.nowrap-dense th:nth-of-type(2n+2) {
    background-color: #c3d0e5;
}

.nowrap-dense th {
    border: none!important;
}

.nowrap-dense th>div {
    transform: translate(-50px, -50px) rotate(270deg);
    width: 150px;
    background-color: #d3e0ed;
    text-align: left!important;
    padding: 24px 13px 14px 0;
    height: 70px;
}

.nowrap-dense th:nth-of-type(2n+2)>div {
    background-color: #c3d0e5;
}


/* Masking div to clear top-left quadrant */

.nowrap-dense th:first-of-type>div {
    transform: translate(152px, -45px) rotate(270deg);
    width: 150px;
    background: none!important;
    text-align: left!important;
    padding: 15px 12px 10px 0;
}

.nowrap-dense th:first-of-type>div,
.nowrap-dense th:first-of-type {
    background-color: #ffffff!important;
}

.nowrap-dense td {
    text-align: right!important;
    width: 66px;
    min-width: 66px;
}

.nowrap-dense td:nth-of-type(2n+2) {
    background-color: #f7f7fb;
}

.nowrap-dense tr>td:first-of-type {
    text-align: left!important;
}

.nowrap-dense tr:first-of-type>td {
    font-weight: bold;
    color: #777777!important;
    background-color: #d3e0ed;
}

.nowrap-dense tr:first-of-type>td:nth-of-type(2n+2) {
    font-weight: bold;
    color: #777777!important;
    background-color: #c3d0e5;
}

.nowrap-dense tr:nth-of-type(5n+2) {
    border-top: 2px solid #aabbcc;
}

.x86 {
    font-size: 0.86em;
    text-align: center;
    color: #6060D0!important;
    text-shadow: 0 0 0.5px #6060D080;
    padding: .45em .5em .25em .5em;
    content: "32-bit";
}

.x64 {
    font-size: 0.86em;
    text-align: center;
    color: #20B020!important;
    text-shadow: 0 0 0.5px #20B02080;
    padding: .45em .5em .25em .5em;
    content: "64-bit";
}

table .ue:before,
td .ue:before {
    font-size: 0.86em;
    text-align: center;
    padding: .45em .5em .35em .5em;
    content: "pu";
    color: #e08000;
    text-shadow: 0 0 0.35px #e0800080;
}

.hw {
    font-size: 0.86em;
    text-align: center;
    text-shadow: 0 0 0.5px #00000080;
    padding: .45em .5em .25em .5em;
}

.mt {
    font-size: 0.86em;
    text-align: center;
    text-shadow: 0 0 0.5px #000000c0;
    padding: .45em .5em .25em .5em;
    background-color:#efefef;
}

table ul {
    list-style-type: disc;
    margin: 0 0 0 10px;
    padding: 0 0 0 6px;
}

table p {
    margin: 0;
    padding: .25em .25em .25em .25em;
}

table .info,
table .tip {
    padding: .3em .3em .3em 34px!important;
    margin: .5em!important;
    line-height: 1.2em;
}

td.section {
    background-color: #D9DCE3;
    font-weight: bold;
    padding: .25em .25em .25em .25em;
}

td.subhead {
    background-color: #F6F7F8;
    color: #666666!important;
}

.container-fluid.table-container {
    display: table;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    margin: 10px 0;
    padding: 0;
}

.table-row {
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    display: table-row;
}

.table-header {
    background-color: #d3e0ed;
    font-weight: bold;
}

.table-cell {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    display: table-cell;
    float: none;
    padding-top: 5px;
}

table.two-col-25-75 td:first-of-type,
table.two-col-25-75 th:first-of-type {
    width: 25%;
}

table.two-col-25-75 td:nth-of-type(2) table.two-col-25-75 th:nth-of-type(2) {
    width: 75%;
}

table.one-third-table {
    width: 33%;
}

table.half-table {
    width: 50%;
}

table.two-thirds-table {
    width: 67%;
}

.red {
    color: #D00000;
}

.green {
    color: #008000;
}

h2.kompakt {
    margin-top: 1.5em!important;
    color: #444444!important;
    text-shadow: 0 0 1px #44444480!important;
    margin-bottom: 0.5em!important;
    font-family: Helvetica, Arial, sans-serif!important;
    font-size: 1.25em;
    font-weight: normal!important;
    padding: 0.2em 0.2em 0.2em 0!important;
    border-bottom: 1px solid #BBBBBB;
}

h3.kompakt {
    margin-top: 2em!important;
    color: #666666!important;
    text-shadow: 0 0 1px #66666680!important;
    margin-bottom: 0!important;
    font-family: Helvetica, Arial, sans-serif!important;
    font-size: 1.2em!important;
    font-weight: normal!important;
    padding: 0.2em 0.2em 0.2em 0!important;
}

h4.kompakt {
    margin-top: 2em!important;
    color: #444444!important;
    text-shadow: 0 0 1px #44444480!important;
    margin-bottom: 0!important;
    font-family: Helvetica, Arial, sans-serif!important;
    font-size: 1.1em!important;
    font-weight: normal!important;
    padding: 0.2em 0.2em 0.2em 0!important;
}

h5.kompakt {
    color: #BB7755!important;
    text-shadow: 0 0 1px #BB775580!important;
    margin-bottom: 0.5em!important;
    font-family: Helvetica, Arial, sans-serif!important;
    font-size: 1.05em;
    font-weight: normal!important;
    padding: 0.2em 0.2em 0 0!important;
}

h3.regional,
h5.regional {
    color: #BB7755!important;
    text-shadow: 0 0 1px #BB775580!important;
    font-family: Helvetica, Arial, sans-serif!important;
    font-size: 1.2em!important;
    font-weight: normal!important;
    padding: 0.25em 0 0.1em 0.25em!important;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
}

h5.regional {
    margin: 0 0 0 0!important;
    background-color: #fafafa;
    width: 454px;
    border-right: 1px solid #e7e7e7;
}

h5.sl {
    display: inline-block;
    background-color: #fafafa;
    width: 120px;
    border-right: 1px solid #e7e7e7;
}

h5.powr {
    margin: 0 0 -1.7em 0!important;
    background-color: #fafafa;
    border-right: 1px solid #e7e7e7;
    position: relative;
    left: 453px;
    top: -1.8em;
    width: 232px;
    font-family: Helvetica, Arial, sans-serif!important;
    font-size: 1.05em!important;
    font-weight: normal!important;
    color: #404080!important;
    padding: 0.35em 0 0.25em 0.5em!important;
    border: 1px solid #e0e0e0;
}

h6.regional {
    font-family: Helvetica, Arial, sans-serif!important;
    font-size: 1.05em!important;
    font-weight: normal!important;
    color: #222222!important;
    background-color: #ffffff;
    position: relative;
    left: 230px;
    width: 223px;
    top: -1.7em;
    margin-bottom: -1.5em!important;
    padding: 0.35em 0 0 0!important;
    border-left: 1px solid #e7e7e7;
}

h6.powr {
    left: 160px;
    width: 148px;
}

h6.regional strong {
    font-family: Helvetica, Arial, sans-serif!important;
    font-size: 1em!important;
    font-weight: normal!important;
    color: #808080!important;
    padding-left:0.5em!important;
}

h6.regional em {
    font-family: Helvetica, Arial, sans-serif!important;
    font-size: 1em!important;
    font-weight: normal!important;
    font-style: normal!important;
    color: #404040!important;
}

p.regional {
    text-shadow: 0 0 1px #80808080!important;
    color: #808080!important;
    margin-bottom: 3px;
    padding-bottom: 0!important;
    position: absolute;
    left: 34px;
    margin-top: -24px!important;
}

h5.matrix {
    font-family: Helvetica, Arial, sans-serif!important;
    font-size: 1.25em!important;
    font-weight: normal!important;
    display: inline-blockimportant;
    margin: 0!important;
    background-color: #f0f0f0!important;
    left: 453px!important;
    top: -1.8em!important;
    width: 100%!important;
    color: #996644!important;
    text-shadow: 0 0 1px #99664480!important;
    padding: 0.35em 0 0.25em 0.5em!important;
    border: 1px solid #e0e0e0!important;
}

h5.matrix a {
    font-size: 0.8em!important;
    padding-left: 20px!important;
}

h6.matrix {
    font-family: Helvetica, Arial, sans-serif!important;
    font-weight: normal!important;
    color: #000000!important;
    position: relative;
    left: 0;
    top: -22px;
    text-indent: 26px;
    margin-left:-10px!important;
    margin-bottom: -1.5em!important;
    padding: 8px!important;
}

h6.matrip {
    font-family: Helvetica, Arial, sans-serif!important;
    font-size: 1.1em!important;
    font-weight: normal!important;
    color: #335577!important;
    width: 102%;
    z-index:-1;
    position: relative;
    left: 0;
    top: -52px;
    text-indent: 22%;
    margin-left:-10px!important;
    margin-bottom: -1.5em!important;
    padding: 8px!important;
    transition-duration: .8s!important;
    border-bottom: 1px solid #cfdfef;
}

h6.matrix i {
    font-family: Helvetica, Arial, sans-serif!important;
    font-size: 1em!important;
    font-weight: normal!important;
    font-style: normal!important;
    margin-left: 12px;
    padding-left: 12px;
    border-left: 1px solid #88ccdd;
}

h6.matrix b {
    font-family: Helvetica, Arial, sans-serif!important;
    font-size: 1em!important;
    font-weight: normal!important;
    font-style: normal!important;
    color: #335577!important;
}

p.matrix {
    text-shadow: 0 0 1px #80808080!important;
    color: #808080!important;
    margin-bottom: 3px;
    padding-bottom: 0!important;
    position: absolute;
    left: 34px;
    margin-top: -24px!important;
}

table.cpu,
table.audit,
table.kompakt
 {
    border-collapse: collapse;
    border: none;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-spacing: 0;
    font-size: inherit;
    width: auto;
    margin-top: 0.5em!important;
    margin-bottom: 1.25em!important;
}

table.iops,
table.matrix,
table.slmatrix
 {
    border-collapse: collapse;
    border: none;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-spacing: 0;
    font-size: inherit;
    margin-top: 0.2em!important;
    margin-bottom: 1.25em!important;
    background-color:#ffffff!important;
}

table.slmatrix {
    border-top: 1px solid #CCCCCC;
}

table.iops,
table.matrix {
    width: auto;
}

table.cpu,
table.ram {
    margin-left: auto;
    margin-right: auto;
}

table.cpu tr td,
table.iops tr td,
table.audit tr td,
table.kompakt tr td,
table.matrix tr td,
table.slmatrix tr td
 {
    border: none;
    padding: 0.2em .35em;
    vertical-align: top;
    line-height: 1.2em;
    color: #666666!important;
    min-width: 76px;
}

table.cpu tr td {
    min-width: 55px;
}

table.cpu tr:last-of-type td,
table.iops tr:last-of-type td,
table.audit tr:last-of-type td,
table.kompakt tr:last-of-type td {
    border-bottom: 1px solid #CCCCCC!important;
}

table.cpu tr:first-of-type td:nth-of-type(n+2) {
    font-weight: bold;
}

table.cpu tr:first-of-type td:first-of-type {
    border-right: 1px solid #CCCCCC!important;
    background-color: #f5efe7;
}

table.cpu td:first-of-type {
    background-color: #fafbfe
}

table.iops tr td:nth-of-type(2n+1),

/* every second column, all non-header rows */

table.audit tr td:nth-of-type(3n+1),
table.kompakt tr td:nth-of-type(3n+1)
/* every third column, all non-header rows */
{
    color: #444444!important;
    text-shadow: 0 0 1px #44444480!important;
    text-align: left!important;
}

table.kompakt tr td:nth-of-type(3n+1) {
    width: 160px;
}

table.ultra tr td:nth-of-type(3n+1) {
    width: 50px;
}

table.cpu tr:nth-of-type(2n+2) table.iops tr:nth-of-type(2n+2) td,
table.ultra tr:nth-of-type(2n+2) td:nth-of-type(3n+1),
table.ultra tr:nth-of-type(2n+2) td:nth-of-type(3n+2),
table.audit tr:nth-of-type(2n+2),
table.matrix tr:nth-of-type(2n+2),
table.slmatrix tr:nth-of-type(2n+2),
table.kompakt tr:nth-of-type(2n+2) {
    background-color: #f8f8f8;
}

table.iops td:nth-of-type(2n+2),
table.iops th:nth-of-type(2n+2) {
    border-right: 1px solid #CCCCCC!important;
}

table.ultra tr:nth-of-type(2n+2) td:nth-of-type(3n+3) {
    background-color: #FFFFFF;
}

table.cpu th,
table.iops th,
table.audit th,
table.kompakt th
{
    border-right: none;
    border-left: none;
    background-color: #ede7e0;
    margin-bottom: 0;
    margin-top: 1px;
    padding: 0.2em .35em!important;
    vertical-align: bottom;
    text-align: left!important;
    font-weight: normal;
    color: #000000;
    text-shadow: 0 0 1px #00000080!important;
    line-height: 1.2em!important;
}

table.matrix th,
table.slmatrix th
{
    background-color: #ede7e0;
    margin-bottom: 0;
    margin-top: 1px;
    padding: 0.35em .35em!important;
    text-align: left!important;
    font-weight: normal;
    color: #222222;
    text-shadow: 0 0 1px #222222b0!important;
    line-height: 1.4em!important;
}

table.slmatrix th {
    border-color: #ede7e0;
}

table.slmatrix td {
    text-align: right!important;
}

table.slmatrix th.slx86
{
    background-color: #fdf7f0;
    border-right: 1px dotted #fdf7f0;
    border-left: 1px dotted #fdf7f0;
    border-top: 1px solid #cccccc;
}

table.cpu tr td {
    border-left: 1px solid #CCCCCC!important;
    text-align: center!important;
}

table.cpu tr th:first-of-type {
    border-bottom: none!important;
}

table.cpu tr:first-of-type th:nth-of-type(n+2),
table.cpu tr:nth-of-type(2) th:nth-of-type(n+2) {
    text-align: center!important;
    border-bottom: 1px solid #ba9!important;
    background-color: #decfc7;
}

table.cpu tr:nth-of-type(2) th {
    border-top: none!important;
    border-bottom: none!important;
    text-align: right!important;
}

table.cpu tr:nth-of-type(2) th:nth-of-type(n+2) {
    font-weight: bold;
}

table.cpu tr:nth-of-type(3) {
    border-bottom: 1px solid #ba9!important;
    border-right: 1px solid #ba9!important;
    text-shadow: none!important;
    text-align: center!important;
}

table.cpu tr:nth-of-type(n+2) th:nth-of-type(n+2) {
    border-left: 1px solid #ba9!important;
    text-align: center!important;
}

table.cpu tr td:nth-of-type(2n) {
    border-left: 1px solid #ba9!important;
    text-align: center!important;
}

table.cpu tr:nth-of-type(n+3) th:nth-of-type(n+2) {
    background-color: #eedfd7;
}

table.cpu tr td:last-of-type,
table.cpu tr:nth-of-type(n+2) td:last-of-type,
table.cpu tr:nth-of-type(n+2) th:last-of-type {
    border-right: 1px solid #ba9!important;
}

table.cpu tr:last-of-type td:first-of-type {
    border-bottom: 1px solid #ccc!important;
}

table.cpu tr:last-of-type td:nth-of-type(n+2) {
    border-bottom: 1px solid #ba9!important;
}

table.cpu tr td:first-of-type {
    text-align: right!important;
}

table.cpu tr:first-of-type th:nth-of-type(2) {
    font-weight: bold!important;
    font-size: 1em!important;
    border: 1px solid #ba9!important;
}

table.cpu {
    font-size: 12px!important;
}

table.audit tr th:nth-of-type(3n+3),
table.kompakt tr th:nth-of-type(3n+3) {
    border-bottom: none!important;
    border-top: none!important;
    width: 5px!important;
    min-width: 5px!important;
    background-color: #FFFFFF;
    border-left: 1px solid #CCCCCC!important;
    border-right: 1px solid #CCCCCC!important;
    margin: 0;
    padding: 0;
    font-size: 0.05em!important;
}

table.audit tr td:nth-of-type(3n+3),
table.kompakt tr td:nth-of-type(3n+3) {
    border-left: 1px solid #CCCCCC!important;
    border-right: 1px solid #CCCCCC!important;
    border-top: none!important;
    border-bottom: none!important;
    width: 9px!important;
    min-width: 9px!important;
    margin: 0;
    padding: 0;
    font-size: 0.05em!important;
}

table.audit {
    border: 1px solid #CCC!important;
}

table.audit th {
    text-align: left!important;
    border-left: 0px!important;
    border-right: 0px!important;
    line-height: normal!important;
    padding: 0.2em 0.5em!important;
    color: #404040!important;
    text-shadow: 0 0 1px #606060!important;
    font-size:15px;
}


table.audit tr td {
    padding: 0.25em .4em;
    vertical-align: top;
    line-height: 1.3em;
    color: #666666!important;
    min-width: 76px;
    white-space:nowrap;
}


table.audit td {
    border-right: 1px solid #D7D7D7!important;
}

table.audit tr:nth-of-type(2n+2) {
    background-color: #f2f3f4;
}

table.audit tr td:nth-of-type(3n+1)
/* every third column, all non-header rows */
{
    color: #444444!important;
    text-shadow: 0 0 1px #44444480!important;
    text-align: left!important;
}

.fcb td:first-of-type {
    text-shadow: 0 0 1px #222222c0!important;
}

.audit .info,
.audit .info p,
.audit .info li {
    padding: 0.3em .35em 0 1.5em!important;
    line-height: 1.2em!important;
}

.audit .info ul {
    padding-left:3em!important;
}

.audit .info p {
    padding-bottom:0.2em!important;
}

.audit .info li {
    padding-left:0.5em!important;
}
/* Regional tables */

table.regional,
table.regionl {
    margin-top: 0.5em!important;
    margin-bottom: 2em!important;
}

table.regional tr td:nth-of-type(3n+1),
table.regionl tr td:nth-of-type(3n+1)th
/* every third column, all non-header rows */
{
    color: #444444!important;
    text-shadow: 0 0 1px #44444480!important;
    text-align: left!important;
}

table.regional tr td:nth-of-type(3n+1),
table.regionl tr td:nth-of-type(3n+1)  {
    width: 114px!important;
    max-width: 114px!important;
    min-width: 114px!important;
    padding-right: 0!important;
}

table.regional tr td:nth-of-type(3n+2),
table.regionl tr td:nth-of-type(3n+2) {
    width: 108px!important;
    max-width: 108px!important;
    min-width: 108px!important;
    padding-left: 0!important;
}

table.regional tr:nth-of-type(2n+2) td:nth-of-type(3n+3)
,table.regionl tr:nth-of-type(2n+2) td:nth-of-type(3n+3) {
    background-color: #FFFFFF;
}

/* End Regional tables */

/* region overrides */

table.regionl tr td:nth-of-type(3n+1) {
    width: 114px!important;
    max-width: 114px!important;
    min-width: 114px!important;
}

table.regionl tr td:nth-of-type(3n+2) {
    width: 114px!important;
    max-width: 114px!important;
    min-width: 114px!important;
}

/* End region overrides */

.hilite {
    background-color: #FFFF7F;
}

table.slpower th.sb1,
table.slpower th.sb2  {
    text-align:right!important;
}

table.slpower th.sb2{
    border-color: #ddd7d0!important;
}

@media screen and (max-width: 480px) {
    .container-fluid.table-container {
        display: block;
    }
    .table-row {
        display: block;
        border-bottom: 1px solid #CCCCCC;
        border-top: 1px solid #CCCCCC;
    }
    .table-cell {
        display: block;
        border: 0;
    }
}


/* Format icons used in comparison tables */

.comparison td .icon {
    padding: 5px 20px 20px 10px;
    font-size: 20px;
    float: left;
    color: #245B84;
}

.keytable,
.tag,
.attribute {
    margin: 0;
    padding: 0;
}

.keys {
    background-color: #FCFAEF;
    line-height: 1.4em;
    font-weight:bold;
    margin: 1px 2px;
    padding: 0 3px 0 2px;
    border: 1px solid #AFAEAC;
    border-radius: .25em;
    color: #535250;
    box-shadow: inset 2px 2px 2px #FFFFFF, inset -1px -1px 1px #AFAEAC;
}

.keydesc {
    line-height: 1.4em;
    margin: 0;
    padding: 0 0 6px 0;
    color: #666666;
}


/* Sample script or code used inline*/

span.computer_code {
    margin: 3px!important;
    padding: 3px!important;
}

.bool {
    color: #2288CC!important;
    font-family: "Lucida Console", Consolas, "Courier New", Courier, mono, serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.4em!important;
}


/*Sample script or code */

code,
.code {
    font-family: "Lucida Console", Consolas, "Courier New", Courier, mono, serif;
    padding: 1px 2px;
    font-size: 100%;
    color: #A70707!important;
    text-shadow: 0 0 1px #A7070780!important;
    background: none!important;
}

.computer_code {
    background-color: #F2F4F9;
    font-family: "Lucida Console", Consolas, "Courier New", Courier, mono, serif;
    font-size: 14px;
    line-height: 1.7em;
    padding: 5px!important;
    margin: 10px!important;
    max-height: 100%;
    max-width: 100%;
}

td.computer_code {
    border-radius: 0!important;
}

pre,
.computer_code,
code.highlighter-rouge {
    color: #A70707!important;
    text-shadow: 0 0 1px #A7070780!important;
}

pre {
    tab-size: 3;
    -moz-tab-size: 3;
    -o-tab-size: 3;
    white-space: pre-wrap;
}

pre.highlight {
    margin-top: 8px;
}

code,
pre.prettyprint,
.code {
    font-family: "Lucida Console", Consolas, "Courier New", Courier, mono, serif;
    line-height: 1.4em;
    margin: 0!important;
    padding: 0!important;
}

code,
.code,
pre code {
    font-family: "Lucida Console", Consolas, "Courier New", monospace;
}

.pre code {
    padding: 2px 0!important;
}

.vt5250 {
    font-family: "Lucida Console", Consolas, "Courier New", Courier, mono, serif;
    line-height: 1.4em;
    margin-left:40px;
    margin-right: 40px;
    padding: 1em 1em 1em 2em !important;
    display: inline-block!important;
    background-color: #000000;
    color:#7fff7f!important;
    width: 49.5em!important;
    max-width: 49.5em!important;
}

.vt525 {
    font-family: "Lucida Console", Consolas, "Courier New", Courier, mono, serif;
    line-height: 1.4em;
    margin-left:10px;
    margin-right: 10px;
    padding: 1.4em 1em 1px 2em !important;
    display: inline-block!important;
    background-color: #000000;
    color:#efefef!important;
    width: 53.5em!important;
    max-width: 53.5em.5em!important;
}

.vt510 {
    font-family: "Lucida Console", Consolas, "Courier New", Courier, mono, serif;
    line-height: 1em;
    margin-left:4px;
    margin-right: 4px;
    padding: 1em 1em 1em 1em !important;
    display: inline-block!important;
    background-color: #000000;
    color:#efefef!important;
    width: 79.5em!important;
    max-width: 79.5em.5em!important;
}

p.vt525 {
    padding: 1em 1em 1em 2em !important;
}

.vt510 p {
    color:#efefef!important;
    line-height: 0.6em!important;
}

.vt525 var, .vt510 var {
    color: #ff9f3f!important;
}

.info code,
.info .code,
.info .pre.highlight {
    color: #A70707!important;
    text-shadow: 0 0 1px #A7070780!important;
}

.ht-tag {
    color: #800000;
}

.atv {
    color: #0000FF;
}

.pln {
    color: #000000;
}

.pun,
.opn,
.clo {
    color: #0000FF;
}

.ht-tag,
.attribute,
.ht-content {
    font-family: "Lucida Console", Consolas, "Courier New", Courier, mono, serif;
    font-size: 12px;
    line-height: 1.4em;
    color: #0000FF!important;
    margin: 0!important;
    padding: 0!important;
}

.attribute {
    color: #FF0000!important;
}

.ht-content {
    color: #000000!important;
}


/* Global align classes */

.left {
    text-align: inherit;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.full {
    text-align: justify;
}


/*  Column SECTIONS for home page  */

.box {
    padding: 0 10px;
    display: block;
    margin-top: 30px;
    height: auto;
    border-left: 1px solid #e9f5fc80;
    border-right: 1px solid #e9f5fc80;
}

.trbl {
    border-left: 1px solid #e9f5fc80;
    border-right: 1px solid #e9f5fc80;
}

.trbl h2 {
    border-top: 1px solid #dfeff780;
}

.box ul {
    margin-top: 10px;
}

.box-main h4 {
    margin-left: -10px!important;
    margin-right: -10px!important;
    font-size: 26px;
    letter-spacing: .5px;
    color: #373737!important;
}

.box-main span {
    color: #9B9B9B;
    text-align: center;
    vertical-align: middle;
    padding: 5px 20px;
    font-size: 35px;
    border-radius: 50%;
    float: left;
}

.box-main p {
    color: #025787!important;
    font-size: 14px!important;
    margin: -5px 10px!important;
    padding-top: 10px!important;
}

.box-main h2 {
    padding-top: 130px;
    border-top: 1px solid #dfeff780;
}

.box-main hr {
    border-top: 1px solid #dfeff780;
}

.homesearch {
    background: #29707A;
    margin: -20px 0 0 0;
    text-align: center;
    padding: 10px 0 40px 0;
}

.homesearch h1 {
    color: #ffffff!important;
    margin-top: 5px!important;
    font-size: 24px!important;
    padding:5px 0 10px 0;
}

#home-search-box {
    float: none;
    background-color: #FFFFFF;
    width: 600px;
    border: 1px solid #29707A;
    display: inline-block;
}

.search h3,
.post-item h3 {
    font-size: 21px;
    color: #29707A;
    margin-top: 0!important;
}

.search a:hover,
.post-item a:hover {
    text-decoration: underline;
}

.search a:visited,
.post-item a:visited {
    color: #29707A;
}

.post-item {
    margin: 0 0 10px 0!important;
}

.post-snippet {
    margin: 0!important;
}

.ais-Hits-item {
    border: none!important;
    box-shadow: none!important;
    line-height: normal!important;
    padding: 0 0 0 0!important;
    margin: 15px 0 0 0!important;
}

.search p,
.post-item p {
    font-size-adjust: 13px;
    color: #3A3B3C;
    padding-bottom: 25px!important;
}

.post-item p {
    padding: 0 0 0 0!important;
}

.post-item mark {
    background: none!important;
    background-color: none!important;
    text-shadow: 0 0 5px #EFFF00!important;
    padding: 0 !important;
}

.post-item h3 mark {
    color: #29707A!important;
}

.post-snippet {
    font-size: 14px;
    margin: -5px 10px;
    padding-top: 0px;
}

#search-results>.glossary-term {
    background: #EFEFEF;
    padding: 10px;
    margin: 10px -10px;
}

#search-results>.glossary-term::before {
    content: "glossary term";
    font-style: italic;
    color: #a0a0a0;
    float: right;
    font-size: .9em;
    text-shadow: 0 0 1px #a0a0a080!important;
}

#search-results>.glossary-term>a>h3 {
    font-family: monospace;
}


/*  SECTIONS  */

.section {
    clear: both;
    padding: 0;
    margin: 0;
}


/*  COLUMN SETUP  */

.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

.col:first-child {
    margin-left: 0;
}


/*  GROUPING  */

.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1;
    /* For IE 6/7 */
}


/* Unique styles used in the glossary */

.glossary-terms {
    column-gap: 30px;
    columns: 150px 3;
}

.term {
    margin: 0 0 0 0;
    font-size: 1.2em;
    font-weight: bold;
    color: #29707A;
    line-height: 1.2em;
    padding: 15px 0 4px 0!important
}

.definition {
    line-height: 1.4em;
    margin: 0 0 20px 0;
}

.glossary-pop-up {
    color: #4B8306;
    position: relative;
    display: inline-block;
    text-decoration: underline dashed #4B8306;
}

.glossary-pop-up:hover {
    cursor: pointer;
}

.glossary-pop-up .def {
    display: none;
    width: 35%;
    min-width: 240px;
    background-color: #FFFFE0;
    border-radius: 6px;
    padding: 5px;
    margin-top: 5px;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.3em;
    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.65);
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 15px;
    left: -6px;
}

.glossary-pop-up:hover .def {
    display: inline;
}

div.GlossaryPageHeading_0 {
    border-bottom-style: none;
    border-bottom-width: 0;
    color: #9B9B9B;
    font: Arial, Helvetica, Sans-serif;
    font-size: 2.0em;
    padding: 10px 0;
}

.GlossaryPageEntry {
    list-style-type: none;
    margin-top: 10px;
    border-top: 1px dotted #C0B283;
}

.GlossaryPageLink {
    cursor: default;
    pointer-events: none;
}

div.toc {
    column-count: 3;
    margin: 30px 0 30px 15px;
    column-gap: 40px;
}

.entry {
    border-bottom: solid 1px #F5F5F5;
    line-height: 1.4em;
    padding: 3px 0 3px 0!important;
    page-break-inside: avoid;
    break-inside: avoid;
}

.entry.sub {
    padding-left: 20px!important;
}

.entry.subsub {
    padding-left: 40px!important;
}

.entry.subsubsub {
    padding-left: 60px!important;
}


/*Styles used in the troubleshooting modules*/

.troubleshooting {
    border-bottom: 1px dotted #E4E4E4;
    border-top: 1px dotted #E4E4E4;
    margin: 25px 0 0 0;
    padding: 10px 0;
}

.restart {
    margin: 20px 0 10px 0!important;
}

.restart a {
    background: #EFEFEF;
    border: 1px solid #DCDFE0;
    border-radius: 4px;
    color: #6C6C6C;
    padding: 10px 15px 10px 34px;
    margin-top: 20px;
    height: auto;
    width: 75px;
    vertical-align: middle;
    box-sizing: content-box!important;
}

.restart a:before {
    font-family: "Ionicons", monospace;
    content: "\f21c";
    font-size: 16px;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
}

.start-troubleshooter {
    background: linear-gradient(to bottom, #FFF 0%, #F3F3F3 100%);
    border: 1px solid #DCDFE0;
    border-radius: 4px;
    color: #6C6C6C;
    padding: 10px!important;
    margin: 10px 0!important;
    height: auto;
    vertical-align: middle;
    box-sizing: content-box!important;
    display: inline-block;
}

.start-troubleshooter:before {
    font-family: "Ionicons", monospace;
    content: "\f10b";
    font-size: 23px;
    width: auto;
    float: left;
    color: #ABABAB;
    padding-right: 10px;
}

.tlink>a {
    text-decoration: none!important;
    display: block;
    max-height: 100%;
    max-width: 100%;
    padding: 5px 5px 10px 45px;
    color: #000000;
}

.tlink>a:before {
    font-family: "Ionicons", monospace;
    content: "\f13a";
    font-size: 24px;
    bottom: -3px;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    color: #2090CE;
    position: relative;
}

h1.assistant {
    padding-left: 45px;
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 12px;
    min-height: 36px;
    margin-bottom: 20px!important;
}

h1.assistant:before {
    font-family: "Ionicons", monospace;
    content: "\f2a2";
    font-size: 30px;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
}


/*Unique styles used in kb-time-zones-and-utc-offsets.html*/

.timezone {
    width: 200px;
    padding: 5px;
    display: inline-block;
    border-top: 1px solid #EFEFEF;
}

.date {
    width: 50px;
    max-width: 50px;
    display: inline-block;
    padding-left: 5px;
}


/* learn more styling for home page */

.learnmore {
    list-style-type: none;
    font-size: 14px;
}

.script {
    font-family: consolas;
    font-size: 11px;
    background: #EEEEEE;
}

td.compact {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 2px;
    color: #444444;
}

th.compact {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: #444444;
    background-color: #DFDFDF;
    margin: 0;
    padding: 2px;
}

th.yesno {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #DFDFDF;
    margin: 0;
    padding: 2px;
    color: #444444;
}

td.yesno {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
    margin: 0;
    padding: 2px;
    color: #444444;
}

.dropDown {
    padding: 4px!important;
    margin: 2px!important;
    border: solid #38A8DE 1px;
    border-radius: 4px;
}

.dropDownBody h3,
.dropDownBody h4 {
    margin-top: 0!important;
}

.powerbuttons {
    background: #F7F7F7;
    border: 1px solid #DBDBDB;
    color: #6B6B6B;
    padding: 6px;
    margin: 3px;
    border-radius: 2px;
    text-align: center;
    display: inline-block;
}

.videocallout {
    border: 1px solid #38A8DE;
    border-radius: 6px;
    margin: 10px!important;
    line-height: 1.4em;
    max-height: 100%;
    max-width: 100%;
}

.videocallout:before {
    font-family: "Ionicons", monospace;
    content: "\f256";
    font-size: 23px;
    width: auto;
    float: left;
    color: #ABABAB;
    padding: 4px 3px 9px 7px;
}

.videocallout img.MCDropDown_Image_Icon,
img.MCDropDownHotSpot {
    padding: 0;
    display: none;
}

.videocallout .MCDropDown_Closed .MCDropDownHotSpot_,
.videocallout .MCDropDown_Open .MCDropDownHotSpot_ {
    background-image: none;
}

.videowrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Used on skytap-overview.html */

.icon {
    font-size: 30px;
    color: #9B9B9B;
    float: left;
    width: 50px;
    margin-top: 8px;
    padding: 17px 10px 10px 10px;
    text-align: center;
}

.overview {
    padding: 10px;
    vertical-align: top;
}

.overview h5 {
    font: bold Helvetica, Arial, sans-serif!important;
    color: #454545!important;
    margin: 10px 0 20px 0!important;
    font-family: Helvetica, Arial, sans-serif!important;
    font-size: 1.2em;
    font-weight: normal!important;
    background: #EAF7FF;
    padding: 15px 0;
    padding-bottom: 15px;
}

.overview h2,
.overview h3 {
    color: #373737!important;
    margin: 0 0 15px 0!important;
    /* background: #E9F5FC; */
    padding: 15px;
    padding-bottom: 15px!important;
    font-size: 15px!important;
    font-weight: bold!important;
    border-bottom: none!important;
    z-index: 10;
}

.overview h3 {
    color: #373737!important;
    margin: 10px 0 15px 0!important;
    background: #F6F7F8;
    padding: 15px;
    padding-bottom: 15px;
    font-size: 15px!important;
}

.overview h2 {
    margin-left: -10px!important;
    margin-right: -10px!important;
    padding: 20px 0px 16px 75px!important;
    font-size: 18px!important;
    font-weight: normal!important;
}

.overview .box-main,
.overview .box {
    border-top: none!important;
}

.svgicon {
    margin: 0 auto -2px auto!important;
    height: 80px!important;
    width: auto!important;
}

.svglittle {
    position: absolute;
    height: 60px!important;
    width: auto!important;
    padding: 0;
    left: 20px;
    top: 42px;
}

@media screen and (max-width: 500px) {
    .overview {
        width: 100%;
    }
}

div.main {
    padding-left: 20px;
    /* for toggler: padding-left: 40px;*/
    margin-bottom: 10px;
}

.navbar {
    height: 82px;
    display: block;
    /* background-color: #000000; */
    background-color: #ffffff;
    /* background-image: url(/images/docs/website-navbar-background-b.png); */
    background-image: url(/images/docs/website-navbar-background-bw.png);
    background-repeat: no-repeat;
    background-position: top right;
    position: relative;
    border: none;
    border-radius: 0 !important;
    border-bottom: 2px solid #29707a;
}
.navbar a:hover {
    text-decoration: none;
    text-shadow: 0 0 0.5px #E4F4F1;
}

.navlogo {
    width: 440px;
    height: auto;
    padding: 0.5em;
    display: inline-block;
    position: relative;
    top:-7.5px;
    left: 0;
    transition:all 0.5s;
}

p.navtext {
    color: #000000!important;
    font-family: "TWKEverett";
    display: inline-block;
    font-size: 36px;
    transition:all 0.5s;
    position: relative;
    top: 0;
    left: 0;
}

#nav-search-bar {
    margin-top: 36px;
    margin-right: 15px;
    float: right;
    background-color: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #888888;
    width: 300px;
    transition:all 0.5s;
}

#search-box {
    border: 0;
    padding: 8px;
    border-radius: 4px;
    width: 90%;
    float: left;
    z-index: 300;
}

.search-bar {
    width: 450px;
    float: right;
    margin-top: -35px;
}

.search-submit {
    background: #FFFFFF;
    border: 0;
    padding: 2px 6px 0 0;
    margin: 0;
    float: right;
    border-radius: 4px;
}

.search-submit>.icon {
    font-size: 18px;
    width: auto;
    color: #29707A;
    padding: 5px 5px 3px 5px;
    margin: 0;
}

input:focus {
    outline: none;
}

.icon-home {
    color: #ABABAB;
    padding: 0 5px;
    margin-bottom: 10px;
}

.icon-home:before {
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    margin: -5px 0 -30px 50px;
}

.uxtest {
    position: absolute;
    right: 0;
    top: 0;
    margin: 80px 0 20px auto;
    background-color: #F9FDFF;
    background-position: 5px 5px;
    border-radius: 4px;
    border: 1px solid #BBD7E7;
    padding: 6px 6px 6px 3px;
    width: auto;
}

div.slunits,
div.slblock,
div.sblock table,
div.slpower10,
div.slpower10.table {
    display: inline-block!important;
    margin-left:0!important;
    margin-right:-0!important;
    width: 160px;
    min-width: 160px;
}

div.slunits {
    margin-left:0!important;
    margin-right:-0!important;
}

.slunits td {
    font-weight:bold;
}

div.slpower10,
div.slpower10.table {
    width: 100px;
    min-width: 100px;
    margin-left:0!important;
    margin-right:-5px!important;
}

thead.sbl,
th.sbl {
    height:30px!important;
    min-height:30px!important;
    border-color:#c0b0b0!important;
}

thead.sbl:first-of-type th {
    background-color: #ddd7d0!important;
    border-bottom:none!important;
}

thead.sbl:nth-of-type(2) th {
    border-top:none!important;
    background-color: #ede7e0!important;
}

th.sb2 {
    background-color: #ddd7d0!important;
    height:30px!important;
    min-height:30px!important;
    border-color: #ddd7d0!important;
    border-left:1px solid #ddd7d0!important;
    border-right:1px solid #ddd7d0!important;
    border-top:1px solid #ddd7d0!important;
}

th.nil {
    background-color: #fffcfa!important;
    border-top:none!important;
    border-left:none!important;
    height:0px!important;
    min-height:0px!important;
    display:none!important;
}
/* Topic cards */

.benefits {
    margin-top: 0;
}

hr {
    width: 70%;
    border-top: 1px solid #025787;
}

.benefit h5 {
    font: bold Helvetica, Arial, sans-serif!important;
    color: #222222!important;
    margin-top: 10px!important;
    margin-bottom: 12px!important;
    font-family: Helvetica, Arial, sans-serif!important;
    font-size: 1.2em;
    font-weight: normal!important;
    border-top: 2px solid #FFA500;
    padding-top: 10px;
}

#student-letter {
    font-style: italic;
    border: 1px solid #C7C7BF;
    background-color: #F7F7EF;
    padding: 1em;
}

@media only screen and (max-width: 640px) {
    div.toc {
        column-count: 2;
        margin: 30px 0 30px 15px;
        column-gap: 40px;
    }
}

@media only screen and (max-width: 425px) {
    div.toc {
        column-count: 1;
        margin: 30px 0 30px 15px;
        column-gap: 40px;
    }
}

iframe::-webkit-scrollbar {
    display: none;
}

ol.callout-numbers {
    counter-reset: li;
    list-style-type: none;
    font-size: 14px;
    line-height: 18px;
    padding-left: 10px;
}

ol.callout-numbers>li {
    position: relative;
    padding: 5px 0 5px 30px;
}

ol.callout-numbers>li:before {
    content: counter(li);
    counter-increment: li;
    height: 20px;
    width: 20px;
    background: #FF6C0C;
    border-radius: 50%;
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    left: 0;
    top: 4px;
    font-family: verdana;
    font-weight: bold;
}

ol.callout-numbers.red>li:before {
    background: #FF0000;
}

ol.callout-numbers.darker-orange>li:before {
    /* background: #CC6600; */
    background: #FF6C0C;
}

ol.callout-numbers.blue>li:before {
    background: #0000FF;
}

ol.callout-letters {
    counter-reset: li;
    list-style-type: none;
    font-size: 14px;
    line-height: 18px;
    padding-left: 10px;
}

ol.callout-letters>li {
    position: relative;
    padding: 5px 0 5px 30px;
    font-weight: normal;
}

ol.callout-letters>li:before {
    content: counter(li, upper-alpha);
    counter-increment: li;
    height: 20px;
    width: 20px;
    background: #FF6C0C;
    border-radius: 50%;
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    left: 0;
    top: 4px;
    font-weight: bold;
    font-family: verdana;
}

ol.callout-letters.darker-orange>li:before {
    background: #FF6C0C;
}


/* sidebar styles (customized) */

.nav,
.nav ul,
.nav li {
    list-style: none;
}

.nav ul {
    margin: 0;
    padding: 0;
}

.nav a {
    color: #333333;
    display: block;
    outline: none;
    text-decoration: none;
}

.nav li>a>span {
    float: right;
    padding-left: 10px;
}

.nav li>a>span:after {
    content: '\25be';
}

.nav li.active>a>span:after {
    content: '\25b4';
}

.nav a:hover {
    background-color: #EFEFEF;
}

.nav li.active>a {
    font-weight: bold;
    border-left: 2px solid #ABABAB;
    margin-left: -2px;
}

.nav li a {
    font-size: 12.6px;
    padding: 1px 2px 1px 6px;
    line-height: 17px;
    color: #6C6C6C;
}

ul#mysidebar {
    border-radius: 0px;
    margin-top: 10px;
    position: relative;
}

.nav ul li a {
    border-top: none;
    padding: 1px 2px 1px 15px;
    line-height: 17px;
}

.nav ul li ul li a {
    padding-left: 30px;
}

.nav ul li ul li ul li a {
    padding-left: 40px;
}

.nav ul li ul li ul li ul li a {
    padding-left: 50px;
}

.toolbar-button-group {
    padding: 10px 0 10px 5px;
    border-bottom: 1px dotted #ABABAB;
}

.toolbar-button {
    padding: 12px;
    border: 1px solid #EDEDED;
    border-radius: 4px;
}

.toolbar-button:focus {
    outline: none;
}

.toolbar-button.print {
    background: url('/images/docs/help-btn-printer.png') 4px no-repeat;
}

.toolbar-button.feedback {
    background: url('/images/docs/help-btn-feedback.png') 4px no-repeat;
}

#breadcrumbs {
    padding: 10px 0 0 5px;
    border-bottom: 1px dotted #ABABAB;
}

#tg-sb-sidebar {
    margin-top: 35px;
    padding: 0 10px 0 10px;
    border-right: 1px dotted #E7E7E7;
}

#tg-sb-content {
    padding-left: 33px;
    max-width: 1100px;
}

.future
/*section for future features */

{
    background-color: #EFF7EF;
    border: solid 1px #C7CFC7;
    border-radius: 8px;
    padding: 0 15px 15px 15px;
    margin-top: 10px;
}

.future h3,
.future p,
.future li {
    color: #448844!important;
}

.formula-box {
    background: #fff9fe url('/images/help-icn-formula.png') no-repeat;
    background-position: 5px 5px;
    border: solid 1px #c7bfc5;
    border-radius: 6px;
    padding: 6px 6px 6px 34px!important;
    margin: .25em!important;
    margin-bottom: 1em;
    max-height: 100%;
    max-width: 100%;
}

.formula {
    font-family: "Lucida Console", Consolas, "Courier New", monospace;
    color: #0c8748!important;
    text-shadow: 0 0 1px #0c874880!important;
    line-height: 1.2em;
}

.formula samp,
.formula var {
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #c7254e!important;
    text-shadow: 0 0 1px #c7254e80!important;
}

.formula samp {
    color: #000000!important;
    text-shadow: 0 0 1px #00000080;
}

.formula ul {
    margin: 0 0 0 0;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0!important;
    line-height: 1em;
    padding-left: 1.4em;
}

.unrouge {
    margin-top: 8px;
    font-size: 13px;
	font-family: "Lucida Console", Consolas, "Courier New", monospace;
	tab-size: 3;
	white-space: pre-wrap;
	color: #A70707 !important; 
	text-shadow: 0 0 1px #A7070780 !important;
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-inline: 0px;
    line-height: 1.5em;
}

@media print {
    #tg-sb-sidebar {
        display: none;
    }
    #feedback {
        display: none;
    }
    #nav-search-bar {
        display: none;
    }
    .cookie-banner {
        display: none;
    }
}

@media only screen and (max-width: 1740px) {
    img {
        max-width: 100%!important;
    }
    .uc {
        max-width: none!important;
        object-fit: none!important;
    }
}

@media only screen and (max-width: 1440px) {
    #mysidebar {
        display: none!important;
    }
    #tg-sb-sidebar {
        border-right: 0;
        padding-left: 30px;
    }
    img {
        max-width: 100%!important;
    }
    .uc {
        max-width: none!important;
        object-fit: none!important;
    }
    .navlogo {
        width: 300px;
        height: auto;
        padding: 0.5em;
        display: inline;
        position: relative;
        top:-6px;
        left:0;
        transition:all 0.5s;
    }
    p.navtext {
        font-size: 22px;
        position: relative;
        top:20px;
        left: 0;
        transition:all 0.5s;
    }
    #nav-search-bar {
        transition:all 0.5s;
    }
}

@media only screen and (max-width: 990px) {
    .box-main span {
        display: none;
    }
    #nav-search-bar {
        /* width: 100%; */
        /* float: left; */
    }
    .box ul {
        padding-left: 15px;
    }
    img {
        max-width: 100%!important;
    }
    .uc {
        max-width: none!important;
        object-fit: none!important;
    }
    .navlogo {
        width: 240px;
        height: auto;
        padding: 0.5em;
        display: inline;
        position: relative;
        top:-36px;
        left:222px;
        transition:all 0.5s;
    }
    p.navtext {
        font-size: 16px;
        position: relative;
        top:48px;
        left: -240px;
        transition:all 0.5s;
    }
    #nav-search-bar {
        transition:all 0.5s;
    }
}

@media only screen and (max-width: 680px) {
    #home-search-box {
        width: 100%;
    }
    img {
        max-width: 100%!important;
    }
    .uc {
        max-width: none!important;
        object-fit: none!important;
    }
}