.container[data-v-e9ab0048]          /*####################### KOMT ALLES IN HET CENTER TE STAAN  ############################## */
{
  text-align: center;
  width:100%;
  margin:0%;
 /* margin-left: 120%; */



  /* padding:0px;         */
  border: 0px solid #FFFF66;
}
.track[data-v-e9ab0048]              /*####################### KOMEN DE HOESJES ONDER ELKAAR TE STAAN  ############################## */
{                        /*  */
  display:  inline-block;
  margin:20px  ;
  width:180px;
  vertical-align:top;
}
.track img[data-v-e9ab0048]
{                            /*  */
  clear:both;
  min-height:180px;
  max-width:100%;
  max-height:180px;
  border-radius: 5px;
  border: 2px solid #FFFF66;
}
.actions_row[data-v-e9ab0048]        /*####################### KOMT ALLES NAAR BOVEN TE STAAN  ############################## */
{                              /*  */
  margin:0px;


}
.act_back[data-v-e9ab0048]
{                              /* */
  width:16%;
  text-align:left;
  display:inline-block;
}
.act_search[data-v-e9ab0048]
{                            /*  */
  width:22.5%;
  text-align:left;
  display:inline-block;
  border-radius: 5px;
  border: 2px solid #0033CC ;
}
.act_next[data-v-e9ab0048]
{                           /* */
  width:16%;
  text-align:left;
  display:inline-block;

}
.meta[data-v-e9ab0048]            /*####################### ARTIST EN TITEL GOED TE STAAN  ############################## */
{                         /*  */
  font-size:9px;
  font-weight:500;
  color: #000000 ;
  height: 4em;
  line-height:0 om;
  overflow:hidden;
  background: #CC6600;
  border: 2px solid #FFFF66;
  opacity: 1.5;/* */
  border-radius: 5px;

}
.button[data-v-e9ab0048]         /*####################### REQUEST KNOP  ############################## */
{
  height:7em;
  line-height:2em;
  font-weight:700;
  text-align:left;
  cursor:pointer;
  outline:none;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:2;
  background-color: #339933;
  color:#0A0A0A;
  font-size:13px;
  padding: 3px 4px ;   /* 5px 15px  */
  text-shadow:yes;
  text-decoration: none;
  border-radius: 5px;
  font-weight: 900;

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


}
.track-info[data-v-e9ab0048]
{                                /*     */
  margin:1px;
  text-align:left;
}
.modal-body label[data-v-e9ab0048]
{                               /*   */
  font-weight:400;
  border-radius: 5px;
}
.feedback[data-v-e9ab0048]
{                               /*   */
  margin:10px;
  text-align:left;
}
.feedback input[data-v-e9ab0048],
.feedback textarea[data-v-e9ab0048]
{                              /*   */
  font-size:22px;
  width:100%;
}
.modal-message[data-v-e9ab0048]
{                                 /*  */
  position:relative;
  padding:.75rem 1.25rem;
  margin:20px 20px 1rem;
  border:1px solid transparent;
  border-radius:.25rem;
  display:block;
}
.success[data-v-e9ab0048]
{                                 /*        */
  color:#155724;
  background-color:#d4edda;
  border-color:#c3e6cb;
}
.error[data-v-e9ab0048]
{                               /*  */
  color:#721c24;
  background-color:#f8d7da;
  border-color:#f5c6cb;
}
.spinner[data-v-e9ab0048]
{                               /*      */
  width:180px;
  height:180px;
  position:relative;
  margin:100px auto;
}
.double-bounce1[data-v-e9ab0048],
.double-bounce2[data-v-e9ab0048]
{                                  /*             */
  width:100%;
  height:100%;
  border-radius:50%;
  background-color:#333;
  opacity:.6;
  position:absolute;
  top:0;
  left:0;
  -webkit-animation:sk-bounce-data-v-e9ab0048 3s ease-in-out infinite;
  animation:sk-bounce-data-v-e9ab0048 3s ease-in-out infinite;
}
.double-bounce2[data-v-e9ab0048]
{
  -webkit-animation-delay:-1s;
  animation-delay:-1s;                    /* */
}
@-webkit-keyframes sk-bounce-data-v-e9ab0048
{                                    /**/
  0%, to
{                                 /*  */
   -webkit-transform:scale(0)
}                                  /* */
  50%                        /*    */
{
   -webkit-transform:scale(1)  /*  */
}
}
@keyframes sk-bounce-data-v-e9ab0048
{                                   /*  */
  0%, to
{                                   /*  */
  transform:scale(0);
  -webkit-transform:scale(0)
}                                   /*   */
  50%
{                                   /*   */
  transform:scale(1);
  -webkit-transform:scale(1);
}
}
.modal-mask[data-v-e9ab0048]
{                                  /* track request   */
  position:absolute;
  z-index:9998;
  top:0;left:0;
  width:60%;
  height:60%;
  background-color:rgba(0,0,0,.0);
  display:block;
  -webkit-transition:opacity .3s ease;
  transition:opacity .3s ease;
}
.modal-wrapper[data-v-e9ab0048]           /*####################### frame vastzetten  ############################## */
{                                   /*      */
  vertical-align:left;
  position:fixed;
  top:30%;
  left:15%;
  width:100%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}
.modal-container[data-v-e9ab0048]          /*####################### aanvraag KNOP  ############################## */
{                         /*      */
  width:70%;
  margin:155%;
  margin:0 auto;
  margin-top: 20%;
  margin-left: 45%;
  padding:20px 30px;
  border-radius:20px;
  border: 2px solid #0033FF;
  -webkit-box-shadow:0 20px 80px rgba(0,0,0,.33);   /* 0,0,0,.33  */
  box-shadow:0 2px 8px rgba(0,0,0,.33);             /* 0,0,0,.33  */
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
  z-index:9998; /* 9998  */

}                                /* */
  @media (max-width:1024px)
{
.modal-container[data-v-e9ab0048]
{                              /*
  width:90%;
  padding:10px;                    */
}
.feedback[data-v-e9ab0048],.track-info[data-v-e9ab0048]
{                              /*
  margin:0;                          */
}
}
.modal-header[data-v-e9ab0048]
{                               /*
  margin-top:0;
  font-size:25px;
  font-weight:1700;                  */
}
.modal-body[data-v-e9ab0048]
{                               /*
  margin:20px 0;                     */
}
.modal-enter[data-v-e9ab0048],
.modal-leave-active[data-v-e9ab0048]
{                                     /*
 opacity:0;                             */
}
.modal-enter .modal-container[data-v-e9ab0048],
.modal-leave-active .modal-container[data-v-e9ab0048]
{                                   /*
 -webkit-transform:scale(1.1);
 transform:scale(1.1);                  */
}