expand-blocktable.list td{
    padding:5px 10px 15px;
    color:#343434;
    word-wrap:break-word;
}
table.users td{
    padding:10px;
   
}
.fieldset{
    border-radius: 20px;
    border: 0;
    margin: 0 0 20px;
    margin-bottom: 20px;
    padding: 20px;
    padding-top: 20px;
    box-shadow: 5px 5px 5px -5px #333;
    background: #eee;
}
.table {
    display: table;
    border-spacing: 0.5em;
}
.tablerow{
    display: table-row;
}
.tablecell{
    display: table-cell;
}
#new_data_processing_agreement > div.submit {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}
#new_data_processing_agreement > div.submit .second-button {
    text-decoration: underline;
    text-underline-position:under;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

    div#login-content,div.content-wrapper,
    div.contentExport,div.contentSize50,div.content66,div.left-news, div.contentSize66{
        width:100%;
        padding:0
    }

    .sidebar_toc {
        display:none;
    }
}


@media (min-width:600px){
    .pie-container {
        min-width: 500px;
    }
    .piewrapper{
        display: flex;
        flex-direction: row;
    }

}
@media(min-width:1840px){
    .thumbnail {
        width: 322px;
        float: left;
        padding: 20px 10px;
        display: block;
        min-height:300px;
    }
    div.feedrss .thumbnail {
        min-height:0;
    }
    .pie-container{
        min-width: 600px;
        padding-right: 10px;
    }
}


@media screen and (max-width:840px) {
    *{
        box-sizing: border-box;
    }
    body{
        margin: 0 auto;
    }
    h1{
        margin-top: 40px;
        word-wrap: break-word;
    }
    img{
        max-width:100%
    }

    .simlulator-frame   {
        margin-top:60px;
        max-width:unset;
    }
    #iframe-smartphone {
        top:62px;
    }
    #iframe-smartphone {
        top:62px;
        margin-left:-80px;
    }
    .simlulator-container {
        padding-left:0;
    }
    .simulator-qrcode {
        padding-left: 45px;
    }

    .basic-stats td{
        vertical-align: top;
        padding-bottom: 8px;
    }
    div.block_rss h2{
        margin-bottom: 10px;
    }

    div#login-content,div.content-wrapper,
    div.contentExport,div.contentSize50,div.content66,div.left-news, div.contentSize66{
        width:100%;
    }

    .sidebar_toc {
        display:none;
    }
    .content .sub-menu .download-all,.content .sub-menu .csv-bar {
        display: none;
    }

    .content{
        width: 100vw;
        margin:0;
    }
    /*.content{padding:17px 20px 45px;}*/
    .content{
        padding:10px;
    }
    .lp-edit-column {
        width: 100%;
    }
    .content-wrapper{
        margin:0;
    }
    .content-header{
        margin:0;
    }
    .content{
        padding:17px 20px 45px;
    }
    .content > h1:first-child{
        margin-top: 40px;
    }
    #rangeform.list tbody tr{
        display: flex;
        flex-direction: column;
        width: 90vw;
    }
    #footer{
        margin:0;
        width: 100vw;
        padding: 17px 30px 45px;
    }
    .pie-container {
        clear: both;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    /*.left-news {width: 90%;float: left; padding: 0 0 30px 0;}*/
    .hamburg-row {
        z-index: 1333333334;
        top: 0;
        left: 0;
        background-color: #28323c;
        display: flex;
        justify-content: space-between;
    }
    body.multi div.brand-name-single{
        background:#fff;
        padding: 4px 10px 4px 10px;
        margin: 5px 5px 6px;
        border-radius: 5px
    }
    .right-brand-logo{
        margin-right:5px
    }
    div.brand-name-single img{
        margin: 0;
        max-height: 42px
    }
    #menu {
        padding-top: 50px;
        position: fixed;
        width: 100vw !important;
        height: 100vh;
        background-color: #EEE;
        z-index:1333333333;
        display:none;
        overflow-y: scroll;
        -webkit-overflow-scrolling:touch;
    }
    #menu ul.sub-menu{
        border-top: 1px solid #555;
    }
    #menu ul.sub-menu li span {
        height:40px;
    }
    #menu ul.sub-menu li span.header-info{
        height:auto
    }
    #menu.user-menu ul.sub-menu li, #menu ul.sub-menu-admin li {
        border-top: 1px solid white;
        font-size: 1.4em;
        padding: 16px 0 16px 10px;
        height: 62px;
    }
    #menu.user-menu ul.sub-menu li.logout-menu,#menu ul.sub-menu-admin li.logout-menu {
        border-top: 1px solid white;
        font-size: 1.4em;
        padding: 20px 0 16px 0px;
        height:62px;
    }
    .branding-logo, .menu-signin span.superadmin-label{
        display: none;
    }

    .header-info small{
        padding: 2px 10px;
    }
    #menu>ul.sub-menu>li>a.gray>span {
        color: #777 !important;
        display: inline-block;
    }
    #menu>ul.sub-menu>li>a.gray>span:hover {
        background-color:#cbcbcb
    }
    #menu>ul.sub-menu>li:hover{
        background-color:#cbcbcb
    }
    #menu>ul.sub-menu>li>a {
        padding: 13px 18px;
        line-height: 25px;
    }

    .menu-signin {
        padding:0;
        top: 60px;
        position: fixed;
        width: 100vw !important;
        background-color: #EEE;
        z-index:13;
        display:none;
    }
    .menu-signin a span{
        vertical-align: middle;
    }
    .menu-signin > a, .menu-signin .menu-signin-name {
        color: #cfd8dc !important;
        border-top: 1px solid white;
        display: block;
        font-size: 1.4em;
        padding: 13px 10px 11px 30px;
        height: 62px;
        background-color: #28323c;
    }
    .menu-signin .menu-signin-name a {
        color: #cfd8dc !important;
    }

    .menu-signin span::before{
        font-size:24px;
        vertical-align: middle;
        margin-right:10px
    }
    .menu-signin a.account span::before{
        vertical-align:-6%
    }
    .menu-signin > a > i {
        padding-right: 10px;
    }
    .menu-signin > a:hover, .menu-signin .menu-signin-name:hover {
        background-color:#989ea2
    }
    .menu-signin a:hover,
    .menu-signin a:hover i {
        color: white !important;
    }

    #page-pie > ul.submenu {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .content a.external-link{
        height: 52px;
    }
    /*.content ul.sub-menu li:first-child{border-radius: 18px; padding:20px 20px 20px 10px; width: 100%; background: gray; font-size: 1.2rem;}*/
    .tutorial-container, .tutorial-details, .tutorial, .tutorial-post-container{
        box-sizing: content-box!important;
    }

    #footer .privacy a{
        display:block;
        margin:20px
    }
    .plot-legend .hide {
        display: block;
        margin-bottom: 5px;
    }
    #page-statistics h1{
        padding-top: 40px;
    }
    .tablecell{
        display: block;
    }
    .tablerow{
        display: block;
    }
    .message-box{
        width:100%;
        display: block;
    }
    h1.message-box{
        width: 60vw;
        height: auto;
        font-size: 1.7em;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        box-shadow: -1px 0px 7px -1px #aaa;
        /* background-image: url(/img/kb/icons/check-circle.svg); background-repeat: no-repeat;background-position: center bottom; */
    }

    .trial-hint h1{
        margin-top: 0px;
        font-size: 30px;
    }
    .trial-hint{
        padding: 15px;
    }

}
.menu-signin > a > i {
    padding-right: 2px;
    padding-left: 6px;
}
.menu-signin-name {
    padding-right: .5rem;
}
@media screen and  (min-width: 841px) {


    .brand-name {
        width:unset!important;
    }

    .brand-name{
        border-radius:10px 10px 0 0;
        width:unset;
    }


    .content .sub-menu {
        padding:10px 20px 6px;
        border-radius:10px;
    }

    .content {
        margin: 10px 10px 10px 274px;
        border-radius: 10px;
        /*box-shadow: var(--card-shadow) !important;*/
        box-shadow: unset !important;

    }
    
   
    div#menu {
        height:97%;

        box-shadow: var(--card-shadow) !important;
        margin: 0 10px 0 10px ;
        width: 250px!important;
        color: white;
        display: flex;
        position: fixed;
        flex-direction: column;
    }



    #uuser-dashboard .full {
        box-shadow: var(--card-shadow) !important;
        padding:20px;
        border-radius:10px;
    }

    .menu-signin {
        display: flex;
        gap: 5px;
    }

    #menu {
        width:230px;
        z-index: 100;
        background:#333;
        border-radius: 20px 20px 10px 10px;
    }

    .menu-signin {
        border-radius: 0px;
        padding: 7px 12px 7px 5px;
        position: fixed;
        right: 38px;
        top: 20px;
        z-index: 10;
        background: #efefef;
        /*box-shadow: var(--card-shadow) !important;*/
        border-radius: 5px;
    }
    
    .superadmin-signin {padding-left:12px;}
    

    .sub-menu li:has(a.active) {
        width: 242px !important;
        box-shadow: rgba(0, 0, 0, 0.76) 0px 1px 4px !important;
        margin: -5px -15px -5px 0px;
        position: relative;
        z-index: 1000;
    }

    table.list {
        border-spacing: 0!important;
    }
    table.shadow td {
        box-shadow:unset
    }
    
    div.cards div.contentExport {
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 30px 20px 0;
  border-radius: 20px;
  max-width: 350px;
}
.cards div.contentExport { 
  text-align: center;
  margin: auto;
    margin-right: auto;
    margin-bottom: auto;
  
}


  .tab-header:hover {
  background-color: #efefef;
}


  div.lp-edit .expand-block {
  background:#fff;}

  .expand.collapse, .expand.collapse:hover{
  border-radius: 8px 8px 0 0;
  margin-top: 10px !important;
}

  .tab-header.tab-header-active {
  scroll-margin-top: 10px;
  background: #39a5f6;
  }

  h2.expand.collapse ,
  .tab-header.tab-header-active h2,
  .tab-header.tab-header-active p {
  color:#fff!important;}

  
   div.lp-edit h2.collapse {
  border-bottom: unset;
    border-radius: 8px 8px 0 0;}

    div.lp-edit h2 {
    border-bottom: unset;
    border-radius: 8px; }
   
    .expand-block, .fieldset-content-starter {
 
    padding-top: 20px !important;
    border-radius: 0 0 10px 10px !important;
  /*border: 1px solid #F54E52 !important;*/
    box-shadow: var(--card-shadow) !important;
    border:unset !important;
    padding-bottom: 30px;
    margin-bottom: 10px;}
    
    .expand-block pre {background-color:var(--blue-lighter);padding:10px;}
  

.best-perfomers table.list td,.best-perfomers table.list th {
    padding-left: 20px;
}


    .device-box,.best-qrcodes,.best-landingpages, best-perfomers,
    .best-perfomers, #results, .lp-list, .fresh-list, .content .sub-menu, .social-icon-container,.quota-fieldset,div.contentExport,
    .device-box,.best-qrcodes,.best-landingpages, .integration-block
    {
        background-color:#ffffff;
        box-shadow: var(--card-shadow);
        border-radius:var(--card-border-radius);
    }
    
    .user-privacy-content .contentExport,
    #form-webhooks .sub-menu,
    .integration-block,
    .expand-block .integration-block .contentExport,
    #page-new-qr-code .contentExport{
         box-shadow:unset;
        
    }
    
    .onlinesince {
        color: #666;
        font-size:12px;
        color:#bbbbbb;
    }
    .sub-menu span.header-info {
        visibility:hidden;
    }

    .trial-banner {
        text-align: center;
        padding: 4px;
        background: var(--green-lighter);
        color: #12522d;
        position: fixed;
        z-index: 50;
        width: 100%;
        top: 0;
    }

    .trial-banner .button
    {
        background-color: #2ecc71;
        font-size: 16px;
        margin-left: 5px;
        padding: 5px 15px;
        border-radius: 7px;
    }


    .search-box {
        position: absolute;
        top: 114px;
        right: 44px;
    }


    .expand-block fieldset {
        box-shadow: var(--card-shadow)!important;
       
    }


    .sidebar-status {
        margin: auto 0 0 0;
        padding: 10px 20px 0 20px;
        color:#ffffff;
        background: #222222;

        border-radius: 0 0 10px 10px;

    }

    .sidebar-status p, .sidebar-status td{
        color:#cfd8dc;
    }

    .sidebar-status table
    {
        font-size:14px;
    }


    .upgrade-button {

        background: #fff;
        width: 100%;
        display: block;
        padding: 9px 7px;
        margin: -6px;
        margin-top: -6px;
        border-radius: 5px;
        margin-top: 8px;
        text-align: center;
    }


    .all-time
    {
        display: flex;
        align-items: stretch; /* This ensures equal height */
        gap: 20px;
    }

    #top-selector {
        max-width: 500px;
    }

    .best-qrcodes,
    .best-landingpages
    {

        flex:1;
    }

    .best-perfomers {
        margin-top:40px;
        padding:20px;
    }


   input  {
  border-radius: 0;
  display: inline;
  background: #fff;
  z-index: 3;
  color: #333;
  width: 100%;
  box-sizing: border-box;
  border-width: 0 0 1px 0;
  font-size: 1em;
  margin: 0 0 9px;
  padding: 6px;
  border-color: #ccc;

} 
    
    
    
    

    #footer{
        background: #fff;
        box-shadow: unset;
        padding-bottom: 30px;
    }


}

@media screen and (max-width:640px){
    .tutorial-container, .tutorial-details, .tutorial, .tutorial-post-container{
        box-sizing: content-box!important;
    }
    .tutorial-container {
        width: 90vw;
    }
    .stat-url{
        word-break:break-all
    }
}

@media screen and (max-width: 480px){
    html{
    }
    body{
        margin: 0 auto;
    }

    .second-button{
        margin: auto;
        width: 100%;
        display: inline-block;
        text-align: center;
        height: auto;
    }
    .small-button, .button, .negative-button, .small-negative-button {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    a.negative-button, a.small-negative-button {
        margin-left: 0px!important;
    }
    .demo-hint p {
        display: none;
    }
    div.hint-adduser, div.hint-branding{
        display: none;
    }
    .simulator-qrcode {
        padding-left: 0;
    }
    .lp-preview-column{
        padding-left: 0;
        width: auto;
    }
}


@media screen and (max-width:950px){
    .content{
        width: 100%;
    }
    #rangeform .list tbody tr{
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    #rangeform .list tbody tr td{
        width: 100%;
    }
    #footer{
        width: 100%;
    }
}

@media screen and (max-width:1050px){
    .left-news {
        width: 100%;
        float: left;
        padding: 0 0 30px 0;
    }
}

@media screen and (max-width:1100px) {
    #rangeform .list>tbody>tr{
        display: flex;
        flex-direction: row;
        width: 100%;
        flex-wrap: wrap;
    }
    #rangeform .list>tbody>tr>td{
        width: 100%;
    }
}

@media screen and (max-width:1320px){
    .left-news {
        width: 80%;
        float: left;
        padding: 0 0 30px 0;
    }
    #rangeform.list{
        display: flex;
    }
    #rangeform .list>tbody{
        width: 100%;
        display: flex;
    }
}