.modal-lg {
    width:75%;
}

.modal-md-2 {
  width:1080px;
}

.tree li .btn {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px dotted #999999;
  border-radius: 5px;
  display: inline-block;
  padding: 3px 8px;
  text-decoration: none;
  -webkit-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
  -moz-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
  -o-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
  transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
  margin-bottom:2px;
}

.margin-top-20 {
    margin-top: 20px;
}

.grid {
    width: 100%;
    height: 3050px;
}

.ui-grid-viewport {
  overflow: hidden !important;
}

.alerts-window{
    margin-left: 55px;
}

.notification-body > li a, .notification-body>li a span {display:inline !important;}

.bg-color-pure-pink {background-color:#f9f !important;}
.bg-color-pure-red {background-color:#f99 !important;}
.bg-color-pure-green {background-color:#9f9 !important;}
.bg-color-pure-blue {background-color:#9ff !important;}
.bg-color-pure-yellow {background-color:#ff9 !important;}

.chat-body li.message .message-text {
  display:block;
  margin-left: 0;
  margin-top: 1em;
  padding: 0.5em;
}

.chat-body li.message .message-text p {
  margin: 0;
}

.timeline-seperator {
  margin: 0;
}

.text-bold {
  font-weight: bold;
}

div.unread div {
  font-weight: bold;
}

#fast-search {
  width: 300px;
}

form.form-horizontal {
    background-image: url(/static/styles/img/pattern/overlay-pattern.png);
    background-color: #fbfeff;
}

form.form-horizontal table tbody {
  background-color: #fff;
}

form.form-horizontal fieldset {
  background-color: inherit;
}

.modal-body {
    padding: 10px 20px;
}

legend {
    color: rgb(115, 115, 115);
    margin-bottom: 10px;
    padding: 0;
}

.select2-container {
  margin: 0;
  padding: 0;
  border: 0;
}

.top-modal-btn {
  color: #999;
  margin-right: 10px;
  margin-top:-1px;
  float: right;
}

.top-modal-btn:hover {
  color: #666;
}

nav ul ul {
  display: inherit;
}

.bg_dop_control {
  background-image: url(/static/styles/img/pattern/overlay-pattern.png);
  font-weight: bold;
}

#chat-body {
  background-image: url(/static/styles/img/pattern/overlay-pattern.png);
}

#chat-body li.message .message-text {
    margin: 0;
    background-color: #fff;
    padding: 1em 2em;
    border: 1px solid #eee;
    box-shadow: 1px 1px 1px #ccc;
}

#chat-body li.message .message { 
    white-space: pre-line;
}


#chat-body .username {
    font-weight: bold;
    color: #3276b1;
}


#logo-group .activity {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    font-weight: 700;
    height: 24px;
    width: 24px;
    padding: 2px;
    text-align: center;
    text-decoration: none!important;
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
    border: 1px solid #bfbfbf;
    color: #c4bab6;
    font-size: 19px;
    margin: 10px 10px 0;
    position: relative;
}

#logo-group .activity b.badge {
    position: absolute;
    top: -5px;
    right: -5px;
    cursor: pointer;
    background: #0091d9;
    display: inline-block;
    font-size: 10px;
    box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), inset 0 -1px 0 rgb(0 0 0 / 7%);
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 2px 4px 3px;
    text-align: center;
    line-height: normal;
}


@media only screen and (min-width:0px) and (max-width:1300px) {
    .modal-lg {
        width:95%;
    }

    .visible-lg-inline {
        display: none !important;
    }
    #header>:first-child, aside {
      width: 180px;
    }

    #main {
      /* margin-left: 180px;*/
    }

    nav ul li a {
      white-space: nowrap;
      overflow: hidden;
      padding-left: 2px;
    }

    .login-info a {
      margin-top: 8px;
    }

    nav>ul>li>a>i {
      margin-right: 2px;
    }
    #fast-search {
      width: 200px;
    }
    .modal-md-2 {
      width: auto;
    }
}