:root {
  --sb-left-lg-width: 230px;
  --sb-right-lg-width: 250px;
}
.container-fluid {
  width:1500px;
  max-width:100%;
}
ul {
  padding-left:0;
  list-style:none;
}
body {
  font-size: .875rem;
  font-family: 'Open Sans', sans-serif;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebar-right {
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1);
}
.sidebar {
  /* position: fixed; */
  z-index: 100; /* Behind the navbar */
  padding: 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link.disabled {
  color:#A0A0A0;
}
.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #727272;
}



.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

/*
 * Navbar
 */

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  /* background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25); */
}

.navbar .navbar-toggler {
  top: .25rem;
  right: 1rem;
}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

@media(min-width:768px) {
    header .nav-item > a,
    header  .nav-item {
      min-height:60px;
      display: flex;
      align-items: center;
    }
    main {
      min-height: calc( 100vh - 60px );
    }
}
main {
  background-color:#fff;
}
.nav-link:hover,
.nav-link.active {
  background: #E6E6E6;
}

.sign-in {
  min-height: calc( 100vh );
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;

  justify-content: center;
}

.form-signin {
  background-color: #f5f5f5;
  width: 100%;
  max-width: 330px;
  padding: 30px 40px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}



ul.ts {
  padding:0;
}
.ts .checked {
  font-weight:700;
}

.ts li {
  width:100%;
}
.ts li label,
.ts li:hover {
  cursor:pointer;
}
.ts li label {
  width:100%;
  display: flex;
  padding: 5px 15px;
  align-items: center;
}
.ts li input[type='radio'] + span {
  display:flex;
  align-items:center;
}
.ts li input[type='radio'] + span:before {
   content: '';
  display:inline-block;
  width:1em;
  height:2em;
  margin-right:0em;
  font-size:2em;
  line-height:2em;
  color:#dadada;
}
.ts li input[type='radio']:checked + span:before {
  content: '\2713';
}
.ts li[data-is-confirm-selected="true"] input[type='radio'] + span:before {
  color: green;
}
.ts li input[type='radio'] {
  visibility:hidden;
  position:absolute;
  opacity:0;
}

.ts li label:hover {
  background:#F3F3F3
}
button.delete {
  background: transparent;
  border: 0 none;
  border-radius: 5px;
}
li button.delete:hover {
  background:#c9c9c9;
}
li button.delete img {
  width:20px;
  height:auto;
}

.oc li > div:not(:hover) .delete,
.ts li label:not(:hover) .delete {
  display:none;
}
.ts li {

  margin-bottom: 0.5em;

  border-color:#000;
  border-style:dashed;
  border-width: 1px 0;
}

.ts li span {
  margin-right: auto;
  display: inline-block;
}


@media (min-width: 992px) {
  main.col-lg-8 {
    width: calc( 100% - 480px );
  }

  #sidebarMenu.col-lg-2 {
    width:var(--sb-left-lg-width);
  }
  #sidebarMenuR.col-lg-2 {
    width:var(--sb-right-lg-width);
  }
}

ul.ru {
  margin-top:1em;
}
.ru .delete:hover {
  cursor:pointer;
}

.ru li {
  min-height:2em;
}
.ru .delete {
  padding: 0px 3px;
  text-decoration:none;
  color:inherit;

}
.ru .delete img {
  width:14px;
  height:auto;
}
.ru li:hover {
  background-color:#fff;
}
.ru li:not(:hover) .delete {
  display:none;
}
.ru li {
  margin: 0.5em 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f2f2f2;
  padding: 5px;
}
.ru .url {
  word-break: break-all;
  line-height: 1.1;
  color: #909090;
  display: inline-block;
}

#sidebarMenuR .sidebar-heading {
  padding-left:0 !important;
  padding-right:0 !important;
}
.sd .serp-link {
  color:#B60000;
  font-weight:700;
  max-width: calc( 100% - 20px );
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sd .accordion-button + .serp-title:hover {
  cursor:pointer;
}
.sd .serp-title {
  font-weight:700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  word-break: break-all;
}
.sd .subtopic .serp-title {
  -webkit-line-clamp: 10;
}
.sd .accordion-button {
  border:0px none transparent;
  background-color:transparent;
  padding:0;
  color:inherit;
  box-shadow:none;
}

.sd * {
  font-size: .8rem;
}
.sd .subtopic.accordion-button::after {
  transform:translateX(10px);
}

.sd .accordion-item {
  border: 0px none transparent;
  margin: 0 0 1em;
  background: transparent;
}


.sd .accordion-button.subtopic {
  align-items: flex-start;
}

.sd .accordion-button::after {
  width: 0.8rem;
  height: 0.8rem;
  background-size: 0.8rem;
}

.sd .accordion-body {
  padding: 10px 10px 5px;
}

.accordion-button.no-outline::after,
.accordion-button.no-subtopic::after {
  display:none;
}

.sd li.subtopic {
  margin-bottom: 8px;
  line-height: 1.3;
  font-weight: 700;
}

#bottomNav {
  position: fixed;
  left:0;
  right: 0;
  bottom: 0;
  justify-content: flex-end;
  z-index: 101;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  box-shadow: 0px -2px 0 rgba(0, 0, 0, .1);

}
@media (min-width: 768px) {
	#bottomNav:not(.container-fluid) {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}
}
@media(min-width:992px) {
  #bottomNav:not(.container-fluid) {
    left: var(--sb-left-lg-width);
	  width: calc( 100vw - var(--sb-left-lg-width) - var(--sb-right-lg-width) );
  }
}
#bottomNav  button {
	margin-top:5px;
	margin-bottom:5px;
}




.oc li.h2 > div .title {
  font-size: 1.1rem;
  font-weight:400;

}
.oc li > div .title:before {
  display:inline-block;
  font-weight:700;
}
.oc li.h2 > div .title:before {
  content:"H2\00a0\00a0";

}

.oc li.h3 > div .title:before {
  content:"H3\00a0\00a0";
}

.oc li.h3  > div .title {
  font-size: 0.875rem;
  min-height:40px;
}

.oc .subtopic {
  padding-right:0;
}
.handle {
  margin-left:15px;
}
.handle-div {
  /* display: flex; */
  /* align-items: flex-start; */
}
.oc li > div:hover {
  background-color: #F3F3F3;
}
.oc button.delete {
  margin-right:15px;
}
.oc .add {
  display:inline-block;
}
.oc ul.outlines > .add {
  margin-top:15px;
}
.oc ul ul .add {
  margin-left:32px;
}
.oc li li {
  padding-left: 15px;
}
.oc li li:nth-last-child(2) {
  margin-bottom: 0;
}
.oc .dl {
  display:flex;

}
.oc .title {
  display:flex;
  align-items: center;
}
.oc .h3 > div .dl {
  min-height:37px;
}
.oc .h2 > div .dl {
  min-height:39px;
}


.ck-content h1 {
    font-size: 2em;
}

.ck-content h2 {
    font-size: 1.6em;
}

.ck-content h3 {
    font-size: 1.3em;
}

.ck-content h4 {
    font-size: 1em;
}

#topNav .back {
	white-space: nowrap;
}
#topNav .dl {
    flex-wrap: wrap;
    align-items: center;
}
#topNav .title {
	font-family: 'Raleway', sans-serif;
    font-size: 1.1em;
    color: #6D6D6D;
    font-weight: 700;
}

.nav-acc .sidebar-heading {
    font-size: 1em;
}
.nav-acc.accordion-item {
	background-color:transparent;
	border:0px none;
}
.nav-acc.accordion-body {
	padding: 5px 0;
}

.nav-acc.accordion-button.collapsed,
.nav-acc.accordion-button:not(.collapsed) {
border:0px none transparent;
background-color:transparent;
padding:5px 0;
color:inherit;
box-shadow:none;
}

.nav-acc .accordion-button::after {
    width: 0.8rem;
    height: 0.8rem;
    background-size: 0.8rem;
}

.retry:hover u {
  cursor:pointer
}

@media(min-width:561px) {
  #bottomNav .btn:not(:last-child) {
      
   margin-right:4px;
}
}
@media(max-width:360px) {
  #bottomNav {
      justify-content:center;
      
  }
  #bottomNav .btn {
    display:block;
      width:100%;
  }
}

.ck.ck-editor {
  margin-bottom:45px;
}


.ia.oc .title {
  align-items: flex-start;
  margin-top:5px;
}
.ia.oc li li {
  padding-left: 33px;
}
.ia.oc .img-alt {
  position:relative;
  font-size: 0.7rem;
}

body:not(.no-clipboard) .ia.oc .img-alt:not(.copied):hover:before {  
  content:"Click to copy";
  position:absolute;
  border:1px solid #ccc;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background-color:#fff;
  padding:5px 10px;
  white-space: nowrap;
}
body:not(.no-clipboard)  .ia.oc .img-alt:not(.copied):hover {
  background-color:#efefef;
  cursor:pointer;

}
.ia.oc .img-alt-div {
  padding-left:27px;
  position:relative;
  margin-top:5px
}
.ia.oc .h2 > .img-alt-div {
  padding-left:33px;
  
}

.ia.oc .img-alt-div > svg {
  min-width:16px;
  margin: 4px 10px 0 0;
}
.ia.oc .h2 > div .dl,
.ia.oc li.h3 > div .title {
  min-height:unset;
}

.text-copied {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  border:1px solid #ccc;
  background-color:#fff;
  padding:5px 10px;
  white-space: nowrap;
}


.dataTable thead th {
  font-weight:normal;
  padding-bottom:0.5em;
}

.dataTable td span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}
.dataTable td {
  height:3.5em;
  line-height: 1.2;
  
}
.dataTable th {
  white-space: nowrap;
}

#index-of-articles-nav-tab-content {
  --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: #dee2e6;
    --bs-nav-tabs-border-radius: 0.375rem;
    --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #ddd;
    --bs-nav-tabs-link-active-color: #495057;
    --bs-nav-tabs-link-active-bg: #fff;
    --bs-nav-tabs-link-active-border-color: #ddd;
    border-top: var(--bs-nav-tabs-border-width) solid #fff;
    border-left: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
  border-right: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}