@import url("pad/normalize.css");

@import url("pad/layout.css");

@import url("pad/fonts.css");
/* @import url("pad/toolbar.css"); */
@import url("pad/popup.css");
@import url("pad/popup_connectivity.css");
@import url("pad/popup_import_export.css");
@import url("pad/popup_users.css");
@import url("pad/icons.css");
@import url("pad/chat.css");
@import url("pad/gritter.css");
@import url("pad/loadingbox.css");
@import url("pad/form.css");



@import url("layout.css");
@import url("pad-editor.css");

@import url("scrollbars.css");
@import url("buttons.css");
@import url("popup.css");

@import url("chat.css");
@import url("sidediv.css");
@import url("gritter.css");
@import url("table-of-content.css");
/* @import url("toolbar.css"); */
@import url("users.css");
@import url("form.css");
@import url("import-export.css");

@import url("brightcolorpicker.css");
@import url("font_color.css");
@import url("tables2.css");
@import url("set_title_on_pad.css");
@import url("author_hover.css");
@import url("comments.css");

@import url("pad-variants.css");




html {
  font-size: 15px;
  color: #3e3e3e;
}

b,
strong {
  font-weight: bold;
}


.text-huge{
    font-size: 2.8em!important;
}

html,
#sidedivinner > div:before {
  font-family: Roboto;
}

.clear {
  clear: both
}
a {
  color: inherit;
}
a img {
  border: 0;
  margin: 0 15px 0 15px;
}

.lds-circle {
  display: inline-block;
  transform: translateZ(1px);
  visibility: hidden;
}
.lds-circle > div {
  display: inline-block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%; 
  background: #000;
  animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

@keyframes lds-circle {
  0%, 100% {
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(1800deg);
    animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  100% {
    transform: rotateY(3600deg);
  }
}






.lds-dual-ring {
  display: none;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #000;
  border-color: #000 transparent #000 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.thin-scrollbar::-webkit-scrollbar-track {
  background-color: #f6f6f6;
  border: 1px solid #f0f0f0;
}
.thin-scrollbar::-webkit-scrollbar {
  width: 7px;
}
.thin-scrollbar::-webkit-scrollbar-thumb {
  background-color: #C5C5C5;
}

.buttontext::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.buttontext:focus{
  /* Not sure why important is required here but it is */
  border: 1px solid #666 !important;
}
.rtl {
  direction: RTL
}

/* fix for misaligned checkboxes */
input[type=checkbox] {
  vertical-align: -1px
}
input {
  color: inherit;
}
.right {
  float: right
}

@media (max-width: 800px) {
  .hide-for-mobile { display: none; }
}

.etherpadBrand{
  width:20%;
  max-width:100px;
  margin-left:auto;
  margin-right:auto;
}









#editorbar_scroller_container::-webkit-scrollbar {
    width: 0px; /* remove scrollbar space */
    overflow: hidden;
    background: transparent; /* optional: just make scrollbar invisible */
  }
  .btn-group {
    outline: none;
    margin: 2px 0 0 0;
  }
  
  



  
  #document_title {
    z-index: 99999999;
    height: 32px;
    line-height: 32px;
    max-width: 900px;
    min-width: 0px;
    margin: 0 auto;
    margin: 0 auto;
    background-color: #fff !important;
    display: inline-box;
    focus: none;
    position: relative;
    text-align: center;
    vertical-align: middle;
    outline: 0px solid transparent;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
      "DejaVu Sans", Verdana, sans-serif;
    color: #000;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border-radius: 16px;
    letter-spacing: 1px;
    position: relative;
    margin-top: 3px;
    box-shadow: 0 0 0 0.5px rgba(209, 209, 209, 0.32),
      0 0 7pt 0pt rgba(204, 204, 204, 0.52);
  }

  

  



   [contenteditable="true"]{
    -webkit-user-select:text;
    user-select: text;
 }

:root {
  --super-dark-color: #485365; /*#374256;*/
  --dark-color: rgba(0,0,0, 1); /*#4d5d77*/

  --primary-color: #000;
  --middle-color: #d2d2d2; /* kind of grey, use for border for examples */

  --light-color: #ffffff; /*#f9f9f9;*/
  --super-light-color: white;

  --text-color: var(--super-dark-color);
  --text-soft-color: var(--dark-color);
  --border-color: var(--middle-color);
  --bg-soft-color: var(--light-color);
  --bg-color: var(--super-light-color);

  --toolbar-border: none;

  --main-font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;

  --editor-horizontal-padding: 55px;
  --editor-vertical-padding: 40px;
}

#export-save-as{
    cursor: pointer;border-radius: 15px 0 0 15px;padding: 6px 15px 6px 15px;background-color:rgba(0,0,0, 1);
}

#left-button-group{
    margin:0 0 0 42px; 
    position:absolute;
}

#editbar-scroller{
    width: 20px;
    height: 20px;
    top: 15px;
    display: block;
    float: left;
    position: absolute;
    z-index: 9999999;
    left: 20px;
    cursor: pointer;
}

#editorbar_scroller_container{
    /* max-width: 650px;
    min-width: 0px;
    overflow: hidden;
    margin: 0 0px 0 208px !important;
    align-content: center !important;
    white-space: nowrap;
    outline: none;*/
} 


@media (max-width:1000px) {
  :root {
    --editor-horizontal-padding: 15px;
    --editor-vertical-padding: 15px;
  }

  #menuBarDiv{
    border-radius: 0!important;
  }

  #export-save-as{
    border-radius: 0!important;
  }

  .menuBarDivContainer{
    padding: 0!important;
  }

  .table{
    margin-left:0!important;
}

#left-button-group{
    margin:0 0 0 32px; 
}

#editbar-scroller{

    left: 10px;

}

#editorbar_scroller_container{
    margin: 0 0px 0 0px !important;
}



}

@media (max-width:600px) {
  :root {
    --editor-horizontal-padding: 15px;
    --editor-vertical-padding: 15px;
  }

  #menuBarDiv{
    border-radius: 0!important;
  }

  .menuBarDivContainer{
    padding: 0!important; 
 }
 
}




/* Default scrollbar values */
body {
  --scrollbar-bg: var(--light-color);
  --scrollbar-track: var(--super-light-color);
  --scrollbar-thumb: var(--dark-color);
}