.playlist-main-wrapper {
  margin: 0px 6px;
}
.operation-command-plate {
}
.playlist-sec-wrapper {
  width: 100%;
}
.selected-playlist-details-wrap {
}
.command-wrapper {
  display: flex;
  margin: 5px auto;
}
.js-response-message{
  /*! display: none; */
}
.js-response-message-active {
  display: block;
  border: 1px solid #ff004891;
  background-color: #ff01310a;
  border-radius: 4px;
  padding: 5px;
  color: #3c3c3c;
  font-size: 14px !important;
}

.js-response-message-active-success{
  display: block;
  border: 1px solid #00ff1c91;
  background-color: #09ff011a;
  border-radius: 4px;
  padding: 5px;
  color: #3c3c3c;
  font-size: 14px !important;
}
.delete-command {
  padding: 10px 20px;
  font-size: 14px !important;
  color: white;
  font-weight: normal;
  text-decoration: none;
  background-color: rgb(255, 0, 106);
  border: none;
  border-radius: 4px;
}
#create_playlist_command_id {
  flex-grow: 1;
  background-color: #2fa9ff0a;
  border: 1px solid #2fa9ff;
  margin: 0px 5px;
  border-radius: 4px;
  padding: 0px 10px;
  outline: none;
}
.add-playlist-command {
  display: flex;
  font-weight: bolder !important;
  font-size: 25px !important;
  padding: 3px 12px;
  line-height: 27px;
  color: white;
  align-items: baseline;
  text-decoration: none;
  background-color: rgb(68, 181, 112);
  border: none;
  border-radius: 4px;
}
.playlist-list-wrap {
  /*! font-size: 14px !important; */
  
  padding: 5px;
}
#playlist-selector-id {
  margin: 10px;
}
#playlist-title-id {
}
.playlist-edit-icon {
  width: 100%;
  display: flex;
  justify-content: center;
  height: 30px;
  margin: 0px;
  align-items: center;
}
.playlist-rename-icon {
  width: 100%;
  display: flex;
  justify-content: center;
  height: 30px;
  margin: 0px;
  align-items: center;
}
.playlist-play-icon {
  /* width: 100%;
  display: flex;
  justify-content: center;
  height: 30px;
  margin: 0px;
  align-items: center; */
}
.rename-item {
  width: 100%;
  text-align: center;
}
.edit-item {
  width: 100%;
  text-align: center;
}
.play-item {
  /* width: 100%;
  text-align: center; */
}
.playlist-edit-icon svg {
  width: 16px !important;
  height: 16px !important;
}
.plalist-status {
  font-size: 14px !important;
  color: #3e3e3e;
}
.playlist-creation-date {
  font-size: 14px !important;
  color: #3e3e3e;
  width: 100%;
  display: flex;
  justify-content: center;
  height: 30px;
  margin: 0px;
  align-items: center;
}
.playlist-title {
  color: #3e3e3e;
  width: 100%;
  font-size: 14px !important;
}
.rename-playlist {
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid #2fa9ff;
  background-color: #f7fcff;
  width: 100%;
  display: none;
  
}
.longest-data-cell {
  display: flex;
  width: 200px;
}
.instruction {
}
.experience-videos-wrapper {
}
.your-experience-header-label {
}
.your-experiences-wrapper {
  width: 100%;
}
.your-experience-header-label {
}

thead {
  background-color: #424242cf;
  /*! padding: 5px 10px; */
  /*! border-bottom: 1px solid black; */
}
tbody tr:nth-child(2n) {
  background-color: #e5efff;
}
tr:hover {
  background-color: #f700ff1f !important;
  transition: all 200ms 50ms ease-in-out;
}
td {
  /*! padding: 3px; */
}
table {
  background-color: #2987ff3b;
  margin: 5px auto;
  border-radius: 4px;
  padding: 3px;
  /*! border: 1px solid #e1e1e1; */
}

tbody tr td {
  /*! text-align: left; */
  /*! width: fit-content; */
}
.playlist-status {
  font-size: 14px !important;
  color: #3e3e3e;
  width: 100%;
  display: flex;
  justify-content: center;
  height: 30px;
  margin: 0px;
  align-items: center;
}
tr td:first-of-type, tr th:first-of-type {
  width: 50px;
  text-align: center;
}
.your-experiences-wrapper tr td:nth-of-type(2), .your-experiences-wrapper tr th:nth-of-type(2) {
  width: 100px;
  text-align: center;
}
.your-experiences-wrapper tr td:nth-of-type(2), .your-experiences-wrapper tr th:nth-of-type(2) {
  width: 100px;
  text-align: center;
}
th {
  text-align: left;
  color: #fff;
  padding: 5px 5px;
  font-weight: normal;
}
.item.master-select-all-playlists-checkbox-item {
  margin: 10px 15px;
}
.my-experience-wrapper {
  width: 48px;
  height: 48px;
  border-radius: 4px;
  border: 1px solid #d7d7d7;
  /*! margin: 5px; */
  overflow: clip;
}
.my-experience-wrapper .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-radius: 4px;
}
.my-experience-details {
  
  /*! padding: 0px 10px; */
}
.my-experience-thumbnail {
  
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.name {
  
}
.experience-playlist-label-wrap{
  display: flex;
}
.open-experience-playlist-label {
  
  padding: 5px 10px;
  font-size: 14px;
  color: #555455;
  font-weight: bold;
  display: flex;
  align-items: center;
  text-transform: capitalize;
}
.your-experience-header-label {
  padding: 8px 15px;
  display: block;
  border-radius: 4px;
  width: fit-content;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  background-color: #9d9d9d;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.add-playlist-command:hover {
  background-color: limegreen;
}
.name {
  
  font-size: 14px !important;
  line-height: 14px !important;
  color: #353535;
}
  .playlist-title-label {
  /*! font-weight: lighter; */
  /*! font-size: 18px; */
}
.playlist-name {
  color: #ff006a;
  font-weight: normal;
  font-size: 18px;
}
.heading-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background-color: #ececec;
  border-radius: 4px;
}
.save {
  
  padding: 0px 15px;
  border: none;
  background-color: #d9d9d9;
  border-radius: 4px;
}
.table-wrapper{
    overflow-x: auto;
    min-width: 280px;
}
.table-wrapper table{
    min-width: 500px;
    border-collapse: collapse;
    /*! margin: 5px; */
    padding: 5px;
}
.heading-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background-color: #ececec;
}
.command-buttons {
  width: 34px;
  height: 24px;
  margin: 5px !important;
  padding: 3px 7px;
}
.playlist-list-wrap-on-edit {
  background-color: #00ff1c54 !important;
}

.experience-views {
  width: 100%;
  display: flex;
  justify-content: center;
  height: 30px;
  margin: 0px;
  align-items: center;
  font-size: 14px !important;
  color: #3e3e3e;
}
.experience-likes {
  width: 100%;
  display: flex;
  justify-content: center;
  height: 30px;
  margin: 0px;
  align-items: center;
  font-size: 14px !important;
  color: #3e3e3e;
}
.experience-date {
  width: 100%;
  display: flex;
  justify-content: center;
  height: 30px;
  margin: 0px;
  align-items: center;
  font-size: 14px !important;
  color: #3e3e3e;
}
.item-date {
  width: 100%;
  display: flex;
  justify-content: center;
  height: 30px;
  margin: 0px;
  align-items: center;
}
.item-status {
  width: 100%;
  display: flex;
  justify-content: center;
  height: 30px;
  margin: 0px;
  align-items: center;
}
.item-thumbnail {
  width: 80px;
}