.search-box{
    position: relative;
    width: 170px;
  }
  .search-box input{
    border: 1px solid #055098 !important;
    height: auto !important;
    border-radius: 2px;
    padding: 10px 5px 10px 30px !important;
    background-color: #fff !important;
    width: 100%;
    display: inline-block;
  }
  .search-box form{
    position: relative;
  }
  .search-box input:focus{
    background-color: #fff !important;
  }
  .search-box .search-button{
    position: absolute;
    left: 5px;
    top: 0;
    bottom: 0;
    border: none;
    width: 20px;
    height: 20px;
    background: transparent;
    padding: 0;
    margin: auto;
  }
  .search-box .search-button .icon-search{
    display: block;
    width: 20px;
    height: 20px;
    background: url("../images/search-icon.svg") no-repeat center;
    background-size: 15px;
  }
  .cards-block{
    background-color: #fff;
    padding: 24px;

  }

  .cards-block h5{
    font-size: 25px;
    margin-bottom: 0;
  }
  .cards-block p{
    font-size: 1.6rem;
  }


  .table tbody tr td{
    vertical-align: middle;
    padding: 11px 10px 11px 20px;
    border: 0;
    background-color: #CDF0FF;
    border: none !important;
  }

  .profile-img img{
    display: block;
    margin-right: 10px;
    width: 48px;
  }



  .profile-information{
  margin: 30px 0 24px;
  }
  .profile-information .profiles-img{
    margin-bottom: 12px;
    width: 145px;
    height: 145px;
    flex: none;
  }
  .profile-information .profiles-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .user-info h3{
    margin-bottom: 1px;
    font-weight: 400;
    color: #055096;
    font-size: 2rem;
  }
  .skill-wrap{
    display: flex;
    align-items:baseline;
    gap: 5px;
  }
  .skill-wrap .skill{
    min-width:50px;
    font-size: 1.4rem;
  }
  .user-info p{
    margin-bottom: 8px;
    font-size: 14px;
  }
  .skill-set span{
    display: inline-block;
    background-color: #CDF0FF;
    font-size: 12px;
    padding: 4px 8px;
  }
  .skill-set{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px
  }
  .session-history-slot .img-wrapper img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .session-history-info{
    margin-top: 15px;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999;
  }
  .session-history-info.session-block-info{
    position: static !important;
  }
  .course h2{
    margin-bottom: 0;
  }
  .course span{
    font-size: 14px;
    color: #055096;
    font-weight: 700;
    font-family: 'MuseoSansCyrl700',sans-serif;
  }
  .course{
    margin-bottom: 26px;
  }
  .progress {
    padding:0;
    height:8px;
    overflow:hidden;
    background:#CDF0FF;
    position: relative;
  }

  .bar {
    float:left;
    min-width:1%;
    height:100%;
    background:#055096;
  }

  .percent {
    font-size:1.2rem;
    margin-bottom: 6px;
  }
  .status-wrapper input{
    height: auto;
  }
  .completed-btn, .joined-btn{
    color: #055096;
    background-color: #CDF0FF;
    border-radius: 8px;
    padding: 6px 12px;
    min-width: 130px;
    position: relative;
    text-align: left;
    font-size: 14px;
  }
  .joined-btn{
    border: 1px solid #055096;
  }
  .completed-btn::after{
    position: absolute;
    content: "";
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background: url("../images/right.svg") no-repeat center;
    background-size: 16px;
  }

  .status-wrapper .upload-file{
    padding: 6px 12px;
    border: 1px solid #055096;
    border-radius: 8px;
    min-width: 130px;
    position: relative;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 8px;
    /* min-width: 116px; */
    color: #055096;
  }
  .status-wrapper .upload-file:hover, .status-wrapper .reschedule-btn:hover{
    background-color: #CDF0FF;
    border: 1px solid #CDF0FF;
    /* color: #fff */
  }
  .btn-disc-block, .bookSlot{
    padding: 5px 12px !important;
  }
  /* .status-wrapper .upload-file.uploadBtn:hover::after{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(207deg) brightness(102%) contrast(101%);
  } */

  /* .status-wrapper .upload-file{} */
  /* .status-wrapper .upload-file:not(:disabled):hover i{
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(67deg) brightness(105%) contrast(101%);
  } */
  .course-status .table tr th{
    background-color: #fff;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    font-family: 'MuseoSansCyrl700',sans-serif;
    border: 0;
    padding: 7px 10px 7px 0px;
  }
  .course-status .table tr td{
    background-color: #fff;
    padding: 10px 0 2px;
    border: none;
  }
  .course h2{
    font-size: 24px;
    font-family: 'MuseoSansCyrl700',sans-serif;
    font-weight: 700;
    margin-bottom: 7px !important;
  }
  .course p{
    line-height: 1.4;
  }
  .course-status h3{
    font-size: 20px;
  }
  /* .join:hover::after{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(207deg) brightness(102%) contrast(101%);
  } */

  .join, .reschedule-btn{
    position: relative;
  }

  .join::after, .reschedule-btn::after{
    position: absolute;
    content: "";
    right: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 20px;
    height: 20px;
  }
  .join::after{
    background: url("../images/videos.svg") no-repeat center;
    background-size: 16px;
  }
  .joined-btn.join-meeting, .join.meeting{
    width: 138px;
  }
  .session-history-slot .img-wrapper{
    position: relative;
    margin-bottom: 20px;
  }
  .videos-icon{
    background: url("../images/videos.svg") no-repeat center;
    width: 16px;
    height: 16px;
  }

  .dashboard .reschedule-icon{
    background: url("../images/reschedule.png") no-repeat center;
    width: 16px;
    height: 16px;
  }
  .video-content .request-btn{
    padding: 14px 14px;
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
  }
  .video-content .request-btn:hover i{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(323deg) brightness(102%) contrast(101%);
  }
  .session-history-slot:not(:last-child){
    border-bottom: 1px solid #AFAFAF;
  }
  /* .Course-status .join_meeting:hover i,.Course-status .reschedulebtn:hover i{
    filter: brightness(0) saturate(100%) invert(100%) sepia(11%) saturate(502%) hue-rotate(304deg) brightness(122%) contrast(106%);
  } */
  .joined-btn.join-meeting{
    border: 1px solid #055096;
  }
  .joined-btn.join-meeting:hover{
    background-color: #055096;
    color: #fff;
  }
  @media all and (max-width:480px){
    .sort-block .sorting-item{
      flex-wrap: wrap;
    }
  }
  @media all and (max-width:768px){
    .skill-wrap{
      margin-bottom: 20px;
    }
  }

  @media screen and (min-width: 768px) {
     .search-box {
      width: 300px;
  }
  .profile-information{
    display: flex;
    align-items: start;
    gap: 16px;
    margin-top: 40px;
    /* justify-content: space-between; */
  }
  .profile-information.booking-profile{
    justify-content: space-between;
  }
  .profile-information .profiles-img {
    margin-bottom: 0px;
  }
  .skill-set {
    gap: 8px;
  }
  }
  @media screen and (min-width: 992px) {
  .search-box {
      width: 360px;
  }

  .search-box .search-button {
    left: 9px;
  }
  .search-box .search-button .icon-search {
    background-size: 18px;
  }

  }

  @media screen and (min-width: 1200px) {
    .session-history-slot .videos-content{
     width: 50%;
    }
    .session-history-slot .img-wrapper::after{
      width: 57px;
      height: 57px;
      background-size: 57px;
    }
    .session-history-slot .session-history-info{
      flex: none;
    }

    .session-history-info{
      margin-top: 0px;
    }

  }
  @media all and (min-width:1350px){
    /* .session-history-slot{
      display: flex;
      align-items: start;
      gap: 15px;
      padding-bottom: 6px;
    } */
    /* .session-history-slot .video-content{
      width: 35%;
    }
    .session-history-info{
      width: 63%;
    } */
  }
  @media screen and (min-width: 1600px) {
    .session-history-slot{
      gap: 24px;
    }
    .cards-wrapper .dashboard-icon{
      width: 64px;
      height: 64px;
    }
    .cards-wrapper .dashboard-icon img{
      width: 32px;
    }
  .dashboard h2{
    margin-bottom: 22px;
  }
  .cards-block {
    margin-bottom: 36px;
  }
  .cards-wrapper .dashboard-icon {
    margin-right: 18px;
  }
  /* .session-history-slot .video-content{
    width: 41%;
  }
  .session-history-info{
    width: 57%;
  } */
  }

  .dashboard .sort-block{
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .dashboard-panel{
    padding-top: 34px;
  }
  .dashboard-panel .profile-information{
    margin-top: 0;
  }
  .dashboard-panel .session-history-slot{
    border: none;
    padding-bottom: 0;
  }
  .sort-block .sorting-btn{
    border: 1px solid #055098;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 24px;
    border-radius: 12px;
    font-size: 1.4rem;
  }
  .sorting-btn.select-coach{
    min-width: 160px;
  }

  .sorting-btn.select-status{
    min-width: 126px;
  }
  .sort-block .sorting-item{
    display: flex;
    align-items: center;
    gap: 16px;
    margin-right: 5px;
    white-space: nowrap;
  }
  .sort-block .up-down-icon{
    background: url("../images/up_down.svg") no-repeat center;
    width: 12px;
    height: 16px;
  }
  .profile-information .bl-btn{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 24px;
  }
  .profile-information .bl-btn:hover i{
    filter: brightness(0) saturate(100%) invert(18%) sepia(47%) saturate(5031%) hue-rotate(198deg) brightness(90%) contrast(96%);
  }
  .profile-information .roadmap-icon{
    background: url("../images/roadmap_pdf.svg") no-repeat center;
    width: 15px;
    height: 17px;
  }
  .profile-information .button-sets{
    display: flex;
    align-items: center;
    gap: 16px;
    margin-right: 6px;
    flex-wrap: wrap;
  }
  .video-content .wt-btn{
    width: 97%;
    margin: 28px auto 0;
    padding: 14px 20px 14px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .video-content .wt-btn .edit-icon{
    background: url("../images/editpencil.svg") no-repeat center;
    width: 17px;
    height: 17px;
  }
  .additional-panel h2{
    margin-bottom: 17px;
  }
  .additional-panel .table thead tr th{
    padding: 14px 0 14px 22px;
  }
  .additional-panel .table tbody tr td{
    padding: 15px 10px 15px 20px;
  }
  .status-wrapper .join_meeting{
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    border: 1px solid #055096;
    padding: 5px 12px;
  }
  .dashboard .status-wrapper{
    display: flex;
    align-items: center;
    gap: 30px;
  }
  .Course-status .table.no-footer th{
background-color: transparent;
border: none;
color: #000000;
  }

  .search-box .search-icon{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 13px;
    margin: auto;
    width: 16px;
    height: 16px;
    z-index: 11;
  }
  .search-box .search-icon i{
    font-size: 14px;
    filter: brightness(0) saturate(100%) invert(76%) sepia(1%) saturate(321%) hue-rotate(24deg) brightness(92%) contrast(96%);
  }
  .search-box .input-group input::placeholder{
    color: #AFAFAF;
  }

  .Course-status .table.no-footer td{
    background-color: transparent;
  }
.purchase-date{
  display: block;
  margin-bottom: 5px;
}
  @media all and (max-width:480px){
    .Course-status .table.no-footer thead:first-child tr th:first-child{
      min-width:unset !important;
    }
  }
  @media all and (min-width:768px){
    .dashboard .sort-block{
      flex-direction: row;
      justify-content: space-between;

    }
    .dashboard .bio{
      display: flex;
      align-items: start;
      gap: 16px;
    }

  }
  @media all and (min-width:1400px){
    .video-content{
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px;
    }
    .video-content .img-wrapper{
      width: 48%;
      margin-bottom: 0;
    }
    .video-content .course{
      width: 48%;
      margin-bottom: 0;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    /* .session-history-slot .video-content, .session-history-slot .video-content .img-wrapper{
      min-height: 200px;
    }
    .session-history-slot .video-content iframe{
  height: 200px;
    }
    .session-history-info .table{
      margin-top: 0 !important;
    }
    .session-history-info .table thead th{
      padding-top: 0;
    } */
    .profile-information .button-sets{
      flex-wrap:nowrap;
    }
  }
  .upload-fileBtn .file-icon{
    background: url("../../user/images/file-pdf.svg") no-repeat center;
    width: 20px;
    height: 20px;
  }
  .download-fileBtn .download-icon{
    background: url("../../user/images/download.svg") no-repeat center;
    width: 20px;
    height: 20px;
  }
.status-wrapper .download-fileBtn.upload-file::after, .status-wrapper .upload-fileBtn.upload-file::after{
display: none;
}
.uploadFile{
  position: relative;
  cursor: pointer;
  border: 1px solid #055096;
  color: #055096;
  padding: 10px 20px;
  border-radius: 8px;
  transition: all 0.5s;
}

.uploadFile .upload_resource{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.uploadFile span{
  cursor: pointer;
  position: relative;
  display: flex;
    align-items: center;
    gap: 10px;
}
.uploadFile span i{
  background: url("../../user/images/download.svg") no-repeat center;
  width: 20px;
  height: 20px;
}
.status-wrapper .select-fileBtn{
  border: 1px solid #055096;
  background-color: #055096;
  border-radius: 8px;
  padding: 6px 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
  min-width: 130px;
}
.status-wrapper .select-fileBtn label{
  display: flex;
  align-items: center;
  gap: 5px;
}
.status-wrapper .select-fileBtn i{
  background: url("../../user/images/download.svg") no-repeat center;
  width: 20px;
  height: 20px;
}

/* .uploadFile:hover, .status-wrapper .select-fileBtn:hover{
  background-color: #055096;
  color: #fff;
} */
/* .uploadFile:hover i, .status-wrapper .select-fileBtn:hover i{
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(67deg) brightness(105%) contrast(101%);
} */
.select-fileBtn .upload_resource{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
button:disabled{
  cursor: not-allowed;
  opacity: 0.5;
}
button:disabled i{
pointer-events: none;
  opacity: 0.5;
}
button:disabled .upload-file i{
  filter: brightness(1) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(67deg) brightness(105%) contrast(101%);
}
.join.meeting::after{
  top: 110%;
}
.join.meeting:hover::after{
  filter: brightness(1) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(67deg) brightness(105%) contrast(101%);
}
.join.joinNow .joined-btn.joinNowBtn{
  min-width: 130px;
}
.status-wrapper .completed-btn{
  padding: 8px 12px;
}
@media all and (min-width:1800px){
  /* .session-history-slot .video-content{
    width: 48%;
  }
  .session-history-info{
    width: 50%;
  } */
}
.join-tag .wt-btn:focus{
  border: 2px solid #055098;
}













@media screen and (max-width: 767px) {
    .modal-content.blockSlotWrap{
        position: fixed !important;
        left: 50%;
        top: auto;
        height: 80vh;
        width: calc(100% - 30px);
        transform: translateX(-50%);
        max-height: 80vh;
        overflow-y: auto;
        z-index: 9999999 !important;
    }
}