body {
        font-family: Arial, sans-serif;
        margin: 20px;
        background-color: #6eb85f;
        padding: 0;
        margin: 0;
      }
      html {         background-color: #96FF81;
      }
 
  
      h1 {
        font-size: 1.5em;
        margin-bottom: 20px;
      }
 
      button {
        background-color: #96FF81;
        color: white;
        cursor: pointer;
      }
      button:hover {
        background-color: #96FF81;
      }
      .hidden {
        display: none;
      }

      #globalToken { display: none;}
      .bg-green { background-color: #96FF81;;}
      h1 {  font-family: "Jersey 15", serif; font-size: 70px; }

      .menu-item { margin-bottom:25px; margin-top: 40px; align-items: center; display: flex;
      
        font-weight: 400;
        font-style: normal; padding-left: 40px;}
      .menu-item i { color:#ccc; font-size: 20px; line-height: 20px;}
      .menu-item span {  font-size: 26px; line-height: 32px; padding-left: 15px;}
      .menu-item.sub-item { padding-left: 50px; font-size: 20px; margin-top: 20px; margin-bottom:5px!important;}
      .menu-item.sub-item span{ font-size: 20px; }
      .menu-item.sub-item  i { color:#ccc; font-size: 12px; line-height: 20px;}
      .left-menu { padding: 10px 40px 10px 40px;   background: #fff; border-radius: 35px;}

      .menu-header { border-bottom: 3px dashed #45a049; padding-top: 15px; padding-bottom: 30px;}
      .menu-button-sm {border-radius: 20px; background-color: #6CBDFF; color: #fff; padding: 5px 20px; text-align: center; font-size: 18px;   font-family: "Jersey 15", serif; cursor: pointer;}
      .menu-button-sm.small { font-size: 13px;}
      .menu-button-sm:hover {    background-color: #96FF81;  }

      .menu-button { margin-bottom: 30px; margin-top:10px; border-radius: 20px; background-color: #6CBDFF; color: #fff; padding: 10px 30px; text-align: center; font-size: 30px;   font-family: "Jersey 15", serif; cursor: pointer;}

.menu-button:hover {    background-color: #96FF81;  }
      .balance-item span {font-size: 25px; line-height: 34px; color: #3d8458;}
      .balance-item div { font-size: 10px; color: #000; line-height: 12px; }
      .balance-item { border-radius: 20px;}

      input,.textarea{

        border:0px;
        padding: 20px 0 20px 0; border-bottom: dotted 2px #6CBDFF;  width: 100%;
      }

      .textarea { min-height: 100px; outline: 0;}
      
      .textarea:focus { outline: 0;}

      #publicKey { padding: 5px 10px 5px 15px; font-size: 12px; letter-spacing: 2px; box-sizing: border-box; background-color: #efefef; border-radius:20px;     text-overflow: ellipsis;        overflow: hidden;}

      .case-id {   font-family: "Jersey 15", serif; font-size: 30px; line-height:30px; }
      .case-id i {  color: #6CBDFF; }

      .tags { background-color: #efefef; padding: 5px 10px; font-size: 12px; white-space: nowrap;}



      .card-wrap {margin-top: 30px;}
      .card-url { text-overflow: ellipsis;overflow: hidden;   border: dashed #6CBDFF 1px; border-radius: 20px; padding: 5px 16px 5px 16px; font-size: 12px; max-width: 400px;  }


      .card-template { display: none;}
      .card-date { font-size: 10px; letter-spacing:1px;}
      .card-by { font-size: 13px; color: #6CBDFF;}
      .card-status {position: absolute; right: -31px; top: 85px;  transform: rotate(-90deg); border-top-right-radius: 10px; border-top-left-radius: 10px; padding: 2px 15px 3px 15px; color: #ffffff; font-size: 12px; line-height: 13px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px;       }
      .pending { background-color: #bbbbbb;}
      .investigating { background-color: #6CBDFF;}
      .approved { background-color: #6eb85f;}


      .menu-tag { padding: 5px 10px 5px 20px; height: 35px; border-radius: 30px; display: inline-flex;background: #ffffff; justify-content: center; margin-right: 10px; text-transform: capitalize; opacity: 1; cursor: pointer; }
      .menu-tag span { padding: 0px 10px; line-height: 24px; margin-left: 9px; font-size: 12px; border-radius: 30px; display: inline-block ;background: #fff; text-align: center;}
      .menu-tag:hover { opacity: 0.6;}



      .link { opacity: 1; cursor: pointer;}
      .link:hover { opacity: 0.6;}



      a { color: inherit;;}
      a:hover { text-decoration: none;}



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

        .dnone { display: none!important}

        .h300 { height: 250px!important;}
        .h200 { height: 150px!important;}

        .tags { background-color: #efefef; padding: 5px 10px; font-size: 10px;}

        .left-menu { padding: 10px 40px 10px 40px;   background: #fff; border-radius: 0; width: 100vw; height: 100vh;}


        .pt0 { padding-top: 0!important;}

        .menu-button { display: inline-block; margin-bottom: 20px; margin-top:10px; border-radius: 20px; background-color: #6CBDFF; color: #fff; padding: 5px 30px; text-align: center; font-size: 25px;   font-family: "Jersey 15", serif; cursor: pointer;}

        .card-by { white-space: nowrap; text-overflow: ellipsis; width: 50px!important;}

        h4 { font-size: 18px;}

        .card-explanation { font-size: 14px; height: 100%; overflow: hidden;}
.card-url { width: 180px; text-overflow: ellipsis; overflow: hidden; height: 30px; white-space: nowrap;}
        
      .case-id {   font-family: "Jersey 15", serif; font-size: 20px; line-height:20px; }
      .case-id i {  color: #6CBDFF; }


        
      .menu-tag { padding: 0px 5px 0px 10px; height: 20px; border-radius: 20px; display: inline-flex;background: #ffffff; justify-content: center; margin-right: 5px; text-transform: capitalize; opacity: 1; cursor: pointer; font-size: 12px; line-height: 20px; }
      .menu-tag span { padding: 0px 5px; line-height: 20px; margin-left: 3px; font-size: 10px; border-radius: 30px; display: inline-block ;background: #fff; text-align: center;}
      .menu-tag:hover { opacity: 0.6;}




.df { display: block!important;}
.px0 { padding-right:0!important; padding-left: 0!important;}
.menu-mobile { position: fixed; top: 0; right: 0;  bottom: 0; width: 100vw; height: 100vh; left: -100vw; z-index: 2; width: 100vw!important;}
.menu-mobile-open { left: 0;}

.bg-mobile {background-color: #96FF81;}
.mt1 { margin-top: 20px;}
.te {  text-overflow: ellipsis; overflow: hidden; width: 100%;}

      }