body {
  background-image: url("../images/bg2.gif");
  background-position: top;
  background-repeat: repeat;
  background-size: auto; }

.nav {
}
  .nav .nav-center {
    position: relative;
    overflow: hidden; }
    .nav .nav-center .nav-btn {
      display: inline-block;
      text-align: center;
      padding: 20px 50px;
      font-size: 14px;
      text-decoration: none;
      color: #fff; }
      .nav .nav-center .nav-btn:hover {
        background-color: #7c5488;
        text-decoration: none;
        color: #fff; }
    .nav .nav-center .tip {
      position: absolute;
      display: inline-block;
      top: 22px;
      left: 248px;
      transform: translateY(-50%);
      background-color: #dd4850;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      text-align: center;
      color: #fff; }
      .nav .nav-center .tip .text {
        margin-top: 5px; }
    .nav .nav-center .btn-right {
      position: absolute;
      top: 50%;
      right: 50px;
      margin-top: -25px;
      display: inline-block; }
      .nav .nav-center .btn-right .wt-top {
        margin-top: 8px; }
      .nav .nav-center .btn-right .wt-left {
        margin-left: 8px; }

.message {
  background-color: rgba(255, 255, 255, 0.7);
  margin-top: 20px;
  padding: 20px 40px;
  border-radius: 10px; }
  .message .content {
    border: 1px solid gray;
    overflow: hidden;
    padding: 15px; }
    .message .content .input-box {
      overflow: hidden;
      border-bottom: 1px solid #b3b3b3; }
      .message .content .input-box .submit {
        display: inline-block;
        padding: 10px 50px;
        margin: 15px 0;
        background-color: #1a6785;
        border-radius: 5px;
        text-decoration: none;
        color: #fff;
        float: right;
        border: 1px solid #1a6785;
        -web-kit-appearance: none;
        -moz-appearance: none;
        outline: 0; }
    .message .content .comments-box .comments {
      padding-bottom: 20px;
      border-bottom: 1px solid #b3b3b3;
      overflow: hidden; }
      .message .content .comments-box .comments h5 {
        text-align: right; }
      .message .content .comments-box .comments #del-btn {
        float: right;
        margin-left: 10px; }
        .message .content .comments-box .comments #del-btn a {
          color: #fff !important; }
      .message .content .comments-box .comments #modify-btn {
        float: right; }
        .message .content .comments-box .comments #modify-btn a {
          color: #fff !important; }
      .message .content .comments-box .comments .user-reviews {
        font-size: 16px;
        margin: 10px 0; }
      .message .content .comments-box .comments .admin-reviews {
        font-size: 16px; }
        .message .content .comments-box .comments .admin-reviews span {
          display: inline-block;
          padding: 3px 5px;
          background-color: #fd7d70;
          color: #fff;
          border-radius: 5px; }

.page-view {
  text-align: center;
  font-size: 16px;
  color: #1b6685;
  margin-top: 20px; }

.page-count ul {
  text-align: center;
  padding: 0;
  margin: 20px 0; }
  .page-count ul li {
    display: inline-block;
    padding: 5px 12px;
    background-color: #fff;
    border: #1b6685 1px solid;
    margin: 0 5px; }

.login-box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh; }
  .login-box .login .logo h2 {
    color: #ffffff;
    font-size: 40px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 50px; }
  .login-box .login .login-from {
    display: flex;
    justify-content: space-around; }
    .login-box .login .login-from .text_value {
      width: 280px;
      height: 48px;
      padding: 0 20px;
      border-radius: 5px;
      border: none;
      outline: 0;
      font-weight: bold;
      color: #1b6685; }
  .login-box .login .go-login {
    text-align: center; }
    .login-box .login .go-login input {
      margin-top: 20px;
      box-sizing: border-box;
      text-align: center;
      font-size: 1.4em;
      height: 2.5em;
      border-radius: 4px;
      border: 1px solid #7f5587;
      color: #fff;
      -web-kit-appearance: none;
      -moz-appearance: none;
      display: block;
      outline: 0;
      padding: 0 1em;
      text-decoration: none;
      width: 100%;
      background-color: #7f5587; }

#chatContent {
  border-radius: 6px; }

.container-fluid .marginvalue {
  margin-top: 30px; }

.modal-dialog {
  position: relative; }

#regs {
  position: absolute;
  bottom: 15px;
  left: 30px; }
