.disabled-link{
  cursor: default;
  pointer-events: none;        
  text-decoration: none;
  color: grey;
}
/* #downloadButton, #audio{
  display: none;
} */
.audio-item .action-btn button, .audio-item .action-btn a, #downloadButton .without-a{
  box-sizing: border-box;
  background: #0170b9;
  color: #fff;
  width: 100%;
  height: 38px !important;
  border-radius: 14px;
  font-size: 12px;
  padding: 10px;
  border: solid 1px !important;
  display: block;
  text-align: center;
  line-height: 1px;
}
.audio-item button[disabled] {
  background: #767678;
}
.audio-item .action-btn{
  display: block;
  width: 100%;
}
.audio-item .action-btn a{
  background-color: '##0170b9';
  color: '#fff';
  text-decoration: none;
  height: 38px;
  line-height: 1.3
}

/*.audio-item .action-btn a:hover{
  background-color: transparent;
  color: inherit;
}*/

.audio-item .action-btn button:focus{
  outline: none;
}

.ldavq-audio-items{
  border-top: solid 2px #e4e7ea;
  margin-top: 20px;
  padding-top: 20px;
}

.ldavq-audio-items{
  border-top: solid 2px #e4e7ea;
  margin-top: 20px;
  padding-top: 20px;
}

.ldavq-audio-items audio{
  width: 100%;
}

.assigment-inner h4{
  margin-bottom: 22px;
}
.assigment-inner {
  width: 100%;
}

/*.assigment-inner p, .assigment-bottom p{
  font-size: 14px;
  color: #7c8084;
  margin-bottom: 8px;
}

.assigment-inner p{
  font-weight: 700;
}

.assigment-bottom p strong{
  color: #54575a;
}

.record-btns .action-btn button:disabled,
.record-btns .action-btn button[disabled], #downloadButton .without-a{
  border: 1px solid #999999 !important;
  background-color: #cccccc !important;
  color: #666666 !important;
}

#downloadButton.disabled a {
  pointer-events: none;
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
  height: 38px !important;
}

#downloadButton a:focus {
  border: 1px solid #28303d;
  background-color: #28303d;
  color: #d1e4dd;
  outline: none;
  text-decoration: none;
}

#downloadButton a:hover {
  background-color: transparent;
  color: #28303d;
}

.ldavq-audio-items{
  display: grid;
  grid-template-columns: 1fr 60px;
  gap: 8px;
  align-items: center;
  box-sizing: border-box;
}

.ldavq-audio-items #assigment-countdown{
  font-size: 13px;
  font-weight: 500;
  position: relative;
  top: -1px;
}*/


.audio-container {
  /*height: auto;*/
  /*margin: 10px auto;*/
  /*background-color: #ddd;*/
  display: grid;
  width: 100%;
  /*grid-template-rows: repeat(2, minmax(60px, min-content));*/
  grid-template-columns: repeat(auto-fill, 100px);
  grid-template-columns: repeat(auto-fit, 100px);
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  /*grid-auto-rows: 150px;*/
}
.audio-container .audio-item {
  padding: 10px;
  color: white;
  font-size: 12px;
  height: fit-content;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
}

/*
@media only screen and (max-width: 600px) {
  .audio-item .action-btn{
    width: 165px;
  }
}*/