/* Space Logo background color in sidebar*/
.acs-side-bar-space-info .avatar-img-container .avatar-img-wrapper img.avatar-img, #image-holder .small-logo-wrapper img {
    background-color: transparent!important;
}
/* End space Logo */

/* Responsive max width 768px */
@media (max-width: 768px) {
/* Image map styles */

.conf-macro.output-inline div.maphilighted  {
    width: 100%! important;
}
.responsive-content .conf-macro.output-inline canvas {
    width: 100%!important;
    height: auto!important;
}
.responsive-content img.maphilighted {
    width: 100%! important;
}
/* Image map styles  end */
}
/* End responsive max width 768px*/

/* Responsive max width 1024px */
@media (max-width: 1024px) {
  html, body { 
      min-width: fit-content;
      font-size: 20px;
  }
  
/* Custom site logo in space */
.aui-header .aui-header-logo img {
    max-height: 20px;
    padding: 5px 0 0 0;
    content: url('/download/attachments/59999236/FxF-orange-x.png?api=v2')! important;
    margin-top: 5px;
}
/* End site logo */
.responsive-content .ia-splitter {
      display: flex;
      flex-wrap: wrap;
  }
.responsive-content  .ia-splitter-handle {
      visibility: hidden;
  }
.responsive-content  .space-tools-section {
      visibility: hidden;
  }
.responsive-content .ia-splitter-left {
      float: left;
      width: 100%;
  }
 
.responsive-content #header {
    height: 40px!important;
    padding: 5px 5px 5px 0! important;
    position: fixed;
    z-index: 130! important;
    width: 100%;
    top: 0;
    left: 0;
}
  
.responsive-content  .ia-fixed-sidebar {
    position: fixed;
    width: 100%!important;
    height: 60px;
    z-index: 120;
    top: 30px!important;
  }
  
.responsive-content  .acs-side-bar {
      width: 100%;
      background-color: #ffffff;
      position: static;
      border-bottom: 3px solid #002f4f;
  }
  
.responsive-content  .acs-side-bar-space-info {
      margin: 25px 0 10px 0;
      overflow: hidden;
      display: table;
      table-layout: fixed;
      width: 100px;
      float: left;
  }
  
.responsive-content  .acs-side-bar-space-info .avatar {
      display: block;
      padding: 0;
      width: 34px;
      margin: 0 0 0 20px;
      min-width: 34px;
  }
  
.responsive-content  .collapsed .acs-side-bar-space-info .avatar-img-container {
      background-color: #fff;
      border-radius: 30px;
  } 

.responsive-content  .acs-side-bar-flyout-wiki-wrapper {
      padding-left: 10px;
  }  
  
.responsive-content  .acs-side-bar-flyout ul li a {
      color: #ffffff;
      background-color: #0088ac;
      display: inline-block;
      padding: 10px;
      width: 95%;
      font-weight: bold;
  }
  
.responsive-content .ia-secondary-header-title {
      color: #ffffff;
  }
    
.responsive-content .ia-secondary-header-title.page-tree {
      background-color: transparent! important;
  }  
   
.responsive-content  .confluence-sidebar-closed-icon-pagetree, .collapsed .ia-secondary-header-title.page-tree .icon {
 	background: url("/download/attachments/59999236/navbar-responsive-FxF.svg") no-repeat!important;
 }
.responsive-content  .acs-side-bar-content {
      width: 65px;
      float: left;
  }
  
.responsive-content  .ia-secondary-container {
      margin: 0;
      width: 0;
  }
  
.responsive-content  .quick-links-wrapper, .collapsed .ia-secondary-header {
      width: 40px;
      margin: 5px 0 0 0;
  }
  
.responsive-content  .ia-secondary-header {
      padding-top: 5px;
      height: 0;
  }  
.responsive-content  .quick-links-section, .collapsed .advanced-links-section, .collapsed .ia-secondary-header-title.wiki .parent-item>a, .collapsed .ia-secondary-header-title.page-tree {
      height: 38px;
      cursor: pointer;
      padding: 5px 0 0 0;
  }
  
.responsive-content  div#inline-dialog-sidebar-page-tree-flyout {
      left: 0!important;
      top: 103px!important;
  }
.responsive-content  .confluence-sidebar-closed-icon-pagetree, .collapsed .ia-secondary-header-title.page-tree .icon {
      background-size: 35px 35px!important;
      margin-top: 10px;
  }  
.responsive-content  .aui-inline-dialog .arrow.aui-css-arrow.aui-left-arrow:after, .aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-left-arrow:after {
      top: -22px;
      left: 120px;
      transform: rotate(90deg);
  }
  
.responsive-content  .aui-inline-dialog .arrow.aui-css-arrow:after, .aui-inline-dialog .arrow.aui-css-arrow:before, .aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow:after, .aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow:before {
      left: 120px;
      position: absolute;
      top: -21px;
      transform: rotate(90deg);
  }
  
.responsive-content  .aui-inline-dialog-contents.contents.acs-side-bar-flyout.ia-scrollable-section {
      box-shadow: none;
     /* width: 320px!important;*/
      width: 100%!important;
      position: fixed!important;
      top: 103px;
      z-index: 120;
      height:auto;
      background-color: rgba(90, 90, 90, 0.8);
  } 

.responsive-content  a.parent-item-link {
      font-size: 1.3em;
  }

.responsive-content  li.child-item>a, .ia-secondary-current-content .label {
      line-height: 30px;
      Font-size: 1em;
      top: -7px;
      height: auto;
      white-space: normal!important;
  }
  
.responsive-content  .ia-secondary-header-title.wiki, .ia-secondary-currentPage-title .label {
      margin-top: 30px;
  }
  
  .responsive-content #main {
      padding-left: 20px;
      padding-right: 20px;
  }
  
.responsive-content  #main.aui-page-panel {
    border-top: 0;
    margin: 0! important;
    font-size: 0.8em;
    padding-top: 120px;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .responsive-content #main #content {
      padding-right: 0;
  }   

.responsive-content  div#main-header {
    padding: 10px 10px 10px 0! important;
    left: unset! important;
    top: 40px!important;
    width: auto!important;
    /*right: 50px!important;*/
    margin-top: 0! important;
    z-index: 120!important;    
  }
  
.responsive-content #main-header:not(.doctheme-no-override) #breadcrumb-section #breadcrumbs li {
    padding: 0! important;
}  

.responsive-content div#page-metadata-banner {
    display: none! important;
} 
 
.responsive-content div#main-header-placeholder {
    padding: 10px 10px 10px 0! important;
    margin:0! important;
    height: unset! important;
}

.responsive-content  #main #main-header.overlay-header {
    border-bottom: 0!important;
    background-color: transparent;
    top: 0!important;
    margin-bottom: 0! important;
    /*margin:0;
    padding: 35px 10px 10px 0! important; */
  }

.responsive-content .aui-header-secondary ul.aui-nav {
    font-size: 0.7em;
}
.aui-icon-small:before {
    font-size: 25px;
    margin-top: -12px;
    margin-left: -5px;
}

.responsive-content .aui-header #help-menu-link .aui-icon {
    --aui-icon-size: 40px;
}

.responsive-content .aui-nav div#search-ui {
    display: none;
}
.responsive-content #help-menu-link-leading li {
    font-size: 0.7em;
}  
.responsive-content   .collector-section-header-browse-link {
      visibility: hidden;
  }

.responsive-content .aui-header, #footer {
      float: left;
      width: 100%! important;
  }

  .responsive-content .ia-splitter #footer {
      margin-left: 0! important;
      position:static! important;
  }
   

  /* Wiki content styles*/ 
  
.responsive-content  .wiki-content .confluence-embedded-file-wrapper .confluence-embedded-image[height], .wiki-content 
  .confluence-embedded-file-wrapper .confluence-embedded-image[width] {
      max-width: 100%;
      height: auto;
  }  
.responsive-content  .wiki-content .columnLayout {
      display: flex;
      table-layout: unset;
      flex-wrap: wrap;
  }

.responsive-content .wiki-content .columnLayout .cell.aside {
      width: auto! important;
  }
.responsive-content table.wrapped.confluenceTable,  table.confluenceTable{
    table-layout: fixed;
    width: 100%! important;
    font-size: 0.5em;
}

.responsive-content colgroup col {
    width: auto! important;
}

.responsive-content  .recently-updated-section, .tree-browser-section {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      width: 100%;
      float: left;
  } 
  
.responsive-content  .tree-browser-section {
      order: 1;
      display: flex;
      flex-wrap: wrap;
      padding-bottom: 20px;
  } 
  
.responsive-content  #breadcrumb-section{
      position: fixed;
      z-index: 120;
      top: 57px;
      left: 180px;
  }  

.responsive-content  #breadcrumbs li {
      visibility: hidden;
  }

.responsive-content  #breadcrumbs li.first:last-child {
      visibility: hidden;
  }

.responsive-content  #breadcrumb-section #breadcrumbs li:not(:last-child) {
    width: 0! important;
}

.responsive-content  #breadcrumbs li:last-child:not(.first) {
      visibility: visible;
      background: url("/download/attachments/59999236/return-responsive-FxF.svg") no-repeat!important;
      background-size: 35px auto! important;
      height: 40px;
      width: 40px;
  }

.responsive-content  #breadcrumbs li:last-child a {
      color: transparent;
      display: block;
      width: 40px;
      height: 40px;
  }


.responsive-content  #breadcrumbs li:before {
    display: none;
  }
.responsive-content  .recently-updated-section {
      display: flex;
      flex-wrap: wrap;
  }
  
.responsive-content  div#content.space.space.pages-collector {
      display: flex;
      flex-wrap: wrap;
  }  
  
.responsive-content  .tree-browser-section {
      display: flex;
      flex-wrap: wrap;
      padding-bottom: 20px;
  }
.responsive-content  .collector-section-header {
      display: flex;
      width: 100%;
      vertical-align: unset;
      height: auto;
      flex-wrap: wrap;
      align-items: flex-end;
      padding-top: 10px;
  }
  
.responsive-content  .ia-secondary-parent-content {
      display: none;
  }
  
.responsive-content  h5.ia-secondary-header-title.pages {
      font-size: 1.3em;
      font-weight:bold;
      padding-left: 0;
      color:#ffffff;
  }
  
.responsive-content  ul.ia-secondary-currentPage-title.wiki.current-item {
      display: none;
  }  
  
.responsive-content  .ia-secondary-content {
      margin-top: 55px;
  } 
  
.responsive-content  .ia-secondary-content .contextual-nav-child-pages {
      margin-left: 0;
  }  

  .responsive-content .contextual-nav-child-pages:empty::before {
      content: "No child pages!";
      color: #ffffff;
      font-style: italic;
      font-size:1em;
      font-weight:bold;
  }
  
.responsive-content  .ia-secondary-content .contextual-nav-child-pages .child-item {
      padding: 5px 5px 5px 0;
  }
  
.responsive-content  .contextual-nav-child-pages .children .child-item span.icon, 
  .contextual-nav-child-pages .more-children .child-item span.icon {
      display: none;
  }       
  
.responsive-content  .collector-section-header>div {
      display: flex;
      height: 20px;
      flex-wrap: wrap;
  }
.responsive-content  .collector-section-header-title {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
  }
.responsive-content  .recently-updated, .plugin_pagetree {
      margin-top: 10px;
      line-height: 35px;
  }    

.responsive-content  .page-metadata {
      margin: 0!important;
      visibility: hidden!important;
      height: 0!important;
  }
.responsive-content  .spacetools.with-space-sidebar #main-header {
      margin:0;
  }
/* Heading styles */
.responsive-content h1.with-breadcrumbs, .responsive-content h1.with-breadcrumbs a {
    font-size: 1.2em! important;
    padding: 20px 0 0 0! important;
}

.responsive-content .wiki-content h1, .responsive-content .wiki-content h1 a{
    font-size: 1.1em! important;
}

.responsive-content .wiki-content h2, .responsive-content .wiki-content h2 a{
    font-size: 1em! important;
}

.responsive-content .wiki-content h3, .responsive-content .wiki-content h3 a{
    font-size: 0.95em! important;
}

/*.responsive-content .wiki-content h4, .responsive-content .wiki-content h4 a{
    font-size: 0.85em! important;
} */ 
/* Heading styles end */

/* PDF-Viewer */
.responsive-content .cp-container {
 top: 100px! important;
}

.responsive-content .cp-control-panel-download, .responsive-content .cp-waiting-message-download {
    background-size: 30px 30px! important;
}

.responsive-content #cp-control-panel-annotations {
    background-size: 20px 23px! important;
}

.responsive-content .cp-share-icon {
    background-size: 25px 25px! important;
}
/* PDF-Viewer end */
}
/* End responsive max width 1024px */