style) */ pre.synopsis { margin-left:32px; } /* Code: Including MathEquations */ pre .inlineequation .MathEquation { margin-top: 5px; margin-bottom: 5px; } /* ---- Color ---- */ .blue { color: blue; } .red { color: red; } .green { color: green; } .violet { color: blueviolet; } .orange { color: orange; } .gray { color: #808080; } .brown { color: #CC9933; } .darkred { color: #CC0000; } .black { color: black; } /* ---- Definition Lists ---- */ dl dd { margin-left: 15px; } dl dt { margin-bottom: 5px; } /* ---- Lists ---- */ #doc_center_content ul, #doc_center_content ol { margin-bottom: 10px; } #doc_center_content ul > li, #doc_center_content ul > li > p, #doc_center_content ol > li > p { margin-bottom: 5px; } /* ---- Paragraphs ---- */ p { margin-bottom: 10px; } /* Paragraphs: Copy */ p.copy { margin: 0; } /* Paragraphs: Listprogramlistingindent */ p.listprogramlistingindent { padding: 0px; margin-top: .8ex; margin-bottom: 1ex; margin-left: 32px; } /* Paragraphs: Pagenavlink */ p.pagenavlink { padding: 10px 0 2px; margin-bottom: 15px; border-bottom: 1px dotted #6a6a6a; color: #0C54B6; text-align: right; text-transform: lowercase; } p.pagenavlink img { display: none; } p.pagenavlink a:before { content: "[ "; } p.pagenavlink a:after { content: " ]"; } a.pagenavimglink { text-decoration: none; display: none; } p.pagenavlink a:hover { text-decoration: underline; } /* Paragraphs: Programlistingindent */ p.programlistingindent { margin-left:32px; } p.programlistingindent i { font-family: "Cambria", "Times New Roman", serif; } /* Paragraphs: Synopsis (Similar
style) */
p.synopsis { margin-left:32px; }
/* ---- Panels ---- */
.panel-heading { font-weight: bold; }
/* ---- Subscript / Superscript ---- */
/* Font Reset */
sup,
sub { font-size: 12px; }
sub { font-size: 75%; }
sup { font-size: 75%; top: -.60em; }
/* ---- Tables ---- */
table,
.table { width:100%; margin-bottom: 12px; border: 1px solid #ccc; border-right: none; border-bottom: none; font-size: 92%; }
table th,
.table > thead > tr > th { padding: 6px 5px; border:none; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background: #eaeaea; color: #000; font-weight: bold; text-align: left; vertical-align: middle; }
table th.center { text-align: center; }
table td,
.table > tbody > tr > td { padding: 3px 5px; border: none; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background: #fff; }
.table p,
.table pre,
table td p,
table td pre { margin-bottom: 0; }
table td p + p,
table td p + ul,
table td p + ol,
table td p + pre,
table td pre + p,
table td pre + ul,
table td pre + ol,
table td pre + pre { margin-top: 10px; }
/*table td *:last-child { margin-bottom: 5px; }*/
/* Tables: Bootstrap Overrides */
/* Tables: Table-Cell Width */
.td_5 { width:5%; }
.td_10 { width:10%; }
.td_15 { width:15%; }
.td_20 { width:20%; }
.td_25 { width:25%; }
.td_30 { width:30%; }
.td_33 { width:33.333%; }
.td_40 { width:40%; }
.td_45 { width:45%; }
.td_50 { width:50%; }
.td_55 { width:55%; }
.td_60 { width:60%; }
.td_66 { width:66.666%; }
.td_70 { width:70%; }
.td_75 { width:75%; }
.td_80 { width:80%; }
.td_85 { width:85%; }
.td_90 { width:90%; }
.td_95 { width:95%; }
/* Tables: Body */
table.body { margin: 0 0 20px 0; border: 1px solid #ececec; border-right: none; border-bottom: none; }
table.body th { padding: 7px 5px; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; background: #80a0c1 url(../images/nextgen/doc_center/bg_datatable_th_title.gif) repeat-x bottom left; color: #fff; font-size: 92%; line-height: 1.2; }
table.body td { padding:5px; color:#404040; border-right:1px solid #ececec; border-bottom:1px solid #ececec; }
table.body th p { margin-bottom: 0; }
table.body p { margin-bottom: 10px; }
/* Tables: Borderless */
table.table_borderless,
table.table_borderless th,
table.table_borderless td,
table.table_borderless > thead > tr > th,
table.table_borderless > tbody > tr > td { border: none; }
/* Tables: Datatables */
.datatable { border-color: #ccc; }
.datatable td { padding: 6px 5px; border-color: #ccc; font-size: 92%; line-height: 1.42; }
.datatable td pre { margin-bottom: 0; }
.datatable td p { margin-bottom: 0; }
.datatable td p + p,
.datatable td p + ul,
.datatable td p + ol,
.datatable td p + pre { margin-top: 10px; }
.datatable td pre + p,
.datatable td pre + ul,
.datatable td pre + ol,
.datatable td pre + pre { margin-top: 10px; }
.datatable .even { background: #f6f6f6; }
/* Tables: Divider */
table.divider { border: none; border-bottom: 1px solid #ececec; }
table.divider td { height: 1px; padding: 0; border: none; background: transparent !important; font-size: 1px; line-height: 1.00; }
table.divider td img { display: none; }
/* Tables: Doc Function Block */
.doc_function_block table { width: 100%; }
.doc_function_block td { padding: 2px 5px; }
.doc_function_block td.term { width: 30%; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
.doc_function_block td.description { width: 70%; }
/* Doc Function Block: With Limited Support */
.table.has_limited_support td.term { padding-left:26px; }
.table.has_limited_support td.term [class*="icon-"] { margin-left:-21px; float:left; display:block; }
.table.has_limited_support .popover_trigger { padding:0 !important; margin:0 0 0 -21px !important; border:none !important; background:transparent !important; float:left; display:block; }
/* Tables: Doc Block Block */
.doc_block_block table { width: 100%; }
.doc_block_block td { padding: 2px 5px; }
.doc_block_block td.term { width: 30%; }
.doc_block_block td.description { width: 70%; }
/* Tables: Examples */
.example_element td { border: none; }
/* Tables: Functions */
table td.term { width: 30%; }
table td.description { width: 70%; }
/* Tables: Layout */
table.layout_table { border: none; }
table.layout_table td { padding: 5px 10px 5px 0; border: none; }
table.layout_table tr:nth-child(even) td { background: #fff; }
/* Tables: Nav */
table.nav { background-color: #E7EBF7; }
/* Tables: Note */
table.note { background-color: #E7EBF7; }
table.note td { padding: 5px 10px; }
table.note td *:first-child { margin-top: 0; }
table.note td *:last-child { margin-bottom: 0; }
li table.note { margin-top: .8ex; margin-bottom: 1ex; }
dd table.note { margin-bottom: 1ex; }
/* Tables: Pagenavtable */
.pagenavtable { margin: 0 0 15px 0; border: 1px solid #878787; }
.pagenavtable th { padding: 5px; border-bottom: 1px solid #878787; background-color: #D7D7D7; color: #000; font-weight: bold; text-align: left; }
.pagenavtable td { padding: 5px; text-align: left; vertical-align: top; }
.pagenavtable td p { margin-top:.7ex; margin-bottom:.7ex; line-height:1.2em; }
/* Tables: Programlistingindent */
table.programlistingindent { width: 95% !important; margin-bottom: 20px; margin-left: 32px; }
html body table.programlistingindent td img { float: left; }
/* Tables: Reference Clusters */
.collapse .ref_cluster table { background: transparent !important; }
.ref_cluster { margin-top: -8px; padding-bottom: 20px; }
.ref_cluster_content { padding: 0; border: none; border-left: 10px solid #e6e6e6; background: #f6f6f6; }
.ref_cluster_content td { padding: 6px 5px; }
.ref_cluster_content tr + tr td { border-top: 1px dotted #ccc; }
#doc_center_content h2 + .ref_cluster .ref_cluster_content table { border-top: none; }
.ref_cluster td.term { width: 33%; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; line-height: 1.3; word-break: break-all; word-wrap: break-word; }
.ref_cluster td.description { width: 67%; line-height: 1.3; }
.doc_blocksgroup_container .ref_cluster td.term { font-family:Arial, Helvetica, sans-serif; }
/* Tables: Responsive - From Boostrap - Making Available for All Breakpoints */
.table-responsive { width: 100%; margin-bottom: 21px; /*border: 1px solid #ddd;*/ overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table-responsive > table { margin-bottom: 0 !important; }
/* Tables: Simplelist */
table.simplelist_nottable_notlast { margin-bottom: 2ex; margin-left: 0; }
table.simplelist_nottable_last { margin-left: 0; }
table.simplelist_table_notlast { margin-bottom: 2ex; margin-left: 0; }
table.simplelist_table_last { margin-left: -3px; }
td table.simplelist_table_last { border: none; }
td table.simplelist_table_last td { border: none; }
/*-----------------------------------
Site Elements
-------------------------------------*/
/* ---- App Image ---- */
.inline_app_image { max-width: 200px !important; height: auto; margin: 5px 0 10px 10px; float: right; }
/* ---- Compatibility Consideration ---- */
.compatibility_consideration { width: 16px; height: 16px; margin: 0 0 -2px 5px; background: transparent url(../images/nextgen/global/ico_warning.png) no-repeat center center; display: inline-block; }
/* Copiable Code for Live Editor from Live Controls */
.live_control_container { margin:1px; display:inline-block; position:relative; }
.live_control_container img { position:relative; z-index:1; }
.live_control_container .live_control_equivalent_value { color:rgba(255,255,255,0.0) !important; display:inline-block; font-size:0 !important; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; }
.live_control_container .live_control_equivalent_value:focus { outline:1px solid rgba(102,175,233,0.6); }
/* ---- Expand / Collapse ---- */
/* Expand / Collapse */
/*
.expand { padding-left: 12px; background: transparent url(../images/nextgen/supporting/apps/doc_center/ico-collapsed.png) no-repeat 0 9px; cursor: pointer; }
.expand h2 { border-bottom: 0; }
.expand.expanded { padding-left: 12px; background: transparent url(../images/nextgen/supporting/apps/doc_center/ico-expanded.png) no-repeat 0 12px; }
.expander table.body { margin: 0 0 0 -4px; background: #fff; }
*/
/* More Results */
.more_results { background: #f1f1f1; }
.more_results a { width: 100%; padding: 5px 0; font-size: 76%; color: #5c5c5c; display: block; text-indent: 10px; }
.more_results a:visited { color: #5c5c5c; }
.more_results a:hover { color: #5c5c5c; }
/* Reveal */
.reveal { margin: -20px 0 20px; }
.reveal .expand { padding-left: 0; background: none; }
.reveal .collapse { padding: 0 !important; margin: 0; background: transparent; }
.reveal .expand.expanded { padding-left: 0; background: none; }
.reveal .more_results { padding: 5px 0; overflow: hidden; }
.reveal .more_results p { margin: 0 5px; padding: 2px 12px 2px 0; background: transparent url(../images/nextgen/doc_center/ico-more-results.png) no-repeat right center; color: #5c5c5c; float: left; font-size: 92%; line-height: 1.0; }
.reveal .expanded .more_results p { background-image: url(../images/nextgen/doc_center/ico-less-results.png); }
.reveal .more_results p:after { content: "more"; }
.reveal .expanded .more_results p:after { content: "less"; }
/* Reveal with Ref Clusters */
.ref_cluster + .reveal { margin-top: -10px; }
.collapse .ref_cluster { margin-top: 0; padding-bottom: 5px; }
/* Category Page */
/* Expand */
/*
.starthere_container h2.expand { background-image: url(../images/nextgen/doc_center/bg_collapsed_nolink.gif); }
.starthere_container h2.expanded { background-image: url(../images/nextgen/doc_center/bg_expanded_nolink.gif); }
*/
/* Collapse */
/*
.starthere_container .collapse { padding-left: 0 !important; border-top: 1px solid #D6D4D4; }
*/
/* Function Reference Page */
/* Expand */
/*
h3.expand { padding:5px 5px 5px 17px; margin-bottom: 2px; border: none; color: #005fce; background-color: #fafafa; background-position: 5px 10px; clear: both; font-size: 13px; font-weight: normal; line-height: 1.5; }
h3.expand span.example_title { width: 100%; display: block; font-weight: normal; }
h3.expand span.example_desc { width: 100%; color: #666; display: block; font-weight: normal; }
h3.expand,
h3.expand a,
h3.expand a:hover,
h3.expand a:visited,
h3.expand span.example_title { color:#3c3c3c; }
h3.expand.expanded { padding: 5px 5px 5px 17px; margin-bottom: 0; background-color: #fafafa; background-position: 5px 12px; }
*/
/*
.arguments h3.expand { float: none; }
.arguments h3.expand span.example_desc { float: none; }
.arguments .collapse { padding: 0 10px 10px; margin: 0 0 10px 0; float: none; }
.expand a:link,
.expand a:visited { text-decoration: none; }
*/
.expandableContent a.external_link { padding-left: 10px; }
/* Collapse */
/*
#doc_center_content .collapse { padding:10px !important; margin-top: 0; background: #fafafa; }
#doc_center_content .collapse *:last-child { margin-bottom: 0; }
#expandableExamples .collapse { padding: 0 10px 10px; margin: 0 0 10px 0; }
*/
/* Function Icons */
.function_icons { margin-left:-10px; }
.function_icons .list-unstyled { margin-bottom:0 !important; display:flex; flex-wrap:wrap; }
.function_icons .list-unstyled > li { height:100px; width:100px; padding:10px; margin:0 10px 20px 10px !important; border:1px solid #ccc; display:flex; align-items:center; position:relative; }
.function_icons .list-unstyled > li > img { width:auto; max-width:78px; height:auto; max-height:78px; margin:0 auto; display:inline-block; }
.function_icons .function_icon_zoom { padding:0 2px; display:block; float:right; position:absolute; right:0; bottom:0; }
/* Product Landing Page - Delete? */
.doc_center_landing .pictogram_wordmark { width:auto !important; height:30px !important; margin:35px 0 !important; }
@media (max-width:991px) {
.doc_center_landing .panel-group.accordion_variant_01 .col-xs-12:first-child ul { margin-bottom:20px !important; }
}
/* Release Notes */
/*
#product_release_notes .expand { background-image: url(../images/nextgen/global/bg_collapsed_nolink.gif); background-position: 0 20px; overflow:hidden; }
#product_release_notes .expand h2 { margin-top: 10px; margin-bottom: 2px; line-height: 1; }
#product_release_notes .expand h4 { font-weight: normal; }
#product_release_notes .doc_topic_desc { margin: 0; padding-top:2px; border-top: 1px solid #ccc; display: block; }
#product_release_notes .expanded { background-image: url(../images/nextgen/global/bg_expanded_nolink.gif); }
#product_release_notes .collapse { padding: 10px 0 0; margin: 0 0 0 10px; background: transparent !important; }
#product_release_notes .collapse .expand { background-position: 0 5px; }
#product_release_notes .collapse .collapse { padding: 5px 0 0; border: none; }
#product_release_notes .collapse h3 { margin: 0; padding: 10px 0 5px 0; }
#product_release_notes .collapse h4 { margin: 0; padding: 0 0 5px; }
#product_release_notes .collapse p,
#product_release_notes .collapse ul { margin: 0; padding: 0 0 10px; }
#product_release_notes .expand { margin-bottom: 0; }
#product_release_notes .expand .switch { margin-top: -14px; display: none; }
#product_release_notes .expanded .switch { display: block; }
#product_release_notes .expand .no_topic_desc + .switch { width: 100%; padding: 0; margin: 0 0 0 -10px; text-align: right; }
#product_release_notes .expand.no_content { background: none; cursor: default; }
#product_release_notes .expand.no_content h2 { margin-bottom: 8px; }
#product_release_notes .expand.no_content .doc_topic_desc { margin-top: -5px; }
*/
.release_notes_card .panel-body { padding-bottom:65px; }
.release_notes_card .panel-footer { width:100%; position:absolute; bottom:0; }
/* Release Notes Sidebar Search - 16b WEB */
.sidebar-offcanvas .release_notes_search { font-size:12px; }
.sidebar-offcanvas .release_notes_search h4,
.sidebar-offcanvas .release_notes_search .h4 { font-size:12px; }
.sidebar-offcanvas .release_notes_search .form-group .form-control { font-size:12px; }
.sidebar-offcanvas .release_notes_search #endrelease,
.sidebar-offcanvas .release_notes_search #startrelease { width: calc(100% + 5px); padding-right: 2px; padding-left: 1px; }
.sidebar-offcanvas .release_notes_search #endrelease { margin-left: -5px; }
.sidebar-offcanvas .release_notes_search .form-group .checkbox { margin-top:0; margin-bottom:0; }
.sidebar-offcanvas .release_notes_search .form-group .checkbox input { margin-top:1px; }
.sidebar-offcanvas .release_notes_search .row > .col-xs-6:first-child:after { width: 15px; margin-right: -7.5px; content:"to"; display: inline-block; float: right; position: absolute; right:0; text-align:center; top: calc(50% - 17px); }
#product_release_notes h1 { margin-bottom: 10px; }
#product_release_notes .list-inline { margin-left: -2px; }
#product_release_notes .list-inline > li { padding-right: 2px; padding-left: 2px; }
#product_release_notes .list_inline_spacer { color: #cbcbcb; }
#product_release_notes p.switch { margin-top: 0; font-size: 100%; }
#product_release_notes .form-group .form-control { font-size: 12px; }
/* Topic Page */
.doc_functionsgroup_container.expandableContent { padding-bottom:15px; }
#doc_center_content .doc_functionsgroup_container.expandableContent h2 { margin-bottom: 5px; }
/*
.doc_functionsgroup_container.expandableContent h2.expand { margin:0px; border:none; background-image:url(../images/nextgen/global/bg_collapsed_nolink.gif); background-position: left 6px; }
.doc_functionsgroup_container.expandableContent h2.expanded { background-image:url(../images/nextgen/global/bg_expanded_nolink.gif); background-position: left center; }
.doc_functionsgroup_container.expandableContent .collapse { padding:0px; margin:0px; }
.doc_functionsgroup_container.expandableContent .collapse .doc_function_block { padding-bottom:0px; margin:0px; background:transparent none; border:none; }
.doc_functionsgroup_container.expandableContent .collapse .doc_subgroup_container { margin-bottom:0px; }
.doc_functionsgroup_container.expandableContent .collapse .doc_subgroup_container + .doc_subgroup_container { padding-top:12px; }
*/
.doc_blocksgroup_container.expandableContent { padding-bottom:15px; }
#doc_center_content .doc_blocksgroup_container.expandableContent h2 { margin-bottom: 5px; }
/*
.doc_blocksgroup_container.expandableContent h2.expand { margin:0px; border:none; background-image:url(../images/nextgen/global/bg_collapsed_nolink.gif); background-position: left 6px; }
.doc_blocksgroup_container.expandableContent h2.expanded { background-image:url(../images/nextgen/global/bg_expanded_nolink.gif); background-position: left center; }
.doc_blocksgroup_container.expandableContent .collapse { padding:0px; margin:0px; }
.doc_blocksgroup_container.expandableContent .collapse .doc_function_block { padding-bottom:0px; margin:0px; background:transparent none; border:none; }
.doc_blocksgroup_container.expandableContent .collapse .doc_subgroup_container { margin-bottom:0px; }
.doc_blocksgroup_container.expandableContent .collapse .doc_subgroup_container + .doc_subgroup_container { padding-top:12px; }
*/
.doc_configparamgroup_container.expandableContent { padding-bottom:15px; }
#doc_center_content .doc_configparamgroup_container.expandableContent h2 { margin-bottom: 5px; }
/*
.doc_configparamgroup_container.expandableContent h2.expand { margin:0px; border:none; background-image:url(../images/nextgen/global/bg_collapsed_nolink.gif); background-position: left 6px; }
.doc_configparamgroup_container.expandableContent h2.expanded { background-image:url(../images/nextgen/global/bg_expanded_nolink.gif); background-position: left center; }
.doc_configparamgroup_container.expandableContent .collapse { padding:0px; margin:0px; }
.doc_configparamgroup_container.expandableContent .collapse .doc_block_block { padding-bottom:0px; margin:0px; background:transparent none; border:none; }
.doc_configparamgroup_container.expandableContent .collapse .doc_subgroup_container { margin-bottom:0px; }
.doc_configparamgroup_container.expandableContent .collapse .doc_subgroup_container + .doc_subgroup_container { padding-top:12px; }
*/
.doc_classesgroup_container.expandableContent { padding-bottom:15px; }
#doc_center_content .doc_classesgroup_container.expandableContent h2 { margin-bottom: 5px; }
/*
.doc_classesgroup_container.expandableContent h2.expand { margin:0px; border:none; background-image:url(../images/nextgen/global/bg_collapsed_nolink.gif); background-position: left 6px; }
.doc_classesgroup_container.expandableContent h2.expanded { background-image:url(../images/nextgen/global/bg_expanded_nolink.gif); background-position: left center; }
.doc_classesgroup_container.expandableContent .collapse { padding:0px; margin:0px; }
.doc_classesgroup_container.expandableContent .collapse .doc_function_block { padding-bottom:0px; margin:0px; background:transparent none; border:none; }
.doc_classesgroup_container.expandableContent .collapse .doc_function_block + .doc_function_block { padding-top:12px; }
*/
.doc_otherrefsgroup_container.expandableContent { margin-bottom:0px; padding-bottom:15px; }
#doc_center_content .doc_otherrefsgroup_container.expandableContent h2 { margin-bottom: 5px; }
/*
.doc_otherrefsgroup_container.expandableContent h2.expand { margin:0px; border:none; background-image:url(../images/nextgen/global/bg_collapsed_nolink.gif); background-position: left 6px; }
.doc_otherrefsgroup_container.expandableContent h2.expanded { background-image:url(../images/nextgen/global/bg_expanded_nolink.gif); background-position: left center; }
.doc_otherrefsgroup_container.expandableContent .collapse { padding:0px; margin:0px; }
.doc_otherrefsgroup_container.expandableContent .collapse .doc_function_block { padding-bottom:0px; margin:0px; background:transparent none; border:none; }
.doc_otherrefsgroup_container.expandableContent .collapse .doc_function_block + .doc_function_block { padding-top:12px; }
*/
.doc_mdlguidelinesgroup_container.expandableContent { margin-bottom:0px; padding-bottom:15px; }
#doc_center_content .doc_mdlguidelinesgroup_container.expandableContent h2 { margin-bottom: 5px; }
/*
.doc_mdlguidelinesgroup_container.expandableContent h2.expand { margin:0px; border:none; background-image:url(../images/nextgen/global/bg_collapsed_nolink.gif); background-position: left 6px; }
.doc_mdlguidelinesgroup_container.expandableContent h2.expanded { background-image:url(../images/nextgen/global/bg_expanded_nolink.gif); background-position: left center; }
.doc_mdlguidelinesgroup_container.expandableContent .collapse { padding:0px; margin:0px; }
.doc_mdlguidelinesgroup_container.expandableContent .collapse .doc_block_block { padding-bottom:0px; margin:0px; background:transparent none; border:none; }
.doc_mdlguidelinesgroup_container.expandableContent .collapse .doc_block_block + .doc_block_block { padding-top:12px; }
*/
.doc_mdlchecksgroup_container.expandableContent { margin-bottom:0px; padding-bottom:15px; }
#doc_center_content .doc_mdlchecksgroup_container.expandableContent h2 { margin-bottom: 5px; }
/*
.doc_mdlchecksgroup_container.expandableContent h2.expand { margin:0px; border:none; background-image:url(../images/nextgen/global/bg_collapsed_nolink.gif); background-position: left 6px; }
.doc_mdlchecksgroup_container.expandableContent h2.expanded { background-image:url(../images/nextgen/global/bg_expanded_nolink.gif); background-position: left center; }
.doc_mdlchecksgroup_container.expandableContent .collapse { padding:0px; margin:0px; }
.doc_mdlchecksgroup_container.expandableContent .collapse .doc_block_block { padding-bottom:0px; margin:0px; background:transparent none; border:none; }
.doc_mdlchecksgroup_container.expandableContent .collapse .doc_block_block + .doc_block_block { padding-top:12px; }
*/
/* ---- Images ---- */
#content_container2 img.animated-image,
#content_container img.animated-image,
#doc_center_content img.animated-image { width: auto; max-width: 400px; height: auto; max-height: 300px; padding: 5px 5px 20px 5px; border: 1px dashed #D6D6D6; background: #fff url(../images/nextgen/doc_center/ico-animation-play.png) no-repeat bottom right; cursor: pointer; }
#content_container2 img.dynamic-image,
#content_container img.dynamic-image,
#doc_center_content img.dynamic-image { padding: 5px 5px 20px 5px; background-image: url(../images/nextgen/doc_center/ico-animation-stop.png); }
/* Images: Inline Math Equations */
.inlinemediaobject { display:inline-block; }
/* Vertical Alignment: margin-top:calc(-1*((17px - imageheight)/2 + 2px)) */
.inlinemediaobject_1_px img { margin-top:calc(-1*((17px - 1px)/2 + 2px)); }
.inlinemediaobject_2_px img { margin-top:calc(-1*((17px - 2px)/2 + 2px)); }
.inlinemediaobject_3_px img { margin-top:calc(-1*((17px - 3px)/2 + 2px)); }
.inlinemediaobject_4_px img { margin-top:calc(-1*((17px - 4px)/2 + 2px)); }
.inlinemediaobject_5_px img { margin-top:calc(-1*((17px - 5px)/2 + 2px)); }
.inlinemediaobject_6_px img { margin-top:calc(-1*((17px - 6px)/2 + 2px)); }
.inlinemediaobject_7_px img { margin-top:calc(-1*((17px - 7px)/2 + 2px)); }
.inlinemediaobject_8_px img { margin-top:calc(-1*((17px - 8px)/2 + 2px)); }
.inlinemediaobject_9_px img { margin-top:calc(-1*((17px - 9px)/2 + 2px)); }
.inlinemediaobject_10_px img { margin-top:calc(-1*((17px - 10px)/2 + 2px)); }
.inlinemediaobject_11_px img { margin-top:calc(-1*((17px - 11px)/2 + 2px)); }
.inlinemediaobject_12_px img { margin-top:calc(-1*((17px - 12px)/2 + 2px)); }
.inlinemediaobject_13_px img { margin-top:calc(-1*((17px - 13px)/2 + 2px)); }
.inlinemediaobject_14_px img { margin-top:calc(-1*((17px - 14px)/2 + 2px)); }
.inlinemediaobject_15_px img { margin-top:calc(-1*((17px - 15px)/2 + 2px)); }
.inlinemediaobject_16_px img { margin-top:calc(-1*((17px - 16px)/2 + 2px)); }
.inlinemediaobject_17_px img { margin-top:calc(-1*((17px - 17px)/2 + 2px)); }
.inlinemediaobject_18_px img { margin-top:calc(-1*((17px - 18px)/2 + 2px)); }
.inlinemediaobject_19_px img { margin-top:calc(-1*((17px - 19px)/2 + 2px)); }
.inlinemediaobject_20_px img { margin-top:calc(-1*((17px - 20px)/2 + 2px)); }
.informalfigure { padding:0 10px; }
/* ---- Loading Animation ---- */
#loading_animation { width :65%; margin: 120px auto 0; }
/* ---- Hinting ---- */
.anchor_hinting { background-color: #BDEDFF !important; }
/* ---- MathML ---- */
.inlineequation { white-space:nowrap; }
em.varname,
.inlineequation { font-family: "STIXGeneral", "STIXGeneral-webfont", serif !important; }
em.varname + sub,
.inlineequation + sub { bottom: -.3em; font-family: "STIXGeneral", "STIXGeneral-webfont", serif !important; position: relative; }
/* ---- MuPad ---- Responsive-ification Needed */
.mupad_code { padding: 0 0 1px 0; margin-bottom: 20px; border-left: 1px solid #808080; background: transparent url(../images/nextgen/doc_center/bg-mupad-code-separator.png) no-repeat bottom left; }
.mupad_code .mupad_input { margin: 0; padding: 1px 0 1px 10px; color: #ff0000; background: transparent url(../images/nextgen/doc_center/bg-mupad-code-separator.png) no-repeat top left; }
.mupad_code .mupad_output { margin: 0; padding: 1px 0 1px 10px; color: #5500ff; background: transparent url(../images/nextgen/doc_center/bg-mupad-code-separator.png) no-repeat top left; }
.mupad_code pre.programlisting { margin-left: 0; }
.mupad_code p.programlistingindent { margin-left: 0; }
/* MuPad: Warning */
.form_alert_container { padding:15px 15px 15px 62px; margin:0px 0px 20px 0px; min-height:40px; font-size: 92%; line-height:140%; border:2px solid #D79C40; }
.form_alert_container h3 { color:#d79c40; }
.form_alert_container p,
.form_alert_container ul { margin-bottom:15px; }
.form_alert_container.mupad { padding-left: 15px; background: none; }
.form_alert_container.mupad h3 { padding-top: 0; margin-bottom: 5px; }
.form_alert_container.mupad p { margin-bottom: 0; }
.form_alert_container.mupad p + p { margin-top: 10px; }
/* --- Overloaded Function Alerts --- */
#message_bar.alert-info { height: 26px; padding: 5px 35px 5px 15px; margin-bottom: 0; background-color: #ffffcc; }
#message_bar #overload_message_bar_title { padding-left: 8px; display: inline-block; position: relative; top: -2px; }
#message_bar .messagebar_info { height: 16px; width: 16px; background: url(../images/nextgen/doc_center/info.png) no-repeat center center; display: inline-block; }
/* ---- PreRelease Warning ---- Responsive-ification Needed */
.doc_nda_notice { margin-bottom: 15px; border: 2px solid #6a98c4; background: transparent url(../images/nextgen/global/ico_global_info.png) no-repeat 10px center; font-size: 84%; font-weight: bold; line-height: 1.0; clear:right; }
.doc_nda_notice p { padding: 10px 10px 10px 30px; margin-bottom: 0; }
/* ---- Product and Web Specific Links ---- */
.open_example { padding: 0 0 1px 0; margin: 0 0 10px 10px; border: 1px solid #aeaeae; border-radius: 5px; background: #fff; background: linear-gradient(top, #fff 0%, #e6e6e6 100%); display: block; float: right; font-size: 84%; }
.open_example:hover { background: #f3f3f3; background: linear-gradient(top, #f3f3f3 0%, #d7d7d7 100%); }
.open_example a { padding: 6px 10px; line-height: 1.3; float:left; }
/* Product and Web Specific Links: Hide/Show - Responsive-ification Needed: visible_product hidden_web; */
.execmatlabproduct { display: none; }
.execmatlabweb { display: inline; }
.prodgroup { display: none; }
.prodlink { display: none; }
.product-link { display: none; }
.coming_from_product,
div.coming_from_product { display: none; }
.not_coming_from_product,
div.not_coming_from_product { display: block; }
/* Section Banner Title */
.not_coming_from_product .doc_section_title { display:block; }
.not_coming_from_product .archived_doc_section_title { display:none; }
/* CRUX Nav */
.crux_browse li > a.coming_from_product { display: none !important; }
.crux_browse li > a.not_coming_from_product { display: block !important; }
.execmatlabproduct.video { display: none; }
.execmatlabweb.video { display: inline-block; }
.support_package_list { display: none; }
/* MATLAB: Links */
#dialog-body pre { padding: 9.5px; margin: 0 0 21px; border: 1px solid #ccc; border-radius: 4px; background-color: #f5f5f5; color: #333; display: block; font-size: 13px; line-height: 1.467; word-break: break-all; word-wrap: break-word; }
/* ---- Topic Pages ---- */
/* Topic Progress Bar */
.topic_progress_container { width:675px; margin:20px 0; border:1px solid #d4d4d4; display:table; float:right; }
.topic_progress_nav,
.topic_progress_desc,
.topic_progress_indicator { padding:11px 10px 10px; display:table-cell; text-align:center; vertical-align:middle; }
.topic_progress_nav { min-width:120px; padding:0; background:#2f7eb2; color:#fff; font-size:12px; line-height:1.00; text-transform:uppercase; white-space:nowrap; }
.topic_progress_nav a { padding:11px 10px 10px; display:block; }
.topic_progress_nav a,
.topic_progress_nav a:hover,
.topic_progress_nav a:visited { color:#fff; }
.topic_progress_desc { width:100%; background:#f2f2f2; font-size:14px; line-height:1.00; }
.topic_progress_desc a,
.topic_progress_desc a:hover,
.topic_progress_desc a:visited { color:#404040; }
.topic_progress_indicator { white-space:nowrap; }
.topic_progress_indicator ul { height:7px; margin-top:-6px; margin-bottom:0 !important; border-bottom:1px solid #d4d4d4; }
.topic_progress_indicator ul > li { width:13px; height:13px; padding-left:0; margin-bottom:0 !important; border:1px solid #d4d4d4; border-radius:50%; background:#fff; display:inline-block; line-height:1.00; white-space:nowrap; }
.topic_progress_indicator ul > li > a { width:11px; height:11px; border:1px solid #fff; border-radius:50%; background:#fff; display:block; }
.topic_progress_indicator ul > li > a.active { background:#2f7eb2; }
.topic_progress_indicator ul > li + li { margin-left:10px; }
.topic_progress_indicator ul > li:before { min-width: 0; margin-left: 0; content: none; display: inline; }
/* ---- Tablet ---- */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.topic_progress_container { width:65%; min-width:365px; margin:20px auto; display:block; float:none; }
.topic_progress_nav,
.topic_progress_desc,
.topic_progress_indicator { width:100%; display:block; }
.topic_progress_indicator { padding:12px 10px 8px; }
.topic_progress_indicator ul { margin-top:0; display:inline-block; }
}
/* ---- Mobile ---- */
@media only screen and (max-width: 767px) {
.topic_progress_container { width:100%; min-width:290px; max-width:365px; margin:20px auto; display:block; float:none; }
.topic_progress_nav,
.topic_progress_desc,
.topic_progress_indicator { width:100%; display:block; }
.topic_progress_indicator { padding:12px 10px 8px; }
.topic_progress_indicator ul { margin-top:0; display:inline-block; }
}
/* ---- Search ---- Responsive-ification Needed */
/* Search: Suggestions */
#suggestions { padding: 0; margin: 0 43px 0 0; border: 1px solid #cbcbcb; background: #fff; box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.25); color: #000; display: none; font-size: 92%; position: absolute; z-index: 1040; }
.suggestionheader { padding: 6px 7px; margin: 0; background: #dbe4ef; color: #404040; font-weight: bold; line-height: 1.0; }
.suggestionarea { padding: 1px 0 0; overflow-x: hidden; overflow-y: auto; }
.suggestion { width: 100%; padding: 4px 0; margin: 0 0 1px 0; color: #000; cursor: pointer; float: left; line-height: 1.0; }
.suggestiontext { width: auto; padding-left: 28px; float: left; }
.suggestionprod { width: auto; padding-right: 10px; float: right; }
/* Search Suggestions: Icons */
.blk_suggestion { background: url(../images/nextgen/doc_center/ico_blocks.png) no-repeat 7px 2px; }
.fcn_suggestion { background: url(../images/nextgen/doc_center/ico_function.png) no-repeat 7px 4px; }
.cat_suggestion { background: url(../images/nextgen/doc_center/ico_category.png) no-repeat 7px 2px; }
.so_suggestion { background: url(../images/nextgen/doc_center/ico_sysobjects.png) no-repeat 7px 3px; }
.suggestionsummary { color: #666; font-style: italic; }
.suggestionhighlight { color: #000; background-color: #dce3ed; font-style: normal; }
.selected-suggestion { color: #000; background-color: #dbdbdb; }
#wordarea .suggestion { padding-left: 7px; }
.suggestmore { padding-left: 16px; color: #005fce; display: block; background: url(../images/nextgen/doc_center/bg_search_more_results.png) no-repeat 7px center; float: left; }
#wordarea .suggestmore { padding-left: 16px; margin-left: -6px; color: #005fce; background: url(../images/nextgen/doc_center/bg_search_more_results.png) no-repeat 7px center; }
/* Search Suggestions: Highlight Colors */
.highlight_01 { background-color: #ff6; }
.highlight_02 { background-color: #aff; }
.highlight_03 { background-color: #9f9; }
.highlight_04 { background-color: #f99; }
.highlight_05 { background-color: #f6f; }
/* Highlight Colors in Buttons - Adjust Font Color */
[class*="btn_"] [class*="highlight_0"] { color: #000 !important; }
/* ---- Survey / Feedback ---- */
#doc_survey { width:310px; height:167px; margin-top: 20px; border: 1px solid #e6e6e6; }
/*-----------------------------------
Structure
-------------------------------------*/
/* ---- CTAs ---- */
/* See Responsive: Non-Mobile Below */
/* ---- Footer ---- */
/* ---- Offcanvas ---- */
.offcanvas_actuator .offcanvas_actuator_label:before { content: "CONTENTS"; }
/* Global */
.offcanvas_nav { padding: 7px 24px 20px 20px !important; color: #666; }
.offcanvas_nav a { color: #666; }
/* Nav Breadcrumb */
.sidebar-offcanvas ul.nav_breadcrumb { padding-bottom: 7px; margin-bottom: 7px; border-bottom:1px solid #e6e6e6; }
.sidebar-offcanvas ul.nav_breadcrumb > li { padding-left: 0; margin-bottom: 0; font-size: 11px; }
.sidebar-offcanvas ul.nav_breadcrumb > li > a { padding: 3px 0; display: block; }
.sidebar-offcanvas ul.nav_breadcrumb > li > a:before { padding-right: 3px; content: "\00ab"!important; display: inline-block; font-size: 14px; line-height: 1.00; font-style: normal; }
/* Offcanvas: Text Decoration Fix for :before in IE 8-11 */
/* http://stackoverflow.com/a/21902566 */
.sidebar-offcanvas ul.nav_breadcrumb > li > a:before,
.sidebar-offcanvas ul.nav_breadcrumb > li > a:hover:before { text-decoration: none; }
/* Offcanvas: Disambiguation */
.sidebar-offcanvas ul.nav_disambiguation { padding-bottom: 7px; margin-bottom: 7px; border-bottom:1px solid #e6e6e6; }
.sidebar-offcanvas ul.nav_disambiguation > li { padding-left: 0; margin-bottom: 0; font-size: 11px; }
.sidebar-offcanvas ul.nav_disambiguation > li > a { padding: 3px 0; display: block; }
.sidebar-offcanvas ul.nav_disambiguation > li > a:before { padding-right: 3px; content: "\00ab"!important; display: inline-block; font-size: 14px; line-height: 1.00; font-style: normal; }
/* Offcanvas: Text Decoration Fix for :before in IE 8-11 */
/* http://stackoverflow.com/a/21902566 */
.sidebar-offcanvas ul.nav_disambiguation > li > a:before,
.sidebar-offcanvas ul.nav_disambiguation > li > a:hover:before { text-decoration: none; }
/* Disambiguation: Expand/Collpase */
.sidebar-offcanvas .nav_disambiguation_overflow_control { padding: 4px 0 9px; margin-bottom:7px; border-bottom:1px solid #e6e6e6; color: #3468a5; cursor: pointer; display: block; font-weight: bold; }
.sidebar-offcanvas .nav_disambiguation_overflow_control:before { content:"more..."; }
.sidebar-offcanvas .collapse.in + .nav_disambiguation_overflow_control:before { content:"less..."; }
/* TOC Nav */
.sidebar-offcanvas .nav_toc > li { padding-right: 5px; padding-left: 0; margin-bottom: 0; }
.sidebar-offcanvas .nav_toc > li > ul { padding-top: 0; }
.sidebar-offcanvas .nav_toc > li > ul li { padding-right: 0; padding-left: 15px; margin-bottom: 0px; }
.sidebar-offcanvas .nav_toc li a { padding: 4px 5px 3px 0; color:#666; display:block; }
.sidebar-offcanvas .nav_toc li a:focus { background-color: transparent; text-decoration: none; }
.sidebar-offcanvas .nav_toc li a:hover { background: #f1f1f1; text-decoration: none; }
.sidebar-offcanvas .nav_toc li.active > a { font-weight: bold; }
.sidebar-offcanvas .nav_toc li.active a { color: #000; }
/* Search/Refine Nav - Taken from Site 6: Search Results: Facets -- Version 2.0 */
.sidebar-offcanvas #facets_area { padding:0; margin:0; }
.sidebar-offcanvas .search_refine { color: #666; }
.sidebar-offcanvas .search_refine h2 { color: #c1c1c1; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.sidebar-offcanvas .search_refine h3 { padding-right:36px; padding-bottom:4px; padding-left:0; margin-bottom:2px; position:relative; }
.sidebar-offcanvas .search_refine h3 .remove_category_facets { color:#808080; font-weight:normal; float:right; position:absolute; right:0; bottom:5px; }
.sidebar-offcanvas .search_refine h3 .remove_category_facets a { padding:0 !important; background:transparent !important; color:#808080 !important; font-size:13px; text-decoration:none !important; }
.sidebar-offcanvas .search_refine h3 .remove_category_facets a:hover { /*color: #00a9e0 !important;*/ color: #000 !important; }
.sidebar-offcanvas .search_refine ul > li { line-height: 1.46; } /* Fix to match TOC Nav - Not in site6 */
.sidebar-offcanvas .search_refine ul > li > a { padding:4px 5px 3px 0 !important; }
.sidebar-offcanvas #facets_area .search_refine ul > li > a { padding:4px 5px 4px 20px !important; }
.sidebar-offcanvas .search_refine ul > li > ul { padding-top:0 !important; margin-top:0 !important; }
.sidebar-offcanvas .search_refine ul > li > ul > li { padding-left:15px; }
.sidebar-offcanvas #facets_area .search_refine ul > li > ul > li { padding-left:20px; }
.sidebar-offcanvas .search_refine li.refinable_heading > a { color: #474747; font-weight:bold; }
.sidebar-offcanvas .search_refine li.refinable_heading.refined > ul > li > a { color:#000; }
.sidebar-offcanvas .search_refine li.refined > a { padding-right:5px; background: transparent; /*color: #00a9e0;*/ color: #000; position:relative; }
.sidebar-offcanvas .search_refine li.refined > a:after { margin-top:auto; content:none; }
.sidebar-offcanvas .search_refine li.refined > a:before { margin-top: -3px; /*color: #1aaae2;*/ color: #000; content: "\e90d"; display: inline-block; font-family: 'mathworks'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; opacity: 0.9; position: absolute; left:0; ext-transform: none; }
.sidebar-offcanvas .search_refine li.refined > a:hover { background: #f1f1f1; }
.sidebar-offcanvas .search_refine li.refined > a:hover:before { content: "\e64b"; }
/* Radio Buttons & Checkboxes */
.sidebar-offcanvas .search_refine li.radio,
.sidebar-offcanvas .search_refine li.checkbox { padding:4px 0 0; margin:0; }
.sidebar-offcanvas .search_refine li.radio:after,
.sidebar-offcanvas .search_refine li.checkbox:after { clear:both; content:""; display:table; }
.sidebar-offcanvas .search_refine li.radio input[type=radio],
.sidebar-offcanvas .search_refine li.checkbox input[type=checkbox] { margin-top: 0; }
/* Offcanvas: ScrollSpy */
.sidebar-offcanvas .nav_scrollspy li { line-height: 1.35; }
.sidebar-offcanvas .nav_scrollspy li.nav_scrollspy_function { padding-left: 0; margin-bottom:4px; color: #c05708; font-weight: bold; }
.sidebar-offcanvas .nav_scrollspy li.nav_scrollspy_function > a { color: #c05708; }
.sidebar-offcanvas .nav_scrollspy li.nav_scrollspy_title { padding-left: 0; margin-bottom: 3px; color:#c1c1c1; text-transform: uppercase; }
.sidebar-offcanvas .nav_scrollspy > li { padding-right: 5px; padding-left: 0; margin-bottom: 0; }
.sidebar-offcanvas .nav_scrollspy > li > ul li { padding-right: 0; padding-left: 15px; margin-bottom: 0px; }
.sidebar-offcanvas .nav_scrollspy li a { padding: 4px 5px 3px 0; color:#666; display:block; }
.sidebar-offcanvas .nav_scrollspy li a:focus { background-color: transparent; }
.sidebar-offcanvas .nav_scrollspy li a:hover { background: #f1f1f1; text-decoration: none; }
.sidebar-offcanvas .nav_scrollspy > li > ul { display: none; }
.sidebar-offcanvas .nav_scrollspy > li.active > ul { padding-bottom: 5px; display: block; }
.sidebar-offcanvas .nav_scrollspy li.active > a { font-weight: bold; }
/* Nested "Nav" Lists */
.sidebar-offcanvas .nav_scrollspy li.active ul.nav { padding-top: 0; padding-bottom: 0; }
/* Fix for Locked Header w/o Content Container Padding */
/* #responsive_offcanvas .sticky_header_container.affix ~ .row-offcanvas .content_container { padding-top: 96px; } */
#responsive_offcanvas .sticky_header_container.messagebar_active.affix ~ .row-offcanvas .offcanvas_nav { padding-top: 26px; }
/* ---- Body Trail ---- */
.body_trail_container { font-size: 12px; }
.body_trail_container h5,
.body_trail_container .h5 { margin-bottom: 5px; font-size: 14px; font-weight: bold; }
/* ---- Footer ---- */
footer h4 { font-size: 18px; line-height: 1.22; }
footer h5 { margin-bottom: 10px; }
/*-----------------------------------
Page Specific
-------------------------------------*/
/* ---- F1 Help ---- */
#responsive_offcanvas.navigation_off { background: #fff; }
#responsive_offcanvas.navigation_off #doc_header_spacer { display: none !important; }
#responsive_offcanvas.navigation_off #header_desktop { display: none !important; }
#responsive_offcanvas.navigation_off #header_mobile { display: none !important; }
#responsive_offcanvas.navigation_off .sticky_header_container { display: none; }
#responsive_offcanvas.navigation_off .row-offcanvas-left { margin-left: 0 !important; left: 0 !important; }
#responsive_offcanvas.navigation_off .content_container { width: 100% !important; padding-top: 20px !important; border-bottom: none !important; }
#responsive_offcanvas.navigation_off .feedbackblock { display: none; }
#responsive_offcanvas.navigation_off .sidebar-offcanvas { display: none; }
#responsive_offcanvas.navigation_off .cta_container_mobile { display: none !important; }
#responsive_offcanvas.navigation_off .body_trail_container { display: none; }
#responsive_offcanvas.navigation_off #footer { display: none; }
/* CRUX 2.0 */
#responsive_offcanvas.navigation_off .offcanvas_content_container { padding-right:0 !important; margin-left:0 !important; }
#responsive_offcanvas.navigation_off .section_header { display:none !important; }
#responsive_offcanvas.navigation_off .offcanvas_content_container { padding:0 !important; margin:0 !important; border-left:none !important; }
#responsive_offcanvas.navigation_off #content_container { height:auto !important; min-height:auto !important; width:100% !important; padding-bottom:0 !important; border-bottom:none !important; }
/* ---- Doc Center Landing Page ---- */
#doc_center_content.doc_center_landing h2 { border:none; }
#doc_center_content.doc_center_landing .panel-heading h2 { padding:0; margin:0; border:none; font-size: 18px; }
#doc_center_content.doc_center_landing .panel-body h3 { margin-bottom:7px; color:#404040; }
#doc_center_content.doc_center_landing .tab-pane,
#doc_center_content.doc_center_landing .tab-content { padding:0; border:none; }
#doc_center_content.doc_center_landing #doc_product_sort > li.active a { color:#404040; text-decoration:none; cursor:default; }
/* ---- Product Landing Page ---- Delete? */
/*
ul.doc_categories { padding-top: 0; }
ul.doc_categories li { padding: 12px; margin: 0; border-bottom: 1px solid #fff; background: #f3f3f3; font-size: 84%; line-height: 1.3; }
ul.doc_categories li h3 { width: auto !important; padding: 0 12px; margin-bottom: 0; background: #f3f3f3; display: block; font-size: 1.08%; font-weight: bold; line-height: 1.2; }
ul.doc_categories li h3.expand { padding-left: 12px; background: #f3f3f3 url(../images/nextgen/global/bg_collapsed.gif) no-repeat 0 7px; cursor: pointer; float: none !important; }
ul.doc_categories li h3 a { text-decoration: none; }
ul.doc_categories li h3 a.open { padding-left: 12px; margin-left: -12px; background: #f3f3f3 url(../images/nextgen/global/bg_expanded.gif) no-repeat 0 7px; }
ul.doc_categories li h3 span.category_desc { color: #000; font-size: 69%; font-weight: normal; line-height: 1.2; }
ul.doc_categories li p { padding-bottom: 12px; margin: 0; }
ul.doc_categories li ul { padding: 12px 0 0 12px; margin: 0; }
ul.doc_categories li ul li { padding: 3px 0; border: none; font-size: 92%; line-height: 1.3; }
ul.doc_categories li .collapse { width: 100%; padding: 0 !important; margin: 0 !important; float:none !important; }
.doc_category_nav_head,
.doc_category_nav_foot { margin: 0 0 20px; background: #e5e5e5; font-size: 92%; overflow: hidden; }
.doc_category_nav_foot { margin-top: -10px; }
.doc_category_nav_head ul,
.doc_category_nav_foot ul { margin: 0 !important; padding: 0; float: left; }
.doc_category_nav_head ul > li:before,
.doc_category_nav_foot ul > li:before { min-width: 0; margin-left: 0; content: none; display: inline; }
.doc_category_nav_head li,
.doc_category_nav_foot li { margin: 0 !important; padding: 0; border-right: 1px solid #fff; background: transparent none; float: left; }
.doc_category_nav_head li a,
.doc_category_nav_foot li a,
.doc_category_nav_head li a:visited,
.doc_category_nav_foot li a:visited { padding: 7px; color: #595959; display: block; float: left; line-height: 1; text-decoration: none; }
.doc_category_nav_head li a:hover,
.doc_category_nav_foot li a:hover { background-color: #6a6a6a; color: #fff; text-decoration: none; }
h1 + .doc_category_nav_head { margin-top: -20px; }
.doc_category_nav_head + .expand_container { margin-top: -19px; }
.doc_category_nav_head + .doc_families_container { margin-top: -19px; }
.doc_category_nav_foot { margin: -20px 0 20px; }
.doc_category_nav_foot li a.pdf { padding-left: 28px; background: url(../images/nextgen/global/ico_pdf.png) no-repeat 7px 4px; }
.doc_category_nav_foot li a.pdf:hover { background: #6a6a6a url(../images/nextgen/global/ico_pdf.png) no-repeat 7px 4px; }
*/
/* 15b */
#pgtype-landingpage h3,
#pgtype-landingpage .h3 { margin-bottom: 0; }
#pgtype-landingpage .doc_topic_desc { padding-right:0; }
/* ---- Topic Page ---- */
h1 + .doc_topic_desc { margin-top: -15px; }
h1 + #doc_topic_desc { margin-top: -15px; }
h1 + .switch { margin-top: -15px; padding-bottom: 10px; float: none; text-align: right; }
h2.title + .doc_topic_desc { margin-top: -15px; }
h2.title + #doc_topic_desc { margin-top: -15px; }
.doc_topic_desc,
#doc_topic_desc { padding: 3px 125px 0 0; margin: 0 0 15px; border-bottom: none; color: #6a6a6a; line-height: 1.3; overflow:hidden; }
#doc_center_content h1[class*="r20"] + .doc_topic_desc,
#doc_center_content h2.title[class*="r20"] + .doc_topic_desc { width:calc(100% + 15px); padding-bottom:10px; padding-left:15px; margin-bottom:20px; margin-left:-15px; border-bottom:1px solid #e6e6e6; }
.doc_topic_desc:empty { padding-top: 8px; margin-bottom: 0; }
.doc_topic_desc p { float: left; }
.doc_topic_desc p:empty { display: none; }
.doc_topic_desc .purpose_container p { color: #6a6a6a; }
.doc_topic_desc p:empty + .switch { margin-top: 0; }
.switch + .doc_topic_desc { padding-right: 100px; margin: -10px 0 15px; border-top: 1px solid #CBCBCB; }
.doc_topic_desc .switch { width: 125px; padding: 3px 0 0; margin: 0 -125px 0 0; display: block; text-align: right; }
div.switch { margin: -10px 0 0; font-size: 84%; float: right; }
ul.switch { margin: 0; font-size: 92%; float: right; }
ul.switch li { border-right: none; border-left: 1px solid #fff; }
.doc_function_block,
.doc_block_block { margin:0 0 20px; padding:10px 0 5px; border: 2px solid #fafafa; border-right: none; border-left: none; background: #fcfcfc; }
.doc_blocksgroup_container .doc_block_block,
.doc_functionsgroup_container .doc_function_block { padding: 0; border: none; background: transparent; }
h2 + .doc_function_block,
h2 + .doc_block_block { margin-top: -8px; }
h2 + .description_module { margin-top: -8px; border-top: none; }
h3 + .doc_function_block,
h3 + .doc_block_block { margin-top: -8px; }
/* ---- Category Page: Legacy ---- */
.subcat_desc { margin-bottom: 7px; display: block; }
h4 + p.subcat_desc { margin-top: 0; margin-bottom: 15px; }
.starthere_container { margin-bottom: 20px; }
.starthere_container h2 { margin: 0 0 0 -10px; border-bottom: none; cursor: pointer; }
p.subcat_desc { margin-top: -4px }
br.subcat_desc { margin-bottom: 6px }
div.doc_productdescgroup_container { margin-bottom: 20px; }
div.doc_productsetupgroup_container { margin-bottom: 20px; }
div.doc_tutorialsgroup_container { margin-bottom: 20px; }
div.doc_customgroup_container { margin-bottom: 20px; }
div.doc_subgroup_container { margin-bottom: 12px; }
.doc_productdescgroup_container + .doc_productsetupgroup_container { margin-top: -16px; }
/* 15b */
#pgtype-category .dcenter_c1title { font-weight: bold; }
#pgtype-category .subcat_desc { margin-bottom: 10px; display: block; }
#pgtype-category .well { padding: 0; }
#pgtype-category .well strong { padding: 0 19px 19px 19px; display: block; font-weight: normal; }
#pgtype-category .well img { max-width: none; border-bottom: 1px solid #e3e3e3; }
#pgtype-category h3 { margin-bottom: 0; }
/* Equal Column Heights */
.add_equal_heights > div[class*='col-'] > .well { width: 100%; }
/* --- Category Pages: Global --- */
#pgtype-category .expandableContent { margin-bottom:20px; }
#pgtype-category .expandableContent .panel-group .panel-heading { padding:5px 20px 5px 30px; position:relative; }
#pgtype-category .expandableContent .panel-group .panel-heading h3.panel-title { padding-top:3px; }
#pgtype-category .expandableContent .panel-group .panel-heading .icon-arrow-open-down,
#pgtype-category .expandableContent .panel-group .panel-heading .icon-arrow-open-right { font-size:18px; left:6px; top:50%; transform:translateY(-50%); }
#pgtype-category:not(.referencelist) table td { height:32px; background:#f9f9f9; vertical-align:middle; }
#pgtype-category .panel-body table td { height:auto; background:inherit; vertical-align:inherit; }
/* --- Category Pages: Start Here --- */
#pgtype-category .start_here_container { margin-bottom:20px; overflow:hidden; }
#pgtype-category .start_here_container *:last-child { margin-bottom:0; }
#pgtype-category .start_here_container #start_here_content { width:100%; line-height:1.50; }
#pgtype-category .start_here_container.-has_informalfigure #start_here_content,
#pgtype-category .start_here_container.-has_start_here_supplemental_content #start_here_content { width:58.33333333%; float:left; }
#pgtype-category .start_here_container #start_here_supplemental_content,
#pgtype-category .start_here_container #informalfigure_container { width:33.33333333%; margin-left:8.33333333%; float:left; }
#pgtype-category .start_here_container #start_here_supplemental_content h2 { padding-top:0; font-size:14px; }
#pgtype-category .start_here_container #start_here_supplemental_content *:last-child { margin-bottom:0; }
#pgtype-category .start_here_container #informalfigure_container { padding:10px; border:1px solid #ccc; position:relative; }
#pgtype-category .start_here_container #informalfigure_container .function_icon_zoom { padding:0 2px; display:block; float:right; position:absolute; right:0; bottom:0; }
/* Responsive */
@media (max-width:870px) {
.row-offcanvas-left.active #pgtype-category .start_here_container.-has_start_here_supplemental_content #start_here_content { width:100%; margin-bottom:25px; float:none; }
.row-offcanvas-left.active #pgtype-category .start_here_container #start_here_supplemental_content { width:100%; margin-left:0; float:none; }
.row-offcanvas-left.active #pgtype-category .start_here_container.-has_informalfigure #start_here_content { width:100%; margin-bottom:25px; float:none; }
.row-offcanvas-left.active #pgtype-category .start_here_container #informalfigure_container { width:100%; margin-left:0; float:none; }
}
@media (max-width:600px) {
#pgtype-category .start_here_container.-has_start_here_supplemental_content #start_here_content { width:100%; margin-bottom:25px; float:none; }
#pgtype-category .start_here_container #start_here_supplemental_content { width:100%; margin-left:0; float:none; }
#pgtype-category .start_here_container.-has_informalfigure #start_here_content { width:100%; margin-bottom:25px; float:none; }
#pgtype-category .start_here_container #informalfigure_container { width:100%; margin-left:0; float:none; }
}
/* --- Category Pages: Categories --- */
#pgtype-category #categories_container { width:calc(100% + 15px); padding:15px 15px 20px; margin-left:-15px; margin-bottom:25px; background:#f5f5f5; }
#pgtype-category #categories_container h2 { padding-top:0; font-size:18px; }
#pgtype-category #categories_container li { margin-bottom:15px; }
#pgtype-category #categories_container *:last-child { margin-bottom:0; }
/* --- Category Pages: Examples/Topics --- */
#pgtype-category .examples_container { margin-bottom:25px; }
#pgtype-category .examples_container h2 { margin-bottom:5px; }
#pgtype-category .examples_container h3 { padding-top:0; margin-bottom:0; }
#pgtype-category .examples_container li { margin-bottom:15px; }
#pgtype-category .examples_container *:last-child { margin-bottom:0; }
#pgtype-category .examples_container .doc_subgroup_container { padding-top:5px; }
#pgtype-category .examples_container .doc_subgroup_container:first-child { padding-top:0; }
/* --- Category Pages: Troubleshooting --- */
#pgtype-category .doc_troubleshootgroup_container { margin-bottom:25px; }
/* --- Category Pages: Related Information --- */
#pgtype-category .moreabout_container { margin-bottom:25px; }
#pgtype-category .moreabout_container h2 { margin-bottom:5px; }
#pgtype-category .moreabout_container h3 { padding-top:0; margin-bottom:0; }
#pgtype-category .moreabout_container li { margin-bottom:15px; }
#pgtype-category .moreabout_container *:last-child { margin-bottom:0; }
/* ---- Reference Page ---- */
h1.reftitle { color: #990000; }
h1.reftitle { margin-top: 0; margin-bottom: 0; font-size: 3.7ex; font-weight: normal; }
i.comment { color: red }
.categorytitle { margin-top: 8px; padding-top: 0; }
.subcategorytitle { margin-top: 8px; margin-bottom: 4px; padding-top: 0; padding-bottom: 0; }
.categorylist { background-color: #e1e6f2; }
.subcategorylist { background-color: #f3f4f5; }
.doc_otherrefsgroup_container { margin-bottom: 20px; }
p.switch { padding: 0; margin:-25px 0 5px; font-size: 84%; float: right; }
a.expandAllLink { text-decoration: none; }
/* Reference Clusters */
.ref_cluster { width: 100%; padding: 0 0 20px; }
.ref_cluster_content { padding: 0; margin: 0; /*border-left: 10px solid #e6e6e6; background: #f6f6f6;*/ }
.ref_cluster_content table { border: none; border-top: 1px solid #ccc; }
.ref_cluster_content table td { padding: 3px 5px; }
.ref_cluster + .ref_cluster { margin-top: -10px; }
.ref_cluster ul,
.ref_cluster .collapse ul { margin-bottom:0px !important; }
/* Reference Sections */
.ref_sect { margin-bottom: 20px; }
.ref_sect .descriptions .description_module { margin-bottom: 0; }
/* Syntax */
#syntax { margin-bottom: 0; }
.syntax_signature_module { padding: 7px 15px; margin-bottom: 5px; background: #fcfcfc; }
.syntax_signature_module .code_responsive { margin-bottom: 0; }
.syntax_signature_module code { white-space: nowrap; }
/* Deprecated: Pre Bootstrap Grid */
.syntax_signature { margin-bottom: 15px; }
.syntax_signature_module p { margin-bottom: 0; }
.syntax_signature_module ul { margin-bottom: 0 !important; }
.syntax_signature_module ul > li { padding-right: 75px; padding-left: 0; overflow: hidden; }
.syntax_signature_module ul > li:last-child { margin-bottom: 0 !important; }
.syntax_signature_module ul > li:before { min-width: 0; margin-left: 0; content: none; display: inline; }
.syntax_signature_module li:hover { background: #ddd; }
.syntax_signature_module li .syntax_example { margin-right: -70px; font-size: 83%; display: block; float: right; }
/* Description */
#description { margin-bottom: 0; border-bottom: none; }
.description_module { padding: 0 15px; border-top:1px solid #cbcbcb; }
.description_module .row + .row { border-top: 1px solid #d6d4d4; }
.description_module .col-xs-3.col-sm-2 .intrnllnk { float: right; font-size: 83%; }
.description_module p,
.description_module ul,
.description_module ol { margin-top: 5px; margin-bottom: 5px; }
.description_module h3,
.description_module h4 { padding-top:15px; padding-bottom:0; margin-bottom:0 !important; }
.description_module .code_responsive { margin-bottom: 0; }
.argument_placeholder { padding: 0 3px; font-size: 69%; display: inline-block; font-weight: bold; }
/* Deprecated: Pre Bootstrap Grid */
.descriptions h3 { margin-bottom: 7px; }
.descriptions h3 .syntax { padding: 2px 75px 2px 10px; margin: 0 -10px 0 -10px; border-top: 1px dotted #d6d4d4; display:block; font-weight: normal; }
.descriptions h3 .syntax_example { margin: 0; font-size: 69%; font-weight: normal; float: right; }
.descriptions p .syntax_example { margin: 0; font-size: 69%; font-weight: normal; float: right; }
.descriptions .code_responsive { margin-bottom: 0; }
.descriptions .description_module { padding: 0; }
.description_element { padding: 0 85px 0 0; border-top: none; font-weight: normal; }
.description_element + .description_element { border-top: 1px solid #d6d4d4; }
.description_element .syntax_example { margin: 0 -85px 0 0 ; float: right; font-size: 84%; text-align: right; }
/* Examples */
.examples_container { margin-bottom: 20px; }
#expandableExamples .example_desc p { margin-bottom: 0; }
/* Input Arugments */
.input_argument_container { margin-bottom: 5px; }
.input_argument_container h2 { margin: 7px 0 0 0; border: none; color: #3F3F3F; font-size: 92%; font-style: italic; }
#input_argument_namevalue { padding-top: 15px; }
#input_argument_namevalue img { margin: 0 0 -3px 5px; }
#input_argument_namevalue .example_desc { display: block; font-size: 76%; font-weight: normal; }
.argument_name code { font-weight:bold; }
/* Name / Value Pairs */
#namevaluepairs { padding-top: 10px; }
.namevaluecontainer { margin-bottom: 20px; color: #666; }
.namevaluecontainer p { margin-bottom: 10px; }
.description_valueexample { color: #666; }
.datatypelist { color: #666; }
/* Output Arugments */
.output_argument_container { margin-bottom: 10px; }
/* More About */
.moreabout_container { margin-bottom: 20px; }
/* Compatibility */
.compatibility_container { width: 80%; margin-left: auto; margin-right: auto; padding: 1em; border: 1px solid #d6d4d4; }
/* Release Introduced */
.release_introduced { padding: 10px 0; margin: 0 0 20px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.release_introduced h4 { margin-bottom: 0; }
/* ---- Release Notes ---- */
#product_release_notes .doc_category_nav_head { margin-bottom: 10px; }
#product_release_notes .compatibility_summary_content { border-top: none; }
/* ---- Examples ---- */
.example_element { width: 100%; margin-bottom: 5px; border: none; }
.example_element_thumb { width: 114px; height: 64px; padding: 5px 0; vertical-align: middle; }
.example_element_thumb img { max-width: 114px; max-height: 64px; margin: 0 auto; border: none; display: block; }
.example_element_thumb img { opacity: 0.99; } /* Firefox 3.6 Fix - Linux Help Browser */
.example_element_desc { padding: 10px 15px; vertical-align: middle; }
.example_element_type { width: 18%; text-align: center; vertical-align: middle; }
.example_element_type img { margin: 0 5px -2px 0 }
/* ---------- Search Results ---------- */
#search_result_pages { float: right; }
#search_result_pages a { padding: 0 0 0 2px; }
#resultSummaryTop { color: #6a6a6a; float: left; }
#searchAll { float: right; }
.searchResult { margin:0 0 15px 0; padding:0 0 0 25px; line-height: 1.4; }
.searchTitle { font-weight: bold; }
.searchSummary { color: #000; }
.highlightSummary { font-weight: bold; }
.searchHighlight { color: #6a6a6a; }
.highlightKeyword { color: #000; font-weight: bold; }
.results-page-selected { padding: 0 0 0 2px; color: #000; font-weight: bold; }
.searchBreadcrumb { color: #228822; }
.searchBreadcrumb a,
.searchBreadcrumb a:visited { color: #228822; text-decoration: none; }
.searchBreadcrumb a:hover { color: #228822; text-decoration: underline; }
.searcherror { color: red; }
/* #facets_area { padding:20px; margin-right:0px; } */
.search_refine h3 { color: #555; }
.search_refine a { color: #777; }
.search_refine .facet_title { color: #777; }
.search_refine li.refined > a:after { color: #777; }
/* Search Results Nav: Type */
/*
.search_refine.type li.refinable a { padding-left: 27px; }
.search_refine.type li.refined a { padding-left: 27px; }
*/
/* Search Results: Header/Footer */
#search_result_header,
#search_result_footer { overflow: hidden; }
#search_result_info_header { font-size:15px; line-height:1.45; }
#search_result_info_line1 { margin-bottom:7px; font-size:18px; line-height:1.0; }
#search_result_info_line2 { margin-bottom:7px; font-size:15px; line-height:1.45; }
#search_result_dym_header { font-size:15px; line-height:1.45; }
#result_summary_top,
#result_summary_bottom { font-size: 15px; }
/* Search Results: Table */
#doc_center_content .search_result_table { margin-bottom: 0; border: none; border-top: 1px solid #ddd; }
#doc_center_content .search_result_table td { padding: 15px; border: none; font-size: 14px; line-height: 1.42857143; vertical-align: top; }
#doc_center_content .search_result_table td.search_result_additional_right { width:109px !important; padding-right: 0; padding-left: 0; }
#doc_center_content .search_result_table td.search_result_additional_right .thumbnail_container { display: block; width: 109px; height: 82px; border:1px solid #ddd; background-repeat: no-repeat; background-position: center center; background-size: contain; }
#doc_center_content .search_result_table td.search_result_icons { width: 61px; padding-right: 10px; padding-left: 10px; white-space: nowrap; }
#doc_center_content .search_result_table td.search_result_icons span + span { margin-left:5px; }
#doc_center_content .search_result_table:last-child { margin-bottom: 20px; }
.search_refine.type li.refinable a { padding-left: 5px;}
.search_refine.type li.refined a { padding-left: 5px;}
.search_refine_scroll { max-height: none; }
/* Search Results: Nuggets */
.nugget_container { margin-top: 0; margin-bottom: 20px; }
/* ------------------------------------
$ Override CSS
------------------------------------ */
/* ---- Additive / Reductive CSS ---- */
/* Add */
span.accel { text-decoration: underline; }
span.underline { text-decoration: underline; }
.add_border_left:before,
.add_border_right:after { bottom: 10px; }
/* Remove */
/* Remove: Vertically align inline images, especially equations. */
img.baseline1 { vertical-align: -1px; }
img.baseline2 { vertical-align: -2px; }
img.baseline3 { vertical-align: -3px; }
img.baseline4 { vertical-align: -4px; }
img.baseline5 { vertical-align: -5px; }
img.baseline6 { vertical-align: -6px; }
img.baseline7 { vertical-align: -7px; }
img.baseline8 { vertical-align: -8px; }
img.baseline9 { vertical-align: -9px; }
img.baseline10 { vertical-align: -10px; }
img.baseline11 { vertical-align: -11px; }
img.baseline12 { vertical-align: -12px; }
img.baseline13 { vertical-align: -13px; }
img.baseline14 { vertical-align: -14px; }
img.baseline15 { vertical-align: -15px; }
/* ---- Icons ---- */
a.ico_interactive_learning { padding: 3px 0 3px 20px; background: url(../images/nextgen/supporting/apps/doc_center/ico-interactive-learning.png) no-repeat 0 2px; display: block; line-height: normal; }
a.video { padding: 3px 0 3px 20px; background: url(../images/nextgen/supporting/apps/doc_center/ico-video.png) no-repeat 0 1px; display: inline-block; line-height: normal; }
/*-----------------------------------
Responsive
-----------------------------------*/
/* ---- Non-Mobile ---- */
@media only screen and (min-width: 768px) {
}
/* ---- Desktop Large ---- */
@media only screen and (min-width: 1200px) {
}
/* ---- Desktop Small ---- */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}
/* ---- Tablet ---- */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}
/* ---- Mobile ---- */
@media only screen and (max-width: 767px) {
/* Site Elements: Tables */
/* Responsive Tables */
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td { white-space: normal; }
.table-responsive table { border:none; }
}
/* Changes to Function Reference Pages */
.purpose_line_container { margin-top:-12px; padding-right:125px; margin-bottom:15px; color:#6a6a6a; overflow:hidden; }
.purpose_line { float:left; }
.collapse_all_actuator { max-width:125px; margin-right:-125px; display:block; float:right; font-size:83%; }
/* From Installed: Start */
#pgtype-category h2 { border-bottom:none; }
.panel-group { margin-bottom: 0; }
.panel-group .panel { margin-bottom:10px; }
.panel-group .panel-heading { border-radius:4px; }
.panel-group .panel-heading .panel-title { font-size:13px; }
.panel-group .panel-default .panel-heading { border-bottom:none; }
.panel-group table { margin-bottom:20px; }
#doc_center_content .panel-group .panel-collapse.collapse { padding:0 !important; background:transparent; }
.panel-group .panel-heading { padding-left:56px; background: #f9f9f9; position:relative; }
.panel-group .panel-heading .icon-arrow-open-down,
.panel-group .panel-heading .icon-arrow-open-right { float:right; position:absolute; left:15px; top:calc(50% - 11px); }
.panel-group .panel-heading .icon-arrow-open-down { display:block !important; }
.panel-group .panel-heading .icon-arrow-open-right { display:none !important; top:calc(50% - 12px); }
.panel-group .panel-heading.collapsed .icon-arrow-open-down { display:none !important; }
.panel-group .panel-heading.collapsed .icon-arrow-open-right { display:block !important; }
#doc_center_content .expand_collapse .expand_trigger { padding: 8px 0 8px 21px; color:#404040; }
.expand_collapse span.icon-arrow-open-down,
.expand_collapse .collapsed span.icon-arrow-open-right { margin-left:-21px; }
#doc_center_content .expand_collapse .collapsible_content { padding:0 10px 0 21px !important; background:#fff !important; }
#doc_center_content .expand_collapse .collapsible_content > *:last-child { padding-bottom: 15px !important; margin-bottom: 0 !important; }
.library_path_container { display:table; }
.library_path_container > li { padding:0 10px 0 0; display:table-cell; }
#doc_center_content .library_path_container .library_path { margin-bottom:10px; }
.products_used_container { display:table; }
.products_used_container > li { padding:0 10px 0 0; display:table-cell; }
#doc_center_content .alert { font-size:13px; }
#doc_center_content .alert h3 { padding-top:0; padding-bottom:0; color:inherit !important; margin-bottom:13px; }
/* From Installed: END */
/* Site 6 Globals */
.add_link_behavior { color:#187dbb; cursor:pointer; }
.add_link_behavior:hover { color: #005695; text-decoration: underline; }
.block_thumbnail { width: 65px; height: 65px; background-position: center center; background-repeat: no-repeat; background-size: contain; }
/* Open With */
.examples_short_list { width:250px; margin:0 0 10px 10px; float:right; }
.examples_short_list *:last-child { margin-bottom:0; }
.examples_short_list .metadata_content { padding:10px; }
.examples_short_list .example_product_list { padding-bottom:10px; margin-bottom:10px; }
/* ---- Mobile (xs) + Tablet (sm) ---- */
@media (max-width:991px) {
.examples_short_list { width:180px; }
}
/* Examples Cards in Doc */
#doc_center_content .example_short_list .card_container { height: 340px; }
#doc_center_content .example_short_list .card_container .card_footer { padding-right:10px; }
#doc_center_content .example_short_list .card_container .card_action_primary { text-align:right; /*white-space:pre;*/ }
#doc_center_content .example_short_list .card_container .card_action_secondary a,
#doc_center_content .example_short_list .card_container .card_action_secondary a:visited { color:#a7a9ac; }
#doc_center_content .example_short_list .card_container .card_action_secondary a:hover { color:#005695; }
#doc_center_content .example_short_list { font-size:15px; }
.example_short_list .card_container { width: 100%; margin-bottom: 15px; float: left; font-size: 0.8em; line-height: 1.5; position: relative }
#doc_center_content .example_short_list .card_container h3 { padding: 0; margin: 0 0 13px; color: #343434; font: normal 400 22px/1.18 "futura-pt-n4","futura-pt",Arial,Helvetica,sans-serif; }
#doc_center_content .example_short_list .card_container h3 { font-family: 'Arial', sans-serif; font-weight: bold }
.example_short_list .card_container .card_media { position: relative }
.example_short_list .card_container .card_media img { width: 100%; height: auto }
.example_short_list .card_container .card_body { min-height: 145px; }
.example_short_list .card_container .card_footer { padding-left: 10px; padding-top: 2px; margin-top: 5px; }
.example_short_list .card_container .card_source { position: absolute; top: 150px; left: 25px; }
.example_short_list .card_container .card_type { position: absolute; z-index: 1 }
.example_short_list .card_container .card_type>span { padding: 5px; border: 1px solid #b9b9b9; background: #ffffff; border-radius: 50% }
.example_short_list .card_container>a { color: #555; }
.example_short_list .card_container>a:hover,
.example_short_list .card_container>a:focus { text-decoration: none }
.example_short_list .card_container.explorer_view { height: 27em; border: 1px solid #d9d9d9; background: #f6f6f6 }
.example_short_list .card_container.explorer_view p { margin-bottom: 0 }
.example_short_list .card_container.explorer_view .card_media { height: 161px; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; }
.example_short_list .card_container.explorer_view .card_media img { min-width: 18.33333em; min-height: 13.41667em; opacity: 0; }
.example_short_list .card_container.explorer_view .card_media+.card_body { height: -webkit-calc( 27em - 13.41667em - 1.5em); height: calc( 27em - 13.41667em - 1.5em); border-top: 1px solid #d9d9d9 }
.example_short_list .card_container.explorer_view .panel-body { height: 72px; padding: 0 10px; overflow-y: hidden }
.example_short_list .card_container.explorer_view .panel-body p { margin-top: 0; line-height: 1.5 }
.example_short_list .card_container.list_view { border-bottom: 1px solid #d9d9d9; clear: both }
#doc_center_content .example_short_list .card_container.list_view h3 { font-size: 1.5em; line-height: 1.25 }
.example_short_list .card_container.list_view .card_media { width: 13.75em; max-height: 10em; border: 1px solid #d9d9d9; overflow: hidden }
.example_short_list .card_container.list_view .card_body { width: -webkit-calc(100% - 13.75em - 1.5em); width: calc(100% - 13.75em - 1.5em); padding-bottom: 5px; padding-right: 10px; margin-bottom: 2.08333em }
.example_short_list .card_container.list_view .card_footer { width: -webkit-calc(100% - 13.75em - 1.5em); width: calc(100% - 13.75em - 1.5em); padding-bottom: 10px; margin-left: 15.25em; margin-top: -2.08333em }
.example_short_list .card_container.list_view .panel { margin-bottom: 0 }
.example_short_list .card_container.list_view .panel-heading,
.example_short_list .card_container.list_view .panel-body { padding: 0 10px }
.example_short_list .card_container.list_view a[class*="icon-"] { display: inline-block }
/* .example_short_list .card_container.list_view .panel { min-height: 10em } */
.example_short_list .card_container.list_view .panel-heading>p { margin-left: 1.66667em }
.example_short_list .card_container.list_view .card_type { float: left; position: relative }
.example_short_list .card_container.list_view .card_type>span { padding: 0 5px 0 0; border-width: 0; background: transparent; font-size: 16px; left: auto }
#doc_center_content .example_short_list .card_container.detail_view h2+p { margin-bottom: 15px; font-size: 14px }
.example_short_list .card_container.detail_view .card_media { width: 13.75em; border: 1px solid #d9d9d9 }
.example_short_list .card_container.detail_view .card_body { width: 100% }
.example_short_list .card_container.detail_view .panel-heading { padding: 0; margin: 15px 0 0; overflow: hidden }
.example_short_list .card_container.detail_view .panel-heading * { margin-bottom: 5px }
@media screen and (min-width: 767px) {
/*
.example_short_list .card_container.detail_view .card_media { float: left }
.example_short_list .card_container.detail_view .card_body { width: -webkit-calc(100% - 13.75em - 1.5em); width: calc(100% - 13.75em - 1.5em); float: right }
.example_short_list .card_container.detail_view .card_body>.panel { margin-bottom: 0 }
.example_short_list .card_container.detail_view .panel-heading { margin: 0 10px }
*/
}
.example_short_list .card_container.detail_view .card_type { float: left; position: relative }
.example_short_list .card_container.detail_view .card_type>span { padding: 0 5px 0 0; border-width: 0; background: transparent; font-size: 16px; left: auto; position: relative }
.example_short_list .card_container.detail_view .panel-heading>p { float: left }
.example_short_list .action_container>div { margin-right: 1.25em; display: inline-block }
.example_short_list .action_container button+form { display: inline-block }
.example_short_list .disable_link a { color: inherit !important; pointer-events: none }
#doc_center_content .example_short_list .change_history h3,
#doc_center_content .example_short_list .change_projected h3 { font-size: 1.25em; text-transform: uppercase }
.example_short_list .change_projected label { font-weight: normal }
.example_short_list .change_projected select { width: 75% }
@media screen and (min-width: 63.91667em) {
/*
.example_short_list .content_tribute p { padding: 0 15px; color: #777; font-size: 12px; vertical-align: top }
.example_short_list .content_tribute p a,
.example_short_list .content_tribute p code { display: block }
.example_short_list .content_tribute p:empty { display: none }
*/
}
.example_short_list .add_short_title .panel-heading { height: 4.875em; padding: 0 10px; margin-bottom: 1.175em; overflow: hidden }
.example_short_list .add_short_title h3 { margin-top: 1em; margin-bottom: 0; font-size: 1.333333em; line-height: 1.25 }
#doc_center_content .example_short_list .add_short_title .card_type>span { padding: 4px }
.example_short_list .add_short_title .icon-community,
.example_short_list .add_short_title .icon-membrane { font-size: 20px; top: -4px }
.example_short_list .add_long_title .panel-heading { height: 66px; padding: 0 10px; margin-bottom: 8px; overflow: hidden }
/* CSS Ellipsis for descriptions: Webkit Only - Start */
.add_long_title .panel-heading { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: block; display: -webkit-box; }
/* CSS Ellipsis for descriptions: Webkit Only - End */
#doc_center_content .example_short_list .add_long_title h3 { margin-top: 12px; margin-bottom: 0; font-size: 15px; line-height: 1.20 }
.example_short_list .add_long_title .card_type>span { padding: 3px }
.example_short_list .add_long_title .icon-community,
.example_short_list .add_long_title .icon-membrane { font-size: 18px; line-height: 18px; top: -2px }
.example_short_list .example-source { font-size: 0.8em }
.example_short_list .generated_example_content .nav-tabs>li { margin-right: 15px }
.example_short_list .tab_style_square>li>a { border-radius: 0 }
.example_short_list .tab_sm>li>a { padding: 4px 18px }
.example_short_list .tab_color_primary { border-bottom-color: #3b3b3b }
.example_short_list .tab_color_primary>li>a { border-color: #b9b9b9; border-bottom: transparent; color: #b9b9b9 }
.example_short_list .tab_color_primary>li>a:hover { background: none; border-color: #3b3b3b; color: #3b3b3b }
.example_short_list .tab_color_primary>li.active>a,
.example_short_list .tab_color_primary>li.active>a:focus,
.example_short_list .tab_color_primary>li.active>a:hover { border-color: #3b3b3b; border-bottom-color: transparent }
.example_short_list .metadata_equal_heights,
.example_short_list .metadata_equal_heights { display: flex; flex: 1 1 auto }
.example_short_list .metadata_equal_heights { flex: 0; flex-direction: row; flex-wrap: wrap }
.example_short_list .metadata_equal_heights>div[class*='col-']>.panel { width: 100% }
.example_short_list .row.metadata_equal_heights:before { font: 0/0 a; content: normal }
.example_short_list .nav_examples__supplement { padding: 10px 15px 15px; margin-top: 25px; background: #f6f6f6 }
.example_short_list .nav_examples__supplement .explorer_view { border: none; background: transparent }
.example_short_list .nav_examples__supplement .explorer_view .card_media { border: 1px solid #d9d9d9; border-bottom: none }
.example_short_list .nav_examples__supplement .explorer_view .panel-heading,
.example_short_list .nav_examples__supplement .explorer_view .panel-body { padding: 0 }
.example_short_list .nav_examples__supplement .explorer_view .card_type { display: none }
.example_short_list .example--feature .item { padding: 15px 0 }
.example_short_list .example--feature .item { width: 84% !important; margin-left: 8% }
.example_short_list .example--feature .explorer_view { width: 65%; border: 0; margin: 0 auto 15px; float: none }
.example_short_list .example--feature .explorer_view .card_media { border: 1px solid #d9d9d9; border-bottom: none }
.example_short_list .example--feature .explorer_view>a:nth-last-child(2) { height: 25em }
.example_short_list .example--feature .explorer_view .card_footer { padding: 0 }
.example_short_list .example--feature .explorer_view .card_type { top: -2.08333em }
.example_short_list .example--feature .explorer_view .panel-heading,
.example_short_list .example--feature .explorer_view .panel-body { padding: 0 }
.example_short_list .example--feature .explorer_view .panel-body { height: 4.5em; overflow-y: hidden }
.example_short_list .example--feature .add_long_title .panel-heading { height: auto; overflow: visible }
@media screen and (min-width: 767px) {
.example_short_list .example--feature .carousel-inner>.item { min-height: 5em; height: 14.33333em; padding: 0; margin: 1em 0 1.5em 8%; font-size: 1.125em !important }
.example_short_list .example--feature .carousel-inner>.item .explorer_view { width: auto; height: auto }
.example_short_list .example--feature .carousel-inner>.item .explorer_view>a:nth-last-child(2) { max-height: 16.25em }
.example_short_list .example--feature .carousel-inner>.item .explorer_view .card_media { width: 10em; border-bottom: 1px solid #d9d9d9; float: left }
.example_short_list .example--feature .carousel-inner>.item .explorer_view .card_body { width: -webkit-calc(100% - 10em - 1.5em); width: calc(100% - 10em - 1.5em); border-top: 0; float: right }
.example_short_list .example--feature .carousel-inner>.item .explorer_view .card_footer { width: -webkit-calc(100% - 10em - 1.5em); width: calc(100% - 10em - 1.5em); margin-left: 11.5em; margin-top: -20px; display: block }
.example_short_list .example--feature .carousel-inner>.item .explorer_view .panel-body { height: 4.83333em; display: block; overflow: hidden }
.example_short_list .example--feature .carousel-inner>.item .explorer_view .card_type { left: -1.66667em; top: 0 }
.example_short_list .example--feature .carousel-inner>.item .explorer_view .card_type>span { padding: 5px }
.example_short_list .example--feature .carousel-inner>.item .explorer_view .icon-community,
.example_short_list .example--feature .carousel-inner>.item .explorer_view .icon-membrane { font-size: 22px }
.example_short_list .example--feature .carousel-inner>.item .add_long_title .panel-heading { height: 5.375em }
}
@media screen and (min-width: 992px) {
/*
.example_short_list .example--feature .carousel-inner>.item .explorer_view .card_media { width: 22.5em }
.example_short_list .example--feature .carousel-inner>.item .explorer_view .card_body { width: -webkit-calc(100% - 22.5em - 1.5em); width: calc(100% - 22.5em - 1.5em) }
.example_short_list .example--feature .carousel-inner>.item .explorer_view .card_footer { width: -webkit-calc(100% - 22.5em - 1.5em); width: calc(100% - 22.5em - 1.5em); margin-left: 24em }
*/
}
@media screen and (min-width: 320px) {
/*
.example_short_list .row>div:nth-child(n+5) { display: none }
*/
}
@media screen and (min-width: 992px) {
/*
.example_short_list .row>div:nth-child(n+4) { display: none }
*/
}
@media screen and (min-width: 1200px) {
/*
.example_short_list .row>div:nth-child(n+4) { display: block }
.example_short_list .row>div:nth-child(n+5) { display: none }
*/
}
@media screen and (min-width: 1824px) {
/*
.example_short_list .row>div:nth-child(n+5) { display: block }
*/
}
.example_short_list .absolute_center { width: 100%; height: 35%; margin: auto; bottom: 0; left: 0; overflow: auto; position: absolute !important; right: 0; top: 0 }
#doc_center_content .example_short_list .absolute_center h3 { text-align: center }
.example_short_list .absolute_center .panel-body { height: auto !important }
.example_short_list .show_leading { background-image: linear-gradient(to top, #b9b9b9 1px, transparent 1px) !important; background-origin: content-box !important; background-position: 0 1.5em !important; background-size: 100% 1.5em !important; line-height: 1.5 !important }
.example_short_list .nugget_container { padding: 5px; border: none; margin-bottom: 0; margin-top: 10px; background: #f5f5f5; border-radius: 0; box-shadow: none; overflow: hidden }
.example_short_list .nugget_label { margin: 10px 13px 0 5px; font-size: 11px; text-transform: uppercase }
.example_short_list .nugget { margin: 3px 0 0; background-color: #fff; display: block }
.example_short_list .nugget .label { padding: 0; color: #555; font-size: 12px; font-weight: normal }
.example_short_list .nugget a { padding: 3px 1.5em 3px 5px; color: #555; display: block; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap }
.example_short_list .nugget a:hover { text-decoration: none }
.example_short_list .nugget a.icon-remove:before { right: 5px; top: 5px }
.example_short_list .nugget:hover { background-color: rgba(0,0,0,0.04); border-color: #777 }
.example_short_list .nugget:hover .label { text-decoration: line-through }
.example_short_list .nugget_remove_all { background: transparent }
.example_short_list .nugget_remove_all a { padding-right: 5px }
.example_short_list .nugget_remove_all:hover { background: transparent }
.example_short_list .nugget_remove_all:hover .label { text-decoration: none }
.example_short_list .nugget_pending_delete { border: 1px solid #777 !important; background-color: rgba(0,0,0,0.04) }
.example_short_list .nugget_pending_delete .label { text-decoration: line-through }
@media screen and (min-width: 420px) {
.example_short_list .nugget_label { float: left }
.example_short_list .nugget { max-width: 200px; margin-right: 5px; border: 1px solid #d6d4d4; border-radius: 5px; float: left }
.example_short_list .nugget .nugget a.icon-remove:before { right: 3px; top: 5px }
.example_short_list .nugget_remove_all:hover { border: 1px solid #777 }
}
.example_short_list .visible-xlg,
.example_short_list .visible-xlg-block,
.example_short_list .visible-xlg-inline,
.example_short_list .visible-xlg-inline-block { display: none !important }
.example_short_list .form-control-static.input-xlg { padding-right: 0; padding-left: 0 }
.example_short_list .input-xlg { height: 62px; padding: 10px 16px; font-size: 24px; line-height: 1; border-radius: 6px }
.example_short_list select.input-xlg { height: 62px; line-height: 62px }
.example_short_list textarea.input-xlg,
.example_short_list select[multiple].input-xlg { height: auto }
.example_short_list .form-group-xlg .form-control { height: 62px; padding: 10px 16px; font-size: 24px; line-height: 1; border-radius: 6px }
.example_short_list select.form-group-xlg .form-control { height: 62px; line-height: 62px }
.example_short_list textarea.form-group-xlg .form-control,
.example_short_list select[multiple].form-group-xlg .form-control { height: auto }
.example_short_list .form-group-xlg .form-control-static { height: 62px; padding: 10px 16px; font-size: 24px; line-height: 1 }
.example_short_list .input-xlg+.form-control-feedback { width: 62px; height: 62px; line-height: 62px }
.example_short_list .input-group-xlg>.form-control,
.example_short_list .input-group-xlg>.input-group-addon,
.example_short_list .input-group-xlg>.input-group-btn>.btn { height: 62px; padding: 10px 16px; font-size: 24px; line-height: 1; border-radius: 6px }
.example_short_list select.input-group-xlg>.form-control,
.example_short_list select.input-group-xlg>.input-group-addon,
.example_short_list select.input-group-xlg>.input-group-btn>.btn { height: 62px; line-height: 62px }
.example_short_list textarea.input-group-xlg>.form-control,
.example_short_list textarea.input-group-xlg>.input-group-addon,
.example_short_list textarea.input-group-xlg>.input-group-btn>.btn,
.example_short_list select[multiple].input-group-xlg>.form-control,
.example_short_list select[multiple].input-group-xlg>.input-group-addon,
.example_short_list select[multiple].input-group-xlg>.input-group-btn>.btn { height: auto }
.example_short_list .input-group-addon.input-xlg { padding: 10px 16px; font-size: 24px; border-radius: 6px }
.example_short_list .btn-xlg,
.example_short_list .btn-group-xlg>.btn { padding: 10px 16px; font-size: 24px; line-height: 1; border-radius: 6px }
.example_short_list .btn-group>.btn-xlg+.dropdown-toggle { padding-right: 12px; padding-left: 12px }
.example_short_list .btn-xlg .caret { border-width: 5px 5px 0; border-bottom-width: 0 }
.example_short_list .dropup .btn-xlg .caret { border-width: 0 5px 5px }
.example_short_list .pagination-xlg>li>a,
.example_short_list .pagination-xlg>li>span { padding: 10px 16px; font-size: 24px }
.example_short_list .pagination-xlg>li:first-child>a,
.example_short_list .pagination-xlg>li:first-child>span { border-top-left-radius: 6px; border-bottom-left-radius: 6px }
.example_short_list .pagination-xlg>li:last-child>a,
.example_short_list .pagination-xlg>li:last-child>span { border-top-right-radius: 6px; border-bottom-right-radius: 6px }
.example_short_list .well-xlg { padding: 24px; border-radius: 6px }
@media (min-width: 1824px) {
/*
.example_short_list .col-xlg-1,
.example_short_list .col-xlg-2,
.example_short_list .col-xlg-3,
.example_short_list .col-xlg-4,
.example_short_list .col-xlg-5,
.example_short_list .col-xlg-6,
.example_short_list .col-xlg-7,
.example_short_list .col-xlg-8,
.example_short_list .col-xlg-9,
.example_short_list .col-xlg-10,
.example_short_list .col-xlg-11,
.example_short_list .col-xlg-12 { float: left }
.example_short_list .col-xlg-1,
.example_short_list .col-xlg-2,
.example_short_list .col-xlg-3,
.example_short_list .col-xlg-4,
.example_short_list .col-xlg-5,
.example_short_list .col-xlg-6,
.example_short_list .col-xlg-7,
.example_short_list .col-xlg-8,
.example_short_list .col-xlg-9,
.example_short_list .col-xlg-10,
.example_short_list .col-xlg-11,
.example_short_list .col-xlg-12 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative }
.example_short_list .col-xlg-12 { width: 100% }
.example_short_list .col-xlg-11 { width: 91.66666667% }
.example_short_list .col-xlg-10 { width: 83.33333333% }
.example_short_list .col-xlg-9 { width: 75% }
.example_short_list .col-xlg-8 { width: 66.66666667% }
.example_short_list .col-xlg-7 { width: 58.33333333% }
.example_short_list .col-xlg-6 { width: 50% }
.example_short_list .col-xlg-5 { width: 41.66666667% }
.example_short_list .col-xlg-4 { width: 33.33333333% }
.example_short_list .col-xlg-3 { width: 25% }
.example_short_list .col-xlg-2 { width: 16.66666667% }
.example_short_list .col-xlg-1 { width: 8.33333333% }
.example_short_list .col-xlg-pull-12 { right: 100% }
.example_short_list .col-xlg-pull-11 { right: 91.66666667% }
.example_short_list .col-xlg-pull-10 { right: 83.33333333% }
.example_short_list .col-xlg-pull-9 { right: 75% }
.example_short_list .col-xlg-pull-8 { right: 66.66666667% }
.example_short_list .col-xlg-pull-7 { right: 58.33333333% }
.example_short_list .col-xlg-pull-6 { right: 50% }
.example_short_list .col-xlg-pull-5 { right: 41.66666667% }
.example_short_list .col-xlg-pull-4 { right: 33.33333333% }
.example_short_list .col-xlg-pull-3 { right: 25% }
.example_short_list .col-xlg-pull-2 { right: 16.66666667% }
.example_short_list .col-xlg-pull-1 { right: 8.33333333% }
.example_short_list .col-xlg-pull-0 { right: auto }
.example_short_list .col-xlg-push-12 { left: 100% }
.example_short_list .col-xlg-push-11 { left: 91.66666667% }
.example_short_list .col-xlg-push-10 { left: 83.33333333% }
.example_short_list .col-xlg-push-9 { left: 75% }
.example_short_list .col-xlg-push-8 { left: 66.66666667% }
.example_short_list .col-xlg-push-7 { left: 58.33333333% }
.example_short_list .col-xlg-push-6 { left: 50% }
.example_short_list .col-xlg-push-5 { left: 41.66666667% }
.example_short_list .col-xlg-push-4 { left: 33.33333333% }
.example_short_list .col-xlg-push-3 { left: 25% }
.example_short_list .col-xlg-push-2 { left: 16.66666667% }
.example_short_list .col-xlg-push-1 { left: 8.33333333% }
.example_short_list .col-xlg-push-0 { left: auto }
.example_short_list .col-xlg-offset-12 { margin-left: 100% }
.example_short_list .col-xlg-offset-11 { margin-left: 91.66666667% }
.example_short_list .col-xlg-offset-10 { margin-left: 83.33333333% }
.example_short_list .col-xlg-offset-9 { margin-left: 75% }
.example_short_list .col-xlg-offset-8 { margin-left: 66.66666667% }
.example_short_list .col-xlg-offset-7 { margin-left: 58.33333333% }
.example_short_list .col-xlg-offset-6 { margin-left: 50% }
.example_short_list .col-xlg-offset-5 { margin-left: 41.66666667% }
.example_short_list .col-xlg-offset-4 { margin-left: 33.33333333% }
.example_short_list .col-xlg-offset-3 { margin-left: 25% }
.example_short_list .col-xlg-offset-2 { margin-left: 16.66666667% }
.example_short_list .col-xlg-offset-1 { margin-left: 8.33333333% }
.example_short_list .col-xlg-offset-0 { margin-left: 0 }
.example_short_list .visible-xlg { display: block !important }
.example_short_list .visible-xlg-block { display: block !important }
.example_short_list .visible-xlg-inline { display: inline !important }
.example_short_list .visible-xlg-inline-block { display: inline-block !important }
.example_short_list table.visible-xlg { display: table }
.example_short_list tr.visible-xlg { display: table-row !important }
.example_short_list th.visible-xlg,
.example_short_list td.visible-xlg { display: table-cell !important }
.example_short_list .hidden-xlg { display: none !important }
*/
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
/*
.example_short_list input[type="date"].input-xlg,
.example_short_list input[type="time"].input-xlg,
.example_short_list input[type="datetime-local"].input-xlg,
.example_short_list input[type="month"].input-xlg,
.example_short_list .input-group-xlg input[type="date"],
.example_short_list .input-group-xlg input[type="time"],
.example_short_list .input-group-xlg input[type="datetime-local"],
.example_short_list .input-group-xlg input[type="month"] { line-height: 62px }
*/
}
@media (min-width: 768px) {
/*
.example_short_list .form-horizontal .form-group-xlg .control-label { padding-top: 14.3px }
*/
}
@media (min-width: 1200px) {
/*
.example_short_list .modal-xlg { width: 1100px }
*/
}
.example_short_list .example-source html,
.example_short_list .example-source body,
.example_short_list .example-source div,
.example_short_list .example-source span,
.example_short_list .example-source applet,
.example_short_list .example-source object,
.example_short_list .example-source iframe,
/*
.example_short_list .example-source h1,
#doc_center_content .example_short_list .example-source h2,
#doc_center_content .example_short_list .example-source h3,
*/
.example_short_list .example-source h4,
.example_short_list .example-source h5,
.example_short_list .example-source h6,
.example_short_list .example-source p,
.example_short_list .example-source blockquote,
.example_short_list .example-source pre,
.example_short_list .example-source a,
.example_short_list .example-source abbr,
.example_short_list .example-source acronym,
.example_short_list .example-source address,
.example_short_list .example-source big,
.example_short_list .example-source cite,
.example_short_list .example-source code,
.example_short_list .example-source del,
.example_short_list .example-source dfn,
.example_short_list .example-source em,
.example_short_list .example-source font,
.example_short_list .example-source img,
.example_short_list .example-source ins,
.example_short_list .example-source kbd,
.example_short_list .example-source q,
.example_short_list .example-source s,
.example_short_list .example-source samp,
.example_short_list .example-source small,
.example_short_list .example-source strike,
.example_short_list .example-source strong,
.example_short_list .example-source sub,
.example_short_list .example-source sup,
.example_short_list .example-source tt,
.example_short_list .example-source var,
.example_short_list .example-source b,
.example_short_list .example-source u,
.example_short_list .example-source i,
.example_short_list .example-source center,
.example_short_list .example-source dl,
.example_short_list .example-source dt,
.example_short_list .example-source dd,
.example_short_list .example-source ol,
.example_short_list .example-source ul,
.example_short_list .example-source li,
.example_short_list .example-source fieldset,
.example_short_list .example-source form,
.example_short_list .example-source label,
.example_short_list .example-source legend,
.example_short_list .example-source table,
.example_short_list .example-source caption,
.example_short_list .example-source tbody,
.example_short_list .example-source tfoot,
.example_short_list .example-source thead,
.example_short_list .example-source tr,
.example_short_list .example-source th,
.example_short_list .example-source td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent }
.example_short_list .example-source body { line-height: 1 }
.example_short_list .example-source ol,
.example_short_list .example-source ul { list-style: none }
.example_short_list .example-source blockquote,
.example_short_list .example-source q { quotes: none }
.example_short_list .example-source blockquote:before,
.example_short_list .example-source blockquote:after,
.example_short_list .example-source q:before,
.example_short_list .example-source q:after { content: ''; content: none }
.example_short_list .example-source :focus { outline: 0 }
.example_short_list .example-source ins { text-decoration: none }
.example_short_list .example-source del { text-decoration: line-through }
.example_short_list .example-source table { border-collapse: collapse; border-spacing: 0 }
.example_short_list .example-source html { min-height: 100%; margin-bottom: 1px }
.example_short_list .example-source html body { height: 100%; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000; line-height: 140%; background: #fff none; overflow-y: scroll }
.example_short_list .example-source html body td { vertical-align: top; text-align: left }
.example_short_list .example-source a { color: #005fce; text-decoration: none }
.example_short_list .example-source a:hover { color: #005fce; text-decoration: underline }
.example_short_list .example-source a:visited { color: #004aa0; text-decoration: none }
.example_short_list .example-source p { padding: 0px; margin: 0px 0px 20px }
.example_short_list .example-source img { padding: 0px; margin: 0px 0px 20px; border: none }
.example_short_list .example-source p img,
.example_short_list .example-source pre img,
.example_short_list .example-source tt img,
.example_short_list .example-source li img,
.example_short_list .example-source h1 img,
#doc_center_content .example_short_list .example-source h2 img { margin-bottom: 0px }
.example_short_list .example-source ul { padding: 0px; margin: 0px 0px 20px 23px; list-style: square }
.example_short_list .example-source ul li { padding: 0px; margin: 0px 0px 7px 0px }
.example_short_list .example-source ul > li:before { min-width: 0; margin-left: 0; content: none; display: inline; }
.example_short_list .example-source ul li ul { padding: 5px 0px 0px; margin: 0px 0px 7px 23px }
.example_short_list .example-source ul li ol li { list-style: decimal }
.example_short_list .example-source ol { padding: 0px; margin: 0px 0px 20px 0px; list-style: decimal }
.example_short_list .example-source ol li { padding: 0px; margin: 0px 0px 7px 23px; list-style-type: decimal }
.example_short_list .example-source ol li ol { padding: 5px 0px 0px; margin: 0px 0px 7px 0px }
.example_short_list .example-source ol li ol li { list-style-type: lower-alpha }
.example_short_list .example-source ol li ul { padding-top: 7px }
.example_short_list .example-source ol li ul li { list-style: square }
.example_short_list .example-source .content { font-size: 1.2em; line-height: 140% }
.example_short_list .example-source pre,
.example_short_list .example-source code { font-size: 12px }
.example_short_list .example-source tt { font-size: 1.2em }
.example_short_list .example-source pre { margin: 0px 0px 20px }
.example_short_list .example-source pre.codeinput { padding: 10px; border: 1px solid #d3d3d3; background: #f7f7f7 }
.example_short_list .example-source pre.codeoutput { padding: 10px 11px; margin: 0px 0px 20px; color: #4c4c4c }
.example_short_list .example-source pre.error { color: red }
.example_short_list .example-source .footer { width: auto; padding: 10px 0px; margin: 25px 0px 0px; border-top: 1px dotted #878787; font-size: 0.8em; line-height: 140%; font-style: italic; color: #878787; text-align: left; float: none }
.example_short_list .example-source .footer p { margin: 0px }
.example_short_list .example-source .footer a { color: #878787 }
.example_short_list .example-source .footer a:hover { color: #878787; text-decoration: underline }
.example_short_list .example-source .footer a:visited { color: #878787 }
.example_short_list .example-source table th { padding: 7px 5px; text-align: left; vertical-align: middle; border: 1px solid #d6d4d4; font-weight: bold }
.example_short_list .example-source table td { padding: 7px 5px; text-align: left; vertical-align: top; border: 1px solid #d6d4d4 }
.example_short_list .example-source p,
.example_short_list .example-source ol,
.example_short_list .example-source ul,
.example_short_list .example-source pre { margin-bottom: 10px }
.example_short_list .example-source ul>li { list-style-type: inherit }
.example_short_list .example-source tt { font-size: 1em }
.example_short_list .example-source pre.codeinput { margin-bottom: 12px }
.example_short_list .example-source pre.codeoutput { padding: 0 11px; margin-bottom: 12px }
.example_short_list .example-source .footer { display: none }
#doc_center_content .example_short_list .example-source h2 { text-indent: 0; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out }
.example_short_list .anchor_hinting { padding: 2px 0; background: #e6ebee !important; background: rgba(12,58,85,0.1) !important; text-indent: 10px !important; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out }
.example_short_list html body { background: #fff }
.example_short_list cite { font-style: normal }
.example_short_list .pre_color_transparent { border: none !important; background: transparent }
.example_short_list .add_border_left:before { bottom: 0 }
.example_short_list .list-group-item { padding-left: 0; margin-bottom: 5px }
.example_short_list .list-group-item a { padding: 5px 10px; display: block }
.example_short_list .list-group-item a:hover { text-decoration: none }
.example_short_list .navbar-default .navbar-nav>li.active>a { background-color: #ececec; color: #2354a1 }
.example_short_list .navbar-default .navbar-nav>li.active>a:hover { color: #2354a1 }
.example_short_list .content_container { padding-top: 0 }
.example_short_list .content_container ul ul>li:before { content: ''; display: none }
.example_short_list .message ul>li:before { margin-left: -20px !important; content: "•" !important; display: inline-block !important }
.example_short_list section { margin-top: 15px; clear: both }
.example_short_list .view_count { margin-top: 10px }
.example_short_list .sidebar-offcanvas .offcanvas_nav { top: 155px }
.example_short_list .offcanvas_actuator_label:before { content: 'Category '; text-transform: uppercase }
.example_short_list .section_header_content button>span:before { content: ''; visibility: hidden }
.example_short_list .example--feature { margin: 0 -15px 30px; background: #f6f6f6; position: relative }
.example_short_list .example--feature .carousel { z-index: 21 }
.example_short_list .example--feature .carousel-control { width: 8% }
.example_short_list .example--feature .carousel-control:hover,
.example_short_list .example--feature .carousel-control:focus { background: none; opacity: 1 }
.example_short_list .example--feature .carousel-control.right,
.example_short_list .example--feature .carousel-control.left { background: transparent none; filter: none; font: 0/0 a; display: block; opacity: 0.7; text-decoration: none }
@media screen and (min-width: 767px) {
.example_short_list .example--feature .carousel-control.right,
.example_short_list .example--feature .carousel-control.left { background: #f6f6f6 none; opacity: 1 }
}
.example_short_list .example--feature .carousel-control.right { right: 0 }
.example_short_list .example--feature .carousel-control.left { left: 0 }
.example_short_list .example--feature .carousel-control.left span,
.example_short_list .example--feature .carousel-control.right span { color: #b9b9b9; text-shadow: none }
.example_short_list .example--feature .carousel-control.left span:hover .example--feature .carousel-control.right span:hover { color: #777 }
.example_short_list .example--feature .carousel-indicators { display: none }
@media screen and (min-width: 767px) {
.example_short_list .example--feature .carousel-indicators { width: 60%; margin-bottom: 5px; margin-left: -30%; bottom: 0px; display: block; left: 50%; right: auto; text-align: center; top: auto }
}
.example_short_list .example--feature .carousel-indicators li { background: #bababa; border: none }
.example_short_list .example--feature .carousel-indicators .active { background: #3b3b3b }
.example_short_list .show_category { border: 1px solid #d9d9d9; margin-top: 15px; border-radius: 5px }
.example_short_list .show_category li { padding: 0; margin: 0; font-size: 13px; text-align: center }
.example_short_list .show_category li a { padding: 2px 8px; margin: 2px; color: #777; font-size: 13px }
.example_short_list .show_category .active { min-width: 100px; padding: 2px 8px; margin: 2px; background: #2b7eb6; border-radius: 5px; color: #fff }
.example_short_list .detail_breadcrumb { margin: 15px 0 }
.example_short_list .detail_breadcrumb .breadcrumb { background-color: #f6f6f6 }
.example_short_list .detail_breadcrumb .breadcrumb a { color: #777; font-size: 12px }
.example_short_list .detail_breadcrumb .breadcrumb a:hover { color: #555 }
.example_short_list .breadcrumb { padding: 0; margin: 0; border-radius: 0 }
.example_short_list .breadcrumb li { padding-left: 0; margin-bottom: 0; white-space: nowrap }
.example_short_list ul.breadcrumb > li:before { min-width: 0; margin-left: 0; content: none; display: inline; }
.example_short_list .breadcrumb a { color: #009917; display: inline-block }
.example_short_list .breadcrumb a:hover { color: #00660f }
.example_short_list .card_container .icon-arrow-open-right { color: #009917 }
.example_short_list .icon-community,
.example_short_list .icon-membrane { color: #777; opacity: 1 !important; left: -15px; position: absolute; z-index: 5 }
.example_short_list .content_container ul>li:before { margin-left: 0; content: ''; display: none }
#doc_center_content .example_short_list .nav_examples>h3 { margin: 0 0 5px; border-bottom: 1px solid #d9d9d9 }
.example_short_list .nav_examples__categories { width: 100%; margin-top: 15px }
.example_short_list .nav_examples li { padding: 0; margin-bottom: 2px }
.example_short_list .nav_examples li>a { padding: 5px 4px 5px 15px; color: #777; font-size: 12px; line-height: 1.2; position: relative }
.example_short_list .nav_examples li>a:hover { background-color: transparent; text-decoration: underline }
.example_short_list .nav_examples li>a>span { position: absolute; left: 0 }
#doc_center_content .example_short_list .nav_examples h3 { padding-left: 15px; margin-bottom: 0; font-family: 'Arial', Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; line-height: 1.2 }
#doc_center_content .example_short_list .nav_examples h3 a { padding-bottom: 5px; color: #555; display: block }
#doc_center_content .example_short_list .nav_examples h3 a:hover { text-decoration: none }
.example_short_list .nav_examples li>ul { margin-left: 15px }
.example_short_list .nav_examples li li>a { padding-left: 15px; color: #777; border-radius: 0; font-size: 13px }
.example_short_list .nav_examples li li>a:hover { background-color: #f6f6f6; border-radius: 0; color: #777; text-decoration: none }
.example_short_list .nav_examples__supplement .package { margin-left: 0 }
#doc_center_content .example_short_list .nav_examples__categories>h3 { margin-bottom: 0; border-bottom: none; color: #b9b9b9 }
#doc_center_content .example_short_list .nav_examples__categories>h3 ~ h3 { margin-top: 30px }
#doc_center_content .example_short_list .nav_examples__categories>h3+ul li a:hover { background-color: #f6f6f6; border-radius: 0; color: #777; text-decoration: none }
.example_short_list .selected_category>a { background-color: #2b7eb6 !important; border-radius: 0 !important; color: #fff }
.example_short_list .selected_category a:hover { text-decoration: none }
.example_short_list .nav_examples__facets { padding: 0 15px 15px; margin-top: 15px }
.example_short_list .nav_examples__facets li li:before { content: ''; display: none }
.example_short_list .nav_examples__facets li a { padding: 5px 20px 5px 0; display: block }
.example_short_list .nav_examples__facets li li a { padding-left: 0 }
.example_short_list .nav_examples__facets li li a:hover { background-color: transparent; text-decoration: underline }
.example_short_list .nav_examples__facets li a .badge { background-color: transparent; color: #777 }
.example_short_list .nav_examples__facets li>a>span { font-size: 12px; left: auto; right: 0 }
#doc_center_content .example_short_list .nav_examples__facets h3 a>span { font-size: 12px; position: absolute; right: 0 }
#doc_center_content .example_short_list .nav_examples__facets h3 { padding-left: 0; font-family: 'Arial', Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; line-height: 1.2 }
#doc_center_content .example_short_list .nav_examples__facets h3+ul { margin-left: 15px }
.example_short_list .nav_examples__facets li>a { padding-right: 35px }
.example_short_list .nav_examples .nav a>.badge { padding-right: 0; left: auto; right: 0 }
.example_short_list .nav_examples .nav .selected>span[class*='icon-'] { margin-top: 1px; background: #b9b9b9; color: #fff; left: auto; right: 0 }
.example_short_list .facet--product-group { margin-bottom: 30px }
.example_short_list .search_result_title { border-bottom: 1px solid #d9d9d9; margin-top: 15px; margin-bottom: 15px }
.example_short_list .well { margin-bottom: 0 }
.example_short_list mark { font-weight: bold; color: #555555; background-color: transparent; padding: 0 }
.example_short_list .nav_examples__supplement h4 { color: #555; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-style: normal }
.example_short_list .btn-link { color: #777 }
.example_short_list .btn-link:hover { color: #555 }
.example_short_list .btn-primary:visited { color: #fff !important }
.example_short_list .pagination { vertical-align: middle; margin: 0 }
.example_short_list .pagination>.disabled>span,
.example_short_list .pagination>.disabled>span:hover { border-color: transparent; color: #d9d9d9 }
.example_short_list .pagination>a { color: #777 }
.example_short_list .pagination>a:hover { color: #555; text-decoration: none }
@media print {
.example_short_list pre.codeinput,
.example_short_list pre.codeoutput { word-wrap: break-word; width: 100% }
}
/* 16b Product */
.example_short_list .metadata_content { font-size: 12px; }
.example_short_list .metadata_content .icon-membrane,
.example_short_list .metadata_content .icon-community { left: auto; position: relative; z-index: 1; }
.example_short_list .metadata_content .example_product_list li { padding: 2px 0; margin-bottom: 0; border-top:1px solid #d9d9d9; }
.example_short_list .modal code { background: transparent; }
/* Fixed-width Cards */
.example_short_list { margin-right: -15px; }
.example_short_list .card_container { width: 220px; margin-right: 15px; }
.example_short_list .card_container .card_footer .row .col-xs-6:last-child { padding-left: 0 !important; }
/* Mobile Example Cards */
@media screen and (max-width: 767px) {
#doc_center_content .card_container.explorer_view { width:calc(100% - 15px) !important; height:auto; padding-bottom:30px; margin-right:0; border:none; border-bottom: 1px solid #d9d9d9; background: #fff; clear: both }
#doc_center_content .card_container.explorer_view a { width:100%; display:block; overflow:hidden; position:relative; }
#doc_center_content .card_container.explorer_view h3 { margin-top:0; font-size:14px; line-height: 1.25 }
#doc_center_content .card_container.explorer_view .card_media { width:40%; max-width:165px; height:auto; max-height:120px; border: 1px solid #d9d9d9; background-position:top left; background-size:cover; float:left; overflow: visible; }
#doc_center_content .card_container.explorer_view .card_media img { width:auto; min-width:0; height:auto; min-height:0; padding:2px; border: 1px solid #d9d9d9; display:inline-block; opacity:0; }
#doc_center_content .card_container.explorer_view .card_body { width:60%; min-height:0; padding:0; margin-bottom:0; float:left; }
#doc_center_content .card_container.explorer_view .card_footer { padding:0; margin:0; float:left; position:absolute; top:5px; bottom:0; left:0; }
#doc_center_content .card_container.explorer_view .card_footer .row { position:absolute; bottom:5px; white-space:nowrap; }
#doc_center_content .card_container.explorer_view .card_media+.card_body { height:auto; border-top:none; }
#doc_center_content .card_container.explorer_view .panel { margin-bottom: 0; }
#doc_center_content .card_container.explorer_view .panel-heading,
#doc_center_content .card_container.explorer_view .panel-body { height:auto; padding: 0 10px }
#doc_center_content .example_short_list .card_container .card_source { position:relative; top:auto; left:auto; }
#doc_center_content .card_container.explorer_view .card_type { position:relative; top:auto; left:auto; }
#doc_center_content .card_container.explorer_view [class*="icon-"] { margin-left: 5px; display: inline-block; position:relative; top:auto; left:auto; }
#doc_center_content .card_container.explorer_view .card_body.absolute_center { height:auto; float:none; position:relative !important; }
#doc_center_content .example_short_list { overflow:hidden; }
#doc_center_content .example_short_list .card_container:last-child { border-bottom-color:#333 !important; }
}