html, body {

    font-family: Helvetica, Arial, sans-serif;
    font-size: 8pt;

    background: black;

    padding: 0px;
    margin: 0px;

    outline: none;

    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}
/*

#FFFFE3
#B8AE91

#002D30
#B8AE91

*/

header {

    margin: 0px;

    background-color: black;
    border-bottom: 1px solid #B3A080;
    color: white;

    display: block;
    height: 29px;

    position: fixed;
    left: 0px;
    top: 0px;

    width: 100%;

    /*z-index: 100;*/
}

header h1 {

    text-decoration: none;
    text-transform: none;

    font-weight: bold;

    vertical-align: middle;

    padding: 0px  40px 0px 10px;
    font-size: 14px;
    display: inline-block;
}

header h1 a, header h1 a:visited  {
    text-decoration: none;
    text-transform: none;
    font-weight: normal;
    font-size: 18px;
    padding: 0;
    display: inherit;

    position: relative;
    top: -3px;
    left: 3px;


}

header a, header a:visited {

    color: white;

    text-decoration: none;
    text-transform: none;
    transition: all 0.15s;

    font-weight:  normal;

    vertical-align: middle;

    padding: 0px  20px 0px 0px;
    font-size: 12px;
    display: inline-block;
}

header a:hover {
    color: #B3A080;
    text-decoration: underline;
}

nav {

  /*  z-index: 200;*/

    display: block;

    height: 70px;
    width: 100%;

    position: absolute;

    top: 30px;
    left: 0px;

    background-color: black;

    overflow: hidden;


}

nav div.toolbar-button {

    margin: 0px 5px 0px 5px;
    padding: 5px;
    display: inline-block;

    background-color: #3F5266;

    width: 50px;
    height: 50px;

    cursor: pointer;

    transition: background-color 0.5s;
}


nav div.appstore-button {

    margin: 0px 0px 0px 20px;
    display: inline-block;

    cursor: pointer;
}



nav div.toolbar-button.activated {


    background-color: #B3A080;

}

nav div.toolbar-button.spacing {

    margin-left: 20px;

}

div.toolbar-button svg path {

    fill: white;
    transition: fill 0.25s;
 /*   scale: 2; */
}


div.toolbar-button:hover svg path {

    fill: black;

}

div#loadcount {

    display: none;
    position: absolute;
    left: -5px;
    top: 2px;
    padding: 3px 3px 3px 3px;

    text-align: center;
    vertical-align: middle;

    opacity: 0.8;

    min-width: 12px;

    font-size: 12px;

    background-color: #FF2468;
    color: white;
    border-radius: 10px;

    box-shadow: 0px 0px 10px #000;
}

div#loadcount.displayed {

    display: inline-block;
}

div#appContent {

    position: absolute;

    top: 100px;
    left: 0px;
    bottom: 0px;
    right: 0px;

    overflow: hidden;

    background-color: black;

    /*z-index: 150;*/


}


div#tabContainer {

    display: inline-block;
    position: absolute;

    margin: 0px;
    padding: 0px;

    left: -375px;
    top: 408px;

    height: 30px;

    width: 800px;

    font-size: 0px;

    z-index: 1000;

    background-color: transparent;

    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

    vertical-align: middle;
}


div#tabContainer a {

    float: right;

    display: inline-block;

    background-color: #3F5266;
    color: white;
    font-size: 15px;

    height: 30px;

    vertical-align: middle;

    padding: 7px 10px 3px 10px;
    margin-left: 1px;

    font-size: 16px;


    transition: all 0.10s;
    text-decoration: none;

 /*   transform: rotate(-90deg);
    float: left;
    width: 40px;
    height: 200px;*/

}


div#tabContainer a.selected {
    background-color: #B3A080;
    color: black;


    height: 26px;
    margin-top: 4px;


}

div#tabContainer a:hover:not(.selected) {
    color: black;
    /*text-decoration: underline;*/


}


div#canvasContainer {

    position: absolute;

    left: 51px;
    top: 23px;
    bottom: 22px;
    right: 2px;

    min-height: 200px;

    background-color: #bbb;

    border: 1px solid #B3A080;

    z-index: 60;


    overflow: scroll;

}



#softybp_partinfo {

    position: relative;

    top: 2px;
    height: 10px;
    left: 51px;

    width: 400px;
    display: block;
    /*margin-left: auto;
    margin-right: auto;
*/
    padding: 5px 0px 5px 0px;

    font-size: 12px;

    text-align: center;

    background-color: #3F5266;
    color: white;



    transition: all 0.1s;
}

#softybp_trackLengths {


    position: absolute;

    bottom: 1px;
    height: 20px;

    left: 51px;
    right: 1px;

    display: block;

    font-size: 12px;

    text-align: center;

    background-color: #3F5266;

    z-index: 50;

    vertical-align: middle;
}


div#softybp_trackLengths div {

    display: inline-block;
    font-size: 14px;
    height: 16px;

    padding: 2px 10px;
    margin: 0px 5px 0px 5px;
    background-color: #D0E7FF;
    color: black;
    cursor: help;

    transition: all 0.15s;
}

div#softybp_trackLengths div:hover {
    background-color: #B3A080;
}



a, form, input {
    outline: none;

}

div.dialog {

    display: none;

}


div#tracks div {
    padding: 5px;
}

div#tracks div:nth-child(odd) {
    background-color: #f0f0f0;
}

div#tracks div:nth-child(even) {
    background-color: #f8f8f8;
}

div#tracks a.load {
    font-size: 10pt;
    font-weight: bold;
}

div#tracks a.delete {
    background-color: #ff8888;
    border-radius: 20px;
    font-size: 8pt;
    display: inline-block;
    padding: 2px 10px;
    margin-left: 20px;
}


img#banner {

    position: absolute;
    z-index: 1001;

    right: 0px;
    top: 0px;
    cursor: pointer;

}

#text_partlist {

    width: 90%;
    min-height: 200px;
}

.helpdlg {

    position: absolute;
    z-index: 1005;
    border: 1px solid #000000;
    padding: 10px;
    background-color: #ff8888;
    color: #000000;
    font-size: 11pt;
    box-shadow: 5px 5px 5px #B8AE91;
}

.helpdlg svg {

    position: absolute;
    left: -10px;
    top: 5px;

    fill: #ff8888;
    stroke: #000000;
}


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

    nav {
        height: 40px;
    }

    div#appContent {
        top: 75px;
    }


    nav div.appstore-button img {
        height: 30px;
    }

    nav div.toolbar-button {
        width: 30px;
        height: 30px;
    }

}

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

    nav {
        height: 34px;
    }



    div#appContent {
        top: 64px;
    }


    nav div.appstore-button img {
        height: 24px;
    }

    nav div.toolbar-button {
        width: 24px;
        height: 24px;

        margin: 0px 1px 0px 1px;
        padding: 2px;
    }

}

div#werbung {

    display: none;

    position: absolute;
    left: 40px;
    top: 40px;
    right: 40px;

    padding: 40px;
    font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
    font-size: 14pt;

    border-radius: 5px;

    z-index: 2000;
    background-color: white;

    box-shadow: 0px 0px 1000px black;
}

div#werbung span.stroke {
    text-decoration:
}

div#werbung a.button,
div#werbung a.store {
    margin: 0px auto;
    display:block;
    text-align: center;

}

div#werbung a.button {
    background-color: #00A5A6;
    color: white;
    padding: 10px;
    width: 250px;
    text-decoration: none;
}

div#werbung a.button.open {

    display: none;
    padding-left: 40px;
    background-image: url('/web/20190124030732im_/http://softyroyal.de/static/img/icon_76_x2.png');
    background-position: 5px 5px;
    background-size: 35px;
    background-repeat: no-repeat no-repeat;

}

div#werbung a.button.open.btnOpenEnabled {
    display: block;
}

div#werbung a.button.disabled {
    pointer-events: none;
    cursor: default;
    color: #808080;
}

div#werbung a.button.close {
    background-color: #B8AE91;
}

div#werbung p {
    margin-top: 40px;
}

body.app_ipad div#werbung {

    display: block;
}

body.app_ipad div#werbung.hidden {

    display: none;
}


div.dialog div#tracks, div.dialog div#tracks a {
    color: black !important;
}

/*
     FILE ARCHIVED ON 03:07:32 Jan 24, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:21:52 Dec 09, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 701.038
  exclusion.robots: 0.276
  PetaboxLoader3.resolve: 257.815 (3)
  esindex: 0.033
  LoadShardBlock: 666.63 (3)
  exclusion.robots.policy: 0.257
  load_resource: 293.425
  CDXLines.iter: 20.211 (3)
  RedisCDXSource: 7.164
  PetaboxLoader3.datanode: 472.055 (4)
*/