/* This is a compiled file, you should be editing the file in the templates directory */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  
  top: 393px;
  height: 4px;
  margin: auto;
  overflow: hidden;
  width: 600px;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
    background: rgb(0, 97, 122);
    position: relative;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}

.green {
    color: green !important;
}
.red {
    color: red !important;
}
.gray {
    color: gray !important;
}
.orange {
    color: orange !important;
}
.yellow {
    color: yellow !important;
}
.darkturquoise {
    color: darkturquoise !important;
}
.whitesmoke {
    color: #eee !important;
}

audio::-webkit-media-controls-panel {
    background-color: #555;
}

body {
    background-color: rgb(20,20,20);
    height:100%;
    width:100%;
    margin:0;
}

.splash {
    height:400px;
    width:600px;
    margin: auto;
    display:none;
    text-align: left;
    color: rgb(0,97,122);
    font-family: Segoe UI;
    font-size: 9pt;
}

.version {
    position: relative;
    left: 445px;
    text-align: right;
    width: 150px;
}

.company {
    position: relative;
    left: 90px;
    top: 49px;
    width: 150px;
    font-size: 12pt;
}

.name {
    position: relative;
    left: 88px;
    top: 49px;
    width: 450px;
    font-size: 24pt;
}

.logo {
    position: relative;
    left: 15px;
    top: 200px;
    width: 113px;
}

.copyright {
    position: relative;
    left: 150px;
    top: 170px;
    width: 450px;
}

.msg {
    position: relative;
    left: 15px;
    top: 190px;
    width: 576px;
    height: 48px;
    font-size: 8.25pt;
    color: rgb(0,57,82);
}

.splashbase {
    color: rgb(0,97,122);
    font-family: Segoe UI;
}

.progress {
    position: relative;
    top: 198px;
    height: 4px;
}