@charset "UTF-8";
/*html {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}*/
html {
  height: 100%; }
  html body {
    background-color: #ffffff; }

body {
  height: 100%;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0px;
  background-color: #E6EBEE;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }
  body.body-content {
    background-color: #4E2A81; }
  body.no-scroll {
    overflow: hidden; }

a:active, a:focus, a:active {
  outline: 0; }
a:link {
  color: #1A66D2; }
  a:link:focus, a:link:active, a:link:hover {
    color: #1A66D2; }
a:visited {
  color: #4B10A8; }
  a:visited:focus, a:visited:active, a:visited:hover {
    color: #4B10A8; }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-none {
  float: none !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important; }

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important; }

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important; }

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important; }

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

.ml-0 {
  margin-left: 0 !important; }

.col-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mt-2 {
  margin-top: 0.5rem !important; }

.rounded {
  border-radius: 0.25rem !important; }

.table-borderless td, .table-borderless th {
  border: 0 !important; }

.position-relative {
  position: relative !important; }

.w-100 {
  width: 100%; }

.btn {
  border-radius: 3px; }

.btn-primary {
  background-color: #4E2A81; }

.btn-white {
  background-color: #ffffff;
  color: #333333;
  border-color: #ffffff; }
  .btn-white:hover, .btn-white:focus, .btn-white:active {
    color: #333333;
    border-color: #adadad;
    background-color: #e6e6e6;
    text-decoration: none;
    outline: none; }

#page_wrap {
  position: relative;
  height: 100%;
  color: #6F6F6F;
  background-color: #e7ebee;
  left: 0;
  top: 0;
  transition: left 0.3s; }
  #page_wrap .control-admin-mode {
    display: block; }
  #page_wrap a.read-more-content:hover {
    font-size: 20px;
    background-color: #4F2A81;
    color: #fff;
    text-decoration: none; }
  #page_wrap .module_title_discussion .btn-add-discussion {
    display: inline;
    font-size: 14px;
    position: absolute;
    width: auto;
    height: 20px;
    line-height: 16px;
    top: 3px !important;
    left: 170px;
    padding-top: 2px;
    padding-bottom: 3px; }
    #page_wrap .module_title_discussion .btn-add-discussion i {
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
      font-size: 19px; }
    #page_wrap .module_title_discussion .btn-add-discussion .icon {
      font-size: 18px; }
  #page_wrap .module_title_discussion .body-action-add {
    float: none;
    margin-right: 0;
    width: auto;
    height: auto;
    top: 0;
    background-color: #4E2A81;
    background-image: none; }
    #page_wrap .module_title_discussion .body-action-add:hover {
      background-color: #281542;
      border-color: #180d27; }

a {
  text-decoration: none;
  cursor: pointer; }

.link_view_all_child {
  color: #6F6F6F; }
  .link_view_all_child:hover {
    color: #6F6F6F; }

.clear {
  clear: both; }

.left {
  float: left; }

.right {
  float: right; }

.page_personal_database .module_title_corporate_database .wrap_txt_module_title {
  margin-top: 21px; }
.page_personal_database .module_title_corporate_database .wrap_icon_module_title {
  background: url("../images/personal_detail/personal_detail_icon2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  margin-top: 21px; }
.page_personal_database .head_module_title {
  min-width: 412px;
  margin-top: 0px;
  border-bottom: 0px solid #4F2A81; }
.page_personal_database .wraper_column {
  margin: 0px;
  padding-left: 15px; }
.page_personal_database .wraper_column_padding_left {
  background: url("../images/layout/bg_personal_highlight.jpg") repeat scroll 1px 0px transparent;
  padding-left: 0; }
.page_personal_database .wraper_column_hl_personal_db {
  padding-left: 0; }
.page_personal_database .btn-add-personal_database {
  left: 100px;
  top: 8px; }
.page_personal_database .btn-add-personal_database_long {
  left: 160px; }
.page_personal_database .btn-add-corporate_database {
  left: 75px;
  top: 8px; }
.page_personal_database .module_title_personal_database .wrap_icon_module_title {
  background: url("../stocks/thumb/00/32x32/personal_default.png") no-repeat;
  margin-top: 21px; }
.page_personal_database .module_title_personal_database .wrap_txt_module_title {
  margin-top: 21px; }

#parent-project-title-box {
  border-left: 1px solid #705298;
  min-width: 230px;
  max-width: 400px;
  height: 57px;
  margin-left: 20px;
  float: left; }

#parent-project-title-box-txt {
  color: #ffffff;
  font-size: 24px;
  margin-left: 20px;
  margin-right: 20px;
  font-style: normal;
  height: 70px; }

.viewPersonalDetailTable a {
  display: inline-block;
  background-color: #ececec;
  border-radius: 6px;
  width: 106px;
  float: right;
  text-align: center;
  color: #767676;
  font-size: 19px; }
  .viewPersonalDetailTable a:hover {
    background-color: #4f2a81;
    color: #ffffff !important;
    border-radius: 6px;
    width: 106px;
    float: right;
    text-decoration: none; }

.content_from_redactor {
  font-size: 14px; }
  .content_from_redactor iframe:not(.align_center) {
    display: none; }

.personal_no_data {
  width: 110px;
  color: red; }

.slot_admin_project {
  display: inline-block;
  margin-left: 5px;
  padding: 0;
  vertical-align: middle;
  width: 196px; }

.go_admin_project {
  display: inline-block;
  font-size: 35px;
  line-height: 12px;
  margin-left: 5px;
  padding: 0;
  vertical-align: middle;
  width: 22px; }

.jump_admin_project {
  width: 100%;
  position: relative;
  color: #ffffff;
  padding: 7px 5px;
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  .jump_admin_project img {
    vertical-align: middle; }
  .jump_admin_project:hover {
    color: #ffffff;
    background-color: #341360;
    text-decoration: none; }
  .jump_admin_project:link {
    color: #ffffff; }
    .jump_admin_project:link:hover {
      color: #ffffff; }
  .jump_admin_project:visited {
    color: #ffffff; }
    .jump_admin_project:visited:hover {
      color: #ffffff; }

#wrap_profile_login_top {
  width: 325px;
  height: 31px; }

#wrap_profile_login_middle, #wrap_profile_login_middle_m {
  display: inline-block;
  padding: 10px;
  background-color: #4f2b81;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  width: 100%; }

#wrap_profile_login_bottom, #wrap_profile_login_middle_m {
  display: inline-block;
  width: 100%;
  background-color: #593f8a;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 0 5px 3px; }

/*.body-action-add_people {
    display: inline;
    float: right;
    text-indent: -1e+13px;
    margin-left: 5px;
    margin-right: 5px;
}*/
#root_popup {
  width: 100%;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 10000;
  display: none; }
  #root_popup #iframe_admin_mode {
    background-color: #808080; }
  #root_popup #iframe_user_mode {
    background-color: #ffffff; }
  #root_popup #display_description, #root_popup #display_detail {
    font-size: 18px; }

.size_file_name {
  float: right;
  font-size: 10px;
  margin-top: 7px; }

#bg_popup_user_mode {
  background: rgba(0, 0, 0, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b2000000', endColorstr='#b2000000');
  width: 100%;
  height: 100%; }

.wrap_box_admin_body .label {
  padding: 0;
  line-height: 1.5; }
.wrap_box_admin_body .static_value {
  font-size: 14px;
  line-height: 1.5; }

.box_admin_dynamic .box_admin_dynamic_inner {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #444444;
  padding: 5px 0px;
  background-color: #414141;
  border-radius: 4px;
  display: block;
  position: relative; }
  .box_admin_dynamic .box_admin_dynamic_inner:before {
    position: absolute;
    top: -9px;
    right: 10px;
    display: inline-block;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #414141;
    border-left: 9px solid transparent;
    border-bottom-color: #414141;
    content: ''; }
  .box_admin_dynamic .box_admin_dynamic_inner:after {
    position: absolute;
    top: -8px;
    right: 11px;
    display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #414141;
    border-left: 8px solid transparent;
    content: ''; }
  .box_admin_dynamic .box_admin_dynamic_inner ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .box_admin_dynamic .box_admin_dynamic_inner ul li {
      position: relative;
      min-width: 180px;
      height: 30px; }
      .box_admin_dynamic .box_admin_dynamic_inner ul li:hover {
        background-color: rgba(255, 255, 255, 0.1); }
      .box_admin_dynamic .box_admin_dynamic_inner ul li .icon_menu {
        font-size: 16px;
        position: absolute;
        top: 50%;
        left: 15px;
        margin-top: -10px;
        color: #fff; }
      .box_admin_dynamic .box_admin_dynamic_inner ul li a {
        padding-left: 45px;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        position: relative !important;
        display: inline-block !important;
        width: 100% !important;
        line-height: 1.4;
        background-image: none !important;
        background-repeat: none !important;
        margin-top: 5px !important;
        top: auto;
        right: auto; }
        .box_admin_dynamic .box_admin_dynamic_inner ul li a:hover {
          text-decoration: none; }
.box_admin_dynamic .box_admin_body {
  background-color: #414141;
  border-radius: 3px;
  overflow: hidden; }
.box_admin_dynamic .popmenu_open_arrow {
  position: absolute;
  top: -9px;
  right: 25px;
  background-image: none; }
.box_admin_dynamic input[type="text"].text {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: none; }

.wrap_box_admin_dynamic {
  position: absolute;
  z-index: 1002;
  table-layout: fixed;
  top: 23px;
  right: -16px; }

#area_bg_popup_user_mode {
  position: absolute;
  width: 100%;
  height: 100%; }

#icon_top_form {
  vertical-align: middle; }

.btn_top_form {
  background: none repeat scroll 0 0 #4E2A81;
  border: 1px solid #4E2A81;
  border-radius: 3px;
  color: white;
  float: right;
  font-size: 14px;
  font-weight: normal;
  margin: 16px 12px 0 0;
  padding: 0 12px;
  cursor: pointer; }
  .btn_top_form:hover {
    background: #663e9c;
    color: #ffffff; }

.btn_done_style {
  background: #4F2A81;
  margin-right: 10px;
  color: #ffffff;
  font-weight: normal;
  border: 1px solid #4E2A81;
  font-size: 14px;
  padding: 6px 8px 6px 8px; }
  .btn_done_style:hover {
    background: #663e9c;
    color: #ffffff; }

.btn_done_disable {
  opacity: 0.5 !important;
  cursor: auto !important; }
  .btn_done_disable:hover {
    background: #4F2A81 !important;
    opacity: 0.5 !important; }

.btn_cancel_style {
  background: #535353;
  font-size: 20px;
  color: #ffffff;
  font-weight: normal;
  font-size: 14px;
  padding: 6px 8px 6px 8px;
  border: 1px solid #535353; }
  .btn_cancel_style:hover {
    background: #676767;
    color: #ffffff; }

#bar_popup_admin {
  width: 100%;
  height: 0px;
  overflow: hidden;
  background: url("../images/layout/bar_window.png") repeat scroll 1px 0px transparent; }

#wrap_user_popup {
  padding: 20px 0px;
  height: 100%;
  max-width: 960px;
  z-index: 1050;
  margin: auto;
  position: relative;
  padding: 0;
  outline: 0; }
  #wrap_user_popup #bar_popup {
    background-color: #ffffff;
    position: relative;
    padding: 20px;
    text-align: right; }
  #wrap_user_popup #wrap_pop_content {
    /*padding: 20px;*/ }
  #wrap_user_popup #display {
    -webkit-overflow-scrolling: touch; }
  #wrap_user_popup iframe {
    -webkit-overflow-scrolling: touch; }

#page {
  height: auto;
  background-color: #E6EBEE; }
  #page .scf-main-content-mobile-sub-menu {
    display: none; }

* html #page {
  height: 100%; }
* html #page-wrap {
  height: 100%; }
* html .wrap_new_line_after_knowledge {
  width: expression( document.body.clientWidth > 209 ? "210px": "auto");
  overflow-y: auto; }

#page-wrap {
  padding-bottom: 50px;
  min-height: 500px;
  height: 100%; }
  #page-wrap:after {
    content: " ";
    display: block;
    clear: both; }

.wraper_column {
  height: 100%;
  margin-bottom: 10px; }

.page_homepage .wraper_column_search_w_thumb {
  padding-left: 15px; }
.page_homepage .wraper_column_search_w_list_tiny_thumb {
  padding-left: 15px; }
.page_homepage .module_title_personal_database {
  margin-top: -3px;
  border-bottom: 0px solid #4F2A81; }
  .page_homepage .module_title_personal_database .wrap_icon_module_title {
    background: url("../stocks/thumb/00/32x32/personal_default.png") no-repeat; }
.page_homepage .btn-add-personal_database {
  display: none;
  position: absolute;
  left: 5px;
  top: -2px !important; }
.page_homepage .fix_width_no_data_search_w_thumb {
  width: auto; }
.page_homepage .wraper_column_list_w_thumb {
  min-width: 500px; }

.wraper_column_padding_left_personal_database {
  padding: 0; }

header {
  position: relative;}

.scf-main-content,
.referrer-menu {
  width: calc(100% - 40px);
  max-width: 1280px;
  margin: 0 auto;
  position: relative; }

.referrer-menu {
  text-align: center; }
  .referrer-menu .inner {
    font-size: 16px;
    padding: 13px 15px 12px;
    display: inline-block;
    border-bottom: 3px solid #4E2A81;
    text-decoration: none !important;
    color: #4E2A81 !important; }
  .referrer-menu .referrer-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
    height: 48px; }
    .referrer-menu .referrer-back a {
      display: block;
      width: 75px;
      height: 48px;
      line-height: 48px;
      text-align: left;
      color: #A7A7A7;
      text-decoration: none !important; }
      .referrer-menu .referrer-back a:hover {
        color: #4E2A81; }
      .referrer-menu .referrer-back a .icon_back {
        font-size: 30px;
        display: inline-block;
        vertical-align: top; }
      .referrer-menu .referrer-back a .txt_back {
        font-size: 14px;
        display: inline-block;
        vertical-align: top; }

#logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
  #logo #logo-contain {
    position: absolute;
    z-index: 12;
    left: 0;
    top: 8px; }

#header {
  height: 55px;
  width: 100%;
  overflow: visible;
  z-index: 1;
  background: url("../images/layout/bg-top.png") top right no-repeat;
  background-color: #4E2A81;
  position: relative; }
  #header .scf-main-content-mobile {
    display: none; }
  #header .logo-small {
    float: left;
    display: block;
    height: 55px; }
    #header .logo-small .img-logo-primary {
      height: 45px;
      margin-top: 5px;
      margin-right: 8px; }
    #header .logo-small .img-logo-title {
      margin-top: 5px; }

#shadow {
  width: 100%;
  min-width: 1024px;
  height: 7px;
  overflow: hidden;
  background: url("../../images/layout/bg-top-shadow.png") repeat-x;
  position: absolute;
  z-index: 5; }

#control-contain {
  position: relative; }
  #control-contain .title-logo {
    float: left;
    margin: 12px 0 0 82px; }
    #control-contain .title-logo a {
      display: block; }
  #control-contain .title-logo-small {
    float: left;
    margin: 0 0 0 57px; }
  #control-contain #header-link {
    position: relative;
    height: 55px;
    padding-top: 12px;
    padding-bottom: 12px; }
    #control-contain #header-link .scf-main-menu {
      list-style-type: none;
      padding: 0;
      margin: 0;
      float: right; }
      #control-contain #header-link .scf-main-menu li {
        font-size: 18px;
        padding: 0 10px;
        display: inline-block;
        height: 32px;
        float: left; }
        #control-contain #header-link .scf-main-menu li:last-child {
          border-right: none; }
        #control-contain #header-link .scf-main-menu li a {
          color: #ffffff !important;
          vertical-align: sub;
          font-size: 13px; }
          #control-contain #header-link .scf-main-menu li a:hover {
            text-decoration: underline !important; }
        #control-contain #header-link .scf-main-menu li:last-child {
          padding-right: 0; }
        #control-contain #header-link .scf-main-menu li.dot-menu {
          color: #ffffff;
          padding: 0;
          line-height: 32px; }
  #control-contain .universal-search {
    position: absolute;
    top: 0;
    right: 0;
    margin: 13px 315px 0px 315px;
    width: calc(100% - 630px); }
    #control-contain .universal-search .inner-form {
      background: #fff;
      width: 100%;
      border-radius: 15px;
      height: 30px; }
      #control-contain .universal-search .inner-form .input-field {
        height: 30px; }
        #control-contain .universal-search .inner-form .input-field input {
          line-height: 1.5;
          height: 100%;
          background: transparent;
          border: 0;
          display: block;
          width: 100%;
          padding: 0px 12px 0 17px;
          margin: 0 !important;
          color: #555;
          cursor: auto; }
          #control-contain .universal-search .inner-form .input-field input:-moz-placeholder {
            color: #888; }
          #control-contain .universal-search .inner-form .input-field input::-webkit-input-placeholder {
            color: #888; }
          #control-contain .universal-search .inner-form .input-field input:hover {
            box-shadow: none;
            outline: 0;
            border-color: #fff; }
          #control-contain .universal-search .inner-form .input-field input:focus {
            box-shadow: none;
            outline: 0;
            border-color: #fff; }
        #control-contain .universal-search .inner-form .input-field input.placeholder {
          color: #888;
          font-size: 16px; }
      #control-contain .universal-search .inner-form .input-field.second-wrap {
        float: left;
        width: calc(100% - 70px); }
      #control-contain .universal-search .inner-form .input-field.third-wrap {
        float: right;
        width: 40px; }
        #control-contain .universal-search .inner-form .input-field.third-wrap .btn-search {
          line-height: 1.6;
          height: 100%;
          width: 100%;
          white-space: nowrap;
          color: #4D267F;
          border: 0;
          cursor: pointer;
          background: #ececec;
          transition: all .2s ease-out, color .2s ease-out;
          border-top-right-radius: 15px;
          border-bottom-right-radius: 15px;
          font-size: 14px;
          margin: 0;
          padding: 0; }
          #control-contain .universal-search .inner-form .input-field.third-wrap .btn-search:hover {
            background: lightgray; }
          #control-contain .universal-search .inner-form .input-field.third-wrap .btn-search:focus {
            outline: 0;
            box-shadow: none; }
      #control-contain .universal-search .inner-form .input-field.clear-search-wrap {
        display: none;
        line-height: 30px;
        margin-right: 10px;
        float: right; }
        #control-contain .universal-search .inner-form .input-field.clear-search-wrap.active {
          display: block; }
        #control-contain .universal-search .inner-form .input-field.clear-search-wrap .btn-clear-search .icon {
          display: inline;
          cursor: pointer; }

.wrap_dropdown_search {
  position: relative; }

.dropdown_search {
  display: none;
  cursor: pointer;
  position: absolute;
  /* Dropdown button on hover & focus */
  /* The container <div> - needed to position the dropdown content */
  /* Dropdown Content (Hidden by Default) */
  /* Links inside the dropdown */
  /* Change color of dropdown links on hover */ }
  .dropdown_search .txt_label {
    width: 100%;
    display: inline-block;
    text-align: left;
    padding-left: 5px; }
  .dropdown_search .dropbtn {
    color: white;
    padding: 2px 0;
    font-size: 13px;
    border: none;
    width: 100px;
    color: #333333;
    background-color: transparent; }
  .dropdown_search .arrow {
    float: right;
    margin-right: 5px;
    margin-top: 2px;
    font-size: 13px; }
  .dropdown_search .dropbtn:hover, .dropdown_search .dropbtn:focus {
    color: #4E2A81; }
  .dropdown_search .dropdown {
    position: relative;
    display: inline-block; }
  .dropdown_search .dropdown-content {
    padding: 5px 0;
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 100px;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5);
    z-index: 10;
    border-radius: 3px; }
  .dropdown_search .dropdown-content .dropdown-list {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    display: block; }
  .dropdown_search .dropdown-content .dropdown-list:not(.active):hover {
    background-color: #eee; }
  .dropdown_search .dropdown-content .dropdown-list.active {
    color: #4E2A81; }

.wrap_dropdown_search.desktop .dropdown_search {
  left: 4px;
  border-right: 1px solid #ccc;
  top: 5px; }
.wrap_dropdown_search.desktop .input-field.second-wrap {
  float: left;
  width: calc(100% - 150px) !important;
  margin-left: 95px; }
.wrap_dropdown_search.desktop .btn-clear-search {
  position: absolute;
  top: 1px;
  right: 50px; }

.wrap_dropdown_search.mobile .dropdown_search {
  right: 7px;
  top: 5px;
  border-left: 1px solid #ccc; }
.wrap_dropdown_search.mobile .scf-menu-block-search-layout input[type="text"] {
  width: calc(100% - 130px) !important; }

#control-login {
  display: none;
  width: 280px;
  height: 360px;
  position: absolute;
  top: 46px;
  right: -15px;
  z-index: 8; }

.menu-test {
  width: 300px;
  height: 250px;
  background-color: #CCCCCC; }

#menu {
  position: relative;
  width: 100%;
  height: 48px;
  background: white;
  border-bottom: 1px solid #DDDFE2; }
  #menu.wrap-menu-child-project {
    height: 55px; }
  #menu.wrap-referrer-menu {
    height: 48px; }
    #menu.wrap-referrer-menu .scf-main-content-mobile-sub-menu {
      display: none !important; }
  #menu .menu-top-detail .header {
    color: #FFFFFF;
    font-size: 18px; }
  #menu .menu-top-detail .menu-top-title {
    overflow: hidden;
    background: url("../images/layout/bg_project_title_top1.png") no-repeat left top;
    padding-top: 7px; }
    #menu .menu-top-detail .menu-top-title h1 {
      font-weight: normal;
      line-height: 22px;
      color: #FFFFFF;
      font-size: 27px;
      margin: 0px;
      padding-bottom: 7px;
      padding-left: 0;
      padding-top: 0; }
  #menu .menu-top-detail .menu-top-pic {
    height: 192px;
    width: 192px;
    padding: 0 0 0 5px;
    overflow: hidden; }
  #menu .menu-top-detail .top-parent-bottom {
    background: url("../images/layout/bg_project_title_top2.png") no-repeat left top;
    padding-top: 24px; }
  #menu .menu-top {
    position: relative;
    margin-left: 2px;
    background: url("../../images/layout/bg-menu-left-top.png") no-repeat;
    width: 202px;
    height: 46px; }
  #menu .menu-middle {
    margin-left: 2px;
    width: 220px;
    height: auto;
    overflow: auto;
    position: relative; }
    #menu .menu-middle ul {
      margin: 0 0 0 0px;
      padding: 0px;
      width: 191px; }
    #menu .menu-middle li {
      width: 202px;
      list-style: none;
      color: #848484; }
    #menu .menu-middle .list_li {
      padding: 0 5px;
      width: 191px;
      background: url("../../images/layout/bg-menu-left-middle.png") 0px 0 repeat-y;
      list-style: none;
      color: #848484;
      cursor: pointer; }
      #menu .menu-middle .list_li a {
        color: #999999;
        text-decoration: none; }
        #menu .menu-middle .list_li a:hover {
          color: #4F2A81;
          text-decoration: none; }
    #menu .menu-middle .list_border {
      background: url("../../images/layout/menu-line.png") no-repeat scroll center top #d2d2d2;
      height: 2px; }
    #menu .menu-middle .list_text {
      padding: 5px 25px 5px 15px;
      background: url("../../images/icon/menu-arrow.png") 97% 50% no-repeat; }
    #menu .menu-middle .active .list_border {
      background: url("../../images/layout/menu-line-active.png") center top no-repeat;
      height: 2px; }
    #menu .menu-middle .active .list_main {
      background: url("../../images/layout/bg-menu-left-middle-active.png") center top no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; }
    #menu .menu-middle .active .list_text {
      background: url("../../images/icon/menu-arrow-active.png") 95% 50% no-repeat;
      color: #4f2a81 !important; }
  #menu .menu-main-mav {
    text-align: center;
    padding-left: 66px;
    width: 100%;
    height: auto;
    overflow: auto;
    position: relative; }
    #menu .menu-main-mav .body-action.control-admin-mode {
      position: absolute;
      top: 3px;
      left: 70px; }
    #menu .menu-main-mav ul {
      display: inline-block;
      margin: 0;
      padding: 0;
      list-style-type: none; }
    #menu .menu-main-mav li {
      width: auto;
      height: 48px;
      color: #848484;
      display: inline-block;
      cursor: pointer; }
      #menu .menu-main-mav li a {
        color: #333333;
        text-decoration: none;
        font-size: 16px;
        display: inline-block;
        padding: 15px 15px 0;
        width: 100%;
        height: 100%;
        white-space: nowrap; }
        #menu .menu-main-mav li a:hover {
          color: #4F2A81;
          text-decoration: none; }
      #menu .menu-main-mav li.active {
        border-bottom: solid 3px #4F2A81; }
        #menu .menu-main-mav li.active a {
          color: #4E2A81; }
  #menu .menu-bottom {
    margin-left: 2px;
    background: url("../../images/layout/bg-menu-left-bottom-none.png") no-repeat;
    width: 202px;
    height: 22px;
    position: relative; }
  #menu .menu-bottom-active {
    background: url("../../images/layout/bg-menu-left-bottom-none.png") no-repeat !important;
    width: 202px;
    height: 22px;
    position: relative; }
    #menu .menu-bottom-active a.btn_scroll_menu {
      display: block; }
  #menu .no-menu-padding {
    padding: 0; }
  #menu .list_li_social {
    cursor: default; }
  #menu #menu-sub-project {
    padding: 10px 0;
    position: relative;
    width: calc(100% - 40px);
    max-width: 1280px;
    margin: 0 auto; }
    #menu #menu-sub-project .menu-item {
      float: left;
      cursor: pointer; }
      #menu #menu-sub-project .menu-item.active .title {
        color: #7c4cdc; }
      #menu #menu-sub-project .menu-item.active .icon {
        color: #7c4cdc; }
      #menu #menu-sub-project .menu-item:not(.active):hover .project-name.text_black {
        color: #4E2A81; }
    #menu #menu-sub-project .title {
      font-size: 11px;
      margin-bottom: 4px;
      pointer-events: none; }
    #menu #menu-sub-project .project-name {
      font-size: 14px;
      pointer-events: none;
      color: #888888; }
    #menu #menu-sub-project .menu-current-project .wrap-menu-chuid-project-content {
      display: none; }
    #menu #menu-sub-project .menu-current-project .menu-item {
      position: relative;
      padding: 0 11px;
      height: 34px; }
      #menu #menu-sub-project .menu-current-project .menu-item.current .title {
        margin-bottom: 3px; }
      #menu #menu-sub-project .menu-current-project .menu-item.current .project-name {
        color: #4E2A81; }
      #menu #menu-sub-project .menu-current-project .menu-item:first-child {
        padding-left: 0; }
      #menu #menu-sub-project .menu-current-project .menu-item:last-child.current {
        max-width: 100%; }
      #menu #menu-sub-project .menu-current-project .menu-item:not(.current):hover .project-name {
        color: #4E2A81; }
    #menu #menu-sub-project .menu-current-project.menu-1 .menu-item {
      max-width: 250px; }
    #menu #menu-sub-project .menu-current-project.menu-2 .menu-item {
      max-width: 250px; }
    #menu #menu-sub-project .menu-current-project.menu-3 .menu-item {
      max-width: 250px; }
    #menu #menu-sub-project .menu-current-project.menu-extra .menu-item {
      width: calc(25% - 12px); }
      #menu #menu-sub-project .menu-current-project.menu-extra .menu-item.menu-separate {
        width: 48px;
        cursor: default;
        pointer-events: none; }
    #menu #menu-sub-project .menu-current-project .line-arrow {
      position: absolute;
      top: -10px;
      right: 0; }
      #menu #menu-sub-project .menu-current-project .line-arrow img {
        height: 56px; }
    #menu #menu-sub-project .menu-current-project .arrow {
      margin-left: 5px; }
      #menu #menu-sub-project .menu-current-project .arrow .arrow-up {
        display: none; }
      #menu #menu-sub-project .menu-current-project .arrow .arrow-down {
        display: inline; }
    #menu #menu-sub-project .menu-current-project.open .wrap-menu-chuid-project-content {
      display: block; }
    #menu #menu-sub-project .menu-current-project.open .arrow-up {
      display: inline; }
    #menu #menu-sub-project .menu-current-project.open .arrow-down {
      display: none; }
    #menu #menu-sub-project .wrap-menu-chuid-project-content {
      display: none;
      position: fixed;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 999999;
      left: 0;
      top: 115px; }
    #menu #menu-sub-project .list-child-project {
      background-color: #ffffff;
      padding-bottom: 20px;
      border: 1px solid #DDDFE2;
      border-top: none;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px; }
      #menu #menu-sub-project .list-child-project .list-child-project-header {
        padding: 10px 20px; }
      #menu #menu-sub-project .list-child-project .list-child-project-content {
        padding: 0 20px;
        max-height: 420px;
        overflow-y: scroll;
        overflow-x: hidden; }

#bg-menu-middle {
  background-color: #f1f1f1;
  height: 100%;
  left: 5px;
  position: absolute;
  top: 0;
  width: 192px;
  z-index: -1; }

#bg-menu-bottom {
  background-color: #f1f1f1;
  height: 10px;
  left: 7px;
  position: absolute;
  top: -5px;
  width: 192px;
  z-index: -1; }

.small_title {
  font-size: 23px !important; }
  .small_title .title_main_project {
    font-size: 18px;
    line-height: 16px; }

.menu-parent-bottom {
  background: url("../../images/layout/bg_project_title_bottom2.png") center top no-repeat;
  height: 18px;
  margin-bottom: -5px;
  position: relative;
  width: 205px;
  z-index: 10; }

#menu-none-active {
  position: absolute;
  z-index: 7;
  left: 30px;
  top: 145px;
  display: none;
  background: url("../../images/layout/menu-none-active.png") no-repeat;
  width: 100px;
  height: 35px; }

.menu-bottom a.btn_scroll_menu {
  display: none;
  width: 27px;
  height: 8px;
  position: absolute; }

.btn_scroll_menu span {
  visibility: hidden; }

#menu-arrow-up {
  background: url("../../images/layout/menu_more_up.png") no-repeat center center;
  left: 60px;
  top: 3px; }

#menu-arrow-down {
  background: url("../../images/layout/menu_more_down.png") no-repeat center center;
  right: 60px;
  top: 4px; }

#form-login {
  color: #FFFFFF;
  padding: 10px; }
  #form-login .login.label {
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    padding: 12px 10px; }
  #form-login .wrap-box-btn-facebook {
    padding-left: 10px;
    padding-right: 10px; }
  #form-login .box-btn-facebook {
    height: 34px; }
    #form-login .box-btn-facebook .btn-facebook {
      height: 34px; }
    #form-login .box-btn-facebook .box_text_facebook {
      padding-top: 4px; }
  #form-login .input-group-addon {
    padding: 6px 8px !important; }
  #form-login .or.label {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    text-align: center;
    width: 100%; }
  #form-login .username-input {
    padding: 10px;
    position: relative; }
    #form-login .username-input span {
      background-color: #d3cadf; }
    #form-login .username-input input {
      background-color: #d3cadf;
      width: 100%;
      border: 0;
      color: #422569;
      outline: none;
      box-shadow: none;
      padding: 0; }
      #form-login .username-input input:focus {
        outline: none; }
  #form-login .password-input {
    padding: 10px;
    position: relative; }
    #form-login .password-input span {
      background-color: #d3cadf; }
    #form-login .password-input input {
      background-color: #d3cadf;
      width: 100%;
      border: 0;
      color: #422569;
      outline: none;
      box-shadow: none;
      padding: 0; }
      #form-login .password-input input:focus {
        outline: none; }
  #form-login .remember {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 10px; }
    #form-login .remember .box_remember {
      display: block;
      width: 15px;
      height: 15px;
      float: left;
      position: relative;
      background-color: #ffffff;
      border-radius: 3px; }
      #form-login .remember .box_remember input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0; }
      #form-login .remember .box_remember .icon {
        color: #4E2A81;
        font-size: 10px;
        line-height: 15px;
        text-align: center; }
    #form-login .remember .remember_msg {
      display: block;
      margin-left: 5px;
      font-size: 12px; }
  #form-login .btn-register {
    cursor: pointer;
    padding: 10px;
    width: 100%;
    text-align: center; }
  #form-login .btn-regis {
    cursor: pointer;
    background-color: #7a619d;
    border-radius: 12px;
    padding: 5px;
    font-size: 12px;
    width: 42%;
    text-align: center;
    color: #fff;
    margin-left: 10px;
    display: inline-block; }
    #form-login .btn-regis a {
      color: #fff;
      text-decoration: none; }
  #form-login .btn-forgot {
    cursor: pointer;
    background-color: #7a619d;
    border-radius: 12px;
    padding: 5px;
    font-size: 12px;
    width: 43%;
    text-align: center;
    color: #fff;
    margin-left: 5px;
    display: inline-block; }
    #form-login .btn-forgot a {
      color: #fff;
      text-decoration: none; }
  #form-login #btn-login {
    border: 0;
    height: 42px;
    width: 100%;
    color: #FFFFFF;
    font-size: 20px;
    padding: 5px;
    background-color: #7a619d;
    border-radius: 21px; }
  #form-login .hint_form {
    color: #775C9C;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    left: 73px;
    position: absolute;
    top: 39px; }
  #form-login #hint_password {
    top: 27px; }

.tickbox {
  float: left;
  margin: 3px 5px 0 0; }

.child_title {
  border-bottom: 1px solid #F0F0F0;
  color: #666666;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  height: 16px;
  margin-bottom: 14px;
  padding: 20px 0 10px 21px;
  position: relative; }
  .child_title span {
    height: 16px;
    display: block;
    visibility: hidden;
    text-indent: -9999px;
    width: 135px; }
  .child_title .wrap_choice .choice_list .after_hover .normal {
    color: #fff; }

.custom_droparea {
  margin: auto auto 5px;
  position: relative;
  width: 100%; }

.custom_dropareabox {
  background-color: #FFFFFF;
  border: 2px dashed #BBBBBB;
  padding: 60px 0;
  position: relative;
  text-align: center;
  width: 99%;
  z-index: 1; }

#gallery_preview ul {
  margin: 0;
  padding: 10px;
  overflow: hidden; }
#gallery_preview li {
  width: 200px;
  height: 200px;
  display: inline;
  float: left;
  list-style: none;
  position: relative;
  margin: 5px; }
  #gallery_preview li img {
    float: left; }
  #gallery_preview li a {
    display: none;
    width: 20px;
    height: 20px;
    background: url("../images/layout/button-cross.png") no-repeat left top;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 5; }

#scrollbar1 {
  width: calc(100% - 40px);
  max-width: 1280px;
  margin: 0 auto; }
  #scrollbar1 .viewport {
    width: 100%;
    position: relative; }
  #scrollbar1 .scrollbar {
    background: url("../images/scrollbar/bg-scrollbar-track-x.png") no-repeat scroll 0 0 transparent;
    clear: both;
    height: 15px;
    position: relative; }
  #scrollbar1 .track {
    background: url("../images/scrollbar/bg-scrollbar-trackend-x.png") repeat-x scroll 100% 0 transparent;
    height: 15px;
    position: relative;
    width: 100%; }
  #scrollbar1 .thumb_scrollbar {
    background: url("../images/scrollbar/bg-scrollbar-thumb-x.png") no-repeat scroll 100% 50% transparent;
    cursor: pointer;
    height: 25px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -5px; }
    #scrollbar1 .thumb_scrollbar .end {
      background: url("../images/scrollbar/bg-scrollbar-thumb-x.png") no-repeat scroll 0 50% transparent;
      height: 25px;
      overflow: hidden;
      width: 5px; }
  #scrollbar1 .disable {
    display: none; }

.noSelect {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none; }

.module_title_discussion .wrap_icon_module_title {
  background: url("../stocks/thumb/00/32x32/discuss_default.png") no-repeat; }

.module_hero_banner .body-action-add {
  display: inline; }

.btn-add-activity {
  display: none;
  width: 98px;
  height: 23px;
  position: absolute;
  left: 210px;
  top: 2px !important; }

.module_title_activity {
  background: url("../images/layout/icon_head_title.jpg") no-repeat scroll left 24px;
  padding: 20px 0 10px 20px; }
  .module_title_activity .wrap_icon_module_title {
    background: url("../stocks/thumb/00/32x32/activity_default.png") no-repeat; }

.module_title_facebook_fanpage {
  background: url("../images/layout/icon_head_title.jpg") no-repeat left -360px; }
  .module_title_facebook_fanpage .wrap_icon_module_title {
    background: url("../stocks/thumb/00/32x32/facebook_default.png") no-repeat; }

.wraper_column_list_lastest_activities_update .wrap_icon_module_title {
  background: url("../stocks/thumb/00/32x32/activity_update_default.png") no-repeat; }

.btn-add-personal_database {
  display: block;
  width: 98px;
  height: 23px;
  position: absolute;
  left: 125px;
  top: 11px; }

.module_title_child_inactive {
  background: url("../images/layout/child_title.jpg") no-repeat scroll left 23px transparent; }
  .module_title_child_inactive .wrap_icon_module_title {
    background: url("../stocks/thumb/00/32x32/project_default.png") no-repeat; }

.module_title_child {
  background: url("../images/layout/child_title.jpg") no-repeat scroll left 23px transparent; }
  .module_title_child .wrap_icon_module_title {
    background: url("../stocks/thumb/00/32x32/project_default.png") no-repeat; }

.module_title_discussion_tag {
  background: url("../images/layout/icon_head_title.jpg") no-repeat left -71px; }
  .module_title_discussion_tag .wrap_icon_module_title {
    background: url("../stocks/thumb/00/32x32/discuss_default.png") no-repeat; }

.btn-add-news {
  display: none;
  width: 98px;
  height: 23px;
  position: absolute;
  left: 198px; }

.module_title_news {
  background: url("../images/layout/icon_head_title.jpg") no-repeat left -22px; }
  .module_title_news .wrap_icon_module_title {
    background: url("../stocks/thumb/00/32x32/news_default.png") no-repeat; }

.btn-add-friend_news {
  display: none;
  width: 98px;
  height: 23px;
  position: absolute;
  left: 145px;
  top: 2px !important; }

.module_title_friend_news {
  background: url("../images/layout/icon_head_title.jpg") no-repeat left -170px; }
  .module_title_friend_news .wrap_icon_module_title {
    background: url("../stocks/thumb/00/32x32/friend_news_default.png") no-repeat; }

.btn-add-calendar {
  display: none;
  width: 98px;
  height: 23px;
  position: absolute;
  left: 106px;
  top: 2px !important; }

.module_title_calendar {
  background: url("../images/layout/calendar_title.png") no-repeat left 24px; }
  .module_title_calendar .wrap_icon_module_title {
    background: url("../stocks/thumb/00/32x32/calander_default.png") no-repeat; }

.btn-add-weblink {
  display: none;
  width: 98px;
  height: 23px;
  position: absolute;
  left: 185px;
  top: 2px !important; }

.module_title_weblink {
  background: url("../images/layout/icon_head_title.jpg") no-repeat left -314px; }
  .module_title_weblink .wrap_icon_module_title {
    background: url("../stocks/thumb/00/32x32/link_default.png") no-repeat; }

.btn-add-publishing {
  display: none;
  width: 98px;
  height: 23px;
  position: absolute; }

.module_title_publishing {
  background: url("../images/layout/icon_head_title.jpg") no-repeat left -120px; }
  .module_title_publishing .wrap_icon_module_title {
    background: url("../stocks/thumb/00/32x32/media_default.png") no-repeat; }

.btn-add-knowledge_of_community {
  display: none;
  width: 98px;
  height: 23px;
  position: absolute;
  left: 158px;
  top: 2px !important; }

.module_title_knowledge_of_community .wrap_icon_module_title {
  background: url("../stocks/thumb/00/32x32/knowledge_of_community_default.png") no-repeat; }

.btn-add-knowledge {
  display: none;
  width: 98px;
  height: 23px;
  position: absolute; }

.module_title_knowledge {
  background: url("../images/layout/icon_head_title.jpg") no-repeat left -22px; }
  .module_title_knowledge .wrap_icon_module_title {
    background: url("../stocks/thumb/00/32x32/knowledge_default.png") no-repeat; }

.project_over_view_head_icon .wrap_icon_module_title {
  background: url("../stocks/thumb/00/32x32/strategic_default.png") no-repeat;
  background-color: #6B4C95;
  height: 32px;
  left: 0;
  position: absolute;
  top: 0;
  width: 31px; }
.project_over_view_head_icon .wrap_txt_module_title {
  background-color: #4F2A81;
  color: #FFFFFF;
  float: left;
  height: 25px;
  margin-left: 31px;
  margin-top: 0;
  padding: 4px 11px 3px 9px; }

.module_title_personal_database {
  background: url("../images/layout/icon_head_title.jpg") no-repeat left -262px; }

#wrap_all_content_personal_group .module_title_personal_database span {
  margin-top: 12px; }

.menu-top-pic {
  position: relative;
  padding-left: 6px;
  background: url("../images/layout/bg_project_image.png") repeat-y scroll 2px top transparent;
  overflow: hidden;
  height: 193px; }
  .menu-top-pic img {
    float: left; }

.menu_project_image {
  float: left;
  margin-bottom: 8px; }

#tab_logout {
  width: 32px !important;
  height: 32px;
  float: right;
  position: relative;
  cursor: pointer; }
  #tab_logout .thumb {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0; }
    #tab_logout .thumb img {
      border-radius: 50%;
      display: none; }
  #tab_logout .display_name {
    left: 42px;
    overflow: hidden;
    position: absolute;
    top: 9px;
    width: 120px;
    color: #4f2a81;
    white-space: nowrap;
    display: none; }

.wrapper_thumb_logo_user {
  position: relative; }

.icon_user_circle {
  position: absolute;
  font-size: 24px;
  display: block;
  color: #fff; }

#btn-status-mode {
  background: url("../images/layout/tab_logout.png") no-repeat scroll right 0 transparent;
  width: 110px;
  float: right;
  height: 32px;
  display: none; }

.btn_status_view {
  background: url("../images/icon/admin_mode.gif") no-repeat scroll 0 bottom transparent;
  width: 78px;
  height: 18px;
  display: inline-block;
  text-indent: -999em;
  margin: 6px 0 0 5px;
  display: none; }

.m_user .btn_status_view {
  background: url("../images/icon/admin_mode.gif") no-repeat scroll 0 0 transparent; }

#box_edit_profile, #box_edit_profile_m {
  overflow: hidden;
  position: absolute;
  right: -25px;
  top: 50px;
  width: 325px;
  z-index: 500;
  display: none; }

#col_content, #col_content_m {
  position: relative;
  margin: 35px 0 0 28px;
  color: white; }

#box-edit-content, #box-edit-content-m {
  float: left;
  margin: -5px 0 0 10px;
  width: 208px;
  height: 90px; }
  #box-edit-content p, #box-edit-content-m p {
    clear: left; }

#box-edit-type, #box-edit-type-m {
  color: #C9ACEF; }
  #box-edit-type img, #box-edit-type-m img {
    vertical-align: middle; }
  #box-edit-type span, #box-edit-type-m span {
    vertical-align: middle; }

#box-edit-name, #box-edit-name-m {
  color: #FFFFFF;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  line-height: 30px;
  float: left; }

.btn_scb_style span.hover {
  background: #D8BCFD;
  border: 1px solid #E6D7F9;
  color: #4F2A81; }
.btn_scb_style:hover span {
  background: #D8BCFD;
  border: 1px solid #E6D7F9;
  color: #4F2A81; }
.btn_scb_style span {
  background: #4F2A81;
  border: 1px solid #7F60A7;
  color: #D2B4F9;
  cursor: pointer;
  float: left;
  font-size: 12px;
  margin: 7px 0 0;
  padding: 0 14px;
  text-align: center;
  border-radius: 8px; }

.btn-switch-admin-view-mode span.hover {
  background: none repeat scroll 0 0 #484849 !important;
  border: 1px solid #492775 !important;
  color: #ffffff !important; }
.btn-switch-admin-view-mode:hover span {
  background: none repeat scroll 0 0 #484849 !important;
  border: 1px solid #492775 !important;
  color: #ffffff !important; }
.btn-switch-admin-view-mode span {
  background: none repeat scroll 0 0 #404042 !important;
  border: 1px solid #492775 !important;
  color: #ffffff !important; }

.btn_member_logout span.hover {
  background: #c9a9f3 !important;
  border: 1px solid #E6D7F9 !important;
  color: #4F2A81 !important; }
.btn_member_logout:hover span {
  background: #c9a9f3 !important;
  border: 1px solid #E6D7F9 !important;
  color: #4F2A81 !important; }
.btn_member_logout span {
  background: #D8BCFD !important;
  border: 1px solid #E6D7F9 !important;
  color: #4F2A81 !important; }

#btn_member_logout {
  float: right;
  color: #4E2A81; }
  #btn_member_logout:hover {
    color: #4E2A81; }

#col_bar {
  margin: 0;
  padding: 0; }
  #col_bar li {
    list-style: none;
    width: 50%;
    height: 40px;
    padding: 5px;
    float: left; }
  #col_bar .menu_action_dd {
    padding: 5px;
    text-align: center;
    border-radius: 4px; }
    #col_bar .menu_action_dd.admin {
      background: none repeat scroll 0 0 #404042;
      border: 1px solid #492775;
      color: #ffffff;
      border-radius: 16px; }
      #col_bar .menu_action_dd.admin:hover {
        background-color: #333335;
        border-color: #3d2162; }
    #col_bar .menu_action_dd.logout {
      background: #D8BCFD;
      border: 1px solid #E6D7F9;
      color: #4F2A81;
      border-radius: 16px; }
      #col_bar .menu_action_dd.logout:hover {
        background-color: #caa3fc;
        border-color: #d8c1f6; }
    #col_bar .menu_action_dd a {
      font-size: 16px;
      text-align: center;
      text-decoration: none;
      float: none; }
      #col_bar .menu_action_dd a.btn-switch-admin-view-mode {
        color: #fff !important; }

.thumb_edit {
  border: 1px solid #7D62A2;
  float: left; }

#btn_logout {
  background: url("../images/layout/btn_logout.png") no-repeat scroll 0 0 transparent;
  border: 0 none;
  height: 42px;
  float: right;
  width: 155px;
  margin: 6px 0 0 0; }

#btn_close_login {
  cursor: pointer;
  display: block;
  height: 9px;
  position: absolute;
  right: 15px;
  top: 5px;
  width: 9px;
  font-size: 16px;
  color: #fff; }

.list_text a:hover {
  color: #4F2A81;
  text-decoration: none; }

#wrap_content_static {
  width: 100%;
  overflow-y: auto;
  position: relative; }

#padding_content_static {
  padding: 50px;
  margin-left: 250px; }

#wrap_content_dynamic {
  width: 100%;
  overflow-y: auto;
  position: relative;
  -webkit-overflow-scrolling: touch; }

#padding_content_dynamic {
  padding-bottom: 20px;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 10px; }

#section_create_content {
  border-top: 1px solid #DDDDDD;
  padding-top: 8px;
  color: #cccccc;
  margin-left: 0;
  vertical-align: middle; }
  #section_create_content span {
    color: #cccccc;
    margin-left: 0;
    vertical-align: middle; }
  #section_create_content img {
    color: #cccccc;
    margin-left: 0;
    vertical-align: middle; }

#section_modify_content {
  color: #cccccc;
  margin-left: 0;
  vertical-align: middle; }
  #section_modify_content span {
    color: #cccccc;
    margin-left: 0;
    vertical-align: middle; }
  #section_modify_content img {
    color: #cccccc;
    margin-left: 0;
    vertical-align: middle; }

.header_static_page {
  color: #4F2A81;
  font-size: 48px;
  font-weight: normal;
  line-height: 40px;
  margin-bottom: 40px;
  margin-top: 12px; }

.body_text_static_page {
  color: #6F6F6F;
  font-size: 14px; }

.header2_static_page {
  color: #4F2A81;
  font-size: 17px; }

.header3_static_page {
  color: #4F2A81;
  font-size: 22px; }

.fix_width_no_data {
  width: 400px;
  overflow: hidden; }

.scrollbar {
  visibility: hidden; }

.wrap-parent-menu {
  background: url("../images/layout/bg_project_parent_top.png") no-repeat left top;
  padding-top: 13px;
  overflow: hidden;
  position: relative; }

.wrap-parent-menu-border {
  background: url("../images/layout/bg_project_parent_middle.png") repeat-y left top;
  overflow: hidden; }
  .wrap-parent-menu-border .parent_img {
    width: 32px;
    height: 32px;
    display: block;
    overflow: hidden;
    float: left; }
  .wrap-parent-menu-border img {
    width: 32px;
    height: 32px;
    display: block;
    float: left; }
  .wrap-parent-menu-border .parent-project-title {
    float: left;
    padding-left: 10px;
    width: 129px; }

.wrap-parent-menu-bottom {
  background: url("../images/layout/bg_project_parent_middle.png") no-repeat left top;
  overflow: hidden; }

.wrap-parent-menu-content {
  overflow: hidden;
  padding-left: 18px; }

.parent-project-title a {
  font-size: 18px;
  color: #4f2a81;
  text-decoration: none;
  line-height: 16px; }

.top-parent-border {
  background: url("../images/layout/bg_project_title_top2.png") no-repeat left top;
  padding-top: 36px; }

.menu-top-border {
  background: url("../images/layout/bg_project_title_middle.png") repeat-y left top;
  overflow: hidden; }

.wrap-parent-project-content {
  padding: 0 20px; }

#display_personal_detail {
  position: relative;
  background: #fff;
  box-sizing: border-box;
  height: calc(100vh - 60px) !important;
  overflow-x: hidden;
  overflow-y: auto; }
  #display_personal_detail .control-admin-mode {
    display: block; }
  #display_personal_detail #wrap_download {
    margin-bottom: 15px; }

#display {
  position: relative;
  background: #fff;
  box-sizing: border-box;
  overflow: auto;
  height: 100%; }
  #display .control-admin-mode {
    display: block; }

#wrap_column_hero_banner {
  position: relative; }
  #wrap_column_hero_banner .slot-content {
    padding: 0 !important;
    margin-bottom: 0;
    border-radius: 0;
    border-top: 0;
    border-left: 0 !important;
    border-right: 0 !important; }
  #wrap_column_hero_banner .hero_banner_image .__wrapper {
    position: relative; }
    #wrap_column_hero_banner .hero_banner_image .__wrapper .link_hero_banner {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

#wrap_column_project_over_view {
  border-right: 1px solid #F0F0F0; }

.read-more-content {
  display: inline-block;
  color: #b7adcc;
  cursor: pointer;
  font-size: 20px;
  padding: 5px 0;
  overflow: hidden;
  width: 100%;
  text-align: center;
  background: #f3f3f5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 30px; }

.wrap-current-item-detail {
  font-size: 12px;
  color: #6F6F6F;
  text-decoration: none;
  padding: 5px 0;
  text-align: center; }

.wrap-paging {
  width: 100%; }

#detail_overview {
  float: left;
  height: 100%;
  overflow-y: hidden;
  width: 0px; }

.border_detail_overview {
  border-right: 1px solid #F0F0F0;
  overflow-y: scroll !important; }

#wrap_content_overview {
  margin-bottom: 30px;
  margin-left: 20px;
  margin-top: 30px;
  width: 580px; }

.slot_media {
  position: relative;
  cursor: pointer; }

#wrap_column_activity .body_content_title a {
  color: #4F2A81;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 12px; }

#wrap_menu_icon_social {
  height: 24px;
  overflow: hidden;
  position: absolute;
  left: 20px;
  bottom: 40px; }
  #wrap_menu_icon_social a {
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 5px;
    overflow: hidden; }

.more_menu {
  position: relative; }

#root_menu_social {
  padding-left: 6px;
  display: block;
  overflow: hidden; }
  #root_menu_social a {
    margin-right: 3px;
    text-decoration: none;
    display: inline;
    width: 24px;
    height: 24px;
    float: left;
    cursor: pointer; }
  #root_menu_social .wrap_root_menu_social {
    padding: 2px 0 3px 9px;
    overflow: hidden;
    cursor: default; }

#wrap_root_menu_social img {
  float: left; }

.wrap_choice {
  position: relative;
  max-width: 225px !important; }
  .wrap_choice .choice_list a.before_hover {
    background: white;
    color: black; }
    .wrap_choice .choice_list a.before_hover span.active_list {
      color: #666; }
  .wrap_choice .choice_list a.after_hover {
    background: #6B4D94;
    color: white; }

span.label_choice {
  cursor: pointer;
  height: 23px;
  width: 100% !important;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #E8E8E8;
  padding: 0 10px;
  margin-top: -1px;
  text-align: center;
  font-size: 19px;
  background: #E6E3EC;
  color: #4F2A81;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  span.label_choice:hover {
    text-decoration: none !important; }

.choice_list {
  display: none;
  position: absolute;
  top: 22px;
  left: 0px;
  border: 1px solid #E8E8E8;
  z-index: 10;
  width: 100% !important;
  -webkit-box-shadow: 4px 4px 5px 0px rgba(150, 150, 150, 0.75);
  -moz-box-shadow: 4px 4px 5px 0px rgba(150, 150, 150, 0.75);
  box-shadow: 4px 4px 5px 0px rgba(150, 150, 150, 0.75); }
  .choice_list a.list_text {
    display: inline-block;
    text-decoration: none;
    color: #cccccc;
    line-height: 16px;
    width: 100%; }
    .choice_list a.list_text span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 90% !important;
      padding-right: 10px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
  .choice_list a.active {
    background: #6B4D94;
    font-weight: bold;
    color: white; }
  .choice_list span.normal {
    padding-left: 20px; }
  .choice_list span.active_list {
    font-weight: bold;
    padding-left: 7px;
    color: #fff; }

#wrap_filter_highlight_personal_list_personal_database span.wrap_choice {
  width: 200px; }
#wrap_filter_highlight_personal_list_personal_database span.label_choice {
  width: 100%; }

#wrap_filter_highlight_personal_corporate_database span.wrap_choice {
  width: 200px;
  margin-top: 2px; }
#wrap_filter_highlight_personal_corporate_database span.label_choice {
  width: 100%; }

.wrap_content_of_people .knowledge_timeline {
  padding-left: 26px; }
.wrap_content_of_people .title_file_name {
  margin-left: 10px;
  margin-top: 0px;
  margin-right: 0px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  text-rendering: optimizelegibility;
  white-space: nowrap;
  width: calc(100% - 34px); }

.wrap_new_line_after_personal {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px; }
  .wrap_new_line_after_personal .wrap_content_of_people {
    margin-bottom: 5px; }
    .wrap_new_line_after_personal .wrap_content_of_people:last-child {
      margin-bottom: 0; }
  .wrap_new_line_after_personal .knowledge_timeline .icon_file {
    padding: 1px 0; }

.personal_timeline .link_name_personal {
  display: inline-block;
  font-size: 14px;
  color: #1A66D2; }
  .personal_timeline .link_name_personal:hover {
    color: #1A66D2; }
  .personal_timeline .link_name_personal:visited {
    color: #4B10A8; }
    .personal_timeline .link_name_personal:visited:hover {
      color: #4B10A8; }

.title_main_project {
  display: inline-block;
  float: left;
  margin-left: 10px;
  width: 120px;
  padding-bottom: 6px;
  font-size: 22px;
  line-height: 16px; }

.wrap_popmenu {
  position: absolute;
  right: 8px;
  top: 8px;
  /*    max-width: 190px;
      width: 100%;*/
  z-index: 1; }

.popmenu_open {
  display: none; }

.popmenu_dialog {
  position: absolute;
  height: 36px;
  right: 25px;
  display: flex;
  z-index: -1; }

.popmenu_open_content {
  height: 100%;
  background-color: #444444;
  border-radius: 3px;
  font-size: 15px;
  display: flex; }
  .popmenu_open_content .body-action-del {
    order: 4; }
  .popmenu_open_content .body-action-edit {
    order: 3; }
  .popmenu_open_content .body-action-view {
    order: 2; }
  .popmenu_open_content .body-action-add {
    order: 1; }
  .popmenu_open_content .body-action-pin {
    order: 0; }

.popmenu_open_arrow {
  height: 100%;
  margin-left: 8px;
  display: inline-block;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #444444;
  border-left: 9px solid transparent;
  transform: rotate(90deg);
  content: ''; }
  .popmenu_open_arrow.top {
    transform: rotate(0deg); }

.slot_discussion_tag .read-more-content {
  display: inline-block;
  color: #b7adcc;
  cursor: pointer;
  font-size: 20px;
  height: 30px;
  overflow: hidden;
  width: 100%;
  text-align: center;
  background: #f3f3f5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 30px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal; }

.discussion_preview .icon_preview_discussion {
  width: 20px;
  height: 20px;
  float: left;
  display: inline;
  margin-right: 10px; }

.discussion_title_em {
  float: left;
  padding-right: 5px; }

.discussion_tag_em {
  float: left;
  padding-right: 5px;
  font-size: 12px;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 23px;
  padding-top: 5px; }

.head_module_title {
  border-bottom: 1px solid #4F2A81;
  height: 28px;
  padding-bottom: 0;
  padding-left: 0;
  padding-top: 3px;
  position: relative; }
  .head_module_title .wrap_txt_module_title {
    background-color: #4F2A81;
    color: #FFFFFF;
    float: left;
    margin-left: 31px;
    margin-top: -3px;
    padding: 3px 11px 3px 9px;
    margin-right: 20px;
    height: 25px; }
  .head_module_title .wrap_icon_module_title {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 31px;
    height: 32px;
    background-color: #6b4c95; }

#image_arrow_guide_scroll {
  position: absolute;
  bottom: 5px;
  right: 0px;
  width: 80px;
  height: 80px;
  opacity: 0.5;
  z-index: 99; }

.border_box_fix_padding {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#body_main_content_column .hide_waiting_init {
  display: none; }

.viewport {
  -webkit-overflow-scrolling: touch; }

.scroll_at_detail {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.group_show .wrap_inner_column_child {
  border: 0 !important; }

#wrap_filter_child {
  float: left; }

.page_project .wraper_column_list_w_thumb {
  min-width: 335px; }

.wraper_column_search_w_thumb {
  min-width: 500px; }

.wrap_sponsor .header_sponsor {
  color: #000;
  height: 15px;
  font-size: 10px;
  font-weight: bold; }
.wrap_sponsor .sponsor_row {
  margin-bottom: 7px; }
.wrap_sponsor .wrap_sponsor_img {
  width: 100%;
  overflow: hidden; }
  .wrap_sponsor .wrap_sponsor_img .slot_sponsor_img {
    padding: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left; }
    .wrap_sponsor .wrap_sponsor_img .slot_sponsor_img .sponsor_img {
      width: 17px;
      border: 1px solid #EEE; }

.project_over_view .read_more.have_sponsor {
  bottom: 2px;
  right: 0px; }

.inner_right_view_detail #wrap_overview_section {
  overflow-y: hidden; }

.h2_title_popup {
  display: inline-block; }

.overlay-mail {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
  top: 0;
  opacity: 0.9;
  visibility: visible;
  background: url(/css/colorbox/images/overlay.png) repeat 0 0 #000;
  z-index: 30000;
  cursor: pointer; }

#wrap_email_send_box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 30001;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 15px solid #000;
  background: #000; }
  #wrap_email_send_box #display_send_email {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding-top: 35px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 35px; }

#tool_btn_send_email_no_iframe {
  color: #777; }

#sendEmail2 {
  width: 100px; }

#cancelEmail2 {
  width: 100px; }

.close_sendmail_popup {
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
  line-height: 1;
  color: #333333; }

.vote-up .icon-arrow-2 {
  vertical-align: middle; }

.vote-down .icon-arrow {
  vertical-align: middle; }

.wrap_force_content_dialog #wrap_download {
  padding-bottom: 25px; }

@media print {
  body{
    position: static;
    overflow: initial;
  }
  .relate-content-body,#content-footer{
    display: none !important;
  }
  #page_wrap {
    /*display: none !important; */
  }

  #header {
    display: none !important; 
  }

  #nav {
    display: none !important; } }
@media (min-width: 1200px) {
  .container {
    max-width: 1280px;
    padding-left: 0;
    padding-right: 0; } }
#main_content, .container {
  width: calc(100% - 40px) !important;
  max-width: 1280px !important;
  padding: 0; }

#main_content.container {
  min-height: calc(100vh - 453px - 80px); }

.text_primary_color, #box_our_project .wrap_txt_module_title, #menu-sub-select-friend-project2 .wrap_txt_module_title {
  color: #4E2A81; }

.text_link_primary {
  font-weight: bold; }

.text_link_grey {
  font-weight: bold; }

.text_link_black {
  font-weight: bold; }

.text_second_color {
  color: #A78ECA; }

.font_bold {
  font-weight: 600; }

#box_our_project, #menu-sub-select-friend-project2 {
  display: none;
  position: absolute;
  top: 48px;
  background-color: #fff;
  overflow-y: scroll !important;
  max-height: 435px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  width: 100%;
  border: solid 1px #fff;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s linear;
  z-index: 2000; }
  #box_our_project .wrap_txt_module_title, #menu-sub-select-friend-project2 .wrap_txt_module_title {
    font-size: 18px;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    padding: 12px 12px 12px 36px; }
    #box_our_project .wrap_txt_module_title:first-child, #menu-sub-select-friend-project2 .wrap_txt_module_title:first-child {
      padding-top: 22px; }
  #box_our_project.active, #menu-sub-select-friend-project2.active {
    display: block;
    opacity: 1;
    visibility: visible; }
  #box_our_project a:hover, #box_our_project a:active, #menu-sub-select-friend-project2 a:hover, #menu-sub-select-friend-project2 a:active {
    text-decoration: none; }
  #box_our_project .box_row, #menu-sub-select-friend-project2 .box_row {
    margin: 0;
    margin-top: 4px;
    margin-bottom: 16px;
    padding-left: 12px;
    padding-right: 12px; }
    #box_our_project .box_row:not(:last-child), #menu-sub-select-friend-project2 .box_row:not(:last-child) {
      border-bottom: 1px solid #f5f5f5;
      padding-bottom: 14px; }
    #box_our_project .box_row .col_align, #menu-sub-select-friend-project2 .box_row .col_align {
      height: 66px;
      padding: 1px 20px 1px 20px; }
      #box_our_project .box_row .col_align .box_inner_content, #menu-sub-select-friend-project2 .box_row .col_align .box_inner_content {
        cursor: pointer;
        display: flex;
        align-items: center;
        padding: 4px;
        margin: 0;
        border: solid 2px transparent; }
        #box_our_project .box_row .col_align .box_inner_content:hover, #box_our_project .box_row .col_align .box_inner_content.active, #menu-sub-select-friend-project2 .box_row .col_align .box_inner_content:hover, #menu-sub-select-friend-project2 .box_row .col_align .box_inner_content.active {
          border: solid 2px #4F2A81;
          border-radius: 3px; }
        #box_our_project .box_row .col_align .box_inner_content .box_thumb, #menu-sub-select-friend-project2 .box_row .col_align .box_inner_content .box_thumb {
          width: 50px;
          height: 50px;
          border: solid 1px #C6C6C6;
          border-radius: 2px; }
        #box_our_project .box_row .col_align .box_inner_content p, #menu-sub-select-friend-project2 .box_row .col_align .box_inner_content p {
          font-size: 14px;
          color: #444444;
          line-height: 1.35; }

#menu-sub-select-friend-project2 {
  top: 55px; }

#menu-mobile {
  display: none;
  width: 100%;
  height: 0px;
  position: absolute;
  z-index: -1;
  padding-top: 0px;
  height: 1px;
  top: 0;
  background: #ffffff none repeat scroll 0 0;
  transition: all 0.3s ease-out, background 0.3s ease-out; }
  #menu-mobile .mm-inner {
    opacity: 0;
    height: 0px;
    transition: transform 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition-delay: 0s, 0s; }
  #menu-mobile.opened {
    display: block;
    z-index: 100;
    top: 0; }
    #menu-mobile.opened .mm-inner {
      opacity: 1;
      transition: transform 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
      transition-delay: 0.2s, 0.2s;
      overflow-y: auto; }
  #menu-mobile .mm-inner {
    height: auto; }
    #menu-mobile .mm-inner .block-menu-header {
      background-color: #4F2A81;
      display: flex;
      height: 64px;
      align-items: center; }
      #menu-mobile .mm-inner .block-menu-header .block-search {
        background-color: #FFFFFF;
        width: 100%;
        height: 36px;
        margin-left: 18px;
        margin-right: 18px;
        border-radius: 3px;
        display: flex;
        align-items: center; }
        #menu-mobile .mm-inner .block-menu-header .block-search .icon-search {
          margin-left: 18px;
          font-size: 16px;
          color: #4E2A81; }
        #menu-mobile .mm-inner .block-menu-header .block-search .input-seach {
          border: none;
          padding-left: 18px;
          padding-right: 18px;
          font-size: 16px;
          height: 32px;
          width: 100%; }
      #menu-mobile .mm-inner .block-menu-header .menu-canvas {
        margin-right: 18px; }
    #menu-mobile .mm-inner .block-menu {
      margin-bottom: 18px;
      margin-top: 18px; }
      #menu-mobile .mm-inner .block-menu ul {
        margin: 0;
        list-style-type: none; }
      #menu-mobile .mm-inner .block-menu .item-detail-title {
        display: flex;
        align-items: center;
        height: 30px;
        line-height: 30px; }
        #menu-mobile .mm-inner .block-menu .item-detail-title a {
          width: 100%; }
          #menu-mobile .mm-inner .block-menu .item-detail-title ahover {
            background-color: #d9534f; }
        #menu-mobile .mm-inner .block-menu .item-detail-title .action_icon {
          text-align: right;
          width: 15px;
          color: #4E2A81; }
      #menu-mobile .mm-inner .block-menu .item-detail-body {
        display: none; }
    #menu-mobile .mm-inner .item-menu-parent, #menu-mobile .mm-inner .item-menu-title, #menu-mobile .mm-inner .item-menu {
      color: #444444;
      display: block;
      width: 100%;
      padding-left: 18px;
      padding-right: 18px; }
    #menu-mobile .mm-inner .block-avatar {
      display: flex;
      padding: 8px 0px;
      margin: 0px 18px;
      border-bottom: 1px solid #F0F0F0;
      align-items: center; }
      #menu-mobile .mm-inner .block-avatar .img-avatar {
        border-radius: 50%;
        height: 40px;
        width: 40px; }
      #menu-mobile .mm-inner .block-avatar .title-avatar {
        color: #4E2A81;
        font-size: 24px;
        padding-left: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        max-height: 28px;
        width: 100%; }
      #menu-mobile .mm-inner .block-avatar .box-signout {
        width: 100%;
        text-align: right; }
      #menu-mobile .mm-inner .block-avatar .txt-signout {
        text-align: right;
        color: #A78ECA;
        font-size: 16px; }
    #menu-mobile .mm-inner .item-menu-title {
      font-size: 24px; }
    #menu-mobile .mm-inner .item-menu {
      font-size: 16px; }
  #menu-mobile .sns {
    display: inline-block;
    background-image: url("https://cdn.taximail.com/webasset/images/layout/all_sprite_layout_1.svg");
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    margin-right: 10px;
    cursor: pointer; }
    #menu-mobile .sns.fb {
      width: 35px;
      height: 35px;
      background-position: 0 -193px; }
      #menu-mobile .sns.fb:hover {
        background-position: 0 -273px; }
    #menu-mobile .sns.yt {
      background-position: -47px -193px; }
      #menu-mobile .sns.yt:hover {
        background-position: -47px -273px; }
  #menu-mobile #menu-mobile-footer {
    background-color: #4E2A81;
    padding: 12px 18px; }
    #menu-mobile #menu-mobile-footer .block-footer {
      height: 72px;
      display: flex;
      align-items: center; }
      #menu-mobile #menu-mobile-footer .block-footer .img-logo {
        height: 100%; }
      #menu-mobile #menu-mobile-footer .block-footer .block-txt {
        padding-left: 18px;
        heigh: 100%;
        font-size: 14px;
        color: white; }
        #menu-mobile #menu-mobile-footer .block-footer .block-txt .list-footer {
          list-style: none;
          padding: 0;
          padding-top: 4px;
          margin: 0;
          display: flex; }
          #menu-mobile #menu-mobile-footer .block-footer .block-txt .list-footer li:not(:first-child) {
            padding-left: 1em;
            text-indent: -.1em; }
          #menu-mobile #menu-mobile-footer .block-footer .block-txt .list-footer li::before {
            content: '• ';
            color: #A78ECA; }
        #menu-mobile #menu-mobile-footer .block-footer .block-txt .txt-copyright {
          color: #A78ECA;
          font-size: 20px; }
  @media (max-width: 768px) {
    #menu-mobile #menu-mobile {
      display: block; } }

.text_grey {
  color: #6F6F6F; }

.text_grey_second {
  color: #6F6F6F; }

.text_black {
  color: #333333; }

.text_soft_primary {
  color: #5F408B; }
  .text_soft_primary:hover, .text_soft_primary:focus, .text_soft_primary:active {
    color: #5F408B; }

.module_hero_banner.full_height_w_slot {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .module_hero_banner.full_height_w_slot img {
    width: 100%; }
  .module_hero_banner.full_height_w_slot .link_hero_banner {
    display: block;
    height: 100%; }
  .module_hero_banner.full_height_w_slot #wrap_hero_banner_nav {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center; }
    .module_hero_banner.full_height_w_slot #wrap_hero_banner_nav #hero_banner_nav {
      padding: 15px 20px; }
    .module_hero_banner.full_height_w_slot #wrap_hero_banner_nav ul {
      margin: 0;
      display: inline-block; }
      .module_hero_banner.full_height_w_slot #wrap_hero_banner_nav ul li {
        list-style: none;
        display: inline;
        float: left;
        margin: 0; }
        .module_hero_banner.full_height_w_slot #wrap_hero_banner_nav ul li a {
          display: block;
          padding: 5px; }
          .module_hero_banner.full_height_w_slot #wrap_hero_banner_nav ul li a .wrap_dot {
            display: block;
            width: 14px;
            height: 14px;
            background-color: #ffffff;
            border-radius: 50%;
            border: 1px solid #6F6F6F; }
          .module_hero_banner.full_height_w_slot #wrap_hero_banner_nav ul li a.active .dot {
            background-color: #4E2A81;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            margin: 1px; }
      .module_hero_banner.full_height_w_slot #wrap_hero_banner_nav ul li.swiper-pagination-bullet-active a .wrap_dot .dot {
        background-color: #4E2A81;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin: 1px; }
    .module_hero_banner.full_height_w_slot #wrap_hero_banner_nav .swiper-pagination-bullet {
      width: auto;
      height: auto;
      border-radius: 0;
      opacity: 1;
      background: transparent; }

.btn_play {
  position: absolute;
  color: rgba(255, 255, 255, 0.7);
  top: 50%;
  left: 50%;
  font-size: 60px;
  margin-left: -30px;
  margin-top: -36px; }

.wrap-main-column.three-column {
  margin-top: 15px; }
  .wrap-main-column.three-column .wrap-column-content {
    width: calc(100% - 200px); }
.wrap-main-column.three-column .wrap-column-menu {
  position: relative; }
.wrap-main-column .wrap-column-menu {
  width: 190px;
  margin-right: 10px; }
  .wrap-main-column .wrap-column-menu .project_thumb img {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #DDDFE2; }
  .wrap-main-column .wrap-column-menu .project_name {
    color: #4E2A81;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    margin: 10px 0 15px; }
  .wrap-main-column .wrap-column-menu .project_social {
    margin-top: 5px; }
    .wrap-main-column .wrap-column-menu .project_social a {
      color: inherit;
      font-size: 28px; }
      .wrap-main-column .wrap-column-menu .project_social a:hover, .wrap-main-column .wrap-column-menu .project_social a:focus, .wrap-main-column .wrap-column-menu .project_social a:active {
        color: inherit;
        text-decoration: none;
        outline: none; }
  .wrap-main-column .wrap-column-menu .project_menu ul {
    margin: 0; }
    .wrap-main-column .wrap-column-menu .project_menu ul li {
      list-style: none;
      display: block; }
      .wrap-main-column .wrap-column-menu .project_menu ul li a {
        color: #333333;
        display: block;
        padding: 7px 10px 7px 0;
        position: relative; }
        .wrap-main-column .wrap-column-menu .project_menu ul li a .arrow {
          position: absolute;
          top: 11px;
          right: 10px; }
        .wrap-main-column .wrap-column-menu .project_menu ul li a:hover, .wrap-main-column .wrap-column-menu .project_menu ul li a:focus, .wrap-main-column .wrap-column-menu .project_menu ul li a:active {
          color: #333333;
          text-decoration: none;
          outline: none; }
      .wrap-main-column .wrap-column-menu .project_menu ul li.active {
        background-color: #ffffff;
        border: 1px solid #DDDFE2;
        border-radius: 3px;
        margin-left: -10px; }
        .wrap-main-column .wrap-column-menu .project_menu ul li.active a {
          font-weight: bold;
          padding-left: 10px; }

.wrap-column-content .multiple-column,
.content-full-width .multiple-column {
  position: relative; }
  .wrap-column-content .multiple-column .column-content-left,
  .wrap-column-content .multiple-column .column-content-right,
  .content-full-width .multiple-column .column-content-left,
  .content-full-width .multiple-column .column-content-right {
    position: relative; }
  .wrap-column-content .multiple-column .column-content-left,
  .content-full-width .multiple-column .column-content-left {
    margin-right: 5px;
    width: calc(50% - 5px); }
  .wrap-column-content .multiple-column .column-content-right,
  .content-full-width .multiple-column .column-content-right {
    margin-left: 5px;
    width: calc(50% - 5px); }
.wrap-column-content .wrap_column,
.content-full-width .wrap_column {
  width: 100%;
  height: auto;
  float: none; }
.wrap-column-content .top-content,
.content-full-width .top-content {
  margin-bottom: 10px; }
.wrap-column-content .project_top_content .btn,
.content-full-width .project_top_content .btn {
  min-width: 115px; }
.wrap-column-content .project_top_content .project_top_image,
.content-full-width .project_top_content .project_top_image {
  float: left;
  width: calc(100% - 274px); }
  .wrap-column-content .project_top_content .project_top_image img,
  .content-full-width .project_top_content .project_top_image img {
    width: 100%; }
.wrap-column-content .project_top_content .project_top_desc,
.content-full-width .project_top_content .project_top_desc {
  float: left;
  width: 274px;
  padding: 25px 20px 15px 20px;
  border-left: 1px solid #E8E8E8; }
  .wrap-column-content .project_top_content .project_top_desc .main_desc,
  .content-full-width .project_top_content .project_top_desc .main_desc {
    font-size: 22px;
    color: #4E2A81;
    line-height: 1.3; }
  .wrap-column-content .project_top_content .project_top_desc .sub_desc,
  .content-full-width .project_top_content .project_top_desc .sub_desc {
    color: #333333;
    padding: 20px 0 0 0;
    line-height: 1.7;
    font-size: 15px; }
  .wrap-column-content .project_top_content .project_top_desc .project_top_desc_content,
  .content-full-width .project_top_content .project_top_desc .project_top_desc_content {
    height: calc(100% - 54px);
    overflow-y: auto; }
  .wrap-column-content .project_top_content .project_top_desc .icon_project,
  .content-full-width .project_top_content .project_top_desc .icon_project {
    text-align: center;
    font-size: 280px;
    color: #9775AA;
    overflow: hidden;
    height: calc(100% - 54px); }
.wrap-column-content .project_top_content.no_detail .project_top_desc,
.content-full-width .project_top_content.no_detail .project_top_desc {
  background-color: rgba(118, 75, 142, 0.5);
  background-image: -webkit-linear-gradient(45deg, rgba(151, 117, 170, 0.5) 0%, #764b8e 100%);
  background-image: -moz-linear-gradient(45deg, rgba(151, 117, 170, 0.5) 0%, #764b8e 100%);
  background-image: -ms-linear-gradient(45deg, rgba(151, 117, 170, 0.5) 0%, #764b8e 100%);
  background-image: -o-linear-gradient(45deg, rgba(151, 117, 170, 0.5) 0%, #764b8e 100%);
  background-image: -webkit-gradient(left bottom, color-stop(rgba(151, 117, 170, 0.5) 0%), color-stop(#764b8e 100%));
  background-image: linear-gradient(45deg, rgba(151, 117, 170, 0.5) 0%, #764b8e 100%);
  border-left: none;
  padding-right: 0; }
.wrap-column-content .project_top_content.no_detail .wrap_btn_read_more,
.content-full-width .project_top_content.no_detail .wrap_btn_read_more {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 15px; }
.wrap-column-content .project_top_content .wrap_btn_read_more,
.content-full-width .project_top_content .wrap_btn_read_more {
  padding-top: 20px; }
.wrap-column-content .project_top_content .project_top_full_detail,
.content-full-width .project_top_content .project_top_full_detail {
  display: none;
  border-top: 1px solid #DDDFE2;
  padding: 35px 92px 15px;
  line-height: 1.7;
  font-size: 15px; }
  .wrap-column-content .project_top_content .project_top_full_detail img,
  .content-full-width .project_top_content .project_top_full_detail img {
    width: 100%; }
  .wrap-column-content .project_top_content .project_top_full_detail iframe,
  .content-full-width .project_top_content .project_top_full_detail iframe {
    width: 100%; }
  .wrap-column-content .project_top_content .project_top_full_detail a,
  .content-full-width .project_top_content .project_top_full_detail a {
    color: inherit; }
.wrap-column-content .project_top_content.open .wrap_btn_read_more,
.content-full-width .project_top_content.open .wrap_btn_read_more {
  display: none; }
.wrap-column-content .project_top_content.open .project_top_full_detail,
.content-full-width .project_top_content.open .project_top_full_detail {
  display: block; }
.wrap-column-content .project_top_content.open .project_top_desc .project_top_desc_content,
.content-full-width .project_top_content.open .project_top_desc .project_top_desc_content {
  height: 100%; }
.wrap-column-content .project_top_content .wrap_btn_close,
.content-full-width .project_top_content .wrap_btn_close {
  padding-top: 15px; }
.wrap-column-content .project_top_content .hide_project_header_content,
.content-full-width .project_top_content .hide_project_header_content {
  color: #4E2A81;
  cursor: pointer; }
  .wrap-column-content .project_top_content .hide_project_header_content:hover,
  .content-full-width .project_top_content .hide_project_header_content:hover {
    text-decoration: underline; }
.wrap-column-content .slot-headline,
.content-full-width .slot-headline {
  font-size: 24px;
  padding: 22px 7px 12px; }
  .wrap-column-content .slot-headline .headline-icon,
  .content-full-width .slot-headline .headline-icon {
    margin-right: 5px; }
  .wrap-column-content .slot-headline a,
  .content-full-width .slot-headline a {
    font-weight: normal;
    font-size: 15px; }
.wrap-column-content .slot-content,
.content-full-width .slot-content {
  margin-bottom: 10px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #DDDFE2;
  padding: 14px;
  position: relative; }
  .wrap-column-content .slot-content.swiper-content,
  .content-full-width .slot-content.swiper-content {
    border-left: 0;
    border-right: 0; }
  .wrap-column-content .slot-content.padding-inner,
  .content-full-width .slot-content.padding-inner {
    padding: 0; }
    .wrap-column-content .slot-content.padding-inner .slot-title,
    .wrap-column-content .slot-content.padding-inner .slot-body,
    .content-full-width .slot-content.padding-inner .slot-title,
    .content-full-width .slot-content.padding-inner .slot-body {
      padding: 14px; }
  .wrap-column-content .slot-content .slot-title,
  .content-full-width .slot-content .slot-title {
    padding-left: 14px; }
    .wrap-column-content .slot-content .slot-title.has-left-content,
    .content-full-width .slot-content .slot-title.has-left-content {
      width: calc(100% - 50px); }
    .wrap-column-content .slot-content .slot-title .slot-title-primary,
    .content-full-width .slot-content .slot-title .slot-title-primary {
      margin-bottom: 5px; }
    .wrap-column-content .slot-content .slot-title .media_date,
    .content-full-width .slot-content .slot-title .media_date {
      font-size: 13px; }
    .wrap-column-content .slot-content .slot-title .slot-title-icon,
    .content-full-width .slot-content .slot-title .slot-title-icon {
      margin-right: 8px; }
  .wrap-column-content .slot-content .slot-header,
  .content-full-width .slot-content .slot-header {
    margin-bottom: 14px; }
    .wrap-column-content .slot-content .slot-header .user-image,
    .content-full-width .slot-content .slot-header .user-image {
      border: 1px solid #DDDFE2;
      border-radius: 3px;
      width: 50px;
      height: 50px; }
      .wrap-column-content .slot-content .slot-header .user-image img,
      .content-full-width .slot-content .slot-header .user-image img {
        width: 100%; }
    .wrap-column-content .slot-content .slot-header.border-bottom,
    .content-full-width .slot-content .slot-header.border-bottom {
      border-bottom: 1px solid #F9F9F9 !important; }
  .wrap-column-content .slot-content .primary-title,
  .content-full-width .slot-content .primary-title {
    font-size: 15px; }
.wrap-column-content #wrap_main_highlight_banner_news,
.content-full-width #wrap_main_highlight_banner_news {
  width: 100%;
  height: 100%;
  position: relative; }
  .wrap-column-content #wrap_main_highlight_banner_news.no_highlight_banner_news_data #wrap_highlight_banner_news,
  .content-full-width #wrap_main_highlight_banner_news.no_highlight_banner_news_data #wrap_highlight_banner_news {
    cursor: pointer; }
  .wrap-column-content #wrap_main_highlight_banner_news.no_highlight_banner_news_data .box_content,
  .content-full-width #wrap_main_highlight_banner_news.no_highlight_banner_news_data .box_content {
    width: 100%; }
    .wrap-column-content #wrap_main_highlight_banner_news.no_highlight_banner_news_data .box_content .icon,
    .content-full-width #wrap_main_highlight_banner_news.no_highlight_banner_news_data .box_content .icon {
      font-size: 150px;
      color: #A7A7A7;
      text-align: center; }
    .wrap-column-content #wrap_main_highlight_banner_news.no_highlight_banner_news_data .box_content .msg,
    .content-full-width #wrap_main_highlight_banner_news.no_highlight_banner_news_data .box_content .msg {
      text-align: center; }
  .wrap-column-content #wrap_main_highlight_banner_news.no_highlight_banner_news_data .body-action-add,
  .content-full-width #wrap_main_highlight_banner_news.no_highlight_banner_news_data .body-action-add {
    display: none; }
.wrap-column-content #wrap_highlight_banner_news,
.content-full-width #wrap_highlight_banner_news {
  width: 100%;
  height: 100%; }
  .wrap-column-content #wrap_highlight_banner_news .banner_last_activity,
  .content-full-width #wrap_highlight_banner_news .banner_last_activity {
    display: block;
    width: 100%;
    height: 100%; }
    .wrap-column-content #wrap_highlight_banner_news .banner_last_activity img,
    .content-full-width #wrap_highlight_banner_news .banner_last_activity img {
      width: 100%;
      height: auto; }
  .wrap-column-content #wrap_highlight_banner_news .slot-content,
  .content-full-width #wrap_highlight_banner_news .slot-content {
    border: none;
    margin: 0; }
  .wrap-column-content #wrap_highlight_banner_news .slot-header,
  .content-full-width #wrap_highlight_banner_news .slot-header {
    padding: 12px;
    margin-bottom: 0;
    border-bottom: 1px solid #DDDFE2; }
  .wrap-column-content #wrap_highlight_banner_news .slot-title,
  .content-full-width #wrap_highlight_banner_news .slot-title {
    padding: 0 0 0 12px; }
  .wrap-column-content #wrap_highlight_banner_news .slot-body,
  .content-full-width #wrap_highlight_banner_news .slot-body {
    padding: 0; }
  .wrap-column-content #wrap_highlight_banner_news .wrap-img-load,
  .content-full-width #wrap_highlight_banner_news .wrap-img-load {
    padding-top: 50%; }
.wrap-column-content #wrap_highlight_banner_news_nav,
.content-full-width #wrap_highlight_banner_news_nav {
  padding: 7px 0;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
  text-align: center; }
  .wrap-column-content #wrap_highlight_banner_news_nav ul,
  .content-full-width #wrap_highlight_banner_news_nav ul {
    margin: 0;
    display: inline-block; }
    .wrap-column-content #wrap_highlight_banner_news_nav ul li,
    .content-full-width #wrap_highlight_banner_news_nav ul li {
      list-style: none;
      display: inline;
      float: left;
      margin: 0; }
      .wrap-column-content #wrap_highlight_banner_news_nav ul li a,
      .content-full-width #wrap_highlight_banner_news_nav ul li a {
        display: block;
        padding: 5px; }
        .wrap-column-content #wrap_highlight_banner_news_nav ul li a .wrap_dot,
        .content-full-width #wrap_highlight_banner_news_nav ul li a .wrap_dot {
          display: block;
          width: 14px;
          height: 14px;
          background-color: #ffffff;
          border-radius: 50%;
          border: 1px solid #6F6F6F; }
        .wrap-column-content #wrap_highlight_banner_news_nav ul li a.active .dot,
        .content-full-width #wrap_highlight_banner_news_nav ul li a.active .dot {
          background-color: #4E2A81;
          width: 10px;
          height: 10px;
          border-radius: 50%;
          margin: 1px; }
    .wrap-column-content #wrap_highlight_banner_news_nav ul li.swiper-pagination-bullet-active a .wrap_dot .dot,
    .content-full-width #wrap_highlight_banner_news_nav ul li.swiper-pagination-bullet-active a .wrap_dot .dot {
      background-color: #4E2A81;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      margin: 1px; }
  .wrap-column-content #wrap_highlight_banner_news_nav .swiper-pagination-bullet,
  .content-full-width #wrap_highlight_banner_news_nav .swiper-pagination-bullet {
    width: auto;
    height: auto;
    border-radius: 0;
    opacity: 1;
    background: transparent; }
.wrap-column-content #wrap_column_activity .activity_list .slot-content .slot-header,
.content-full-width #wrap_column_activity .activity_list .slot-content .slot-header {
  margin-bottom: 0; }
.wrap-column-content #wrap_column_activity .activity_list.wrap-main-slot .slot-content,
.content-full-width #wrap_column_activity .activity_list.wrap-main-slot .slot-content {
  padding: 0;
  overflow: hidden; }
.wrap-column-content #wrap_column_activity .activity_list.wrap-main-slot .slot-header,
.content-full-width #wrap_column_activity .activity_list.wrap-main-slot .slot-header {
  padding: 14px; }
.wrap-column-content .data_loop_img,
.content-full-width .data_loop_img {
  position: relative; }
  .wrap-column-content .data_loop_img img,
  .content-full-width .data_loop_img img {
    display: block; }
  .wrap-column-content .data_loop_img div.slot_image_timeline,
  .content-full-width .data_loop_img div.slot_image_timeline {
    float: left;
    display: block;
    width: 33%;
    height: auto;
    margin: 0 2px 0 0;
    position: relative;
    overflow: hidden; }
    .wrap-column-content .data_loop_img div.slot_image_timeline .wrap_cover_thumb_media,
    .content-full-width .data_loop_img div.slot_image_timeline .wrap_cover_thumb_media {
      overflow: hidden; }
    .wrap-column-content .data_loop_img div.slot_image_timeline:first-child,
    .content-full-width .data_loop_img div.slot_image_timeline:first-child {
      margin-bottom: 2px; }
    .wrap-column-content .data_loop_img div.slot_image_timeline:last-child,
    .content-full-width .data_loop_img div.slot_image_timeline:last-child {
      margin-bottom: 0; }
    .wrap-column-content .data_loop_img div.slot_image_timeline img,
    .content-full-width .data_loop_img div.slot_image_timeline img {
      width: 100%;
      max-height: auto; }
    .wrap-column-content .data_loop_img div.slot_image_timeline:last-child,
    .content-full-width .data_loop_img div.slot_image_timeline:last-child {
      margin-right: 0;
      float: right; }
    .wrap-column-content .data_loop_img div.slot_image_timeline:nth-child(2),
    .content-full-width .data_loop_img div.slot_image_timeline:nth-child(2) {
      float: left; }
    .wrap-column-content .data_loop_img div.slot_image_timeline:nth-child(3),
    .content-full-width .data_loop_img div.slot_image_timeline:nth-child(3) {
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -16.5%; }
    .wrap-column-content .data_loop_img div.slot_image_timeline:first-child,
    .content-full-width .data_loop_img div.slot_image_timeline:first-child {
      margin-right: 0;
      width: 100%; }
      .wrap-column-content .data_loop_img div.slot_image_timeline:first-child .btn_play,
      .content-full-width .data_loop_img div.slot_image_timeline:first-child .btn_play {
        font-size: 80px;
        margin-left: -40px;
        margin-top: -50px; }
  .wrap-column-content .data_loop_img .overlay_total_media,
  .wrap-column-content .data_loop_img .overlay_dim,
  .wrap-column-content .data_loop_img .total_media,
  .content-full-width .data_loop_img .overlay_total_media,
  .content-full-width .data_loop_img .overlay_dim,
  .content-full-width .data_loop_img .total_media {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .wrap-column-content .data_loop_img .overlay_total_media a,
  .content-full-width .data_loop_img .overlay_total_media a {
    color: #fff; }
    .wrap-column-content .data_loop_img .overlay_total_media a:hover,
    .content-full-width .data_loop_img .overlay_total_media a:hover {
      color: #fff;
      text-decoration: none; }
  .wrap-column-content .data_loop_img .overlay_dim,
  .content-full-width .data_loop_img .overlay_dim {
    background-color: #000;
    opacity: 0.5; }
  .wrap-column-content .data_loop_img .total_media,
  .content-full-width .data_loop_img .total_media {
    z-index: 999;
    color: #fff;
    font-size: 40px; }
  .wrap-column-content .data_loop_img.has_youtube div.slot_image_timeline:first-child img,
  .content-full-width .data_loop_img.has_youtube div.slot_image_timeline:first-child img {
    margin-top: -64px;
    margin-bottom: -64px; }
  .wrap-column-content .data_loop_img.count_media_2,
  .content-full-width .data_loop_img.count_media_2 {
    color: red; }
    .wrap-column-content .data_loop_img.count_media_2 div.slot_image_timeline:nth-child(2),
    .content-full-width .data_loop_img.count_media_2 div.slot_image_timeline:nth-child(2) {
      width: 100%; }
      .wrap-column-content .data_loop_img.count_media_2 div.slot_image_timeline:nth-child(2) img,
      .content-full-width .data_loop_img.count_media_2 div.slot_image_timeline:nth-child(2) img {
        margin-top: -64px;
        margin-bottom: -64px; }
  .wrap-column-content .data_loop_img.count_media_3 div.slot_image_timeline:not(:first-child),
  .content-full-width .data_loop_img.count_media_3 div.slot_image_timeline:not(:first-child) {
    width: calc(50% - 1px); }
    .wrap-column-content .data_loop_img.count_media_3 div.slot_image_timeline:not(:first-child) img,
    .content-full-width .data_loop_img.count_media_3 div.slot_image_timeline:not(:first-child) img {
      margin-top: -30px;
      margin-bottom: -30px; }
  .wrap-column-content .data_loop_img.count_media_3 div.slot_image_timeline:nth-child(2),
  .content-full-width .data_loop_img.count_media_3 div.slot_image_timeline:nth-child(2) {
    margin-right: 1px; }
  .wrap-column-content .data_loop_img.count_media_3 div.slot_image_timeline:nth-child(3),
  .content-full-width .data_loop_img.count_media_3 div.slot_image_timeline:nth-child(3) {
    position: relative;
    left: auto;
    margin-left: 1px;
    margin-right: 0; }
  .wrap-column-content .data_loop_img.count_media_4 div.slot_image_timeline:nth-child(2), .wrap-column-content .data_loop_img.count_media_4 div.slot_image_timeline:nth-child(3), .wrap-column-content .data_loop_img.count_media_4 div.slot_image_timeline:nth-child(4),
  .content-full-width .data_loop_img.count_media_4 div.slot_image_timeline:nth-child(2),
  .content-full-width .data_loop_img.count_media_4 div.slot_image_timeline:nth-child(3),
  .content-full-width .data_loop_img.count_media_4 div.slot_image_timeline:nth-child(4) {
    float: left;
    width: calc(33.33% - 1.33px);
    position: relative;
    left: auto;
    margin-left: 0; }
    .wrap-column-content .data_loop_img.count_media_4 div.slot_image_timeline:nth-child(2) img, .wrap-column-content .data_loop_img.count_media_4 div.slot_image_timeline:nth-child(3) img, .wrap-column-content .data_loop_img.count_media_4 div.slot_image_timeline:nth-child(4) img,
    .content-full-width .data_loop_img.count_media_4 div.slot_image_timeline:nth-child(2) img,
    .content-full-width .data_loop_img.count_media_4 div.slot_image_timeline:nth-child(3) img,
    .content-full-width .data_loop_img.count_media_4 div.slot_image_timeline:nth-child(4) img {
      margin-top: -22px;
      margin-bottom: -22px; }
  .wrap-column-content .data_loop_img.count_media_4 div.slot_image_timeline:nth-child(4),
  .content-full-width .data_loop_img.count_media_4 div.slot_image_timeline:nth-child(4) {
    margin-right: 0; }
  .wrap-column-content .data_loop_img.count_media_4 .btn_play,
  .content-full-width .data_loop_img.count_media_4 .btn_play {
    font-size: 40px;
    margin-left: -20px;
    margin-top: -23px; }
.wrap-column-content .data_loop_file a,
.content-full-width .data_loop_file a {
  color: #333333; }
  .wrap-column-content .data_loop_file a:hover,
  .content-full-width .data_loop_file a:hover {
    color: #333333; }
.wrap-column-content .data_loop_file .file_name,
.content-full-width .data_loop_file .file_name {
  font-weight: bold;
  color: #333333; }
.wrap-column-content .data_loop_file .file_size,
.content-full-width .data_loop_file .file_size {
  font-size: 12px;
  padding-top: 2px; }
.wrap-column-content .data_loop_file .slot_image_timeline,
.content-full-width .data_loop_file .slot_image_timeline {
  border: none;
  float: none;
  width: 100%;
  height: 100%;
  border-top: 1px solid #DDDFE2;
  padding: 14px;
  background-color: #f2f2f2; }
.wrap-column-content .data_loop_file .file_desc,
.content-full-width .data_loop_file .file_desc {
  height: 52px;
  width: calc(100% - 42px - 83px);
  padding-left: 12px;
  height: 42px; }
  .wrap-column-content .data_loop_file .file_desc:hover, .wrap-column-content .data_loop_file .file_desc:focus,
  .content-full-width .data_loop_file .file_desc:hover,
  .content-full-width .data_loop_file .file_desc:focus {
    text-decoration: none; }
.wrap-column-content .data_loop_file .file_download,
.content-full-width .data_loop_file .file_download {
  height: 42px;
  line-height: 42px; }
  .wrap-column-content .data_loop_file .file_download a,
  .content-full-width .data_loop_file .file_download a {
    font-size: 13px; }
  .wrap-column-content .data_loop_file .file_download .btn-default,
  .content-full-width .data_loop_file .file_download .btn-default {
    background-color: #f2f2f2; }
    .wrap-column-content .data_loop_file .file_download .btn-default:hover,
    .content-full-width .data_loop_file .file_download .btn-default:hover {
      background-color: #f2f2f2; }
.wrap-column-content .data_loop_file .file_icon img,
.content-full-width .data_loop_file .file_icon img {
  height: 42px;
  width: 42px; }
.wrap-column-content .data_loop_file .file_type a,
.content-full-width .data_loop_file .file_type a {
  color: #9B9B9B; }
  .wrap-column-content .data_loop_file .file_type a:hover,
  .content-full-width .data_loop_file .file_type a:hover {
    color: #9B9B9B; }
.wrap-column-content .overlay_media,
.content-full-width .overlay_media {
  position: absolute; }
.wrap-column-content .media_date,
.content-full-width .media_date {
  margin-left: 5px; }
.wrap-column-content #wrap_column_discussion .slot-body,
.content-full-width #wrap_column_discussion .slot-body {
  padding: 0; }
.wrap-column-content #wrap_column_discussion .list-group-item,
.content-full-width #wrap_column_discussion .list-group-item {
  padding-top: 7px;
  padding-bottom: 8px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom-color: #F9F9F9;
  padding-right: 14px;
  padding-left: 14px;
  margin-bottom: 0; }
  .wrap-column-content #wrap_column_discussion .list-group-item:first-child, .wrap-column-content #wrap_column_discussion .list-group-item:last-child,
  .content-full-width #wrap_column_discussion .list-group-item:first-child,
  .content-full-width #wrap_column_discussion .list-group-item:last-child {
    border-radius: 3px; }
  .wrap-column-content #wrap_column_discussion .list-group-item .item-title,
  .content-full-width #wrap_column_discussion .list-group-item .item-title {
    line-height: 1.7; }
    .wrap-column-content #wrap_column_discussion .list-group-item .item-title a,
    .content-full-width #wrap_column_discussion .list-group-item .item-title a {
      font-size: 16px;
      font-weight: normal; }
  .wrap-column-content #wrap_column_discussion .list-group-item .mt-2,
  .content-full-width #wrap_column_discussion .list-group-item .mt-2 {
    margin-top: 2px !important; }
  .wrap-column-content #wrap_column_discussion .list-group-item .discussion_desc,
  .content-full-width #wrap_column_discussion .list-group-item .discussion_desc {
    padding-left: 25px; }
    .wrap-column-content #wrap_column_discussion .list-group-item .discussion_desc .discuss_user,
    .content-full-width #wrap_column_discussion .list-group-item .discussion_desc .discuss_user {
      display: inline-block;
      margin-right: 5px; }
      .wrap-column-content #wrap_column_discussion .list-group-item .discussion_desc .discuss_user img,
      .content-full-width #wrap_column_discussion .list-group-item .discussion_desc .discuss_user img {
        width: 16px;
        height: 16px;
        border-radius: 50%;
        margin-top: -2px; }
  .wrap-column-content #wrap_column_discussion .list-group-item .discussion_icon,
  .content-full-width #wrap_column_discussion .list-group-item .discussion_icon {
    position: absolute;
    top: 2px;
    left: 0; }
  .wrap-column-content #wrap_column_discussion .list-group-item .discussion_title,
  .content-full-width #wrap_column_discussion .list-group-item .discussion_title {
    padding-left: 25px; }
.wrap-column-content #wrap_column_discussion .pin_discussion,
.wrap-column-content #wrap_column_discussion .default_discussion,
.content-full-width #wrap_column_discussion .pin_discussion,
.content-full-width #wrap_column_discussion .default_discussion {
  margin-right: 5px;
  color: #E98B0D !important;
  font-size: 18px;
  padding: 0 3px; }
.wrap-column-content #wrap_column_discussion .default_discussion,
.content-full-width #wrap_column_discussion .default_discussion {
  color: #b7cae9 !important; }
.wrap-column-content #wrap_column_calendar .wrap_calendar_view,
.content-full-width #wrap_column_calendar .wrap_calendar_view {
  position: relative; }
  .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item,
  .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item {
    padding: 12px 15px 12px 0;
    border-bottom: 1px solid #F9F9F9; }
    .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item:last-child,
    .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item:last-child {
      border-bottom: 0; }
    .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item .calendar_event_date,
    .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item .calendar_event_date {
      float: left;
      width: 60px;
      height: 50px;
      overflow: hidden; }
      .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item .calendar_event_date .calendar_date,
      .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item .calendar_event_date .calendar_date {
        font-size: 20px;
        line-height: 16px; }
    .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item .calendar_thumb,
    .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item .calendar_thumb {
      float: left;
      width: 50px;
      height: 50px;
      overflow: hidden; }
      .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item .calendar_thumb a,
      .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item .calendar_thumb a {
        display: block; }
      .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item .calendar_thumb img,
      .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item .calendar_thumb img {
        width: 100%;
        max-height: 60px; }
    .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc,
    .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc {
      float: left;
      width: calc(100% - 110px - 116px);
      padding-left: 12px;
      padding-right: 12px; }
      .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc a:link,
      .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc a:link {
        color: #1A66D2; }
        .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc a:link:focus, .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc a:link:active, .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc a:link:hover,
        .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc a:link:focus,
        .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc a:link:active,
        .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc a:link:hover {
          color: #1A66D2; }
      .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc a:visited,
      .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc a:visited {
        color: #4B10A8; }
        .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc a:visited:focus, .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc a:visited:active, .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc a:visited:hover,
        .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc a:visited:focus,
        .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc a:visited:active,
        .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc a:visited:hover {
          color: #4B10A8; }
      .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc .calendar_event_date,
      .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc .calendar_event_date {
        font-size: 16px; }
      .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc .calendar_event_url,
      .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc .calendar_event_url {
        margin-top: 5px;
        font-size: 16px; }
      .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc .calendar_event_name,
      .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item .calendar_desc .calendar_event_name {
        font-size: 14px; }
    .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item .wrap_btn_ics,
    .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item .wrap_btn_ics {
      float: left;
      width: 112px;
      padding: 8px 0; }
      .wrap-column-content #wrap_column_calendar .wrap_calendar_view .event_item .wrap_btn_ics button,
      .content-full-width #wrap_column_calendar .wrap_calendar_view .event_item .wrap_btn_ics button {
        font-size: 14px;
        border-radius: 17px;
        padding-right: 12px;
        padding-left: 12px; }
.wrap-column-content #wrap_column_calendar .tbl_head_calendar,
.content-full-width #wrap_column_calendar .tbl_head_calendar {
  background-color: #4E2A81;
  color: #fff;
  padding: 15px 30px;
  text-align: center;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
  .wrap-column-content #wrap_column_calendar .tbl_head_calendar .btn_calendar,
  .content-full-width #wrap_column_calendar .tbl_head_calendar .btn_calendar {
    color: #ffffff;
    font-size: 16px;
    margin-top: 3px; }
.wrap-column-content #wrap_column_calendar table,
.content-full-width #wrap_column_calendar table {
  width: 100%; }
  .wrap-column-content #wrap_column_calendar table thead,
  .content-full-width #wrap_column_calendar table thead {
    background-color: #4E2A81; }
    .wrap-column-content #wrap_column_calendar table thead tr td,
    .content-full-width #wrap_column_calendar table thead tr td {
      background-color: #4E2A81;
      color: #fff; }
      .wrap-column-content #wrap_column_calendar table thead tr td.calendar_day_name,
      .content-full-width #wrap_column_calendar table thead tr td.calendar_day_name {
        color: #CBB6DD;
        font-weight: bold;
        padding-bottom: 15px; }
  .wrap-column-content #wrap_column_calendar table tbody tr td,
  .content-full-width #wrap_column_calendar table tbody tr td {
    border-right: 1px solid #DDDFE2;
    border-bottom: 1px solid #DDDFE2;
    padding: 8px;
    text-align: right;
    width: 75px;
    height: 75px; }
    .wrap-column-content #wrap_column_calendar table tbody tr td:last-child,
    .content-full-width #wrap_column_calendar table tbody tr td:last-child {
      border-right: 0; }
    .wrap-column-content #wrap_column_calendar table tbody tr td.calendar_current_month_day .event_day,
    .content-full-width #wrap_column_calendar table tbody tr td.calendar_current_month_day .event_day {
      color: #333333;
      font-weight: bold;
      display: inline-block; }
    .wrap-column-content #wrap_column_calendar table tbody tr td.calendar_current_month_day.current_day .event_day,
    .content-full-width #wrap_column_calendar table tbody tr td.calendar_current_month_day.current_day .event_day {
      background-color: #823DE4;
      color: #ffffff;
      border-radius: 50%;
      width: 24px;
      height: 24px;
      text-align: center;
      padding: 3px 0;
      margin-top: -5px;
      margin-right: -5px; }
    .wrap-column-content #wrap_column_calendar table tbody tr td .wrap_event_calendar_day,
    .content-full-width #wrap_column_calendar table tbody tr td .wrap_event_calendar_day {
      width: 40px;
      height: 40px;
      position: relative; }
      .wrap-column-content #wrap_column_calendar table tbody tr td .wrap_event_calendar_day a,
      .content-full-width #wrap_column_calendar table tbody tr td .wrap_event_calendar_day a {
        display: block; }
      .wrap-column-content #wrap_column_calendar table tbody tr td .wrap_event_calendar_day img,
      .content-full-width #wrap_column_calendar table tbody tr td .wrap_event_calendar_day img {
        width: 40px;
        border: 1px solid #ffffff;
        border-radius: 3px; }
      .wrap-column-content #wrap_column_calendar table tbody tr td .wrap_event_calendar_day .wrap_event_calendar_detail,
      .content-full-width #wrap_column_calendar table tbody tr td .wrap_event_calendar_day .wrap_event_calendar_detail {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
        .wrap-column-content #wrap_column_calendar table tbody tr td .wrap_event_calendar_day .wrap_event_calendar_detail:first-child,
        .content-full-width #wrap_column_calendar table tbody tr td .wrap_event_calendar_day .wrap_event_calendar_detail:first-child {
          z-index: 999; }
        .wrap-column-content #wrap_column_calendar table tbody tr td .wrap_event_calendar_day .wrap_event_calendar_detail:nth-child(2),
        .content-full-width #wrap_column_calendar table tbody tr td .wrap_event_calendar_day .wrap_event_calendar_detail:nth-child(2) {
          transform: rotate(-10deg); }
        .wrap-column-content #wrap_column_calendar table tbody tr td .wrap_event_calendar_day .wrap_event_calendar_detail:nth-child(3),
        .content-full-width #wrap_column_calendar table tbody tr td .wrap_event_calendar_day .wrap_event_calendar_detail:nth-child(3) {
          transform: rotate(8deg);
          top: -1px; }
      .wrap-column-content #wrap_column_calendar table tbody tr td .wrap_event_calendar_day .event_title,
      .content-full-width #wrap_column_calendar table tbody tr td .wrap_event_calendar_day .event_title {
        display: none; }
  .wrap-column-content #wrap_column_calendar table tbody tr:last-child td,
  .content-full-width #wrap_column_calendar table tbody tr:last-child td {
    border-bottom: 0; }
.wrap-column-content #wrap_column_calendar .tooltip-inner,
.content-full-width #wrap_column_calendar .tooltip-inner {
  text-align: left; }
  .wrap-column-content #wrap_column_calendar .tooltip-inner .calendar_event_title,
  .content-full-width #wrap_column_calendar .tooltip-inner .calendar_event_title {
    margin-left: 10px; }
.wrap-column-content #wrap_column_project,
.content-full-width #wrap_column_project {
  margin-bottom: 0; }
  .wrap-column-content #wrap_column_project .slot-headline,
  .content-full-width #wrap_column_project .slot-headline {
    padding-right: 0; }
    .wrap-column-content #wrap_column_project .slot-headline a,
    .content-full-width #wrap_column_project .slot-headline a {
      color: #A7A7A7;
      margin-left: 20px;
      font-size: 15px; }
      .wrap-column-content #wrap_column_project .slot-headline a:hover, .wrap-column-content #wrap_column_project .slot-headline a:active, .wrap-column-content #wrap_column_project .slot-headline a:focus,
      .content-full-width #wrap_column_project .slot-headline a:hover,
      .content-full-width #wrap_column_project .slot-headline a:active,
      .content-full-width #wrap_column_project .slot-headline a:focus {
        color: #A7A7A7;
        text-decoration: none; }
      .wrap-column-content #wrap_column_project .slot-headline a.active,
      .content-full-width #wrap_column_project .slot-headline a.active {
        color: #333333;
        font-weight: bold; }
  .wrap-column-content #wrap_column_project .wrap_list_project_content,
  .content-full-width #wrap_column_project .wrap_list_project_content {
    width: 100%;
    position: relative; }
    .wrap-column-content #wrap_column_project .wrap_list_project_content a,
    .content-full-width #wrap_column_project .wrap_list_project_content a {
      text-align: center;
      font-size: 14px;
      width: 100%;
      height: 100%; }
      .wrap-column-content #wrap_column_project .wrap_list_project_content a.body-action-edit,
      .content-full-width #wrap_column_project .wrap_list_project_content a.body-action-edit {
        width: 36px; }
      .wrap-column-content #wrap_column_project .wrap_list_project_content a:link,
      .content-full-width #wrap_column_project .wrap_list_project_content a:link {
        color: #1A66D2; }
        .wrap-column-content #wrap_column_project .wrap_list_project_content a:link:focus, .wrap-column-content #wrap_column_project .wrap_list_project_content a:link:active, .wrap-column-content #wrap_column_project .wrap_list_project_content a:link:hover,
        .content-full-width #wrap_column_project .wrap_list_project_content a:link:focus,
        .content-full-width #wrap_column_project .wrap_list_project_content a:link:active,
        .content-full-width #wrap_column_project .wrap_list_project_content a:link:hover {
          color: #1A66D2; }
      .wrap-column-content #wrap_column_project .wrap_list_project_content a:visited,
      .content-full-width #wrap_column_project .wrap_list_project_content a:visited {
        color: #4B10A8; }
        .wrap-column-content #wrap_column_project .wrap_list_project_content a:visited:focus, .wrap-column-content #wrap_column_project .wrap_list_project_content a:visited:active, .wrap-column-content #wrap_column_project .wrap_list_project_content a:visited:hover,
        .content-full-width #wrap_column_project .wrap_list_project_content a:visited:focus,
        .content-full-width #wrap_column_project .wrap_list_project_content a:visited:active,
        .content-full-width #wrap_column_project .wrap_list_project_content a:visited:hover {
          color: #4B10A8; }
    .wrap-column-content #wrap_column_project .wrap_list_project_content .group_title_project,
    .content-full-width #wrap_column_project .wrap_list_project_content .group_title_project {
      padding: 5px 0; }
    .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_group_project,
    .content-full-width #wrap_column_project .wrap_list_project_content .wrap_group_project {
      display: none; }
      .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_group_project.active,
      .content-full-width #wrap_column_project .wrap_list_project_content .wrap_group_project.active {
        display: block; }
      .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child,
      .content-full-width #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child {
        margin-bottom: 15px;
        padding-bottom: 0; }
        .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .group_section,
        .content-full-width #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .group_section {
          width: 150px;
          float: left;
          margin-bottom: 12px; }
          .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .group_section .group_content,
          .content-full-width #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .group_section .group_content {
            width: 150px; }
            .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .group_section .group_content img,
            .content-full-width #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .group_section .group_content img {
              width: 100%; }
          .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .group_section .group_thumb,
          .content-full-width #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .group_section .group_thumb {
            border: 1px solid #DDDFE2;
            border-radius: 3px;
            overflow: hidden; }
            .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .group_section .group_thumb a,
            .content-full-width #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .group_section .group_thumb a {
              display: block; }
          .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .group_section .group_desc,
          .content-full-width #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .group_section .group_desc {
            padding-top: 10px; }
        .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .child_section,
        .content-full-width #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .child_section {
          float: left;
          width: calc(100% - 150px);
          padding-left: 25px; }
          .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .child_section .child_container,
          .content-full-width #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .child_section .child_container {
            margin-left: -12px;
            margin-right: -12px; }
          .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .child_section .child_item,
          .content-full-width #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .child_section .child_item {
            float: left;
            background-color: #ffffff;
            margin: 0 12px 5px 12px;
            width: calc(33.33% - 24px);
            height: 40px;
            position: relative; }
            .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .child_section .child_item .wrap_popmenu,
            .content-full-width #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .child_section .child_item .wrap_popmenu {
              top: 0; }
          .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .child_section .child_thumb,
          .content-full-width #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .child_section .child_thumb {
            float: left;
            width: 32px;
            height: 32px; }
            .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .child_section .child_thumb a,
            .content-full-width #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .child_section .child_thumb a {
              display: block;
              border: 1px solid #DDDFE2;
              border-radius: 3px;
              overflow: hidden; }
            .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .child_section .child_thumb img,
            .content-full-width #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .child_section .child_thumb img {
              width: 100%; }
          .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .child_section .child_desc,
          .content-full-width #wrap_column_project .wrap_list_project_content .wrap_group_project.group_child .child_section .child_desc {
            float: left;
            padding: 1px 0 0 5px;
            width: calc(100% - 32px); }
    .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_project_item,
    .content-full-width #wrap_column_project .wrap_list_project_content .wrap_project_item {
      display: none;
      margin-right: 10px;
      margin-bottom: 10px;
      float: left;
      overflow: hidden;
      position: relative; }
      .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_project_item.active,
      .content-full-width #wrap_column_project .wrap_list_project_content .wrap_project_item.active {
        display: block; }
      .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_project_item .wrap_project_thumb,
      .content-full-width #wrap_column_project .wrap_list_project_content .wrap_project_item .wrap_project_thumb {
        width: 100%; }
        .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_project_item .wrap_project_thumb img,
        .content-full-width #wrap_column_project .wrap_list_project_content .wrap_project_item .wrap_project_thumb img {
          width: 100%; }
      .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_project_item .wrap_project_name,
      .content-full-width #wrap_column_project .wrap_list_project_content .wrap_project_item .wrap_project_name {
        padding: 10px;
        height: 54px;
        border-top: 1px solid #DDDFE2; }
      .wrap-column-content #wrap_column_project .wrap_list_project_content .wrap_project_item .inner,
      .content-full-width #wrap_column_project .wrap_list_project_content .wrap_project_item .inner {
        background-color: #ffffff;
        border: 1px solid #DDDFE2;
        border-radius: 3px;
        overflow: hidden; }
    .wrap-column-content #wrap_column_project .wrap_list_project_content .group_list_project.column_2 .wrap_project_item,
    .content-full-width #wrap_column_project .wrap_list_project_content .group_list_project.column_2 .wrap_project_item {
      width: calc(16.62% - 8px); }
      .wrap-column-content #wrap_column_project .wrap_list_project_content .group_list_project.column_2 .wrap_project_item:nth-child(6n),
      .content-full-width #wrap_column_project .wrap_list_project_content .group_list_project.column_2 .wrap_project_item:nth-child(6n) {
        margin-right: 0; }
    .wrap-column-content #wrap_column_project .wrap_list_project_content .group_list_project.column_3 .wrap_project_item,
    .content-full-width #wrap_column_project .wrap_list_project_content .group_list_project.column_3 .wrap_project_item {
      width: calc(20% - 8px); }
      .wrap-column-content #wrap_column_project .wrap_list_project_content .group_list_project.column_3 .wrap_project_item:nth-child(5n),
      .content-full-width #wrap_column_project .wrap_list_project_content .group_list_project.column_3 .wrap_project_item:nth-child(5n) {
        margin-right: 0; }
.wrap-column-content #wrap_column_personal_database .slot-content,
.content-full-width #wrap_column_personal_database .slot-content {
  overflow: hidden;
  margin-left: -0.5px;
  margin-right: -0.5px;
  margin-bottom: -1px; }
.wrap-column-content #wrap_column_personal_database .module_title_personal_database,
.content-full-width #wrap_column_personal_database .module_title_personal_database {
  position: relative; }
  .wrap-column-content #wrap_column_personal_database .module_title_personal_database span,
  .content-full-width #wrap_column_personal_database .module_title_personal_database span {
    display: none; }
  .wrap-column-content #wrap_column_personal_database .module_title_personal_database .btn-add-personal_database,
  .content-full-width #wrap_column_personal_database .module_title_personal_database .btn-add-personal_database {
    position: relative !important; }
.wrap-column-content #wrap_column_personal_database .personal_item,
.content-full-width #wrap_column_personal_database .personal_item {
  position: relative;
  float: left;
  width: 25%;
  padding-right: 0.5px;
  padding-left: 0.5px;
  padding-bottom: 1px; }
  .wrap-column-content #wrap_column_personal_database .personal_item:nth-child(4n),
  .content-full-width #wrap_column_personal_database .personal_item:nth-child(4n) {
    margin-right: 0; }
  .wrap-column-content #wrap_column_personal_database .personal_item .body-action,
  .content-full-width #wrap_column_personal_database .personal_item .body-action {
    width: 126px !important; }
  .wrap-column-content #wrap_column_personal_database .personal_item img,
  .content-full-width #wrap_column_personal_database .personal_item img {
    width: 100%; }
  .wrap-column-content #wrap_column_personal_database .personal_item .personal_name,
  .content-full-width #wrap_column_personal_database .personal_item .personal_name {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0px;
    text-align: center;
    font-size: 12px;
    z-index: 999;
    padding: 5px;
    color: #ffffff; }
    .wrap-column-content #wrap_column_personal_database .personal_item .personal_name:hover, .wrap-column-content #wrap_column_personal_database .personal_item .personal_name:active, .wrap-column-content #wrap_column_personal_database .personal_item .personal_name:focus,
    .content-full-width #wrap_column_personal_database .personal_item .personal_name:hover,
    .content-full-width #wrap_column_personal_database .personal_item .personal_name:active,
    .content-full-width #wrap_column_personal_database .personal_item .personal_name:focus {
      color: #ffffff;
      text-decoration: none; }
    .wrap-column-content #wrap_column_personal_database .personal_item .personal_name.d-flex,
    .content-full-width #wrap_column_personal_database .personal_item .personal_name.d-flex {
      width: 100%;
      height: 100%;
      bottom: 0;
      top: 0;
      font-size: 30px;
      padding: 0; }
  .wrap-column-content #wrap_column_personal_database .personal_item .personal_shadow,
  .content-full-width #wrap_column_personal_database .personal_item .personal_shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 40%); }
  .wrap-column-content #wrap_column_personal_database .personal_item .personal_overlay,
  .content-full-width #wrap_column_personal_database .personal_item .personal_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5; }
.wrap-column-content .project-module-container .module-data,
.content-full-width .project-module-container .module-data {
  display: none; }
  .wrap-column-content .project-module-container .module-data.active,
  .content-full-width .project-module-container .module-data.active {
    display: block; }
.wrap-column-content .wrap_btn_load_more_activity,
.content-full-width .wrap_btn_load_more_activity {
  display: none;
  text-align: center; }
  .wrap-column-content .wrap_btn_load_more_activity.active,
  .content-full-width .wrap_btn_load_more_activity.active {
    display: block; }
  .wrap-column-content .wrap_btn_load_more_activity button,
  .content-full-width .wrap_btn_load_more_activity button {
    width: 20;
    padding: 6px 12px;
    font-weight: bold; }
.wrap-column-content #wrap_column_media .list_media_item,
.wrap-column-content .module-data[data-module="media_knowledge"] .list_media_item,
.wrap-column-content .module-data[data-module="friend_news"] .list_media_item,
.wrap-column-content .module-data[data-module="activity"] .list_media_item,
.content-full-width #wrap_column_media .list_media_item,
.content-full-width .module-data[data-module="media_knowledge"] .list_media_item,
.content-full-width .module-data[data-module="friend_news"] .list_media_item,
.content-full-width .module-data[data-module="activity"] .list_media_item {
  position: relative; }
.wrap-column-content #wrap_column_media .media_content,
.wrap-column-content .module-data[data-module="media_knowledge"] .media_content,
.wrap-column-content .module-data[data-module="friend_news"] .media_content,
.wrap-column-content .module-data[data-module="activity"] .media_content,
.content-full-width #wrap_column_media .media_content,
.content-full-width .module-data[data-module="media_knowledge"] .media_content,
.content-full-width .module-data[data-module="friend_news"] .media_content,
.content-full-width .module-data[data-module="activity"] .media_content {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 15px;
  position: relative; }
  .wrap-column-content #wrap_column_media .media_content .media_item,
  .wrap-column-content .module-data[data-module="media_knowledge"] .media_content .media_item,
  .wrap-column-content .module-data[data-module="friend_news"] .media_content .media_item,
  .wrap-column-content .module-data[data-module="activity"] .media_content .media_item,
  .content-full-width #wrap_column_media .media_content .media_item,
  .content-full-width .module-data[data-module="media_knowledge"] .media_content .media_item,
  .content-full-width .module-data[data-module="friend_news"] .media_content .media_item,
  .content-full-width .module-data[data-module="activity"] .media_content .media_item {
    float: left;
    width: 185px;
    margin-right: 10px;
    position: relative; }
    .wrap-column-content #wrap_column_media .media_content .media_item .inner,
    .wrap-column-content .module-data[data-module="media_knowledge"] .media_content .media_item .inner,
    .wrap-column-content .module-data[data-module="friend_news"] .media_content .media_item .inner,
    .wrap-column-content .module-data[data-module="activity"] .media_content .media_item .inner,
    .content-full-width #wrap_column_media .media_content .media_item .inner,
    .content-full-width .module-data[data-module="media_knowledge"] .media_content .media_item .inner,
    .content-full-width .module-data[data-module="friend_news"] .media_content .media_item .inner,
    .content-full-width .module-data[data-module="activity"] .media_content .media_item .inner {
      border: 1px solid #DDDFE2;
      border-radius: 3px;
      background-color: #ffffff;
      overflow: hidden; }
    .wrap-column-content #wrap_column_media .media_content .media_item:last-child,
    .wrap-column-content .module-data[data-module="media_knowledge"] .media_content .media_item:last-child,
    .wrap-column-content .module-data[data-module="friend_news"] .media_content .media_item:last-child,
    .wrap-column-content .module-data[data-module="activity"] .media_content .media_item:last-child,
    .content-full-width #wrap_column_media .media_content .media_item:last-child,
    .content-full-width .module-data[data-module="media_knowledge"] .media_content .media_item:last-child,
    .content-full-width .module-data[data-module="friend_news"] .media_content .media_item:last-child,
    .content-full-width .module-data[data-module="activity"] .media_content .media_item:last-child {
      margin-right: 0; }
  .wrap-column-content #wrap_column_media .media_content .media_thumb,
  .wrap-column-content .module-data[data-module="media_knowledge"] .media_content .media_thumb,
  .wrap-column-content .module-data[data-module="friend_news"] .media_content .media_thumb,
  .wrap-column-content .module-data[data-module="activity"] .media_content .media_thumb,
  .content-full-width #wrap_column_media .media_content .media_thumb,
  .content-full-width .module-data[data-module="media_knowledge"] .media_content .media_thumb,
  .content-full-width .module-data[data-module="friend_news"] .media_content .media_thumb,
  .content-full-width .module-data[data-module="activity"] .media_content .media_thumb {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden; }
    .wrap-column-content #wrap_column_media .media_content .media_thumb img,
    .wrap-column-content .module-data[data-module="media_knowledge"] .media_content .media_thumb img,
    .wrap-column-content .module-data[data-module="friend_news"] .media_content .media_thumb img,
    .wrap-column-content .module-data[data-module="activity"] .media_content .media_thumb img,
    .content-full-width #wrap_column_media .media_content .media_thumb img,
    .content-full-width .module-data[data-module="media_knowledge"] .media_content .media_thumb img,
    .content-full-width .module-data[data-module="friend_news"] .media_content .media_thumb img,
    .content-full-width .module-data[data-module="activity"] .media_content .media_thumb img {
      width: 100%; }
  .wrap-column-content #wrap_column_media .media_content .media_desc,
  .wrap-column-content .module-data[data-module="media_knowledge"] .media_content .media_desc,
  .wrap-column-content .module-data[data-module="friend_news"] .media_content .media_desc,
  .wrap-column-content .module-data[data-module="activity"] .media_content .media_desc,
  .content-full-width #wrap_column_media .media_content .media_desc,
  .content-full-width .module-data[data-module="media_knowledge"] .media_content .media_desc,
  .content-full-width .module-data[data-module="friend_news"] .media_content .media_desc,
  .content-full-width .module-data[data-module="activity"] .media_content .media_desc {
    height: 75px;
    padding: 10px;
    border-top: 1px solid #DDDFE2; }
    .wrap-column-content #wrap_column_media .media_content .media_desc .small_desc,
    .wrap-column-content .module-data[data-module="media_knowledge"] .media_content .media_desc .small_desc,
    .wrap-column-content .module-data[data-module="friend_news"] .media_content .media_desc .small_desc,
    .wrap-column-content .module-data[data-module="activity"] .media_content .media_desc .small_desc,
    .content-full-width #wrap_column_media .media_content .media_desc .small_desc,
    .content-full-width .module-data[data-module="media_knowledge"] .media_content .media_desc .small_desc,
    .content-full-width .module-data[data-module="friend_news"] .media_content .media_desc .small_desc,
    .content-full-width .module-data[data-module="activity"] .media_content .media_desc .small_desc {
      line-height: 1.4;
      padding-top: 3px; }
.wrap-column-content #wrap_column_media .module-pin-data .media_content,
.wrap-column-content .module-data[data-module="media_knowledge"] .module-pin-data .media_content,
.wrap-column-content .module-data[data-module="friend_news"] .module-pin-data .media_content,
.wrap-column-content .module-data[data-module="activity"] .module-pin-data .media_content,
.content-full-width #wrap_column_media .module-pin-data .media_content,
.content-full-width .module-data[data-module="media_knowledge"] .module-pin-data .media_content,
.content-full-width .module-data[data-module="friend_news"] .module-pin-data .media_content,
.content-full-width .module-data[data-module="activity"] .module-pin-data .media_content {
  padding-bottom: 0; }
  .wrap-column-content #wrap_column_media .module-pin-data .media_content .media_item,
  .wrap-column-content .module-data[data-module="media_knowledge"] .module-pin-data .media_content .media_item,
  .wrap-column-content .module-data[data-module="friend_news"] .module-pin-data .media_content .media_item,
  .wrap-column-content .module-data[data-module="activity"] .module-pin-data .media_content .media_item,
  .content-full-width #wrap_column_media .module-pin-data .media_content .media_item,
  .content-full-width .module-data[data-module="media_knowledge"] .module-pin-data .media_content .media_item,
  .content-full-width .module-data[data-module="friend_news"] .module-pin-data .media_content .media_item,
  .content-full-width .module-data[data-module="activity"] .module-pin-data .media_content .media_item {
    height: auto;
    margin-right: 10px;
    margin-bottom: 10px; }
    .wrap-column-content #wrap_column_media .module-pin-data .media_content .media_item .inner,
    .wrap-column-content .module-data[data-module="media_knowledge"] .module-pin-data .media_content .media_item .inner,
    .wrap-column-content .module-data[data-module="friend_news"] .module-pin-data .media_content .media_item .inner,
    .wrap-column-content .module-data[data-module="activity"] .module-pin-data .media_content .media_item .inner,
    .content-full-width #wrap_column_media .module-pin-data .media_content .media_item .inner,
    .content-full-width .module-data[data-module="media_knowledge"] .module-pin-data .media_content .media_item .inner,
    .content-full-width .module-data[data-module="friend_news"] .module-pin-data .media_content .media_item .inner,
    .content-full-width .module-data[data-module="activity"] .module-pin-data .media_content .media_item .inner {
      border: 1px solid #DDDFE2;
      border-radius: 3px;
      overflow: hidden; }
  .wrap-column-content #wrap_column_media .module-pin-data .media_content .list_media_item .media_item.youtube_item .media_thumb,
  .wrap-column-content .module-data[data-module="media_knowledge"] .module-pin-data .media_content .list_media_item .media_item.youtube_item .media_thumb,
  .wrap-column-content .module-data[data-module="friend_news"] .module-pin-data .media_content .list_media_item .media_item.youtube_item .media_thumb,
  .wrap-column-content .module-data[data-module="activity"] .module-pin-data .media_content .list_media_item .media_item.youtube_item .media_thumb,
  .content-full-width #wrap_column_media .module-pin-data .media_content .list_media_item .media_item.youtube_item .media_thumb,
  .content-full-width .module-data[data-module="media_knowledge"] .module-pin-data .media_content .list_media_item .media_item.youtube_item .media_thumb,
  .content-full-width .module-data[data-module="friend_news"] .module-pin-data .media_content .list_media_item .media_item.youtube_item .media_thumb,
  .content-full-width .module-data[data-module="activity"] .module-pin-data .media_content .list_media_item .media_item.youtube_item .media_thumb {
    height: 147px; }
  .wrap-column-content #wrap_column_media .module-pin-data .media_content .list_media_item.column_2 .media_item:not(.youtube_item),
  .wrap-column-content .module-data[data-module="media_knowledge"] .module-pin-data .media_content .list_media_item.column_2 .media_item:not(.youtube_item),
  .wrap-column-content .module-data[data-module="friend_news"] .module-pin-data .media_content .list_media_item.column_2 .media_item:not(.youtube_item),
  .wrap-column-content .module-data[data-module="activity"] .module-pin-data .media_content .list_media_item.column_2 .media_item:not(.youtube_item),
  .content-full-width #wrap_column_media .module-pin-data .media_content .list_media_item.column_2 .media_item:not(.youtube_item),
  .content-full-width .module-data[data-module="media_knowledge"] .module-pin-data .media_content .list_media_item.column_2 .media_item:not(.youtube_item),
  .content-full-width .module-data[data-module="friend_news"] .module-pin-data .media_content .list_media_item.column_2 .media_item:not(.youtube_item),
  .content-full-width .module-data[data-module="activity"] .module-pin-data .media_content .list_media_item.column_2 .media_item:not(.youtube_item) {
    width: calc(16.62% - 8px); }
    .wrap-column-content #wrap_column_media .module-pin-data .media_content .list_media_item.column_2 .media_item:not(.youtube_item):nth-child(6n),
    .wrap-column-content .module-data[data-module="media_knowledge"] .module-pin-data .media_content .list_media_item.column_2 .media_item:not(.youtube_item):nth-child(6n),
    .wrap-column-content .module-data[data-module="friend_news"] .module-pin-data .media_content .list_media_item.column_2 .media_item:not(.youtube_item):nth-child(6n),
    .wrap-column-content .module-data[data-module="activity"] .module-pin-data .media_content .list_media_item.column_2 .media_item:not(.youtube_item):nth-child(6n),
    .content-full-width #wrap_column_media .module-pin-data .media_content .list_media_item.column_2 .media_item:not(.youtube_item):nth-child(6n),
    .content-full-width .module-data[data-module="media_knowledge"] .module-pin-data .media_content .list_media_item.column_2 .media_item:not(.youtube_item):nth-child(6n),
    .content-full-width .module-data[data-module="friend_news"] .module-pin-data .media_content .list_media_item.column_2 .media_item:not(.youtube_item):nth-child(6n),
    .content-full-width .module-data[data-module="activity"] .module-pin-data .media_content .list_media_item.column_2 .media_item:not(.youtube_item):nth-child(6n) {
      margin-right: 0; }
  .wrap-column-content #wrap_column_media .module-pin-data .media_content .list_media_item.column_2 .media_item.youtube_item,
  .wrap-column-content .module-data[data-module="media_knowledge"] .module-pin-data .media_content .list_media_item.column_2 .media_item.youtube_item,
  .wrap-column-content .module-data[data-module="friend_news"] .module-pin-data .media_content .list_media_item.column_2 .media_item.youtube_item,
  .wrap-column-content .module-data[data-module="activity"] .module-pin-data .media_content .list_media_item.column_2 .media_item.youtube_item,
  .content-full-width #wrap_column_media .module-pin-data .media_content .list_media_item.column_2 .media_item.youtube_item,
  .content-full-width .module-data[data-module="media_knowledge"] .module-pin-data .media_content .list_media_item.column_2 .media_item.youtube_item,
  .content-full-width .module-data[data-module="friend_news"] .module-pin-data .media_content .list_media_item.column_2 .media_item.youtube_item,
  .content-full-width .module-data[data-module="activity"] .module-pin-data .media_content .list_media_item.column_2 .media_item.youtube_item {
    width: calc(25% - 7.5px); }
    .wrap-column-content #wrap_column_media .module-pin-data .media_content .list_media_item.column_2 .media_item.youtube_item:nth-child(4n),
    .wrap-column-content .module-data[data-module="media_knowledge"] .module-pin-data .media_content .list_media_item.column_2 .media_item.youtube_item:nth-child(4n),
    .wrap-column-content .module-data[data-module="friend_news"] .module-pin-data .media_content .list_media_item.column_2 .media_item.youtube_item:nth-child(4n),
    .wrap-column-content .module-data[data-module="activity"] .module-pin-data .media_content .list_media_item.column_2 .media_item.youtube_item:nth-child(4n),
    .content-full-width #wrap_column_media .module-pin-data .media_content .list_media_item.column_2 .media_item.youtube_item:nth-child(4n),
    .content-full-width .module-data[data-module="media_knowledge"] .module-pin-data .media_content .list_media_item.column_2 .media_item.youtube_item:nth-child(4n),
    .content-full-width .module-data[data-module="friend_news"] .module-pin-data .media_content .list_media_item.column_2 .media_item.youtube_item:nth-child(4n),
    .content-full-width .module-data[data-module="activity"] .module-pin-data .media_content .list_media_item.column_2 .media_item.youtube_item:nth-child(4n) {
      margin-right: 0; }
  .wrap-column-content #wrap_column_media .module-pin-data .media_content .list_media_item.column_3 .media_item:not(.youtube_item),
  .wrap-column-content .module-data[data-module="media_knowledge"] .module-pin-data .media_content .list_media_item.column_3 .media_item:not(.youtube_item),
  .wrap-column-content .module-data[data-module="friend_news"] .module-pin-data .media_content .list_media_item.column_3 .media_item:not(.youtube_item),
  .wrap-column-content .module-data[data-module="activity"] .module-pin-data .media_content .list_media_item.column_3 .media_item:not(.youtube_item),
  .content-full-width #wrap_column_media .module-pin-data .media_content .list_media_item.column_3 .media_item:not(.youtube_item),
  .content-full-width .module-data[data-module="media_knowledge"] .module-pin-data .media_content .list_media_item.column_3 .media_item:not(.youtube_item),
  .content-full-width .module-data[data-module="friend_news"] .module-pin-data .media_content .list_media_item.column_3 .media_item:not(.youtube_item),
  .content-full-width .module-data[data-module="activity"] .module-pin-data .media_content .list_media_item.column_3 .media_item:not(.youtube_item) {
    width: calc(20% - 8px); }
    .wrap-column-content #wrap_column_media .module-pin-data .media_content .list_media_item.column_3 .media_item:not(.youtube_item):nth-child(5n),
    .wrap-column-content .module-data[data-module="media_knowledge"] .module-pin-data .media_content .list_media_item.column_3 .media_item:not(.youtube_item):nth-child(5n),
    .wrap-column-content .module-data[data-module="friend_news"] .module-pin-data .media_content .list_media_item.column_3 .media_item:not(.youtube_item):nth-child(5n),
    .wrap-column-content .module-data[data-module="activity"] .module-pin-data .media_content .list_media_item.column_3 .media_item:not(.youtube_item):nth-child(5n),
    .content-full-width #wrap_column_media .module-pin-data .media_content .list_media_item.column_3 .media_item:not(.youtube_item):nth-child(5n),
    .content-full-width .module-data[data-module="media_knowledge"] .module-pin-data .media_content .list_media_item.column_3 .media_item:not(.youtube_item):nth-child(5n),
    .content-full-width .module-data[data-module="friend_news"] .module-pin-data .media_content .list_media_item.column_3 .media_item:not(.youtube_item):nth-child(5n),
    .content-full-width .module-data[data-module="activity"] .module-pin-data .media_content .list_media_item.column_3 .media_item:not(.youtube_item):nth-child(5n) {
      margin-right: 0; }
  .wrap-column-content #wrap_column_media .module-pin-data .media_content .list_media_item.column_3 .media_item.youtube_item,
  .wrap-column-content .module-data[data-module="media_knowledge"] .module-pin-data .media_content .list_media_item.column_3 .media_item.youtube_item,
  .wrap-column-content .module-data[data-module="friend_news"] .module-pin-data .media_content .list_media_item.column_3 .media_item.youtube_item,
  .wrap-column-content .module-data[data-module="activity"] .module-pin-data .media_content .list_media_item.column_3 .media_item.youtube_item,
  .content-full-width #wrap_column_media .module-pin-data .media_content .list_media_item.column_3 .media_item.youtube_item,
  .content-full-width .module-data[data-module="media_knowledge"] .module-pin-data .media_content .list_media_item.column_3 .media_item.youtube_item,
  .content-full-width .module-data[data-module="friend_news"] .module-pin-data .media_content .list_media_item.column_3 .media_item.youtube_item,
  .content-full-width .module-data[data-module="activity"] .module-pin-data .media_content .list_media_item.column_3 .media_item.youtube_item {
    width: calc(33.33% - 7px); }
    .wrap-column-content #wrap_column_media .module-pin-data .media_content .list_media_item.column_3 .media_item.youtube_item:nth-child(3n),
    .wrap-column-content .module-data[data-module="media_knowledge"] .module-pin-data .media_content .list_media_item.column_3 .media_item.youtube_item:nth-child(3n),
    .wrap-column-content .module-data[data-module="friend_news"] .module-pin-data .media_content .list_media_item.column_3 .media_item.youtube_item:nth-child(3n),
    .wrap-column-content .module-data[data-module="activity"] .module-pin-data .media_content .list_media_item.column_3 .media_item.youtube_item:nth-child(3n),
    .content-full-width #wrap_column_media .module-pin-data .media_content .list_media_item.column_3 .media_item.youtube_item:nth-child(3n),
    .content-full-width .module-data[data-module="media_knowledge"] .module-pin-data .media_content .list_media_item.column_3 .media_item.youtube_item:nth-child(3n),
    .content-full-width .module-data[data-module="friend_news"] .module-pin-data .media_content .list_media_item.column_3 .media_item.youtube_item:nth-child(3n),
    .content-full-width .module-data[data-module="activity"] .module-pin-data .media_content .list_media_item.column_3 .media_item.youtube_item:nth-child(3n) {
      margin-right: 0; }
  .wrap-column-content #wrap_column_media .module-pin-data .media_content .media_thumb,
  .wrap-column-content .module-data[data-module="media_knowledge"] .module-pin-data .media_content .media_thumb,
  .wrap-column-content .module-data[data-module="friend_news"] .module-pin-data .media_content .media_thumb,
  .wrap-column-content .module-data[data-module="activity"] .module-pin-data .media_content .media_thumb,
  .content-full-width #wrap_column_media .module-pin-data .media_content .media_thumb,
  .content-full-width .module-data[data-module="media_knowledge"] .module-pin-data .media_content .media_thumb,
  .content-full-width .module-data[data-module="friend_news"] .module-pin-data .media_content .media_thumb,
  .content-full-width .module-data[data-module="activity"] .module-pin-data .media_content .media_thumb {
    background-color: #ffffff;
    width: 100%;
    height: auto; }
    .wrap-column-content #wrap_column_media .module-pin-data .media_content .media_thumb img,
    .wrap-column-content .module-data[data-module="media_knowledge"] .module-pin-data .media_content .media_thumb img,
    .wrap-column-content .module-data[data-module="friend_news"] .module-pin-data .media_content .media_thumb img,
    .wrap-column-content .module-data[data-module="activity"] .module-pin-data .media_content .media_thumb img,
    .content-full-width #wrap_column_media .module-pin-data .media_content .media_thumb img,
    .content-full-width .module-data[data-module="media_knowledge"] .module-pin-data .media_content .media_thumb img,
    .content-full-width .module-data[data-module="friend_news"] .module-pin-data .media_content .media_thumb img,
    .content-full-width .module-data[data-module="activity"] .module-pin-data .media_content .media_thumb img {
      max-height: 215px;
      border: none; }
  .wrap-column-content #wrap_column_media .module-pin-data .media_content .media_desc,
  .wrap-column-content .module-data[data-module="media_knowledge"] .module-pin-data .media_content .media_desc,
  .wrap-column-content .module-data[data-module="friend_news"] .module-pin-data .media_content .media_desc,
  .wrap-column-content .module-data[data-module="activity"] .module-pin-data .media_content .media_desc,
  .content-full-width #wrap_column_media .module-pin-data .media_content .media_desc,
  .content-full-width .module-data[data-module="media_knowledge"] .module-pin-data .media_content .media_desc,
  .content-full-width .module-data[data-module="friend_news"] .module-pin-data .media_content .media_desc,
  .content-full-width .module-data[data-module="activity"] .module-pin-data .media_content .media_desc {
    border-top: 1px solid #DDDFE2;
    padding: 10px;
    height: 75px; }
.wrap-column-content #wrap_column_media .wrap_column_media_document .btn-add-publishing,
.wrap-column-content .module-data[data-module="media_knowledge"] .wrap_column_media_document .btn-add-publishing,
.wrap-column-content .module-data[data-module="friend_news"] .wrap_column_media_document .btn-add-publishing,
.wrap-column-content .module-data[data-module="activity"] .wrap_column_media_document .btn-add-publishing,
.content-full-width #wrap_column_media .wrap_column_media_document .btn-add-publishing,
.content-full-width .module-data[data-module="media_knowledge"] .wrap_column_media_document .btn-add-publishing,
.content-full-width .module-data[data-module="friend_news"] .wrap_column_media_document .btn-add-publishing,
.content-full-width .module-data[data-module="activity"] .wrap_column_media_document .btn-add-publishing {
  float: none;
  top: -5px;
  left: 70px;
  position: absolute; }
  .wrap-column-content #wrap_column_media .wrap_column_media_document .btn-add-publishing span,
  .wrap-column-content .module-data[data-module="media_knowledge"] .wrap_column_media_document .btn-add-publishing span,
  .wrap-column-content .module-data[data-module="friend_news"] .wrap_column_media_document .btn-add-publishing span,
  .wrap-column-content .module-data[data-module="activity"] .wrap_column_media_document .btn-add-publishing span,
  .content-full-width #wrap_column_media .wrap_column_media_document .btn-add-publishing span,
  .content-full-width .module-data[data-module="media_knowledge"] .wrap_column_media_document .btn-add-publishing span,
  .content-full-width .module-data[data-module="friend_news"] .wrap_column_media_document .btn-add-publishing span,
  .content-full-width .module-data[data-module="activity"] .wrap_column_media_document .btn-add-publishing span {
    display: none; }
.wrap-column-content #wrap_column_media .wrap_column_media_knowledge .btn-add-knowledge,
.wrap-column-content .module-data[data-module="media_knowledge"] .wrap_column_media_knowledge .btn-add-knowledge,
.wrap-column-content .module-data[data-module="friend_news"] .wrap_column_media_knowledge .btn-add-knowledge,
.wrap-column-content .module-data[data-module="activity"] .wrap_column_media_knowledge .btn-add-knowledge,
.content-full-width #wrap_column_media .wrap_column_media_knowledge .btn-add-knowledge,
.content-full-width .module-data[data-module="media_knowledge"] .wrap_column_media_knowledge .btn-add-knowledge,
.content-full-width .module-data[data-module="friend_news"] .wrap_column_media_knowledge .btn-add-knowledge,
.content-full-width .module-data[data-module="activity"] .wrap_column_media_knowledge .btn-add-knowledge {
  float: none;
  top: -5px;
  left: 180px;
  position: absolute; }
  .wrap-column-content #wrap_column_media .wrap_column_media_knowledge .btn-add-knowledge span,
  .wrap-column-content .module-data[data-module="media_knowledge"] .wrap_column_media_knowledge .btn-add-knowledge span,
  .wrap-column-content .module-data[data-module="friend_news"] .wrap_column_media_knowledge .btn-add-knowledge span,
  .wrap-column-content .module-data[data-module="activity"] .wrap_column_media_knowledge .btn-add-knowledge span,
  .content-full-width #wrap_column_media .wrap_column_media_knowledge .btn-add-knowledge span,
  .content-full-width .module-data[data-module="media_knowledge"] .wrap_column_media_knowledge .btn-add-knowledge span,
  .content-full-width .module-data[data-module="friend_news"] .wrap_column_media_knowledge .btn-add-knowledge span,
  .content-full-width .module-data[data-module="activity"] .wrap_column_media_knowledge .btn-add-knowledge span {
    display: none; }
.wrap-column-content #wrap_column_media .wrap_column_media_news .btn-add-news,
.wrap-column-content .module-data[data-module="media_knowledge"] .wrap_column_media_news .btn-add-news,
.wrap-column-content .module-data[data-module="friend_news"] .wrap_column_media_news .btn-add-news,
.wrap-column-content .module-data[data-module="activity"] .wrap_column_media_news .btn-add-news,
.content-full-width #wrap_column_media .wrap_column_media_news .btn-add-news,
.content-full-width .module-data[data-module="media_knowledge"] .wrap_column_media_news .btn-add-news,
.content-full-width .module-data[data-module="friend_news"] .wrap_column_media_news .btn-add-news,
.content-full-width .module-data[data-module="activity"] .wrap_column_media_news .btn-add-news {
  float: none;
  top: -5px;
  left: 140px;
  position: absolute; }
  .wrap-column-content #wrap_column_media .wrap_column_media_news .btn-add-news span,
  .wrap-column-content .module-data[data-module="media_knowledge"] .wrap_column_media_news .btn-add-news span,
  .wrap-column-content .module-data[data-module="friend_news"] .wrap_column_media_news .btn-add-news span,
  .wrap-column-content .module-data[data-module="activity"] .wrap_column_media_news .btn-add-news span,
  .content-full-width #wrap_column_media .wrap_column_media_news .btn-add-news span,
  .content-full-width .module-data[data-module="media_knowledge"] .wrap_column_media_news .btn-add-news span,
  .content-full-width .module-data[data-module="friend_news"] .wrap_column_media_news .btn-add-news span,
  .content-full-width .module-data[data-module="activity"] .wrap_column_media_news .btn-add-news span {
    display: none; }
.wrap-column-content #wrap_column_media .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_item,
.wrap-column-content .module-data[data-module="media_knowledge"] .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_item,
.wrap-column-content .module-data[data-module="friend_news"] .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_item,
.wrap-column-content .module-data[data-module="activity"] .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_item,
.content-full-width #wrap_column_media .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_item,
.content-full-width .module-data[data-module="media_knowledge"] .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_item,
.content-full-width .module-data[data-module="friend_news"] .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_item,
.content-full-width .module-data[data-module="activity"] .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_item {
  height: auto; }
.wrap-column-content #wrap_column_media .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_thumb,
.wrap-column-content .module-data[data-module="media_knowledge"] .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_thumb,
.wrap-column-content .module-data[data-module="friend_news"] .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_thumb,
.wrap-column-content .module-data[data-module="activity"] .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_thumb,
.content-full-width #wrap_column_media .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_thumb,
.content-full-width .module-data[data-module="media_knowledge"] .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_thumb,
.content-full-width .module-data[data-module="friend_news"] .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_thumb,
.content-full-width .module-data[data-module="activity"] .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_thumb {
  text-align: center;
  overflow: hidden; }
  .wrap-column-content #wrap_column_media .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_thumb img,
  .wrap-column-content .module-data[data-module="media_knowledge"] .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_thumb img,
  .wrap-column-content .module-data[data-module="friend_news"] .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_thumb img,
  .wrap-column-content .module-data[data-module="activity"] .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_thumb img,
  .content-full-width #wrap_column_media .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_thumb img,
  .content-full-width .module-data[data-module="media_knowledge"] .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_thumb img,
  .content-full-width .module-data[data-module="friend_news"] .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_thumb img,
  .content-full-width .module-data[data-module="activity"] .module-data-container[data-category="youtube"] .module-pin-data .media_content .media_thumb img {
    margin-top: -32px; }
.wrap-column-content #wrap_column_media .line_left,
.wrap-column-content #wrap_column_media .line_right,
.wrap-column-content .module-data[data-module="media_knowledge"] .line_left,
.wrap-column-content .module-data[data-module="media_knowledge"] .line_right,
.wrap-column-content .module-data[data-module="friend_news"] .line_left,
.wrap-column-content .module-data[data-module="friend_news"] .line_right,
.wrap-column-content .module-data[data-module="activity"] .line_left,
.wrap-column-content .module-data[data-module="activity"] .line_right,
.content-full-width #wrap_column_media .line_left,
.content-full-width #wrap_column_media .line_right,
.content-full-width .module-data[data-module="media_knowledge"] .line_left,
.content-full-width .module-data[data-module="media_knowledge"] .line_right,
.content-full-width .module-data[data-module="friend_news"] .line_left,
.content-full-width .module-data[data-module="friend_news"] .line_right,
.content-full-width .module-data[data-module="activity"] .line_left,
.content-full-width .module-data[data-module="activity"] .line_right {
  position: absolute;
  top: 56px;
  width: 1px;
  height: 278px;
  background-color: rgba(111, 111, 111, 0.2);
  z-index: 999;
  display: none; }
.wrap-column-content #wrap_column_media .line_left,
.wrap-column-content .module-data[data-module="media_knowledge"] .line_left,
.wrap-column-content .module-data[data-module="friend_news"] .line_left,
.wrap-column-content .module-data[data-module="activity"] .line_left,
.content-full-width #wrap_column_media .line_left,
.content-full-width .module-data[data-module="media_knowledge"] .line_left,
.content-full-width .module-data[data-module="friend_news"] .line_left,
.content-full-width .module-data[data-module="activity"] .line_left {
  left: 0; }
.wrap-column-content #wrap_column_media .line_right,
.wrap-column-content .module-data[data-module="media_knowledge"] .line_right,
.wrap-column-content .module-data[data-module="friend_news"] .line_right,
.wrap-column-content .module-data[data-module="activity"] .line_right,
.content-full-width #wrap_column_media .line_right,
.content-full-width .module-data[data-module="media_knowledge"] .line_right,
.content-full-width .module-data[data-module="friend_news"] .line_right,
.content-full-width .module-data[data-module="activity"] .line_right {
  right: 0; }
.wrap-column-content #wrap_column_media .wrap_column_media_youtube .media_content .media_item,
.wrap-column-content .module-data[data-module="media_knowledge"] .wrap_column_media_youtube .media_content .media_item,
.wrap-column-content .module-data[data-module="friend_news"] .wrap_column_media_youtube .media_content .media_item,
.wrap-column-content .module-data[data-module="activity"] .wrap_column_media_youtube .media_content .media_item,
.content-full-width #wrap_column_media .wrap_column_media_youtube .media_content .media_item,
.content-full-width .module-data[data-module="media_knowledge"] .wrap_column_media_youtube .media_content .media_item,
.content-full-width .module-data[data-module="friend_news"] .wrap_column_media_youtube .media_content .media_item,
.content-full-width .module-data[data-module="activity"] .wrap_column_media_youtube .media_content .media_item {
  width: 283px; }
.wrap-column-content .wrap_column_media_lesson .media_content,
.content-full-width .wrap_column_media_lesson .media_content {
  padding-bottom: 0; }
.wrap-column-content .wrap_column_media_lesson .list_lesson_item,
.content-full-width .wrap_column_media_lesson .list_lesson_item {
  padding-bottom: 10px; }
.wrap-column-content #wrap_column_media .wrap-slot-content > div:last-child .media_content,
.content-full-width #wrap_column_media .wrap-slot-content > div:last-child .media_content {
  margin-bottom: 0; }
.wrap-column-content #wrap_column_media .wrap-slot-content > div.wrap_column_media_youtube .line_left,
.wrap-column-content #wrap_column_media .wrap-slot-content > div.wrap_column_media_youtube .line_right,
.content-full-width #wrap_column_media .wrap-slot-content > div.wrap_column_media_youtube .line_left,
.content-full-width #wrap_column_media .wrap-slot-content > div.wrap_column_media_youtube .line_right {
  height: 242px; }
.wrap-column-content #wrap_column_media .wrap-slot-content > div.wrap_column_media_lesson .line_left,
.wrap-column-content #wrap_column_media .wrap-slot-content > div.wrap_column_media_lesson .line_right,
.content-full-width #wrap_column_media .wrap-slot-content > div.wrap_column_media_lesson .line_left,
.content-full-width #wrap_column_media .wrap-slot-content > div.wrap_column_media_lesson .line_right {
  height: 294px;
  top: 54px; }
.wrap-column-content .btn_change_view_setting,
.content-full-width .btn_change_view_setting {
  width: 28px;
  background-image: none;
  top: -5px;
  right: 14px; }
  .wrap-column-content .btn_change_view_setting .wrap_view_setting,
  .content-full-width .btn_change_view_setting .wrap_view_setting {
    background-color: #444;
    right: -14px;
    top: 40px;
    padding: 10px;
    border-radius: 3px;
    color: #fff; }
    .wrap-column-content .btn_change_view_setting .wrap_view_setting .wrap_view_setting_top,
    .content-full-width .btn_change_view_setting .wrap_view_setting .wrap_view_setting_top {
      background-image: none;
      padding-top: 0;
      position: relative; }
      .wrap-column-content .btn_change_view_setting .wrap_view_setting .wrap_view_setting_top .popmenu_open_arrow,
      .content-full-width .btn_change_view_setting .wrap_view_setting .wrap_view_setting_top .popmenu_open_arrow {
        position: absolute;
        margin: 0;
        top: -20px;
        width: 18px;
        height: 10px;
        right: 8px; }
    .wrap-column-content .btn_change_view_setting .wrap_view_setting .wrap_view_setting_bottom,
    .content-full-width .btn_change_view_setting .wrap_view_setting .wrap_view_setting_bottom {
      background-image: none;
      padding: 0; }
    .wrap-column-content .btn_change_view_setting .wrap_view_setting .wrap_view_setting_border,
    .content-full-width .btn_change_view_setting .wrap_view_setting .wrap_view_setting_border {
      background-image: none; }
    .wrap-column-content .btn_change_view_setting .wrap_view_setting .wrap_btn_view_mode,
    .content-full-width .btn_change_view_setting .wrap_view_setting .wrap_btn_view_mode {
      background-color: transparent;
      padding: 0; }
      .wrap-column-content .btn_change_view_setting .wrap_view_setting .wrap_btn_view_mode .display_limit_val,
      .content-full-width .btn_change_view_setting .wrap_view_setting .wrap_btn_view_mode .display_limit_val {
        display: inline-block;
        width: 80px !important;
        margin-top: 3px; }
        .wrap-column-content .btn_change_view_setting .wrap_view_setting .wrap_btn_view_mode .display_limit_val span,
        .content-full-width .btn_change_view_setting .wrap_view_setting .wrap_btn_view_mode .display_limit_val span {
          font-size: 14px; }
      .wrap-column-content .btn_change_view_setting .wrap_view_setting .wrap_btn_view_mode .btn_prioity_column_plus,
      .content-full-width .btn_change_view_setting .wrap_view_setting .wrap_btn_view_mode .btn_prioity_column_plus {
        display: inline-block;
        width: auto !important;
        background-image: none;
        color: #ffffff !important;
        margin-top: 5px; }
        .wrap-column-content .btn_change_view_setting .wrap_view_setting .wrap_btn_view_mode .btn_prioity_column_plus .fa-plus-circle,
        .content-full-width .btn_change_view_setting .wrap_view_setting .wrap_btn_view_mode .btn_prioity_column_plus .fa-plus-circle {
          font-size: 16px !important; }
      .wrap-column-content .btn_change_view_setting .wrap_view_setting .wrap_btn_view_mode .btn_prioity_column_minus,
      .content-full-width .btn_change_view_setting .wrap_view_setting .wrap_btn_view_mode .btn_prioity_column_minus {
        display: inline-block;
        width: auto !important;
        background-image: none;
        color: #ffffff !important;
        font-size: 16px !important; }
      .wrap-column-content .btn_change_view_setting .wrap_view_setting .wrap_btn_view_mode .btn_prioity_column_refresh,
      .content-full-width .btn_change_view_setting .wrap_view_setting .wrap_btn_view_mode .btn_prioity_column_refresh {
        display: inline-block;
        width: auto !important;
        background-image: none;
        color: #ffffff !important;
        text-align: center;
        padding: 0 5px; }
    .wrap-column-content .btn_change_view_setting .wrap_view_setting .wrap_view_btn_setting,
    .content-full-width .btn_change_view_setting .wrap_view_setting .wrap_view_btn_setting {
      padding: 0; }

.spinner {
  font-size: 50px;
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em; }

.spinner.center {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto; }

.spinner .spinner-blade {
  position: absolute;
  left: 0.4629em;
  bottom: 0;
  width: 0.074em;
  height: 0.2777em;
  border-radius: 0.5em;
  background-color: transparent;
  -webkit-transform-origin: center -0.2222em;
  -ms-transform-origin: center -0.2222em;
  transform-origin: center -0.2222em;
  -webkit-animation: spinner-fade 1s infinite linear;
  animation: spinner-fade 1s infinite linear; }

.spinner .spinner-blade:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

.spinner .spinner-blade:nth-child(2) {
  -webkit-animation-delay: 0.083s;
  animation-delay: 0.083s;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg); }

.spinner .spinner-blade:nth-child(3) {
  -webkit-animation-delay: 0.166s;
  animation-delay: 0.166s;
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg); }

.spinner .spinner-blade:nth-child(4) {
  -webkit-animation-delay: 0.249s;
  animation-delay: 0.249s;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.spinner .spinner-blade:nth-child(5) {
  -webkit-animation-delay: 0.332s;
  animation-delay: 0.332s;
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg); }

.spinner .spinner-blade:nth-child(6) {
  -webkit-animation-delay: 0.415s;
  animation-delay: 0.415s;
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg); }

.spinner .spinner-blade:nth-child(7) {
  -webkit-animation-delay: 0.498s;
  animation-delay: 0.498s;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.spinner .spinner-blade:nth-child(8) {
  -webkit-animation-delay: 0.581s;
  animation-delay: 0.581s;
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg); }

.spinner .spinner-blade:nth-child(9) {
  -webkit-animation-delay: 0.664s;
  animation-delay: 0.664s;
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg); }

.spinner .spinner-blade:nth-child(10) {
  -webkit-animation-delay: 0.747s;
  animation-delay: 0.747s;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.spinner .spinner-blade:nth-child(11) {
  -webkit-animation-delay: 0.83s;
  animation-delay: 0.83s;
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg); }

.spinner .spinner-blade:nth-child(12) {
  -webkit-animation-delay: 0.913s;
  animation-delay: 0.913s;
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg); }

@-webkit-keyframes spinner-fade {
  0% {
    background-color: #69717d; }
  100% {
    background-color: transparent; } }
@keyframes spinner-fade {
  0% {
    background-color: #69717d; }
  100% {
    background-color: transparent; } }
.no-margin {
  margin: 0 !important; }

.no-padding {
  padding: 0 !important; }

.no-border {
  border: none !important; }

.small_desc {
  font-size: 13px;
  color: #6F6F6F; }

#show_event_detail_of_month {
  color: #ffffff;
  font-size: 17px;
  font-weight: bold; }

.modal-header {
  border: none;
  color: #4E2A81; }

.modal-dialog {
  width: 1080px; }

.modal-body {
  padding-top: 0;
  max-height: calc(100vh - 110px);
  overflow-x: hidden;
  overflow-y: scroll; }

.list_event_day .wrap_event_calendar_detail {
  float: left;
  width: calc(50% - 5px);
  margin-right: 5px; }
  .list_event_day .wrap_event_calendar_detail a {
    padding: 5px;
    border: 2px solid transparent;
    border-radius: 3px; }
    .list_event_day .wrap_event_calendar_detail a:hover {
      border-color: #4E2A81; }
  .list_event_day .wrap_event_calendar_detail .event_img {
    display: block;
    float: left; }
    .list_event_day .wrap_event_calendar_detail .event_img img {
      border: 1px solid #DDDFE2;
      border-radius: 3px; }
  .list_event_day .wrap_event_calendar_detail .event_title {
    float: left;
    width: calc(100% - 50px);
    color: #333333;
    padding: 0 5px;
    position: relative;
    display: block; }

.icon_facebook {
  color: #3b5998 !important; }

.icon_twitter {
  color: #1da1f2 !important; }

.icon_google_plus {
  color: #dd4b39 !important; }

.icon_youtube {
  color: #ff0000 !important; }

.icon_instagram {
  color: #e1306c !important; }

.icon_website {
  color: #4285f4 !important; }

.ellip {
  display: block;
  height: 100%; }

.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%; }

.ellip,
.ellip-line {
  position: relative;
  overflow: hidden; }

#bar_popup,
#display {
  box-sizing: content-box; }

.border-content {
  border: 1px solid #DDDFE2; }

.list-item .list-item-inner {
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 20px; }
  .list-item .list-item-inner.three-column .list-column-item {
    float: left;
    width: calc(33.33% - 5px);
    margin-right: 5px; }
  .list-item .list-item-inner a {
    padding: 5px;
    border: 2px solid transparent;
    border-radius: 3px;
    color: #333333; }
    .list-item .list-item-inner a:hover, .list-item .list-item-inner a:active, .list-item .list-item-inner a:focus {
      border-color: #4E2A81; }
    .list-item .list-item-inner a:hover, .list-item .list-item-inner a:active, .list-item .list-item-inner a:focus {
      color: #333333;
      text-decoration: none; }
  .list-item .list-item-inner .list-item-thumb img {
    width: 48px; }
  .list-item .list-item-inner .list-item-desc {
    width: calc(100% - 50px);
    padding: 0 5px; }
.list-item .list-item-title {
  margin-bottom: 5px; }

.wrap-no-data {
  width: 220px;
  margin: 0 auto;
  color: #6F6F6F; }
  .wrap-no-data .no-data-icon {
    font-size: 50px;
    float: left; }
  .wrap-no-data .no-data-message {
    float: left;
    padding: 12px 5px; }
  .wrap-no-data .no-data-title {
    margin-bottom: 4px; }

.wrap_load_more_icon {
  text-align: center;
  font-size: 30px;
  display: none;
  color: #6F6F6F;
  position: relative;
  width: 100%;
  height: 50px; }
  .wrap_load_more_icon .spinner_loading {
    transform: scale(0.6); }
  .wrap_load_more_icon.active {
    display: block; }

.img-desktop {
  display: block !important; }

.img-mobile {
  display: none !important; }

.no-scroll {
  overflow: hidden; }

.hide {
  display: none !important; }

.module-data-detail .slot-headline ul {
  margin-left: 0; }
  .module-data-detail .slot-headline ul li {
    list-style: none;
    display: inline-block;
    margin-left: 25px; }
    .module-data-detail .slot-headline ul li:first-child {
      margin-left: 0; }
    .module-data-detail .slot-headline ul li a {
      display: inline-block;
      color: #A7A7A7;
      font-size: 14px; }
      .module-data-detail .slot-headline ul li a:hover, .module-data-detail .slot-headline ul li a:active, .module-data-detail .slot-headline ul li a:focus {
        color: #A7A7A7;
        text-decoration: none; }
    .module-data-detail .slot-headline ul li.active a {
      color: #333333;
      font-weight: bold; }
      .module-data-detail .slot-headline ul li.active a:hover, .module-data-detail .slot-headline ul li.active a:active, .module-data-detail .slot-headline ul li.active a:focus {
        color: #333333;
        text-decoration: none; }
.module-data-detail .table {
  margin-bottom: 0; }
  .module-data-detail .table thead tr {
    background-color: #F3F3F3; }
    .module-data-detail .table thead tr th {
      color: #333333;
      height: 46px;
      vertical-align: middle; }
  .module-data-detail .table tbody tr td {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: auto;
    overflow: hidden;
    max-width: 500px;
    height: 46px;
    vertical-align: middle; }
    .module-data-detail .table tbody tr td a {
      font-weight: normal; }
    .module-data-detail .table tbody tr td .img {
      width: 45px;
      display: none;
      margin-right: 20px; }
      .module-data-detail .table tbody tr td .img img {
        max-width: 45px;
        max-height: 65px;
        border: 1px solid #DDDFE2; }
  .module-data-detail .table tbody tr:hover {
    background-color: #F6F3F9; }
    .module-data-detail .table tbody tr:hover td {
      font-weight: bold; }
      .module-data-detail .table tbody tr:hover td a {
        text-decoration: none;
        font-weight: bold; }
  .module-data-detail .table.list-thumb tbody tr td .img {
    display: inline; }
  .module-data-detail .table.vertical-align-top tbody tr td {
    vertical-align: top; }
.module-data-detail .slot-headline {
  font-size: 14px;
  padding-left: 22px; }
  .module-data-detail .slot-headline.wrap_headline_menu {
    padding-left: 14px; }
  .module-data-detail .slot-headline .total_item {
    padding: 8px 0; }
  .module-data-detail .slot-headline .btn_view_mode button {
    border-color: #E8EBEE;
    color: #6F6F6F; }
    .module-data-detail .slot-headline .btn_view_mode button:hover, .module-data-detail .slot-headline .btn_view_mode button:active, .module-data-detail .slot-headline .btn_view_mode button:focus {
      background-color: #ffffff;
      border-color: #E8EBEE;
      color: #6F6F6F;
      box-shadow: none; }
    .module-data-detail .slot-headline .btn_view_mode button.active {
      color: #4E2A81;
      background-color: #ffffff;
      box-shadow: none; }
  .module-data-detail .slot-headline .dropdown_filter,
  .module-data-detail .slot-headline .dropdown_filter.open {
    color: #6F6F6F;
    width: 185px;
    margin-right: 20px; }
    .module-data-detail .slot-headline .dropdown_filter button.dropdown-toggle.btn-default,
    .module-data-detail .slot-headline .dropdown_filter.open button.dropdown-toggle.btn-default {
      width: 100%;
      border-color: #E8EBEE;
      text-align: left;
      color: #6F6F6F;
      box-shadow: none;
      background-color: #ffffff; }
      .module-data-detail .slot-headline .dropdown_filter button.dropdown-toggle.btn-default:hover, .module-data-detail .slot-headline .dropdown_filter button.dropdown-toggle.btn-default:active, .module-data-detail .slot-headline .dropdown_filter button.dropdown-toggle.btn-default:focus, .module-data-detail .slot-headline .dropdown_filter button.dropdown-toggle.btn-default.active,
      .module-data-detail .slot-headline .dropdown_filter.open button.dropdown-toggle.btn-default:hover,
      .module-data-detail .slot-headline .dropdown_filter.open button.dropdown-toggle.btn-default:active,
      .module-data-detail .slot-headline .dropdown_filter.open button.dropdown-toggle.btn-default:focus,
      .module-data-detail .slot-headline .dropdown_filter.open button.dropdown-toggle.btn-default.active {
        background-color: #ffffff;
        border-color: #E8EBEE;
        color: #6F6F6F;
        box-shadow: none; }
    .module-data-detail .slot-headline .dropdown_filter .dropdown-menu li,
    .module-data-detail .slot-headline .dropdown_filter.open .dropdown-menu li {
      width: 100%;
      text-align: left;
      margin-left: 0; }
    .module-data-detail .slot-headline .dropdown_filter .arrow.up,
    .module-data-detail .slot-headline .dropdown_filter.open .arrow.up {
      display: none; }
    .module-data-detail .slot-headline .dropdown_filter .arrow.down,
    .module-data-detail .slot-headline .dropdown_filter.open .arrow.down {
      display: block; }
    .module-data-detail .slot-headline .dropdown_filter.open .arrow.up,
    .module-data-detail .slot-headline .dropdown_filter.open.open .arrow.up {
      display: block; }
    .module-data-detail .slot-headline .dropdown_filter.open .arrow.down,
    .module-data-detail .slot-headline .dropdown_filter.open.open .arrow.down {
      display: none; }

.wrap_btn_load_more_media_knowledge button, .wrap_btn_load_more_media_knowledge a,
.wrap_btn_load_more_activity button,
.wrap_btn_load_more_activity a,
.wrap_btn_load_more button,
.wrap_btn_load_more a {
  width: 200px;
  background-color: transparent;
  border-color: #ccc;
  box-shadow: none; }
  .wrap_btn_load_more_media_knowledge button:focus, .wrap_btn_load_more_media_knowledge button:active, .wrap_btn_load_more_media_knowledge a:focus, .wrap_btn_load_more_media_knowledge a:active,
  .wrap_btn_load_more_activity button:focus,
  .wrap_btn_load_more_activity button:active,
  .wrap_btn_load_more_activity a:focus,
  .wrap_btn_load_more_activity a:active,
  .wrap_btn_load_more button:focus,
  .wrap_btn_load_more button:active,
  .wrap_btn_load_more a:focus,
  .wrap_btn_load_more a:active {
    background-color: transparent;
    border-color: #ccc;
    box-shadow: none; }
  .wrap_btn_load_more_media_knowledge button:hover, .wrap_btn_load_more_media_knowledge a:hover,
  .wrap_btn_load_more_activity button:hover,
  .wrap_btn_load_more_activity a:hover,
  .wrap_btn_load_more button:hover,
  .wrap_btn_load_more a:hover {
    background-color: #4E2A81;
    border-color: #4E2A81;
    color: #ffffff; }

.load_more_media_knowledge_youtube {
  margin-top: 10px; }

.pr-0 {
  padding-right: 0 !important; }

.pl-0 {
  padding-left: 0 !important; }

.pt-0 {
  padding-top: 0 !important; }

.p-0 {
  padding: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.body-action-add.btn-add-meida-knowledge {
  top: 0px;
  left: 5px;
  position: absolute; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #A7A7A7 !important;
  background-color: #f5f5f5;
  font-weight: normal !important; }

.ic-primary {
  color: #4E2A81; }

#wrap_popup_button {
  line-height: 60px;
  float: right; }
  #wrap_popup_button .bt_close_popup_user {
    padding-right: 12px;
    cursor: pointer !important; }

.btn_top_mobile {
  display: none;
  right: 15px;
  position: absolute;
  top: 14px;
  cursor: pointer; }

#group_main_menu_activity .control-admin-mode {
  position: absolute;
  right: 0;
  top: 0; }

.fa-plus-circle {
  font-size: 28px !important; }

.module-pin-data .youtube_item .youtube_popup img {
  max-height: 154.5px; }

#wrap_column_media .youtube_item,
.module-data-overview .youtube_item {
  height: auto !important; }
  #wrap_column_media .youtube_item .youtube_popup,
  .module-data-overview .youtube_item .youtube_popup {
    height: 147px !important; }
    #wrap_column_media .youtube_item .youtube_popup img,
    .module-data-overview .youtube_item .youtube_popup img {
      margin-top: -32px; }
    #wrap_column_media .youtube_item .youtube_popup .wrap-img-load,
    .module-data-overview .youtube_item .youtube_popup .wrap-img-load {
      height: 147px;
      padding-top: 0;
      z-index: 1; }

.media_row:not(:first-child) {
  padding-top: 16px; }
.media_row .media_item:last-child {
  margin-right: 0 !important; }

@media (max-width: 320px) {
  .bt_close_popup_user {
    display: none; }

  .btn_top_mobile {
    display: block; } }
.body-action .icon-popmenu {
  margin: 4px; }

.fa-star-of-life {
  color: #d9534f;
  font-size: 10px;
  margin-bottom: 5px;
  padding: 2px;
  border-radius: 50%;
  width: 12px !important;
  height: 12px !important;
  background: #d9534f;
  color: white; }

.icon-popmenu-small {
  margin-left: 4px;
  border-radius: 50%;
  width: 16px !important;
  height: 16px !important;
  background: #333333;
  color: white;
  padding: 4px;
  cursor: pointer; }

.icon-popmenu {
  display: inline;
  float: right;
  border-radius: 50%;
  width: 28px !important;
  height: 28px !important;
  background: #333333;
  color: white;
  padding: 7px;
  cursor: pointer; }

.icon-align {
  padding-left: 4px;
  padding-right: 4px; }

.icon_group_tool {
  background-color: #333333;
  width: 28px;
  height: 28px;
  position: relative;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
  padding: 6px;
  cursor: pointer; }

.list_lesson_item .lesson_item {
  float: left;
  width: 185px;
  height: 273px;
  margin-right: 10px;
  border-radius: 3px;
  padding: 10px 10px 5px 10px; }
  .list_lesson_item .lesson_item:last-child {
    margin-right: 0; }
  .list_lesson_item .lesson_item.color_1 {
    background-color: #5d3fda;
    background-image: -webkit-linear-gradient(45deg, #fc36fd 0%, #5d3fda 100%);
    background-image: -moz-linear-gradient(45deg, #fc36fd 0%, #5d3fda 100%);
    background-image: -ms-linear-gradient(45deg, #fc36fd 0%, #5d3fda 100%);
    background-image: -o-linear-gradient(45deg, #fc36fd 0%, #5d3fda 100%);
    background-image: -webkit-gradient(left bottom, color-stop(#fc36fd 0%), color-stop(#5d3fda 100%));
    background-image: linear-gradient(45deg, #fc36fd 0%, #5d3fda 100%);
    color: #ffffff; }
    .list_lesson_item .lesson_item.color_1 a {
      color: #ffffff; }
      .list_lesson_item .lesson_item.color_1 a:hover, .list_lesson_item .lesson_item.color_1 a:focus, .list_lesson_item .lesson_item.color_1 a:active {
        color: #ffffff; }
  .list_lesson_item .lesson_item.color_2 {
    background-color: #df38b1;
    background-image: -webkit-linear-gradient(45deg, #df64bd 0%, #df38b1 100%);
    background-image: -moz-linear-gradient(45deg, #df64bd 0%, #df38b1 100%);
    background-image: -ms-linear-gradient(45deg, #df64bd 0%, #df38b1 100%);
    background-image: -o-linear-gradient(45deg, #df64bd 0%, #df38b1 100%);
    background-image: -webkit-gradient(left bottom, color-stop(#df64bd 0%), color-stop(#df38b1 100%));
    background-image: linear-gradient(45deg, #df64bd 0%, #df38b1 100%);
    color: #ffffff; }
    .list_lesson_item .lesson_item.color_2 a {
      color: #ffffff; }
      .list_lesson_item .lesson_item.color_2 a:hover, .list_lesson_item .lesson_item.color_2 a:focus, .list_lesson_item .lesson_item.color_2 a:active {
        color: #ffffff; }
  .list_lesson_item .lesson_item.color_3 {
    background-color: #1c0772;
    background-image: -webkit-linear-gradient(45deg, #64a8d1 0%, #1c0772 100%);
    background-image: -moz-linear-gradient(45deg, #64a8d1 0%, #1c0772 100%);
    background-image: -ms-linear-gradient(45deg, #64a8d1 0%, #1c0772 100%);
    background-image: -o-linear-gradient(45deg, #64a8d1 0%, #1c0772 100%);
    background-image: -webkit-gradient(left bottom, color-stop(#64a8d1 0%), color-stop(#1c0772 100%));
    background-image: linear-gradient(45deg, #64a8d1 0%, #1c0772 100%);
    color: #ffffff; }
    .list_lesson_item .lesson_item.color_3 a {
      color: #ffffff; }
      .list_lesson_item .lesson_item.color_3 a:hover, .list_lesson_item .lesson_item.color_3 a:focus, .list_lesson_item .lesson_item.color_3 a:active {
        color: #ffffff; }
  .list_lesson_item .lesson_item.color_4 {
    background-color: #ff7f00;
    background-image: -webkit-linear-gradient(45deg, #ffe073 0%, #ff7f00 100%);
    background-image: -moz-linear-gradient(45deg, #ffe073 0%, #ff7f00 100%);
    background-image: -ms-linear-gradient(45deg, #ffe073 0%, #ff7f00 100%);
    background-image: -o-linear-gradient(45deg, #ffe073 0%, #ff7f00 100%);
    background-image: -webkit-gradient(left bottom, color-stop(#ffe073 0%), color-stop(#ff7f00 100%));
    background-image: linear-gradient(45deg, #ffe073 0%, #ff7f00 100%);
    color: #ffffff; }
    .list_lesson_item .lesson_item.color_4 a {
      color: #ffffff; }
      .list_lesson_item .lesson_item.color_4 a:hover, .list_lesson_item .lesson_item.color_4 a:focus, .list_lesson_item .lesson_item.color_4 a:active {
        color: #ffffff; }
  .list_lesson_item .lesson_item.color_5 {
    background-color: #992667;
    background-image: -webkit-linear-gradient(45deg, #ff4040 0%, #992667 100%);
    background-image: -moz-linear-gradient(45deg, #ff4040 0%, #992667 100%);
    background-image: -ms-linear-gradient(45deg, #ff4040 0%, #992667 100%);
    background-image: -o-linear-gradient(45deg, #ff4040 0%, #81ecec 100%);
    background-image: -webkit-gradient(left bottom, color-stop(#ff4040 0%), color-stop(#992667 100%));
    background-image: linear-gradient(45deg, #ff4040 0%, #992667 100%);
    color: #ffffff; }
    .list_lesson_item .lesson_item.color_5 a {
      color: #ffffff; }
      .list_lesson_item .lesson_item.color_5 a:hover, .list_lesson_item .lesson_item.color_5 a:focus, .list_lesson_item .lesson_item.color_5 a:active {
        color: #ffffff; }
  .list_lesson_item .lesson_item.color_6 {
    background-color: #bf8230;
    background-image: -webkit-linear-gradient(45deg, #ffcf40 0%, #bf8230 100%);
    background-image: -moz-linear-gradient(45deg, #ffcf40 0%, #bf8230 100%);
    background-image: -ms-linear-gradient(45deg, #ffcf40 0%, #bf8230 100%);
    background-image: -o-linear-gradient(45deg, #ffcf40 0%, #bf8230 100%);
    background-image: -webkit-gradient(left bottom, color-stop(#ffcf40 0%), color-stop(#bf8230 100%));
    background-image: linear-gradient(45deg, #ffcf40 0%, #bf8230 100%);
    color: #ffffff; }
    .list_lesson_item .lesson_item.color_6 a {
      color: #ffffff; }
      .list_lesson_item .lesson_item.color_6 a:hover, .list_lesson_item .lesson_item.color_6 a:focus, .list_lesson_item .lesson_item.color_6 a:active {
        color: #ffffff; }
  .list_lesson_item .lesson_item.color_7 {
    background-color: #238c47;
    background-image: -webkit-linear-gradient(45deg, #3aaacf 0%, #238c47 100%);
    background-image: -moz-linear-gradient(45deg, #3aaacf 0%, #238c47 100%);
    background-image: -ms-linear-gradient(45deg, #3aaacf 0%, #238c47 100%);
    background-image: -o-linear-gradient(45deg, #3aaacf 0%, #238c47 100%);
    background-image: -webkit-gradient(left bottom, color-stop(#3aaacf 0%), color-stop(#238c47 100%));
    background-image: linear-gradient(45deg, #3aaacf 0%, #238c47 100%);
    color: #ffffff; }
    .list_lesson_item .lesson_item.color_7 a {
      color: #ffffff; }
      .list_lesson_item .lesson_item.color_7 a:hover, .list_lesson_item .lesson_item.color_7 a:focus, .list_lesson_item .lesson_item.color_7 a:active {
        color: #ffffff; }
  .list_lesson_item .lesson_item.color_8 {
    background-color: #5d2680;
    background-image: -webkit-linear-gradient(45deg, #aa67d5 0%, #5d2680 100%);
    background-image: -moz-linear-gradient(45deg, #aa67d5 0%, #5d2680 100%);
    background-image: -ms-linear-gradient(45deg, #aa67d5 0%, #5d2680 100%);
    background-image: -o-linear-gradient(45deg, #aa67d5 0%, #5d2680 100%);
    background-image: -webkit-gradient(left bottom, color-stop(#aa67d5 0%), color-stop(#5d2680 100%));
    background-image: linear-gradient(45deg, #aa67d5 0%, #5d2680 100%);
    color: #ffffff; }
    .list_lesson_item .lesson_item.color_8 a {
      color: #ffffff; }
      .list_lesson_item .lesson_item.color_8 a:hover, .list_lesson_item .lesson_item.color_8 a:focus, .list_lesson_item .lesson_item.color_8 a:active {
        color: #ffffff; }
.list_lesson_item .lesson_title {
  height: calc(100% - 100px);
  padding-bottom: 10px;
  font-size: 19px;
  line-height: 1.4; }
  .list_lesson_item .lesson_title table {
    width: 100%; }
    .list_lesson_item .lesson_title table tbody > tr > td {
      height: 140px;
      vertical-align: middle; }
.list_lesson_item .lesson_desc {
  overflow: hidden; }
  .list_lesson_item .lesson_desc .lesson_thumb {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto; }
    .list_lesson_item .lesson_desc .lesson_thumb img {
      width: 100%; }
  .list_lesson_item .lesson_desc .lesson_personal {
    padding: 10px 0 0;
    text-align: center; }
    .list_lesson_item .lesson_desc .lesson_personal table {
      width: 100%; }
      .list_lesson_item .lesson_desc .lesson_personal table tbody > tr > td {
        height: 48px;
        vertical-align: middle; }
    .list_lesson_item .lesson_desc .lesson_personal .personal_name {
      opacity: 0.8; }
.list_lesson_item .personal_department {
  padding: 5px 0; }

.module-pin-data .list_lesson_item .lesson_item {
  margin-right: 10px;
  margin-bottom: 10px; }
.module-pin-data .list_lesson_item.column_2 .lesson_item {
  width: calc(16.62% - 8px); }
  .module-pin-data .list_lesson_item.column_2 .lesson_item:nth-child(6n) {
    margin-right: 0; }
.module-pin-data .list_lesson_item.column_3 .lesson_item {
  width: calc(20% - 8px); }
  .module-pin-data .list_lesson_item.column_3 .lesson_item:nth-child(5n) {
    margin-right: 0; }

#edit_form {
  background-color: #777; }

.wrap_btn_add_document {
  position: relative; }

.wrap_btn_add_presentation {
  position: relative; }

.wrap_btn_add_knowledge {
  position: relative; }

.content_opacity .media_thumb,
.content_opacity .media_desc {
  opacity: 0.5; }

#wrap_column_discussion .content_opacity .item-title,
#wrap_column_discussion .content_opacity .mt-2 {
  opacity: 0.5; }

#wrap_main_highlight_banner_news .content_opacity .slot-title-primary,
#wrap_main_highlight_banner_news .content_opacity .banner_last_activity {
  opacity: 0.5; }

#wrap_column_hero_banner .content_opacity .hero_banner_image img, #wrap_column_hero_banner .content_opacity .hero_banner_image iframe {
  opacity: 0.5; }

#wrap_column_personal_database .content_opacity .personal_thumb,
#wrap_column_personal_database .content_opacity .personal_name {
  opacity: 0.5; }

.setting_view_project {
  position: relative; }

@media (max-width: 767px) {
  header {overflow: hidden;}
  .module-data-detail .list_lesson_item,
  .module-data-detail .list_web_link,
  .module-data-detail .list_personal_item,
  .module-data-detail .list_media_item {
    padding-left: 12px;
    padding-right: 12px; } }
@media (max-width: 766px) {
  .wrap_list_project_content {
    padding-left: 12px;
    padding-right: 12px; } }
.view_all_url {
  line-height: 26px;
  display: inline-block;
  vertical-align: middle;
  color: #A7A7A7 !important; }
  .view_all_url:hover {
    color: #333333 !important; }
  .view_all_url .view_all_msg {
    float: right; }
  .view_all_url .view_all_icon {
    float: right;
    margin-left: 5px;
    line-height: 27px; }

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.icon_feed_back {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  display: inline-block;
  margin-right: 5px; }

#wrap_column_facebook_fanpage .slot-content {
  overflow: hidden; }

.media_category_name:not(.headline-title) {
  font-size: 20px;
  font-weight: bold; }

.btn {
  border-radius: 21px; }

.btn-xs {
  border-radius: 10px;
  padding-right: 8px;
  padding-left: 8px; }

.btn-sm {
  border-radius: 15px; }

.btn-load-more {
  font-size: 15px; }

.btn-transperent {
  border-color: transparent !important;
  background-color: transparent !important; }
  .btn-transperent:hover, .btn-transperent:focus, .btn-transperent:active, .btn-transperent.active {
    border-color: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important; }

.section-media-knowledge {
  background-color: #e1e5e8;
  padding: 10px 0 17px;
  margin-bottom: 10px; }
  .section-media-knowledge #wrap_column_media .wrap-slot-content {
    min-height: 1684px !important; }

.section-project-list {
  padding-bottom: 32px; }

.wrap_hero_banner_content {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  transition-duration: 300ms; }

.dim-body {
  position: absolute;
  left: 0;
  width: 100%;
  height: calc(100% - 103px);
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  overflow: hidden; }

.discussion_personal_name {
  color: #cc9128;
  font-size: 15px; }

.box-btn-facebook {
  border-radius: 1px;
  background-color: #4267B2;
  border: medium none;
  margin-bottom: 15px; }
  .box-btn-facebook .btn-facebook {
    color: #fff;
    cursor: pointer;
    display: table-cell;
    font-size: 14px;
    height: 40px;
    line-height: 24px;
    margin-right: 25px;
    margin-bottom: 20px;
    outline: 0 none;
    vertical-align: middle;
    width: 264px;
    text-align: center;
    padding-left: 1px; }
  .box-btn-facebook .logo-facebook {
    float: left;
    background-color: #FFF;
    margin-right: 14px;
    line-height: 0;
    padding: 6px 9px 8px 4px;
    border-radius: 1px; }
  .box-btn-facebook .box_text_facebook {
    text-align: left;
    padding-top: 8px;
    vertical-align: middle;
    float: left;
    color: #ffffff;
    font-weight: 600; }

#global-popup {
  overflow-x: hidden;
  overflow-y: auto;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  #global-popup .backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100vh; }
  #global-popup .popup-body {
    height: 100vh;
    z-index: 999; }
  #global-popup .dialog-login {
    width: 400px;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 5px 10px rgba(64, 64, 64, 0.71);
    padding-top: 35px;
    padding-bottom: 25px;
    position: absolute;
    left: 50%;
    margin-left: -200px; }
    #global-popup .dialog-login .dialog-login-header {
      margin-bottom: 30px; }
      #global-popup .dialog-login .dialog-login-header .login-title {
        font-size: 30px;
        font-weight: 500; }
      #global-popup .dialog-login .dialog-login-header .login-desc {
        padding-top: 6px; }
    #global-popup .dialog-login .dialog-login-body {
      padding: 0 25px; }
    #global-popup .dialog-login .wrap-form-dialog-login {
      width: 240px;
      margin: 0 auto; }
    #global-popup .dialog-login .btn-login {
      height: 40px;
      border-radius: 6px;
      font-weight: 600; }
    #global-popup .dialog-login .or_signup {
      text-align: center;
      font-size: 13px;
      font-weight: 700;
      margin: 15px 0; }
    #global-popup .dialog-login .dialog-login-footer {
      margin-top: 35px;
      padding-top: 20px;
      border-top: 1px solid #e5e5e5; }
      #global-popup .dialog-login .dialog-login-footer a {
        color: #333333; }
        #global-popup .dialog-login .dialog-login-footer a:hover, #global-popup .dialog-login .dialog-login-footer a:focus, #global-popup .dialog-login .dialog-login-footer a:active {
          color: #333333; }

.bt_close_popup_user {
  border: 1px solid #ccc;
  background-color: transparent;
  color: #333333;
  padding-left: 15px;
  padding-right: 15px; }
  .bt_close_popup_user:focus, .bt_close_popup_user:active {
    background-color: transparent;
    color: #333333;
    outline: none;
    box-shadow: none; }
  .bt_close_popup_user:hover {
    border-color: #4E2A81;
    background-color: #4E2A81;
    color: #ffffff; }

#root_popup #wrap_contain_personal_join_content {
  margin-bottom: 0; }
#root_popup #contain_personal_join {
  text-align: center; }
  #root_popup #contain_personal_join .label_personal {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 5px 8px 5px 5px;
    border-radius: 3px;
    border: 1px solid #f3f3f3;
    background-color: #f3f3f3;
    color: #6F6F6F; }
    #root_popup #contain_personal_join .label_personal:hover {
      border-color: #e6e6e6;
      background-color: #e6e6e6;
      color: #6F6F6F;
      text-decoration: none; }
    #root_popup #contain_personal_join .label_personal:focus, #root_popup #contain_personal_join .label_personal:active {
      border-color: #f3f3f3;
      background-color: #f3f3f3;
      color: #6F6F6F;
      text-decoration: none; }
    #root_popup #contain_personal_join .label_personal:last-child {
      margin-right: 0; }
    #root_popup #contain_personal_join .label_personal .label_icon {
      width: 20px;
      height: 20px; }
      #root_popup #contain_personal_join .label_personal .label_icon img {
        width: 100%;
        border-radius: 50%;
        border: 1px solid #DDDFE2;
        overflow: hidden; }
    #root_popup #contain_personal_join .label_personal .label_body {
      padding-left: 5px;
      text-align: left; }
      #root_popup #contain_personal_join .label_personal .label_body .personal_name {
        height: 19px;
        display: inline-block;
        vertical-align: middle;
        width: 100%; }
#root_popup #display, #root_popup #display_personal_detail {
  padding: 0 120px 0;
  height: calc(100vh - 74px);
  position: relative; }
  #root_popup #display #display_title, #root_popup #display_personal_detail #display_title {
    font-size: 36px; }
    #root_popup #display #display_title h1, #root_popup #display_personal_detail #display_title h1 {
      padding-top: 10px; }
  #root_popup #display #wrap_user_popup, #root_popup #display_personal_detail #wrap_user_popup {
    padding: 20px 0px;
    height: 100%;
    max-width: 900px;
    z-index: 1050;
    margin: auto;
    position: relative;
    padding: 0;
    outline: 0; }
    #root_popup #display #wrap_user_popup #bar_popup, #root_popup #display_personal_detail #wrap_user_popup #bar_popup {
      background-color: #A78ECA;
      color: #FFFFFF;
      font-size: 30px;
      height: 60px;
      position: relative;
      left: 0;
      right: 0;
      z-index: 1; }
    #root_popup #display #wrap_user_popup #display, #root_popup #display #wrap_user_popup #display_personal_detail, #root_popup #display_personal_detail #wrap_user_popup #display, #root_popup #display_personal_detail #wrap_user_popup #display_personal_detail {
      -webkit-overflow-scrolling: touch; }
    #root_popup #display #wrap_user_popup iframe, #root_popup #display_personal_detail #wrap_user_popup iframe {
      -webkit-overflow-scrolling: touch; }
  #root_popup #display #wrap_tools_at_detail, #root_popup #display_personal_detail #wrap_tools_at_detail {
    position: absolute;
    top: 15px;
    left: 10px;
    width: 60px; }
  #root_popup #display #by_display_name, #root_popup #display_personal_detail #by_display_name {
    font-size: 16px;
    color: #6F6F6F; }
  #root_popup #display .default-avatar, #root_popup #display_personal_detail .default-avatar {
    color: #6F6F6F;
    font-size: 32px; }
  #root_popup #display #created_date, #root_popup #display_personal_detail #created_date {
    font-size: 14px;
    color: #A7A7A7; }
#root_popup .tool-item {
  margin-bottom: 10px;
  text-align: center; }
  #root_popup .tool-item .tool-icon {
    font-size: 20px;
    color: #6F6F6F; }
    #root_popup .tool-item .tool-icon a {
      color: #6F6F6F;
      text-decoration: none; }
    #root_popup .tool-item .tool-icon i {
      text-align: center; }
  #root_popup .tool-item:hover .tool-icon, #root_popup .tool-item:hover .tool-body {
    color: #333333; }
    #root_popup .tool-item:hover .tool-icon a, #root_popup .tool-item:hover .tool-body a {
      color: #333333; }
    #root_popup .tool-item:hover .tool-icon .fa-facebook, #root_popup .tool-item:hover .tool-body .fa-facebook {
      color: #4267B2 !important; }
    #root_popup .tool-item:hover .tool-icon .fa-twitter, #root_popup .tool-item:hover .tool-body .fa-twitter {
      color: #1da1f2 !important; }
#root_popup .tool-vote .tool-body {
  position: absolute;
  top: 6px;
  right: 3px; }
#root_popup .hr-line-dotted {
  text-align: center; }
  #root_popup .hr-line-dotted .dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #DDDFE2;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 5px;
    margin-right: 5px; }
#root_popup #before_span_by {
  margin-bottom: 30px; }
  #root_popup #before_span_by .post_user_icon {
    float: left;
    width: 32px;
    height: 32px; }
  #root_popup #before_span_by .post_desc {
    float: left;
    width: calc(100% - 50px);
    padding-left: 15px; }
  #root_popup #before_span_by.has_avatar .post_user_icon {
    width: 36px;
    height: 36px; }
  #root_popup #before_span_by.has_avatar .post_desc {
    width: calc(100% - 36px); }
  #root_popup #before_span_by #avatar_owner_content {
    width: 100%;
    border-radius: 50%;
    overflow: hidden; }
#root_popup .wrap_tools_at_detail_mobile {
  display: none;
  text-align: right;
  margin-bottom: 10px; }
  #root_popup .wrap_tools_at_detail_mobile .tool-item {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0; }
    #root_popup .wrap_tools_at_detail_mobile .tool-item:last-child {
      margin-right: 0; }
    #root_popup .wrap_tools_at_detail_mobile .tool-item.tool-vote {
      float: left;
      display: block; }
#root_popup #discuss_thread {
  padding-bottom: 75px;
  margin-right: -120px;
  margin-left: -120px;
  background-color: #fafafa;
  margin-top: 20px; }

.form .row-input {
  color: #6F6F6F;
  width: 100%;
  font-size: 11px;
  line-height: 12px;
  padding-bottom: 13px;
  position: relative; }
  .form .row-input .style-input {
    background-color: #fff;
    border: 1px solid #b5b5b5;
    border-radius: 6px;
    font-size: 15px;
    height: 50px;
    outline: 0 none;
    padding: 0 14px;
    line-height: 1.4;
    width: 100%;
    transition: border-color .3s ease 0s;
    position: relative;
    z-index: 1; }
  .form .row-input .label-text {
    top: 14px;
    left: 14px;
    right: 14px;
    position: absolute;
    z-index: 2;
    font-size: 15px;
    line-height: 1.5;
    display: inline-block;
    pointer-events: none;
    text-overflow: ellipsis;
    transform: translateZ(0) scale(1);
    transform-origin: left top 0;
    transition: all .25s ease-in-out 0s;
    text-align: left; }
  .form .row-input.focus .style-input {
    padding-top: 16px;
    border-color: #4E2A81;
    color: #333333; }
  .form .row-input.focus .label-text {
    transform: scale(0.8);
    top: 7px;
    color: #4E2A81; }
  .form .row-input.has-focus .label-text {
    transform: scale(0.8);
    top: 7px; }
  .form .row-input.has-focus .style-input {
    padding-top: 16px; }

.flip-180 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

.sk-spinner-pulse.sk-spinner {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background-color: #20c0c8;
  border-radius: 100%;
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
  animation: sk-pulseScaleOut 1s infinite ease-in-out; }

@-webkit-keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }
@keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }
.wrap-img-load {
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 100%;
  background-color: #F9F9F9; }

.lazy {
  position: absolute; }

.wrap_personal_data.thumb_view .list_personal_item.column_2 .personal_item {
  width: calc(16.63% - 8px); }
  .wrap_personal_data.thumb_view .list_personal_item.column_2 .personal_item:nth-child(6n) {
    margin-right: 0; }
.wrap_personal_data.thumb_view .list_personal_item.column_3 .personal_item {
  width: calc(20% - 8px); }
  .wrap_personal_data.thumb_view .list_personal_item.column_3 .personal_item:nth-child(5n) {
    margin-right: 0; }

.gallery-body iframe {
  position: relative;
  z-index: 30; }

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