* {
  outline: none !important;
}

.dropdown-menu {
  z-index: 1500;
}

.clear {
  clear: both;
  float: none;
}

.one_topic, .one_post {
  background-color: #f6f6f6;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}
.one_topic.pinned, .one_post.pinned {
  background-color: #fef9a8;
}

.topic_title {
  font-weight: bold;
  font-size: 12pt;
}
.topic_title a {
  color: #333;
}

.topic_subtitle {
  font-size: 11pt;
}

.topic_lp_snippet {
  font-style: italic;
}

#feed {
  width: calc(100% - 30px);
}

#feed_area {
  margin-top: 30px;
}

#feed_file div {
  margin-top: 10px;
}
#feed_file button {
  margin-top: 10px;
}

#feed_input {
  background-color: #eeeeee;
  min-height: 50px;
  padding: 15px 50px 15px 15px;
  display: inline-block;
  width: 100%;
  border-radius: 5px;
}

#feed_buttons {
  position: absolute;
  display: inline-block;
  margin-left: -50px;
  margin-top: 15px;
}
#feed_buttons span {
  cursor: pointer;
  font-size: 18pt;
}

.feed_images {
  clear: both;
}
.feed_images img {
  cursor: pointer;
  border: 1px solid black;
  margin-right: 5px;
}

.feed_wrapper {
  width: 75%;
  margin-bottom: 20px;
  float: left;
}
.feed_wrapper .avatar_wrapper {
  float: left;
  margin: 5px 20px 0 0;
}
.feed_wrapper .one_feed {
  padding: 20px;
  border-radius: 5px;
  background-color: #fffcc7;
  float: left;
  width: calc(100% - 70px);
}
.feed_wrapper.mine {
  float: right;
}
.feed_wrapper.mine .one_feed {
  background-color: #c6d8ff;
}
.feed_wrapper .feed_head {
  font-weight: bold;
  font-size: small;
}
.feed_wrapper .feed_content {
  float: left;
  padding-right: 20px;
}
.feed_wrapper .feed_close {
  float: right;
  cursor: pointer;
  padding-left: 20px;
}

.new_topic {
  clear: both;
}

.forum_del {
  cursor: pointer;
  float: right;
  clear: both;
}

.editable-hide {
  display: none;
}

.ng-invalid {
  border-bottom-color: #CC0066;
  border-bottom-width: 2px;
}

.tab-content {
  padding-top: 20px;
}

.post-it {
  height: 240px;
  position: relative;
  background: #ffa;
  overflow: hidden;
  margin: 30px auto;
  padding: 20px;
  border-radius: 0 0 0 30px/45px;
  box-shadow: inset 0 -40px 40px rgba(0, 0, 0, 0.2), inset 0 25px 10px rgba(0, 0, 0, 0.2), 0 5px 6px 5px rgba(0, 0, 0, 0.2);
  line-height: 1.7em;
  font-size: 19px;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  color: #130d6b;
}
.post-it .glyphicon {
  cursor: pointer;
}
.post-it small {
  font-size: 65%;
}

.post-it:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 25px;
  background: #ffa;
  box-shadow: 3px -2px 10px rgba(0, 0, 0, 0.2), inset 15px -15px 15px rgba(0, 0, 0, 0.3);
  left: 0;
  bottom: 0;
  z-index: 2;
  transform: skewX(25deg);
}

.order_row .empty {
  background-color: rgba(255, 0, 0, 0.15);
}

.table-striped-2 > tbody:nth-of-type(odd) {
  background-color: #f9f9f9;
}

#main_photo img {
  width: 350px;
}

@media (min-width: 576px) {
  #main_photo img {
    width: 530px;
  }
}
@media (min-width: 768px) {
  #main_photo img {
    width: 700px;
  }
}
@media (min-width: 992px) {
  #main_photo img {
    width: 80%;
  }
}

/*# sourceMappingURL=main.css.map */
