:root {
     --header-height: 70px;
     --offset:70px;
}

html
{

     font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;

}
body,html
{
     margin: 0;
     padding: 0;
}
.default-form
{

}
header {
     position: fixed;
     top: 0;
     z-index: 10000;
     width: 100%; /* overflow-y:auto; */
     background-color: white;
}
main {
     margin-top: var(--header-height);
     background-color: white;
     margin-left: auto;
     margin-right: auto;

}

.panel-header {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     margin: 0 auto;
     /* padding-bottom: 10px; */
     margin-bottom: 0px;
     background-color: #e0e0e0;
     border-bottom: 1px solid #666666;
}
.panel-wrap {

}
.panel-close
{
     position: absolute;
     margin-top: -10px;
     color: #aaaaaa;

}

.panel-tab-active {
     background: white !important;
     border-bottom: 2px solid white !important;
     margin-bottom: -2px;
     color:#333333 !important;

}
.panel-tab {
     color:#555555;
     font-size:25px;
     padding: 8px 16px;

     user-select: none; /* Standard syntax */
     cursor: pointer;
     border-radius: 12px 12px 0 0;
     border: 1px solid #999999;
     border-bottom: 2px solid white ;
    /* background-color: #f4f4f0;*/
     background: linear-gradient(0deg,#dddddd, #f8f8f8 60%) no-repeat;

}

.panel
{
     min-height: calc( 100vh - var(--header-height));
     display: none;
     margin: 0 auto;
     padding: 0;
}