#main-header {
  background-color: #3E54B1;
  overflow: hidden;
  text-align: center;
  height: auto; }
  #main-header img {
    max-width: 100px;
    display: inline-block; }
  #main-header p {
    display: inline-block; }
  #main-header a {
    color: #fff; }

.form-group {
  overflow: hidden; }

.row {
  max-width: initial; }

#page-wrapper .container {
  min-height: auto;
  padding-top: 20px; }

#page-wrapper .boxcenter {
  padding-top: 20px; }
  #page-wrapper .boxcenter .topbox {
    margin-bottom: 30px; }
    #page-wrapper .boxcenter .topbox img {
      width: auto;
      height: auto; }
    #page-wrapper .boxcenter .topbox p {
      font-size: 26px; }
  #page-wrapper .boxcenter .row .item {
    margin-bottom: 20px; }
    #page-wrapper .boxcenter .row .item:nth-child(2n+1) {
      text-align: right;
      padding-right: 50px; }
    #page-wrapper .boxcenter .row .item:nth-child(2n+2) {
      text-align: left;
      padding-left: 50px; }
    #page-wrapper .boxcenter .row .item img {
      width: 50%;
      height: auto; }

#page-wrapper .page-news {
  padding-top: 30px; }
  #page-wrapper .page-news .item {
    margin-bottom: 20px;
    overflow: hidden; }
    #page-wrapper .page-news .item .image {
      width: 200px;
      float: left; }
      #page-wrapper .page-news .item .image img {
        width: 200px;
        height: 200px; }
    #page-wrapper .page-news .item .content {
      width: calc(100% - 200px);
      float: left;
      padding-left: 10px;
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 10px;
      margin: 0; }
      #page-wrapper .page-news .item .content h3 {
        margin-top: 0;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        margin-bottom: 10px;
        padding-bottom: 0; }
      #page-wrapper .page-news .item .content p {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        /* number of lines to show */
        line-height: 1.8;
        /* fallback */
        max-height: 3; }

#page-wrapper .page-news-detail {
  padding-top: 30px; }
  #page-wrapper .page-news-detail .image {
    text-align: center; }
    #page-wrapper .page-news-detail .image img {
      width: 50%;
      height: auto; }
  #page-wrapper .page-news-detail .title {
    text-align: center; }

#page-wrapper .page-sumary .panel-heading {
  text-align: left; }

#page-wrapper .page-sumary .col-lg-12 {
  text-align: left; }
  #page-wrapper .page-sumary .col-lg-12 > div {
    margin-bottom: 20px; }
  #page-wrapper .page-sumary .col-lg-12 .col-lg-8 > div {
    text-align: left; }
  #page-wrapper .page-sumary .col-lg-12 .col-lg-8 .bs-component {
    text-align: center; }

@media screen and (min-width: 768px) {
  #page-wrapper .search-info {
    padding-top: 0; }
  #page-wrapper .header_report {
    margin-bottom: 0px; }
  #page-wrapper .marginbottom10 {
    margin-bottom: 10px; }
  #page-wrapper .field_name {
    margin-bottom: 0px; }
  #page-wrapper .back-navbar .navbar-header {
    float: none; }
  #page-wrapper .margintop0 {
    margin-top: 20px; }
  #page-wrapper .companystaff {
    padding-top: 0; } }

@media screen and (max-width: 768px) {
  #page-wrapper > .container {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0; }
  #page-wrapper .paddingtop20 {
    padding-top: 20px; }
  #page-wrapper .login {
    margin-top: -20px !important; }
  #page-wrapper .margintop0 {
    margin-top: 0 !important; }
  #page-wrapper .companystaff {
    margin-top: 0 !important; }
  #page-wrapper .boxcenter .topbox img {
    width: 50%; }
  #page-wrapper .boxcenter .item img {
    width: 100%;
    height: auto; }
  #page-wrapper .boxcenter .row .item {
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important; }
    #page-wrapper .boxcenter .row .item img {
      width: 90%;
      height: auto; }
  #page-wrapper .viewreport-block .header-report {
    margin-left: 0;
    margin-right: 0; }
  #page-wrapper .changepassword > .row {
    margin-left: 0;
    margin-right: 0; } }

.btn-violet {
  background-color: #AA3399;
  color: #fff; }

#profile-body > a:hover {
  color: #fff; }

.attached-images img {
  border: 1px solid #d0d0d0;
  margin-bottom: 10px; }