.badge-notify {
   background: #E16D6D;
   position: relative;
   top: -12px;
   left: -12px
}

.json-value {
   color: cyan;
   font-weight: 700
}

.json-string {
   color: #e8b108;
   font-weight: 700
}

.left-mailbox {
   float: left;
   width: 160px;
   margin-right: 10px
}

.right-mailbox {
   overflow: hidden
}

@media screen and (max-width:500px) {
   .left-mailbox {
      float: none;
      width: auto;
      margin-right: 0
   }
}

@media only screen and (min-width:501px) {

   #search-box,
   #word-search-box {
      display: inline !important;
      float: left
   }
}

@media only screen and (max-width:500px) {

   #search-box,
   #word-search-box {
      display: none !important
   }

   ol.tbreadcrumb li {
      padding: 0
   }

   .tbreadcrumb li span {
      font-size: 8pt
   }

   #div_breadcrumbs>ol>li:nth-child(1) {
      display: none
   }
}

@media only screen and (max-width:550px) {

   .pagination>li>a,
   .pagination>li>span {
      padding: 6px
   }
}

.sourcecodewrapper {
   background: #262722;
   font-weight: 700;
   border-radius: 3px;
   padding: 8px;
   box-shadow: 2px 2px 8px rgba(0, 0, 0, .5);
   margin-bottom: 10px;
   overflow-x: auto
}

pre {
   font-family: Andale mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Lucida Console, Monaco, Consolas, Droid Sans monospace, Monospace;
   border-radius: 0
}

.tsourcecode code {
   font-family: Andale mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Lucida Console, Monaco, Consolas, Droid Sans monospace, Monospace;
   line-height: normal;
   background: #262722
}

.tsourcecode code li {
   color: #484848
}

.file-response-icon {
   position: absolute;
   padding-left: 3px;
   padding-top: 3px
}

.input-fuse-search {
   margin-top: -6px
}

.input-data-search {
   box-shadow: none;
   border-radius: 0;
   border: 1px solid #afafaf
}

.input-data-search:focus {
   border: 1px solid #8C8CF9
}

.fc-scroller {
   overflow-x: visible !important
}

.right-panel {
   right: 0;
   position: absolute;
   top: 0;
   border-right: 1px solid silver;
   width: 700px;
   height: 100%;
   float: right;
   z-index: 1030;
   display: none;
   overflow: auto;
   opacity: 1;
   overflow-x: hidden;
   box-shadow: 0 10px 50px 0 rgba(50, 50, 50, .34);
   background: #fff;
   border-left: 1px solid silver
}

@media screen and (max-width:1400px) {
   .right-panel {
      width: 500px
   }
}

@media screen and (max-width:1000px) {
   .right-panel {
      width: 300px
   }
}

.debug-panel {
   position: fixed;
   height: 200px;
   bottom: 0;
   width: 100%;
   background: #404040;
   z-index: 20000;
   color: #fff;
   border-top: 1px solid #7b7b7b;
   font-family: Andale mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Lucida Console, Monaco, Consolas, Droid Sans monospace, Monospace;
   display: none
}

.debug-panel>div {
   white-space: pre;
   margin: 10px;
   width: calc(50% - 40px);
   display: block;
   height: calc(100% - 40px);
   position: relative;
   float: left;
   overflow-y: auto;
   background: #2f2f2f;
   border-radius: 3px;
   padding: 3px
}

.debug-panel>span {
   display: block;
   width: calc(50% - 20px);
   text-align: center;
   float: left;
   font-weight: 700;
   color: #87a7f5
}

.debug-panel>i {
   float: right;
   margin: 10px;
   cursor: pointer
}

.float-button {
   position: fixed;
   width: 60px;
   height: 60px;
   bottom: 60px;
   right: 20px;
   background-color: #fb954a;
   color: #FFF;
   border-radius: 50px;
   text-align: center;
   box-shadow: 2px 2px 3px #999;
   z-index: 2008;
   font-size: 170%;
   color: #fff;
   cursor: pointer
}

.float-button.blue {
   background-color: #83A3FF
}

.float-button.disabled {
   background-color: gray
}

.float-button:hover,
.float-button:focus {
   color: #fff
}

.internal-float-button {
   margin-top: 17px;
   font-weight: 700
}

.little-float-button {
   position: fixed;
   width: 30px;
   height: 30px;
   bottom: 40px;
   color: #FFF;
   border-radius: 50px;
   text-align: center;
   box-shadow: 2px 2px 3px #999;
   z-index: 2008;
   font-size: 100%;
   color: #fff;
   right: 10px
}

.little-float-button.disabled {
   background-color: gray
}

.little-float-button:hover,
.little-float-button:focus {
   color: #fff
}

.little-float-button .internal-float-button {
   margin-top: 8px
}

.info-box {
   display: block;
   min-height: 90px;
   background: #fff;
   width: 100%;
   box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
   border-radius: 2px;
   margin-bottom: 15px !important
}

.info-box-icon {
   border-top-left-radius: 2px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 2px;
   display: block;
   float: left;
   height: 90px;
   width: 90px;
   text-align: center;
   font-size: 45px;
   line-height: 90px;
   background: rgba(0, 0, 0, .2)
}

.info-box-text {
   display: block;
   font-size: 14px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   text-transform: uppercase;
   color: gray
}

.info-box-number {
   display: block;
   font-weight: 700;
   font-size: 25px !important;
   color: #5f5f5f
}

.info-box-content {
   padding: 10px
}

.black {
   color: #000
}

pre {
   padding: 9.5px;
   margin: 0 0 10px;
   line-height: 1.42857143;
   word-break: break-all;
   word-wrap: break-word;
   color: #333;
   background-color: #f5f5f5;
   border: 1px solid #ccc;
   border-radius: 4px
}

#menu-editor span.select2 {
   border: 1px solid #a0a0a0
}