body {
  height: 100%;
}
body.modal-open {
  overflow: hidden;
  height: 100%;
}
html {
  overflow: auto;
  height: 100%;
}
#editor-top .dropdown-menu {
  border: 1px solid #dcdcdc;
}
.btn {
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
}
[data-notify] {
  max-width: 90%;
  max-width: 300px;
}
.popover.error {
  background: #dc3545;
}
.popover.error .arrow:after {
  border-bottom-color: #fc6d53;
  border-top-color: #fc6d53;
}
.popover.error .popover-body {
  font-weight: 400;
  text-align: center;
  color: #ffffff;
}
#repo_title {
  background-color: #00a4e3;
  color: #FFF;
  padding-top: 10px;
  padding-bottom: 4px;
  padding-left: 15px;
  border-color: white;
  border-top: 2px solid #FFF;
}
#menunav_title {
  background-color: #00a4e3;
  color: #FFF;
  padding-top: 10px;
  padding-bottom: 4px;
  padding-left: 15px;
  margin-bottom: 15px;
}
.repo-header {
  border-bottom: 2px solid #f27618;
  color: #555;
  padding: 5px 10px 5px 10px;
  font-weight: 600;
}
#explorer a {
  color: #3e3a39;
}
#myModal .modal-header {
  position: static;
}
.iframe_inner {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.popover {
  max-width: 450px;
  width: 100%;
  padding: 10px;
}
#errorConsoleDiv {
  overflow-y: scroll;
  width: 100%;
  height: 100px;
  max-height: 100%;
}
#program-left ul {
  font-size: 15px;
  list-style: none;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 15px;
}
#program-left ul li {
  list-style: none;
  margin-top: 5px;
  margin-bottom: 5px;
}
#program-left ul li ul {
  padding-left: 0;
}
#program-left ul li ul li {
  padding-left: 15px;
  /* border-bottom: 1px solid #DDD; */
  margin: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}
#program-left ul li ul li:hover {
  background: #a9aaaa;
}
#program-left ul li a div:hover {
  background: #a9aaaa;
}
.panel {
  box-shadow: none;
  -webkit-box-shadow: none;
}
#run_button {
  background-color: #00497A;
  color: white;
}
#run_button_dropdown {
  background-color: #00497A;
  border-color: #00497A;
  color: white;
}
#editor-container {
  height: calc(100% - 1px);
}
#editor-top-wrapper {
  position: relative;
}
.editor-top {
  background-color: #242424;
  height: 50px;
  border-bottom: 1px solid #3e3a39;
  top: auto;
  left: auto;
  z-index: 1029;
  justify-content: space-between;
}
.editor-top .nav-item a {
  color: #dcdcdc;
}
.editor-top .nav-item a.active,
.editor-top .nav-item a.current {
  color: #dcdcdc;
}
.editor-top .dropdown-menu a {
  color: #3e3a39;
}
.editor-top a.dropdown-toggle {
  padding-right: 0;
}
#unsupportedBrowser {
  width: 100%;
  height: 99.9%;
  border-left: 1px solid #EEE;
  padding-left: 10px;
}
#navbarSupportedContent {
  min-width: 80px;
}
#navbarSupportedContent .dropdown-menu .dropdown-item .btn.active {
  background-color: #007bff;
}
.iframe_doc_nav {
  display: flex;
  flex-direction: row;
  background-color: #242424;
  justify-content: space-between;
  border-left: 1px solid #3e3a39;
}
.iframe_doc_nav-inner {
  display: flex;
  margin-bottom: 0;
}
.btn-doc-nav {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: medium none;
  background-color: transparent;
  font-size: 1.2rem;
  line-height: 0.5;
  margin: 0;
  vertical-align: middle;
  text-align: center;
  padding: 0px;
  outline: currentcolor none medium;
  cursor: default;
  color: white;
  opacity: 0.6;
}
.btn-doc-nav:hover {
  background-color: #3e3a39;
  opacity: 1;
  color: #dcdcdc;
}
/* reset style */
.detected-link {
  text-decoration: none!important;
}
/* My style */
.warningDecoration {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=);
  background-position: bottom;
  background-repeat-y: no-repeat;
}
.warningIcon {
  position: relative;
}
.warningIcon:after {
  content: "\26a0";
  font-family: "Segoe UI Emoji", sans-serif;
  color: #ffc522;
  position: absolute;
  top: 0;
  right: 0;
}
#warningMessage {
  display: inline-block;
  padding-left: 10px;
}
#editor-container #app_target_obniz_select {
  max-width: 12rem;
  margin-right: 10px;
}
#editor-container .select_obniz_id {
  display: flex;
}
#editor-container .select_obniz_id span {
  color: #fff;
  padding: 0.25rem 0.5rem 0 0;
}