svg.opener,
svg.closer {
  height: 25px;
  width: 25px;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
svg.opener:hover,
svg.closer:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
svg.opener line,
svg.closer line {
  stroke: #ee4037;
  stroke-width: 2;
}
svg.opener.closer,
svg.closer.closer {
  transform: scale(0.8);
}
.modal-content {
  border: none;
  padding: 0;
}
.modal-header {
  border-bottom: none;
}
.modal-lg {
  margin: 10px auto;
  direction: rtl;
  width: 90%;
}
.modal-lg .modal-body {
  padding-bottom: 0;
}
.modal-lg .close {
  position: absolute;
  right: 10px;
  z-index: 2;
  font-size: 30px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  top: 10px;
}
.modal-lg .close.share-modal {
  right: 43.33333333px;
  top: 7px;
}
.modal-lg .close.share-modal img {
  width: 20px;
}
.modal-lg .close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal-lg iframe {
  width: 100%;
  border: none;
  height: 900px;
}
.share-input-wrap {
  position: absolute;
  z-index: -1;
  left: 10%;
  top: 10%;
  width: 80%;
  background-color: #b3ccfd;
  padding: 20px 20px;
  border-radius: 3px;
}
.share-input-wrap.in {
  z-index: 3;
}
.share-input-wrap .share {
  width: 90%;
  text-align: left;
  padding: 5px;
  border: 2px solid #81aafc;
  border-radius: 3px;
  float: left;
  background-color: white;
}
.share-input-wrap .close {
  position: absolute;
  right: 5px;
  top: 25px;
}