.hidden {
  display: none !important;
}

.box-content {
  margin-top: 15px;
  padding: 10px;
  background: white;
}

.message-status {
  width: 16px;
}

a.btn {
  line-height: 28px;
}
.medical-history-span {
  margin-left: 20px;
}
div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0px !important;
  width: 240px !important;
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
  border: 1px solid #00779d;
  height: 54px;
  width: 51px;
}
.slick-slider .slick-prev {
  left: 0;
  border-radius: 4px 0px 0px 4px;
  background: url("/assets/img/arrow-pre.svg") no-repeat center center !important;
}
.slick-slider .slick-next {
  right: 0;
  border-radius: 0px 4px 4px 0px;
  background: url("/assets/img/arrow-next.svg") no-repeat center center !important;
}
/**** Plan Details ****/

.specialty-tooltip {
  display: inline-block;
  position: relative;
  color: #00779d;
  text-align: left;
}

.specialty-tooltip h3 {
  margin: 12px 0;
}

.specialty-tooltip .right {
  min-width: 300px;
  max-width: 400px;
  top: 50%;
  left: 100%;
  margin-left: 20px;
  transform: translate(0, -50%);
  padding: 0;
  color: black;
  background-color: #fbf7f7;
  font-weight: normal;
  font-size: 13px;
  border-radius: 8px;
  position: absolute;
  z-index: 99999999;
  box-sizing: border-box;
  box-shadow: 0 1px 8px rgb(0 0 0 / 50%);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.8s;
  padding: 12px;
  max-height: 357px;
  overflow-y: auto;
}

.specialty-tooltip:hover .right {
  visibility: visible;
  opacity: 1;
}

.specialty-tooltip .right img {
  width: 400px;
  border-radius: 8px 8px 0 0;
}
.specialty-tooltip .text-content {
  padding: 10px 20px;
}

.specialty-tooltip .right i {
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -12px;
  width: 12px;
  height: 24px;
  overflow: hidden;
}
.specialty-tooltip .right i::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  left: 0;
  top: 50%;
  transform: translate(50%, -50%) rotate(-45deg);
  /*background-color:#444444;*/
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}

.publisher-overlay {
  position: absolute;
  top: 55%;
  left: 52%;
  z-index: 100;
}
.currentDoc {
  background-color: rgb(255, 255, 255, 0.69);
    padding: 12px 20px;
    position: absolute;
    top: 65px;
    z-index: 99;
    width: 100%;
}
.video-call-invitation .logo {
  display: flex;
    margin: 0;
    justify-content: center;
    align-items: center;
    position: relative;
    background: #033C4D;
    height: 100px;
    border-radius: 8px 8px 0 0;
}
.video-call-invitation .form__wrapper {
  border-radius: 0 0 8px 8px;
}
.btn.start-test-btn {
  border-color: #00779D;
  color: #00779D;
  height: 50px;
  width: 100%;
}
.btn.start-test-btn:hover, .btn.start-test-btn:focus {
  background-color: #fff;
}
.video-call-invitation .btn.sub-video {
  width: 100%;
  font-size: 16px;
}
#subscriber1 .OT_widget-container{
/*  width: calc(100% - 330px) !important;*/
}
/* .OT_publisher{                                                                                                                   
    position: absolute !important;
    bottom: unset !important;
    right: 50px !important;
    width: 293px !important;
    height: 172px !important;
    top: 220px !important;
    left: unset !important;
    z-index: 36 !important; 
    border-radius: 8px;              
}  */
#StartTestingModal .progress {
  background-color: #fff;
  border: 1px solid #e9ecef;
  border-radius: 10px;
}
#StartTestingModal .progress-bar {
  background: transparent linear-gradient(270deg, #B63D3D 0%, #EAC83E 100%) 0% 0% no-repeat padding-box;
  border-radius: 10px;
}
#StartTestingModal .skinned-select {
  margin-bottom: 0;
}
#StartTestingModal .modal-dialog {
  max-width: 328px;
}
.remove-arrow.dropdown-toggle::after {
  display: none;
}
#subscriberBandwidth {
  position: absolute;
  z-index: 9;
}
#alertMessage {
  position: absolute;
  bottom: 28px;
  z-index: 11;
  width: 70%;
  left: 36%;
  height: 60px;
  display: flex;
  gap: 20px;
  transform: translateX(-50%);
}
#alertMessage .messageIcon {
  width: 64px;
  height:60px;
  background-color: #FF0000;
  color: #ffffff;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 600px) {
  #StartTestingModal .modal-dialog {
    max-width: 100%;
  }
}
#alertMessageRecord {
  position: absolute;
    bottom: -6px;
    z-index: 11;
    width: calc(100% - 20px);
    left: 50%;
    height: 60px;
    display: flex;
    gap: 20px;
    transform: translateX(-50%);
}
#alertMessageRecord .messageIcon {
  width: 85px;
  height: 60px;
  background: #FCFF93 0% 0% no-repeat padding-box;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
#alertMessageRecord .recording-icon {
  display: inline-flex;
  align-items: center;
  background-color: white;
  border-radius: 6px;
  padding: 5px 10px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: red;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  margin-right: inherit;
}
#alertMessageRecord .recording-dot {
  width: 12px;
  height: 12px;
  background-color: red;
  border-radius: 50%;
  margin-right: 6px;
  animation: none;
}
.recording-icon {
  display: inline-flex;
  align-items: center;
  background-color: white;
  border-radius: 6px;
  padding: 5px 10px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: red;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  margin-right: auto;
}
.recording-dot {
  width: 12px;
  height: 12px;
  background-color: red;
  border-radius: 50%;
  margin-right: 6px;
  animation: blink 1s infinite;
}
@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}
.OT_video-poster {
  bottom: 20px;
}
a.btn.btn-primary.js-drop-files-cancel {
  border-color: #00b5ee;
  border-radius: 5px;
  font-size: 14px;
  height: 38px;
  background: #00b5ee;
  font-weight: 600;
  color: #033c4d;
}
.toast.custom-toast-large {
  font-size: 18px !important;
  padding: 20px !important;
  line-height: 1.6;
  color: #000;
  padding-left: 46px !important;
  max-width: 646px !important;
  width: 501px !important;
}