.debug {
      color: black;
      border: 0;
      padding: 0;
    }

    .debug_active {
      background: #222;
      color: white;
      border: 0;
      padding: 0;
    }

    /* ---- button ---- */
    .thumb {
      width: 100%;
      /*   height: 100%;    */
    }

    .dropdown-menu {
      z-index: 1020;
    }
    .dropicon {
      /*
      float: left!important;
      */
      padding: 5px 6px;
      margin-right: 12px!important;
      width: 29px;
      height: 29px;
      color: #1283da;
      background: #f0f2f4;
      border-radius: 9px;
      border: solid 1px;
    }

    .button {
      display: inline-block;
      padding: 6px 14px;
      background: #EEE;
      border: none;
      border-radius: 7px;
      background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
      color: #222;
      font-family: sans-serif;
      font-size: 16px;
      text-shadow: 0 1px white;
      cursor: pointer;
    }

    .button:hover {
      background-color: #8CF;
      text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
      color: #222;
    }

    .button:active,
    .button.is-checked {
      background-color: #28F;
    }

    .button.is-checked {
      color: white;
      text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
    }

    .button:active {
      box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
    }

    /* ---- button-group ---- */

    .button-group:after {
      content: '';
      display: block;
      clear: both;
    }

    .button-group .button {
      float: left;
      border-radius: 0;
      margin-left: 0;
      margin-right: 1px;
    }

    .button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
    .button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }

    .hiddenbadge {
      display: none;
    }

    .notify-badge-domain{
          position: absolute;
          top:  40px;
          right: 8px;
          text-align: center;
          border-radius: 30px 30px 30px 30px;
          padding: 5px 10px;
          font-size:16px;
          background-image: url("/dist/img/https_32x32.png");
          background-size: 18px 18px;
          background-position: 10px center;
          background-repeat: no-repeat;
          color: #3b610a;
          background-color: white;
          border-color: #325209;
          border-style: solid;
          border-width: 2px;
          padding-left: 34px;
      }
      .notify-badge0{
          position: absolute;
          top:  72px;
          right: 8px;
          text-align: center;
          border-radius: 30px 30px 30px 30px;
          padding: 5px 10px;
          font-size:16px;
          background-image: url("/dist/img/locked_32x32.png");
          background-size: 14px 14px;
          background-position: 10px center;
          background-repeat: no-repeat;
          background-color: #FFEB3B;
          color: #222;
          border-style: solid;
          border-width: 2px;
          padding-left: 34px;
      }
      .notify-badge1{
          position: absolute;
          top:  156px;
          right: 8px;
          text-align: center;
          border-radius: 30px 30px 30px 30px;
          color:white;
          padding: 5px 10px;
          font-size:16px;
      }
      .notify-badge2{
          position: absolute;
          top:  184px;
          right: 8px;
          text-align: center;
          border-radius: 30px 30px 30px 30px;
          color: white;
          padding: 5px 10px;
          font-size:16px;
      }
      .notify-badge-mail{
          position: absolute;
          top:  128px;
          right: 8px;
          text-align: center;
          border-radius: 30px 30px 30px 30px;
          color:white;
          padding: 5px 10px;
          font-size:16px;
      }



      .modalbadge-userpass {
        position: relative;
        text-align: center;
        border-radius: 30px 30px 30px 30px;
        font-size: 16px;
        background-image: url(/dist/img/locked_32x32.png);
        background-size: 14px 14px;
        background-position: 10px center;
        background-repeat: no-repeat;
        background-color: #FFEB3B;
        color: #222;
        border-style: solid;
        border-width: 2px;
        padding-left: 34px;
        font-weight: 700;
      }
      .modalbadge-no-userpass {
        position: relative;
        text-align: center;
        border-radius: 30px 30px 30px 30px;
        font-size: 16px;
        background-color: #FFEB3B;
        color: #222;
        border-style: solid;
        border-width: 2px;
        font-weight: 700;
        opacity: 0.34;
      }
      .modalbadge-domain {
        position: relative;
        text-align: center;
        border-radius: 30px 30px 30px 30px;
        font-size: 16px;
        background-image: url(/dist/img/https_32x32.png);
        background-size: 18px 18px;
        background-position: 10px center;
        background-repeat: no-repeat;
        color: #3b610a;
        background-color: white;
        border-color: #325209;
        border-style: solid;
        border-width: 2px;
        padding-left: 34px;
        font-weight: 700;
      }
      .modalbadge-no-domain {
        position: relative;
        text-align: center;
        border-radius: 30px 30px 30px 30px;
        font-size: 16px;
        color: #3b610a;
        background-color: white;
        border-color: #325209;
        border-style: solid;
        border-width: 2px;
        font-weight: 700;
        opacity: 0.34;
      }
      .modalbadge {
        display: inline-block;
        padding: .25em .4em;
        font-size: 100%;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        z-index:100;
        border: 0;
        /* margin: 0 5px;*/
      }
      .sc { /* sub-counters */
        position: relative;
        font-size: 80%;
        font-weight: 600;
        color: gray;
        top: -10px;
        left: 0px;
        z-index: 200;
      }
      .card-size-fixed {
        width:368px;
        height:332px;
      }