/*
 * my-style
 * ----------
 */
.my-style {
  /*.my-style .main-header .logo b{
    font-size: 30px;
  }*/
}
.my-style .main-header {
  border-bottom: 4px solid #fb9337;
  height: 70px;
}
.my-style .main-header .navbar {
  background-color: #3c4d66;
}
.my-style .main-header .navbar .nav > li > a {
  color: #fff;
}
.my-style .main-header .navbar .nav > li > a:hover,
.my-style .main-header .navbar .nav > li > a:active,
.my-style .main-header .navbar .nav > li > a:focus,
.my-style .main-header .navbar .nav .open > a,
.my-style .main-header .navbar .nav .open > a:hover,
.my-style .main-header .navbar .nav .open > a:focus,
.my-style .main-header .navbar .nav > .active > a {
  background: #2f3448;
  color: #fff;
}
.my-style .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.my-style .main-header .navbar .sidebar-toggle:hover {
  color: #fff;
  background: #2f3448;
}
.my-style .main-header .navbar .sidebar-toggle {
  padding: 23px 15px;
  color: #fff;
}
.my-style .main-header .navbar .sidebar-toggle:hover {
  background-color: #35465f;
}
@media (max-width: 767px) {
  .my-style .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .my-style .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .my-style .main-header .navbar .dropdown-menu li a:hover {
    background: #367fa9;
  }
}
.my-style .main-header .logo {
  background-color: #35465f;
  color: #fff;
  border-bottom: 0 solid transparent;
  height: 66px;
  line-height: 66px;
}
.my-style .main-header .logo:hover {
  background-color: #33445c;
}
.my-style .main-header li.user-header {
  background-color: #3c8dbc;
}
.my-style .content-header {
  background: transparent;
}
.my-style .wrapper,
.my-style .main-sidebar,
.my-style .left-side {
  background-color: #222d32;
}
.my-style .user-panel > .info,
.my-style .user-panel > .info > a {
  color: #fff;
}
.my-style .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}
.my-style .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.my-style .sidebar-menu > li:hover > a,
.my-style .sidebar-menu > li.active > a {
  color: #fff;
  background: #1e282c;
  border-left-color: #3c8dbc;
}
.my-style .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.my-style .sidebar a {
  color: #b8c7ce;
}
.my-style .sidebar a:hover {
  text-decoration: none;
}
.my-style .treeview-menu > li > a {
  color: #8aa4af;
}
.my-style .treeview-menu > li.active > a,
.my-style .treeview-menu > li > a:hover {
  color: #fff;
}
.my-style .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.my-style .sidebar-form input[type="text"],
.my-style .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}
.my-style .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.my-style .sidebar-form input[type="text"]:focus,
.my-style .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.my-style .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.my-style .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.my-style .layout-top-nav .main-header > .logo {
  background-color: #3c8dbc;
  color: #fff;
  border-bottom: 0 solid transparent;
}
.my-style .layout-top-nav .main-header > .logo:hover {
  background-color: #3b8ab8;
}
.my-style .wrapper {
  background-color: #ecf0f5;
}
.my-style .main-sidebar,
.my-style .left-side {
  background-color: #2f3448;
}
.my-style .main-sidebar {
  padding-top: 70px;
}
.my-style .sidebar-menu > li.header {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  background: none;
}
.my-style .sidebar-menu > li:hover > a,
.my-style .sidebar-menu > li.active > a {
  color: #fff;
  background: #30415a;
  border-left-color: #aac3e7;
}
.my-style .sidebar-menu > li i {
  font-size: 20px;
  margin-right: 20px;
}
.my-style .sidebar-menu > li span {
  line-height: 20px;
  vertical-align: top;
}
.my-style .nav-1 .glyphicon-triangle-top {
  position: absolute;
  top: auto;
  bottom: -4px;
  left: 50%;
  margin-left: -7px;
  color: #fb9337;
  display: none;
}
.my-style .nav > li:hover .glyphicon-triangle-top,
.my-style .nav > .active > .glyphicon-triangle-top {
  display: block;
}
.my-style .main-header .navbar .navbar-nav a {
  padding: 23px 15px;
}
.my-style .navbar-custom-menu > .navbar-nav > li > .dropdown-menu a {
  padding: 15px 15px;
}
.my-style .main-header .navbar .nav > li > .ico-font {
  font-size: 18px;
  line-height: 1;
}
.my-style .main-header .navbar-custom-menu {
  padding-right: 5px;
}
.my-style .navbar-custom-menu > .navbar-nav > li {
  max-height: 66px;
}
.my-style .navbar-nav > .user-menu .user-image {
  width: 44px;
  height: 44px;
  margin-top: -11px;
}
.my-style .main-header .navbar .nav > li > a > .label {
  display: block;
  width: 16px;
  height: 16px;
  font-size: 12px;
  padding-top: 3px;
  background: #35b7e2 !important;
  border-radius: 50%;
  text-align: center;
  top: 15px;
}
.my-style .navbar-custom-menu > .navbar-nav > li {
  position: relative;
}
.my-style .main-header .logo {
  font-size: 16px;
}
.my-style .bg-aqua {
  background-color: #23bed1 !important;
}
.my-style .bg-green {
  background-color: #00d2ae !important;
}
.my-style .bg-yellow {
  background-color: #cb9fd5 !important;
}
.my-style .bg-yellow {
  background-color: #cb9fd5 !important;
}
.my-style .bg-red {
  background-color: #f19b99 !important;
}
.my-style .table > tbody > tr > td,
.my-style .table > tbody > tr > th,
.my-style .table > tfoot > tr > td,
.my-style .table > tfoot > tr > th,
.my-style .table > thead > tr > td,
.my-style .table > thead > tr > th {
  padding: 12px 10px;
  line-height: 1;
  vertical-align: top;
}
.my-style .text-right {
  text-align: right;
}
.my-style .breadcrumb > .active {
  color: #999;
}
.my-style .content.box {
  margin: 20px;
  width: auto;
}
.my-style .date-choice-wrap {
  float: right;
  color: #999;
  margin-top: -3px;
}
.my-style .date-choice {
  font-size: 16px;
  border: 1px solid #d2d6de;
  margin-bottom: 0;
}
.my-style .date-choice i {
  padding: 0 10px;
}
.my-style .date-choice input {
  max-width: 120px;
  border: none;
  outline: none;
  font-size: 14px;
  line-height: 16px;
  color: #999;
  font-weight: normal;
}
.my-style .add-msg {
  color: #409ea6;
  font-size: 34px;
  font-weight: 200;
  float: right;
  margin-top: -9px;
  cursor: pointer;
}
.my-style .datetimepicker {
  padding: 10px 20px;
  float: left;
}
.my-style .msg {
  max-width: 230px;
  float: left;
  padding: 20px 20px;
}
.my-style .msg .title {
  padding-top: 8px;
  font-size: 16px;
  color: #409ea6;
  line-height: 1;
}
.my-style .msg ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.my-style .msg ul li {
  margin-top: 30px;
  color: #666;
}
.my-style .modal-body .title {
  padding: 5px 0;
}
.my-style .content-area h2 {
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0;
  padding: 0;
}
.my-style .content-area .margin-top-10 {
  margin-top: 10px;
}
.my-style .content-area .margin-top-20 {
  margin-top: 20px;
}
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
  background-color: #409ea6 !important;
  background-image: none;
  border-radius: 50%;
}
.datetimepicker table tr td.day:hover {
  border-radius: 50%;
}
.in .time-span {
  position: absolute;
  bottom: 7px;
  width: 18px;
  height: 2px;
  left: 5px;
  background: #34afff;
}
.termination-reason-modal {
  width: 100%;
  height: 300px;
  padding: 10px 0 0 10px;
}
.termination-reason {
  overflow: hidden;
  margin-left: 20px;
}
.termination-reason p {
  font-size: 15px;
  color: #333;
}
.single {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contacts-1 {
  cursor: pointer;
}
.contacts-1:hover {
  color: #00b3ee;
}
.sorts-list {
  padding: 20px 0 0 0;
  overflow: hidden;
  margin: 0;
}
.sorts-list li {
  list-style: none;
  float: left;
  cursor: pointer;
  padding-right: 20px;
  overflow: hidden;
}
.sorts-list .sort-name {
  float: left;
  line-height: 28px;
}
.sorts-list .ico-wrap {
  margin-left: 5px;
  float: left;
  width: 14px;
  height: 28px;
  position: relative;
}
.sorts-list .ico-wrap span {
  font-size: 12px;
  color: #ccc;
}
.sorts-list .ico-wrap span.active {
  color: #999;
}
.glyphicon-triangle-top {
  position: absolute;
  top: 4px;
}
.glyphicon-triangle-bottom {
  position: absolute;
  top: 12px;
}
.my-intro2 {
  color: #666 !important;
  max-width: 100% !important;
}
.intro-p {
  margin-left: 30px;
  line-height: 50px;
  font-size: 14px;
}
.cls2 {
  padding: 22px !important;
}
.max-width-160 {
  max-width: 160px !important;
}
@media (min-width: 768px) and (max-width: 940px) {
  .my-style .main-header .navbar .nav > li > a {
    padding: 23px 4px;
  }
}
@media (max-width: 768px) {
  .nav-1 .glyphicon-triangle-top {
    display: none !important;
  }
}
.form-control1 {
  width: 20%!important;
}
.form-control2 {
  width: 50%!important;
}
.form-control3 {
  width: 90%!important;
}
.form-control4 {
  width: 80%!important;
}
.form-control5 {
  width: 33.3333333333%!important;
}
.form-control7 {
  width: 66%!important;
}
.form-control6 {
  width: 51%!important;
}
.left-label {
  float: left;
  line-height: 34px;
  margin-right: 10px;
  color: #666;
}
.margin-span {
  float: left;
  line-height: 34px;
  margin: 0 10px;
}
.btn1 {
  text-align: center;
}
.distpicker-select {
  float: left;
}
.left-label1 {
  float: left;
  line-height: 34px;
  margin-right: 38px;
  color: #666;
}
.left-label2 {
  float: left;
  line-height: 34px;
  margin-right: 24px;
  color: #666;
}
.right-label {
  margin-left: 27px;
}
.right-labe2 {
  margin-left: 14px;
}
.preserve {
  display: block;
}
.modify {
  display: none;
}
.btn2 {
  background-color: #fff;
  color: #30b5e1;
  font-size: 14px;
  border-radius: 6px;
  box-shadow: none;
  border: 1px solid #30b5e1;
  padding: 12px;
  line-height: 12px;
  outline: none;
}
.btn2:hover {
  color: #fff;
  background-color: #30b5e1;
}
.btn3 {
  background-color: #fff;
  color: #30b5e1;
  font-size: 14px;
  border-radius: 6px;
  box-shadow: none;
  border: 1px solid #30b5e1;
  padding: 12px;
  line-height: 12px;
  outline: none;
}
.btn3:hover {
  color: #fff;
  background-color: #30b5e1;
}
.btn5 {
  background-color: #fff;
  color: #30b5e1;
  font-size: 14px;
  border-radius: 6px;
  box-shadow: none;
  border: 1px solid #30b5e1;
  padding: 12px;
  line-height: 12px;
  outline: none;
}
.btn5:hover {
  color: #fff;
  background-color: #30b5e1;
}
.date-choice2 {
  margin-top: 5px !important;
}
.form-group1 {
  float: right;
  margin-right: 14px!important;
}
.btn4 {
  margin-left: 45%;
}
.control-label1 {
  padding-top: 7px;
  margin-bottom: 0;
  color: #999;
  font-size: 10px;
  width: 120px;
  text-align: right;
  float: left;
}
.crm-input {
  border-radius: 0;
  box-shadow: none;
  display: block;
  width: 49%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d2d6de;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.crm-btn {
  margin-left: 10px;
}
.crm-sort {
  height: 34px;
  width: 34px;
  line-height: 34px;
  color: #30b5e1;
  font-size: 14px;
  text-align: center;
  float: left;
  margin: 0 20px 0 100px;
  border: 1px solid #30b5e1;
}
.crm-add {
  margin-left: 148px;
}
.crm-table {
  padding-top: 7px;
  margin-bottom: 0;
  color: #666;
  font-size: 14px;
  text-align: right;
  float: left;
}
.crm-top {
  margin-top: 10px;
}
.crm-lable1 {
  margin-left: 28px;
}
.control-label2 {
  width: 130px!important;
}
.crm-btn2 {
  margin-left: 40%;
}
.u-management-input {
  height: 32px;
}
.control-label3 {
  padding-top: 7px;
  margin-bottom: 0;
  color: #666;
  font-size: 14px;
  width: 120px;
  text-align: left;
  float: left;
}
.contract-1 {
  width: 10%;
}
.seach-follow {
  font-size: 20px;
  line-height: 34px;
  margin-left: 5px;
}
.surname {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #969ca7;
  color: #fff;
  text-align: center;
  line-height: 50px;
  font-size: 24px;
  font-weight: bold;
  margin: 0 auto;
  cursor: pointer;
}
.btn6 {
  background-color: #fff;
  color: #30b5e1;
  font-size: 14px;
  border-radius: 6px;
  box-shadow: none;
  border: 1px solid #30b5e1;
  padding: 12px;
  line-height: 12px;
  outline: none;
}
.btn6:hover {
  color: #fff;
  background-color: #30b5e1;
}
.btn6:focus {
  background-color: #999;
  border: 1px solid #999;
  color: #fff;
}
.enclosure {
  width: 300px;
  height: 30px;
  border: 1px solid #ccc;
  margin-left: 120px;
  line-height: 30px;
}
.enclosure span {
  cursor: pointer;
  line-height: 30px;
}
iframe {
  width: 100%;
  border: none;
}
.iframe {
  max-height: 710px;
}
.customer .control-label {
  width: 130px !important;
}
.customer .date-choice-wrap {
  float: none;
  margin-top: 5px;
}
.customer .box {
  padding: 10px 20px;
  box-shadow: none;
  border: 1px solid #ebebeb;
  margin: 20px 0;
}
.customer .table-box-header {
  border-bottom: none;
}
.max-width-200 {
  max-width: 200px;
}
.max-width-185 {
  max-width: 185px;
}
.date-rail {
  float: left;
  line-height: 34px;
  color: #666;
}
.font-16-bold {
  font-size: 16px;
  font-weight: bold;
}
.customer-ico {
  font-size: 20px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
.padding-10 {
  padding: 10px 0;
}
.padding-7 {
  padding: 7px 0;
  font-weight: bolder;
  line-height: 20px;
}
.padding-left-20 {
  padding-left: 20px;
}
.dib {
  display: inline-block;
}
.color-666 {
  color: #666;
}
.text-left {
  text-align: left !important;
  padding-left: 20px;
}
.project-table input {
  max-width: 60px;
}
.form-group .form-control-group span {
  line-height: 30px;
  padding-left: 5px;
}
.btn-table td {
  line-height: 34px !important;
}
.login-box {
  width: 550px;
  margin: 7% auto 0 auto;
  background: #fff;
  padding: 45px 58px;
}
.login-box p {
  font-size: 16px;
  color: #333;
  text-align: center;
  margin: 20px 0;
}
.login-box .logo1 {
  text-align: center;
}
.login-box .login-btn {
  background: #30b5e1;
  color: #fff;
  border-radius: 0;
}
.login-box .login-yzm {
  width: 250px;
  float: left;
}
.login-box .login-img {
  width: 172px;
  height: 34px;
  border: 1px solid #ccc;
  float: right;
}
.login-box .login-a {
  float: right;
  color: #30b5e1;
}
.login-box .login-ico {
  font-size: 16px;
  margin-top: 9px;
}
.login-box .ovflow {
  overflow: hidden;
  color: #999;
}
.red {
  color: red;
}
.map-msg {
  width: 100%;
  text-align: center;
}
.map-msg button {
  margin: 10px;
}
.more-condition-btn1 {
  width: 100px;
  margin: 0 auto;
  cursor: pointer;
}
.more-condition-btn2 {
  width: 100px;
  margin: 0 auto;
  cursor: pointer;
}
.seach-more {
  margin-left: 10px;
  float: left;
}
.start {
  padding-left: 0;
}
.start1 {
  padding-right: 0;
}
.sort {
  cursor: pointer;
}
.edit1 {
  cursor: pointer;
}
.delete {
  cursor: pointer;
}
.preservation {
  cursor: pointer;
}
.add-stage {
  color: #72afd2;
  cursor: pointer;
}
.range-slider {
  position: relative;
}
.progress-bar1 {
  margin-top: 20px!important;
}
.edit {
  display: none;
}
.label-span {
  padding-top: 3px;
  display: inline-block;
  margin-bottom: 0;
  color: #666;
  font-size: 14px;
  line-height: 27px !important;
}
.progress2 {
  margin-top: 7px;
  margin-bottom: 0px;
}
.stage input {
  display: none;
}
.enclosure-table td {
  position: relative;
}
.enclosure-table input {
  margin-top: 0px;
}
.enclosure-table .fa-folder {
  color: #ffd659;
  font-size: 22px;
  position: absolute;
  top: 7px;
  left: 10px;
}
.enclosure-table a {
  padding: 0 6px;
}
.enclosure-table .file-name {
  padding-left: 26px;
  color: inherit;
}
.enclosure-table .table-box-header2 {
  padding: 10px;
}
.branch-list {
  display: none;
}
.color-yellow {
  color: #ffd659;
}
.content .wrapper {
  position: relative;
  margin: 0 auto;
  background: #fff;
}
.content .main {
  background: url("../../img/line-bg.png") repeat-y 290px 0;
}
.content .main .title {
  position: absolute;
  line-height: 40px;
  padding-left: 67px;
  left: 230px;
  top: 0;
  color: #58a6fb;
  font-size: 24px;
  background: url("../../img/clock.png") no-repeat left top;
}
.content .main .year {
  position: relative;
  z-index: 100;
}
.content .main .year h2 {
  height: 40px;
  width: 190px;
  padding-right: 30px;
  font-size: 24px;
  line-height: 40px;
  text-align: right;
}
.content .main .year h2 a {
  color: #58a6fb;
}
.content .main .year h2 i {
  display: block;
  position: relative;
  height: 0;
  width: 0;
  left: 190px;
  top: -20px;
  border-width: 6px;
  border-style: solid;
  border-color: #59a7fb transparent transparent transparent;
  transition: .5s;
  -webkit-transform-origin: 6px 3px;
  -ms-transform-origin: 6px 3px;
  transform-origin: 6px 3px;
}
.content .main .year .list {
  margin: 10px 0;
  position: relative;
  overflow: hidden;
  transition: height 1s cubic-bezier(0.025, 0.025, 0, 1.115), opacity 1s;
}
.content .main .year .ul {
  margin: 10px 0;
  position: relative;
  overflow: hidden;
  transition: height 1s cubic-bezier(0.025, 0.025, 0, 1.115), opacity 1s;
}
.content .main .year .list ul {
  bottom: 0;
  list-style-type: none;
}
.content .main .year .list ul li {
  background: url("../../img/circle.png") no-repeat 235px 31px;
  padding: 30px 0;
  color: #a1a4b8;
}
.content .main .year .list ul li.highlight {
  background-image: url(http://p4.qhimg.com/d/inn/05a63fc5/circle-h.png);
}
.cls {
  zoom: 1;
}
.cls:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.content .main .year .list ul li.highlight .date,
.content .main .year .list ul li.highlight .intro {
  color: #ec6a13;
}
.content .main .year .list ul li .date,
.content .main .year .list ul li .version {
  float: left;
  display: block;
  clear: left;
  width: 200px;
  line-height: 24px;
  text-align: right;
}
.content .main .year .list ul li .date {
  font-size: 18px;
  line-height: 32px;
  color: #bec1d5;
}
.content .main .year .list ul li .intro,
.content .main .year .list ul li .more {
  float: left;
  display: block;
  max-width: 400px;
  margin-left: 100px;
  line-height: 24px;
}
.content .main .year .list ul li .intro {
  font-size: 18px;
  line-height: 32px;
  color: #63d029;
}
.content .wrapper:first-child .main .year.close2 h2 i {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}
.content .wrapper:first-child .main .year.close2 .list {
  opacity: 0;
  transition: all .5s;
  height: 0!important;
}
.content .wrapper:first-child .main .year .month-list.close3 h2 i {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}
.content .wrapper:first-child .main .year .month-list.close3 .ul {
  opacity: 0;
  transition: all .5s;
  height: 0!important;
}
.ie7 .content .main .year h2 i {
  left: 40px;
}
.css3 {
  transition: all .5s;
}
.in .time-span {
  position: absolute;
  bottom: 7px;
  width: 18px;
  height: 2px;
  left: 5px;
  background: #34afff;
}
.termination-reason-modal {
  width: 100%;
  height: 300px;
  padding: 10px 0 0 10px;
}
.termination-reason {
  overflow: hidden;
  margin-left: 20px;
}
.termination-reason p {
  font-size: 15px;
  color: #333;
}
.single {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  .login-page {
    background: #fff !important;
  }
  .login-box {
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: 50%;
  }
  .login-box h1 {
    font-size: 18px;
  }
  .login-box p {
    font-size: 14px;
  }
  .login-box footer {
    margin-left: 20px;
  }
}
.sorts-list2 {
  padding: 5px 0 0 10px;
}
.buddy-list {
  min-width: 150px;
  width: 16.66666667%;
  height: 650px;
  float: left;
  border: 1px solid #d2d6de;
  overflow: hidden;
}
.buddy-list .form-group {
  padding: 10px;
  margin: 0;
  position: relative;
}
.buddy-list .form-group .form-control {
  padding-right: 20px;
  font-size: 12px;
}
.buddy-list .form-group i {
  position: absolute;
  top: 50%;
  right: 15px;
  font-size: 14px;
  margin-top: -7px;
  color: #666;
}
.buddy-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #d2d6de;
  height: 596px;
  overflow: auto;
}
.buddy-list ul li {
  cursor: pointer;
  width: 100%;
  border-bottom: 1px solid #d2d6de;
  padding: 5px 0;
  overflow: hidden;
}
.buddy-list ul li.active {
  background: #30b5e1;
}
.buddy-list ul li.active p {
  color: #fff;
}
.msg-box {
  width: 65%;
  height: 650px;
  float: left;
  border: 1px solid #d2d6de;
  border-left: none;
}
.msg-box .msg-header {
  width: 100%;
  height: 55px;
  border-bottom: 1px solid #d2d6de;
  line-height: 55px;
  text-align: center;
  overflow: hidden;
}
.msg-box ul {
  list-style: none;
  margin: 0;
  padding: 10px;
  height: 384px;
  overflow: auto;
}
.msg-box ul li {
  overflow: hidden;
}
.msg-box ul li .msg-time {
  text-align: center;
  margin: 5px 0;
}
.msg-box ul li .msg-content {
  margin: 10px 0 0 0;
  padding: 0 10px;
}
.msg-box .msg-footer .msg-footer-btn {
  height: 40px;
  text-align: right;
  border-top: 1px solid #d2d6de;
  border-bottom: 1px solid #d2d6de;
  padding: 0 10px;
  overflow: hidden;
  line-height: 40px;
}
.msg-box .msg-footer .msg-footer-btn a {
  padding: 0 10px;
}
.msg-box .msg-footer textarea {
  height: 120px;
  border: none;
  resize: none;
}
.msg-box .msg-footer-submit {
  text-align: right;
  overflow: hidden;
  padding: 0 10px 10px 0;
}
.msg-record {
  width: 35%;
  height: 650px;
  float: left;
  border: 1px solid #d2d6de;
  border-left: none;
  display: none;
}
.msg-record .msg-record-header {
  width: 100%;
  height: 55px;
  border-bottom: 1px solid #d2d6de;
  line-height: 55px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.msg-record .close {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
}
.msg-record2 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 558px;
  overflow: auto;
}
.msg-record2 ul li {
  padding: 5px 10px;
}
.msg-record2 ul li p {
  margin: 0;
  padding-left: 10px;
}
.msg-record2 .msg-record-footer {
  height: 30px;
  line-height: 30px;
  position: relative;
  color: #666;
  border-top: 1px solid #d2d6de;
}
.msg-record2 .msg-record-footer .search-pop {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 0;
}
.msg-record2 .msg-record-footer .search-pop .table-box-header {
  border-color: #d2d6de;
  background: #fff;
  padding-top: 0;
}
.msg-record2 .msg-record-footer span {
  margin: 0 10px;
  cursor: pointer;
}
.name-box {
  overflow: hidden;
}
.name-box .img-wrap {
  width: 40px;
  height: 40px;
  margin: 0 10px;
  float: left;
  border-radius: 50%;
  overflow: hidden;
}
.name-box .img-wrap img {
  width: 100%;
}
.name-box p {
  max-width: 60%;
  float: left;
  margin: 0;
}
.name-box p.name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 40px;
}
.form-btn {
  margin-bottom: -12px;
  margin-left: 10px;
}
.overflow-auto {
  overflow: inherit !important;
}
.line-height-38 {
  line-height: 38px;
}
.buddy-list-right {
  width: 83.33333333%;
  float: left;
}
.nameDiv {
  height: 40px;
}
.message {
  max-width: 80%;
  clear: both;
  font-size: 14px;
  padding: 10px 70px;
  position: relative;
}
.message .btn-wrap {
  text-align: right;
  display: block;
  width: 100%;
}
.message .btn-wrap .btn {
  padding: 6px 12px;
  margin: 10px;
}
.message .ico {
  position: absolute;
  top: 12px;
  right: 45px;
}
.message .ico i {
  font-size: 18px;
}
.message .ico i.fa-exclamation-circle {
  color: red;
}
.message.pull-right .ico {
  right: auto;
  left: 45px;
}
.btn.active,
.btn:active {
  box-shadow: none !important;
}
.unread {
  background: #30b5e1;
  color: #fff;
}
.cursor {
  cursor: pointer;
}
@font-face {
  font-family: 'icomoon2';
  src: url('../../fonts/icomoon2.eot?2chjzv');
  src: url('../../fonts/icomoon2.eot?2chjzv#iefix') format('embedded-opentype'), url('../../fonts/icomoon2.ttf?2chjzv') format('truetype'), url('../../fonts/icomoon2.woff?2chjzv') format('woff'), url('../../fonts/icomoon2.svg?2chjzv#icomoon2') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon2-"],
[class*=" icon2-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon2' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon2-set:before {
  content: "\e900";
}
.icon2-press:before {
  content: "\e901";
}
.icon2-follow-up:before {
  content: "\e902";
}
.icon2-high-seas:before {
  content: "\e903";
}
.icon2-official:before {
  content: "\e904";
}
.icon2-contract:before {
  content: "\e905";
}
.icon2-invoicing:before {
  content: "\e906";
}
.icon2-customer:before {
  content: "\e907";
}
.icon2-customer2:before {
  content: "\e908";
}
.icon2-shop:before {
  content: "\e909";
}
.icon2-goods:before {
  content: "\e90a";
}
.icon2-approval:before {
  content: "\e90b";
}
.icon2-approval-set:before {
  content: "\e90c";
}
.icon2-home:before {
  content: "\e90d";
}
.icon2-service:before {
  content: "\e90e";
}
.icon2-report:before {
  content: "\e90f";
}
.icon2-edit:before {
  content: "\e910";
}
.icon2-menu:before {
  content: "\e911";
}
.icon2-list:before {
  content: "\e912";
}
.sidebar-left {
  width: 230px;
  height: 100%;
  position: relative;
}
.sidebar-left dl {
  width: 100%;
  /*position: relative;*/
  z-index: 1;
  margin: 0 0 10px 0;
}
.sidebar-collapse .sidebar-left dl {
  position: relative;
}
.sidebar-left dl dt a {
  display: block;
  width: 50px;
  min-height: 50px;
  text-align: center;
}
.sidebar-left dl dt span {
  font-size: 20px;
  line-height: 50px;
  display: none;
}
.sidebar-left dl dt h3 {
  width: 14px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #FFFFFF;
  text-align: center;
  margin: 0 auto;
  padding: 10px 0;
  word-wrap: break-word;
  word-break: break-all;
}
.sidebar-left dl.active {
  z-index: 999;
}
.sidebar-left dl.active dd {
  display: block;
}
.sidebar-left dl.active dt > a {
  background: #386a96;
}
.sidebar-left dl dd {
  display: none;
  width: 180px;
  height: 100%;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
}
.sidebar-left dl dd > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  /*background: #386a96;*/
}
.sidebar-left dl dd > ul > li {
  position: relative;
}
.main-sidebar {
  background: #2f3448 url(../../img/sidebar.jpg) right 0 repeat-y !important;
}
.sidebar-collapse .sidebar-left dl .sub-menu > ul > li > ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  list-style: none;
  background: #4680b3;
  margin: 0;
  padding: 10px 0;
}
.sidebar-left dl dd > ul > li > a {
  font-weight: normal;
  color: #fff !important;
  line-height: 36px;
  text-align: left;
  display: block;
  width: 155px;
  height: 36px;
  padding: 0 0 0 25px;
}
.sidebar-left dl dd > ul > li > ul > li {
  padding-left: 25px;
}
.sidebar-left dl dd > ul > li > ul > li > a {
  font-weight: normal;
  color: #fff !important;
  text-align: left;
  display: block;
}
.sidebar-left dl dd > ul > li > ul > li.active {
  background: #3578b3;
}
.sidebar-left dl dd > ul > li > ul > li:hover {
  background: #3578b3;
}
.sidebar-left dl dd > ul > li.active {
  background: #4680b3;
}
.sidebar-left dl dd > ul > li:hover {
  background: #4680b3;
}
.sidebar-collapse .main-sidebar {
  background: #2f3448 !important;
}
.sidebar-collapse .sidebar-left {
  width: 50px !important;
}
.sidebar-collapse .sidebar-left dl dd {
  left: 100%;
}
.sidebar-collapse .sidebar-left dl dt span {
  display: block;
}
.sidebar-collapse .sidebar-left dl dt h3 {
  display: none;
}
.sidebar-collapse .sidebar-left dl.active dd {
  display: none;
}
.sidebar-collapse .sidebar-left dl:hover .sub-menu {
  display: block !important;
  top: 0!important;
}
.sidebar-collapse .sidebar-left dl:hover .sub-menu > ul > li {
  background: #386a96;
}
@media (max-width: 767px) {
  .sidebar-open .main-sidebar,
  .sidebar-open .left-side {
    padding-top: 136px;
  }
}
.my-style .sidebar-menu > li span {
  vertical-align: middle;
}
.my-style .sidebar-menu > li:hover > a,
.my-style .sidebar-menu > li.active > a {
  width: 100%;
  background: #458dcc;
  border-left-color: #458dcc;
}
.my-style .sidebar-menu > li > .treeview-menu {
  background: #4680b3;
  padding-left: 0;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
  display: block !important;
}
.sidebar-menu,
.main-sidebar .user-panel,
.sidebar-menu > li.header {
  overflow: visible;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
  top: 0!important;
  left: 100%;
}
.w-100 {
  width: 100% !important;
}
.w-30 {
  width: 30% !important;
}
.customer-tabe-body {
  height: 135px !important;
  overflow: auto !important;
}
.pd-7 {
  padding: 7px;
}
.bg-fff {
  background: #fff !important;
}
.customer-list-iframe-left {
  width: 69% !important;
  margin-right: 10px !important;
}
.customer-list-iframe-tabe {
  height: 180px !important;
  overflow: auto !important;
}
.h-302 {
  height: 302px !important;
}
.tp-7 {
  top: 7px !important;
}
.w-15 {
  width: 15% !important;
}
.accept-task-p {
  overflow: hidden !important;
  margin-left: 60px !important;
}
.border-radius-0 {
  border-radius: 0 !important;
}
.color-red {
  color: red !important;
}
.add-report-form-footer {
  text-align: center;
  margin-bottom: 50px;
}
.all-pro-nav {
  text-align: left !important;
  border: none !important;
}
.pd-both-15 {
  padding: 0px 15px !important;
}
.project-desc-name {
  width: 120px;
  text-align: right;
}
.hidden {
  display: none;
}
.examine-desc {
  overflow: hidden;
  margin-left: 60px;
}
.w-200px {
  width: 200px;
}
.w-200px {
  width: 200px;
}
.w-33 {
  width: 33.33% !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.report-form-footer {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 50px;
  padding: 0 45%;
}
.ml-30 {
  margin-left: 30px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.color-82 {
  color: #828282 !important;
}

/*# sourceMappingURL=my-style.css.map */