@import url('https://fonts.googleapis.com/css?family=Nunito:400,700');

body{
  padding-top: 20px;
  background-color: #ffffff;
}

.navbar {
  font-family: 'Nunito';
  font-weight: 700;
  font-size: 1.1em;
}
.navbar-brand>img {
    display: block;
    margin-top: -15px;
    margin-bottom: 15px;
}

.navbar-brand {

    margin-bottom: 15px;
}

.navbar-inverse .navbar-text, .navbar-inverse .navbar-nav > li > a {
    color: black;
}

.navbar-inverse .navbar-text, .navbar-inverse .navbar-nav > li > a:hover {
    color: black;
}

.m-t-20{
margin-top: 20px;
}
.m-t-55{
margin-top: 55px;
}
.m-t-40{
margin-top: 40px;
}

.m-b-20{
  margin-bottom: 20px;
}



.p-b-20{
  padding-bottom:20px;
}

.decisionButton {
  width: 100%;

}
.padding-40{
  padding: 40px;
}
.p-t-20{
  padding-top: 20px;
}
.p-t-40{
  padding-top: 40px;
}



.btn-pink{
background-color: #e51177;
border: 1px solid #e51177;
}
.btn-pink:hover{
background-color: #d5116f;
border: 1px solid #d5116f;
}


.alert-gray{
  background-color: #ecead9;
}
.audio{

  padding-top: 25px;
  width: 300px;
  margin: 0 auto;
}
.navbar-inverse {
    margin-bottom:20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #fff;
    color: #222;
}

.navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 10px;
}

.orderme{
  cursor:move;
}

.jp-interface {
    background-color: #fff;

}

.jp-audio, .jp-audio-stream{
    background-color: #eee;
    border: none;
    color: #666;
    font-family: Verdana,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.6;
}


.jp-play{
  width: 40px;
  height: 40px;

  background: url(../image/playjp.png) -0px 0 no-repeat;
}

.jp-play:focus {
    background: url(../image/playjp.png) -0px 0 no-repeat;
}


.jp-state-playing .jp-play:focus {
    background: url(../image/pausejp.png) -0px 0px no-repeat;
}

.jp-state-playing .jp-play {
      background: url(../image/pausejp.png) -0px 0px no-repeat;
}

.jp-stop:focus {
    background: url(../image/stopjp.png) 0 0px no-repeat;
}


.jp-stop {
    background: url(../image/stopjp.png) 0 0px no-repeat;
    margin-left: 10px;
    width: 40px;
    height: 40px;
    margin-top: 0px;

}


.jp-audio .jp-type-single .jp-progress {
    left: 130px;
    width: 186px;
}

.jp-audio .jp-type-single .jp-time-holder {
    left: 130px;
    width: 186px;
}


.dropdown-menu {
    border: none;
    /*background-color: #434A54;*/
    background-color: #fff;
}


.dropdown-menu li a {
    padding: 5px 20px;
    color: #222;
}

.dropdown-menu li a:hover {
  background-color: #e80b75;