#uploadSermonModal .modal-body{
  text-align: center;
}

#sermonForm label{
  display:inline-block;
  width:150px;
  text-align: right;
  padding-right:5px;
}

#sermonForm input, #sermonForm select{
  display:inline-block;
  width:200px;
  text-align: left;

}

#submitFormProgress{
  width:100%;
}

#loadSermons{
  display:none;
}

.sermon{
  display:block;
  width:100%;
  height:80px;
  position:relative;
}
    .sermonTitle{
      position:absolute;
      top:0px;
      left:2px;
      font-size: 16px;
      font-weight: 900;
    }
    .sermonScripture{
      position:absolute;
      top:18px;
      left:2px;
      font-size:14px;
      font-weight:100;
    }
    .sermonPreacher{
      position: absolute;
      top:34px;
      right:2px;
      font-size:14px;
      font-weight: 100;
    }
    .sermonDate{
      position:absolute;
      top:18px;
      right:2px;
      font-size:14px;
      font-weight: 100;
    }
    .sermonTheme{
      position:absolute;
      top:50px;
      right:2px;
      font-size:12px;
      font-weight: 100;
    }
    .sermonPlayer{
      position:absolute;
      top:40px;
      left:2px;
    }
        .sermonPlay{
          padding:3px;
          margin-right:3px;
        }
            .sermonPlay::before{
              font-size: 16px;
            }

        .sermonTime{
          position:absolute;
          top: 40px;
          left: 50px;
        }

        .sermonProgress{
          position:relative;
          left:2px;
          top:62px;
          width:calc(100% - 4px);
        }