/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 ul[role="tree"] {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 120%;
}

[role="treeitem"][aria-expanded="false"] > ul {
  display: none;
}

[role="treeitem"][aria-expanded="true"] > ul {
  display: block;
}

[role="treeitem"],
[role="treeitem"] span {
  width: 18.5em;
  margin: 0;
  padding: 0.125em;
  border: 2px transparent solid;
      list-style-type: none;
  word-break: break-word;
   font-size: 16px;
    color: #fff;
}
#doctowiki_Preview [role="treeitem"],
#doctowiki_Preview [role="treeitem"] span {
    color: #8f8f8f;
}

/* disable default keyboard focus styling for treeitems
   Keyboard focus is styled with the following CSS */
[role="treeitem"]:focus {
  outline: 0;
}

[role="treeitem"].focus,
[role="treeitem"] span.focus {
  border-color: #2d3653;
  background-color: #2d3653;
}

.sidenav [role="treeitem"].hover,
.sidenav [role="treeitem"] span:hover {
  background-color: #2d3653;
}
div#doctowiki_Preview {
    background-color: #ffffff;
}
.sidenav {
   height: 100%;
   width: 350px;
   position: fixed;
   z-index: 1;
   left: 0;
   background-color: #111;
   overflow-x: hidden;
   padding-top: 20px;
}

.sidenav a {
   padding: 6px 8px 6px 16px;
   text-decoration: none;
   font-size: 25px;
   color: #818181;
   display: block;
}

.sidenav a:hover {
   color: #f1f1f1;
}

.main {
   margin-left: 300px; /* Same as the width of the sidenav */
   font-size: 28px; /* Increased text to enable scrolling */
   padding: 0px 10px;
}

@media screen and (max-height: 450px) {
   .sidenav {padding-top: 15px;}
   .sidenav a {font-size: 18px;}
}

body {
    background-color: #ffffff !important;
}
body.overlay {
  position: fixed;
  z-index: 1031;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #2d3653 !important;
  display: block;
  overflow: hidden;
  padding: 25%;
}
  @keyframes spin{
    0%,100%{transform:translateX(200%)}
    25%{transform:translateY(200%)}
    50%{transform:translateX(0)}
    75%{transform:translateY(0)}
  }
.sidenav {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 21.875em;
    flex: 0 0 21.875em;
    background: #111b3c;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .625em 0;
}
.item_outer::before, #doctowiki_Preview [role="treeitem"]::before {
    padding: 0px 6px 0px 6px;
    margin: 0px 5px 0px 0px;
    vertical-align: middle;
}
.sidenav li::before {
    display: none;
}
.sidenav li, #doctowiki_Preview [role="treeitem"], #doctowiki_Preview [role="tree"] {
   cursor: pointer;
}

.sidenav img.apps_folder {
    display: none;
}
.fileicon{
    margin-right: 8px;
    margin-left: -1px;
    width: 18px;
    height: 18px;
}
.entry-content {
    margin-bottom: 0;
}
main#main {
    padding-top: 0;
}
#doctowiki_Preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 1.6666666667em 6.4% 1.5em 6.9333333333%
}

@media (min-width: 568px) {
  #doctowiki_Preview {
    padding: 1.875em 4.5em 2.5em 4.5em
  }
  .sidenav {
    padding: 1.5625em 0;
}
}

img.arrow_icon {
  width: 24px;
  margin-right: 4px;
  padding: 6px 6px 6px 6px;
  float: left;
  margin-top: 7px;
}

img.arrow_icon:hover {
    background-color: #404c71;
}
img.arrow_doc {
  display: none;
}
#doctowiki_Preview .arrow_folder {
    display: none;
}
#doctowiki_Preview {
  height: 100%;
  word-break: break-word;
}
.item_outer .arrow_rotate{
      transform: rotate(90deg);
}
.sidenav ul {
    padding-left: 18px;
}
h2.Preview__title {
    color: #22275A;
    font-size: 1.3em;
    line-height: 1.38;
    font-weight: 700;
}
.Preview__content {
    height: 100%;
    word-break: break-word;
    padding-top: 1.375em;
}
.Preview__content.video {
    position: relative;
    height: 400px;
}
.doctowiki_main, .site-main .doctowiki_main{
  max-width: 100% !important;
  height: auto;
  margin-bottom: 0;
}
#doctowiki_preview  li {
  width: 100%;
  }
#doctowiki_preview li img{
    float: left;
  }
#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.85);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:#111b3c;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}
.fade-in-slide {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-animation: .3s ease 0s normal forwards fadeinslide;
    animation: .3s ease 0s normal forwards fadeinslide;
}