html, body, object, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset,
form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea, span, a, div {
  font-size: 13px;
}

label {
  word-wrap: break-word;
  word-break: keep-all;
}

body {
  background-color: #fafafa;
  padding: 0 !important;
  margin: 0 !important;
  color: #2f2f2f;
}

@font-face {
  font-family: 'HanbiroVol1';
  src: url('../fonts/hanbiro-vol1.eot'); /* IE9 Compat Modes */
  src: url('../fonts/hanbiro-vol1.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/hanbiro-vol1.woff') format('woff'), /* Modern Browsers */
       url('../fonts/hanbiro-vol1.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/hanbiro-vol1.svg#HanbiroVol1') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'hanbiro-vol2';
  src:  url('../fonts/hanbiro-vol2.eot?roh31e');
  src:  url('../fonts/hanbiro-vol2.eot?roh31e#iefix') format('embedded-opentype'),
    url('../fonts/hanbiro-vol2.ttf?roh31e') format('truetype'),
    url('../fonts/hanbiro-vol2.woff?roh31e') format('woff'),
    url('../fonts/hanbiro-vol2.svg?roh31e#hanbiro-vol2') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="hanbiro-icon-"]:before, [class*="hanbiro-icon-"]:before {
  font-family: "HanbiroVol1";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }
 
[class^="hanbiro-ico-"], [class*="hanbiro-ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'hanbiro-vol2' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-bigger:after {
    content: "";
    padding: 15px;
    position: absolute;
    left: -10px;
    top: -10px;
    opacity: 0.5;
}

/*hide the x in IE text input*/
input[type=text]::-ms-clear {
   display: none;
}

.moxie-shim {
    width: 78px !important;
    height: 23px !important;
}

.marg-unset{
  margin-left: unset !important;
}
.margin0{margin: 0 !important}

.hanbiro-icon-mail:before { content: '\e100'; }
.hanbiro-icon-board:before { content: '\e200'; }
.hanbiro-icon-task:before { content: '\f300'; }
.hanbiro-icon-todo:before { content: '\f200'; }
.hanbiro-icon-addrbook:before { content: '\e400'; }
.hanbiro-icon-calendar:before { content: '\e300'; }
.hanbiro-icon-approval:before { content: '\e600'; }
.hanbiro-icon-circular:before { content: '\e900'; }
.hanbiro-icon-resource:before { content: '\f400'; }
.hanbiro-icon-resource-reserved:before { content: '\f401'; }
.hanbiro-icon-timecard:before { content: '\e701'; }
.hanbiro-icon-holiday:before { content: '\e702'; }
.hanbiro-icon-hr:before { content: '\e700'; }
.hanbiro-icon-memo:before { content: '\e500'; }
.hanbiro-icon-whisper:before { content: '\e500'; }
.hanbiro-icon-setting:before { content: '\f600'; }
.hanbiro-icon-project:before { content: '\e800'; }
.hanbiro-icon-clouddisk:before { content: '\f700'; }
.hanbiro-icon-archives:before { content: '\f100'; }
.hanbiro-icon-archives-company:before { content: '\f102'; }
.hanbiro-icon-archives-my:before { content: '\f104'; }
.hanbiro-icon-archives-manage:before { content: '\f107'; }
.hanbiro-icon-note:before { content: '\f500'; }
.hanbiro-icon-organization:before { content: '\e403'; }
.hanbiro-icon-share-addrbook:before { content: '\e402'; }
.hanbiro-icon-company-addrbook:before { content: '\e401'; }
.hanbiro-icon-Secure:before { content: '\e102'; }
.hanbiro-icon-Storage:before { content: '\e103'; }
.hanbiro-icon-Sent:before { content: '\e106'; }
.hanbiro-icon-Temp:before { content: '\e107'; }
.hanbiro-icon-Receive:before { content: '\e105'; }
.hanbiro-icon-mail-folder:before { content: '\e109'; }
.hanbiro-icon-Spam:before { content: '\e108'; }
.hanbiro-icon-CSpam:before { content: '\e108'; }
.hanbiro-icon-profile:before { content: '\f606'; }
.hanbiro-icon-Trash:before { content: '\f602'; }
.hanbiro-icon-board-share:before { content: '\e201'; }
.hanbiro-icon-back:before { content: '\e841'; }
.hanbiro-icon-calendar-company:before { content: '\e301'; }
.hanbiro-icon-calendar-my:before { content: '\e303'; }
.hanbiro-icon-viewer:before { content: '\e844'; }
.hanbiro-icon-category:before { content: '\e845'; }
.hanbiro-icon-attach:before { content: '\e846'; }
.hanbiro-icon-cloud-download:before { content: '\e847'; }
.hanbiro-icon-board-dept:before { content: '\e202'; }
.hanbiro-icon-cancel:before { content: '\e849'; }
.hanbiro-icon-calendar-dept:before { content: '\e302'; }
.hanbiro-icon-calendar-share:before { content: '\e304'; }
.hanbiro-icon-board-company:before { content: '\e203'; }
.hanbiro-icon-diary-dept:before { content: '\e304'; }
.hanbiro-icon-report:before { content: '\f302'; }
.hanbiro-icon-calendar-work:before { content: '\e305'; }
.hanbiro-icon-board-my:before { content: '\e204'; }
.hanbiro-icon-diary-share:before { content: '\f301'; }
.hanbiro-icon-report-receive:before { content: '\e303'; }
.hanbiro-icon-External:before { content: '\e104'; }
.hanbiro-icon-Maildir:before { content: '\e101'; }
.hanbiro-icon-mobile-sync:before { content: '\f604'; }
.hanbiro-icon-whisper-reservedbox:before { content: '\e502'; }
.hanbiro-icon-whisper-sentbox:before { content: '\e501'; }
.hanbiro-icon-whisper-inbox:before { content: '\e500'; }
.hanbiro-icon-whisper-conversation:before { content: '\e503'; }

.hanbiro-icon-circular-received:before { content: '\e901'; }
.hanbiro-icon-circular-write:before { content: '\e902'; }
.hanbiro-icon-circular-read:before { content: '\e903'; }
.hanbiro-icon-circular-survey:before { content: '\e904'; }

.hanbiro-icon-contact-card:before { content: '\f605'; }
.hanbiro-icon-todo-my:before { content: '\f201'; }
.hanbiro-icon-todo-received:before { content: '\f202'; }
.hanbiro-icon-todo-sent:before { content: '\f203'; }
.hanbiro-icon-todo-cc:before { content: '\f204'; }
.hanbiro-icon-big-menu:before { content: '\f607'; }
.hanbiro-icon-normal-menu:before { content: '\f608'; }
.hanbiro-icon-mini-menu:before { content: '\f609'; }
.hanbiro-icon-font-color:before { content: '\f610'; }
.hanbiro-icon-background-color:before { content: '\f611'; }
.hanbiro-icon-skill-my:before { content: '\f612'; }
.hanbiro-icon-skill-location:before { content: '\f613'; }
.hanbiro-icon-skill-search:before { content: '\f614'; }
.hanbiro-icon-skill-location2:before { content: '\f615'; }
.hanbiro-icon-skill-new:before { content: '\f616'; }

/* helpdesk*/
.hanbiro-icon-helpdesk:before { content: '\f617'; }
.hanbiro-icon-helpdesk-all-tickets:before { content: '\f618'; }
.hanbiro-icon-helpdesk-open-tickets:before { content: '\f618'; }
.hanbiro-icon-helpdesk-pending-tickets:before { content: '\f619'; }
.hanbiro-icon-helpdesk-resolved-tickets:before { content: '\f620'; }
.hanbiro-icon-helpdesk-my-tickets:before { content: '\f621'; }
.hanbiro-icon-helpdesk-my-assigned-tickets:before { content: '\f621'; }
.hanbiro-icon-helpdesk-statistics:before { content: '\f622'; }

.hanbiro-icon-crm:before { content: '\f623'; }
.hanbiro-icon-groupware:before { content: '\f624'; }
.hanbiro-icon-certificate:before { content: '\e703'; }
.hanbiro-icon-employment:before { content: '\e704'; }
.hanbiro-icon-manage-consultations:before { content: '\f706'; }
.hanbiro-icon-trash2:before { content: '\f603'; }

/* Project */
.hanbiro-icon-project-complete:before { content: '\e801'; }
.hanbiro-icon-project-closed:before { content: '\e802'; }
.hanbiro-icon-project-holding:before { content: '\e803'; }
.hanbiro-icon-project-progress:before { content: '\e804'; }
.hanbiro-icon-project-my:before { content: '\e805'; }
.hanbiro-icon-project-cc:before { content: '\e806'; }
.hanbiro-icon-project-tasks-progress:before { content: '\f305'; }


.hanbiro-icon-approval-write:before { content: '\e870'; }
.hanbiro-icon-approval-permit:before { content: '\e871'; }
.hanbiro-icon-approval-read:before { content: '\e872'; }
.hanbiro-icon-approval-cc:before { content: '\e603'; }
.hanbiro-icon-approval-privat:before { content: '\e605'; }
.hanbiro-icon-approval-dept:before { content: '\e606'; }
.hanbiro-icon-approval-complete:before { content: '\e876'; }
.hanbiro-icon-approval-unread:before { content: '\e877'; }
.hanbiro-icon-approval-progress:before { content: '\e602'; }
.hanbiro-icon-approval-official:before { content: '\e607'; }
.hanbiro-icon-approval-all:before { content: '\e880'; }
.hanbiro-icon-approval-finish:before { content: '\e604'; }
/* action 아이콘 */
.hanbiro-icon-approval-change-public:before { content: '\e612'; }
.hanbiro-icon-approval-transfer-recv:before { content: '\e614'; }
.hanbiro-icon-approval-referer:before { content: '\e617'; }
.hanbiro-icon-approval-change-doc:before { content: '\e618'; }
.hanbiro-icon-approval-link:before { content: '\e622'; }
.hanbiro-icon-approval-office:before { content: '\e624'; }
.hanbiro-icon-approval-redraft:before { content: '\e608'; }
.hanbiro-icon-approval-draft-receive:before { content: '\e610'; }
.hanbiro-icon-approval-change-line:before { content: '\e615'; }
.hanbiro-icon-approval-viewer:before { content: '\e616'; }
.hanbiro-icon-approval-read-prog:before { content: '\e620'; }
.hanbiro-icon-approval-read-log:before { content: '\e621'; }
.hanbiro-icon-approval-draft:before { content: '\e625'; }
.hanbiro-icon-approval-transfer-doc:before { content: '\e630'; }
.hanbiro-icon-approval-draft-temp:before { content: '\e626'; }
.hanbiro-icon-approval-aprv:before { content: '\e628'; }

/* 비용보고 */
.hanbiro-icon-expense-menu:before { content: '\c308'; }
.hanbiro-icon-my-expense-menu:before { content: '\c312'; }
.hanbiro-icon-share-expense-menu:before { content: '\c313'; }
.hanbiro-icon-referer-expense-menu:before { content: '\c314'; }

/*자산관리 */
.hanbiro-icon-asset-menu:before { content: '\c307'}
.hanbiro-icon-asset-manage-items:before { content: '\c309'}
.hanbiro-icon-asset-depreciation:before { content: '\c310'}
.hanbiro-icon-asset-report:before { content: '\c311'}

.hanbiro-icon-cloud-upload:before { content: '\e839'; }
.hanbiro-icon-archive-move:before { content: '\e821'; }
.hanbiro-icon-file-add:before { content: '\e822'; }
.hanbiro-icon-password:before { content: '\e831'; }
.hanbiro-icon-logout:before { content: '\e832'; }
.hanbiro-icon-mail-setting:before { content: '\e833'; }
.hanbiro-icon-chart:before { content: '\e834'; }
.hanbiro-icon-holiday2:before { content: '\e835'; }
.hanbiro-icon-send:before { content: '\e836'; }
.hanbiro-icon-pc:before { content: '\e837'; }
.hanbiro-icon-mail-spam:before { content: '\e883'; }
.hanbiro-icon-mail-trash:before { content: '\e884'; }
.hanbiro-icon-comment:before { content: '\e892'; }

.hanbiro-icon-customer-management:before { content: '\c100'; }
.hanbiro-icon-customer:before { content: '\c101'; }
.hanbiro-icon-account:before { content: '\c102'; }
.hanbiro-icon-rating:before { content: '\c103'; }
.hanbiro-icon-set-grade:before { content: '\C104'; }
.hanbiro-icon-potential:before { content: '\c200'; }
.hanbiro-icon-lead:before { content: '\c201'; }
.hanbiro-icon-hold:before { content: '\c203'; }
.hanbiro-icon-big-deal:before { content: '\c204'; }
.hanbiro-icon-opportunity:before { content: '\c300'; }
.hanbiro-icon-activity:before { content: '\c301'; }
.hanbiro-icon-product-management:before { content: '\c400'; }
.hanbiro-icon-product-info:before { content: '\c401'; }
.hanbiro-icon-marketing:before { content: '\c500'; }
.hanbiro-icon-campaign:before { content: '\c501'; }
.hanbiro-icon-cost:before { content: '\c502'; }
.hanbiro-icon-crm-user:before { content: '\c600'; }
.hanbiro-icon-charge-user:before { content: '\c601'; }

.hanbiro-icon-tax-rate:before { content: '\c800'; }
.hanbiro-icon-sales-management:before { content: '\c329'; }
.hanbiro-icon-salesmanagement:before { content: '\c329'; }
.hanbiro-icon-sales-info:before { content: '\c327'; }
.hanbiro-icon-sales:before { content: '\c327'; }
.hanbiro-icon-charge:before { content: '\c328'; }
.hanbiro-icon-collect-bills:before { content: '\c326'; }
.hanbiro-icon-charge-management:before { content: '\c804'; }
.hanbiro-icon-activity-todo:before { content: '\c305'; }
.hanbiro-icon-reservation-mail:before { content: '\c010'; }
.hanbiro-icon-fax:before { content: '\c011'; }
.hanbiro-icon-reservation-fax:before { content: '\c012'; }
.hanbiro-icon-task-history:before { content: '\c014'; }
.hanbiro-icon-task-transfer:before { content: '\c013'; }
.hanbiro-icon-send-reservation:before { content: '\c304'; }
.hanbiro-icon-sms:before { content: '\c016'; }
.hanbiro-icon-reservation-sms:before { content: '\c015'; }
.hanbiro-icon-post:before { content: '\c017'; }
.hanbiro-icon-meeting:before { content: '\c018'; }
.hanbiro-icon-appointment:before { content: '\c019'; }
.hanbiro-icon-activity-calendar:before { content: '\c306'; }
.hanbiro-icon-activity-automation:before { content: '\c302'; }
.hanbiro-icon-activity-history:before { content: '\c303'; }
.hanbiro-icon-mail-history:before { content: '\c703'; }
.hanbiro-icon-interwork:before { content: '\c704'; }
.hanbiro-icon-issue:before { content: '\c021'; }
.hanbiro-icon-competitor:before { content: '\c020'; }
.hanbiro-icon-crm-todo:before { content: '\c305'; }
.hanbiro-icon-country:before { content: '\f704'; }
.hanbiro-icon-email:before { content: '\e100'; }
.hanbiro-icon-quotes:before { content: '\c028'; }
.hanbiro-icon-main-menu:before { content: '\c022'; }
.hanbiro-icon-side-menu:before { content: '\c023'; }

.hanbiro-icon-crm2:before { content: '\f625'; }
.hanbiro-icon-groupware2:before { content: '\f626'; }
.hanbiro-icon-leadsource:before { content: '\c202'; }
.hanbiro-icon-product-close:before { content: '\c402'; }
.hanbiro-icon-currency:before { content: '\c700'; }
.hanbiro-icon-charge_setting:before { content: '\c325'; }
.hanbiro-icon-select-setting:before { content: '\c702'; }

.hanbiro-icon-type-number:before { content: '\c026'; }
.hanbiro-icon-type-percent:before { content: '\c027'; }
.hanbiro-icon-type-list:before { content: '\c025'; }
.hanbiro-icon-type-text:before { content: '\c031'; }
.hanbiro-icon-type-textarea:before { content: '\c029'; }
.hanbiro-icon-type-url:before { content: '\c030'; }

.hanbiro-icon-assign-staff:before { content: '\c600'; }

.hanbiro-icon-add-group:before { content: '\c318'; }
.hanbiro-icon-missed-call:before { content: '\c315'; }
.hanbiro-icon-activity-stream:before { content: '\c316'; }
.hanbiro-icon-search-engine-campaign:before { content: '\c317'; }

.hanbiro-icon-change-staff:before { content: '\c319'; }
.hanbiro-icon-project-s:before { content: '\f307'; }
.hanbiro-icon-project-t:before { content: '\f308'; }
.hanbiro-icon-customer-merge:before { content: '\c320'; }

.hanbiro-icon-customer-merge:before { content: '\c322'; }
.hanbiro-icon-data-sync:before { content: '\c323'; }
.hanbiro-icon-mail-setting:before { content: '\c324'; }
.hanbiro-icon-mobile-setting:before { content: '\f311'; }
.hanbiro-icon-mobile-alarm-setting:before { content: '\f310'; }
.hanbiro-icon-alarm_send:before { content: '\f309'; }

.hanbiro-icon-smsfaxemail:before { content: '\c330'; }
.hanbiro-icon-purchase:before { content: '\c331'; }

.hanbiro-icon-crmcall:before { content: '\f312'; }

/* hanbiro-vol2 */
.hanbiro-ico-cloud-folder-type:before {
  content: "\e917";
}
.hanbiro-ico-cloud-share-folder-type:before {
  content: "\e918";
}
.hanbiro-ico-menu-builder:before {
  content: "\e915";
}
.hanbiro-ico-co-manage:before {
  content: "\e916";
}
.hanbiro-ico-project-help:before {
  content: "\e914";
}
.hanbiro-ico-project-kanban:before {
  content: "\e912";
}
.hanbiro-ico-project-scrum:before {
  content: "\e913";
}
.hanbiro-ico-custom-table:before {
  content: "\e911";
}
.hanbiro-ico-holiday-status-permit:before {
  content: "\e90e";
}
.hanbiro-ico-holiday-status-spend:before {
  content: "\e90f";
}
.hanbiro-ico-holiday-status-year:before {
  content: "\e910";
}
.hanbiro-ico-mail-write-reserve:before {
  content: "\e909";
}
.hanbiro-ico-mail-share:before {
  content: "\e906";
}
.hanbiro-ico-mail-hacking:before {
  content: "\e904";
}
.hanbiro-ico-mail-secure:before {
  content: "\e905";
}
.hanbiro-ico-clouddisk-log:before {
  content: "\e903";
}
.hanbiro-ico-folder-guest:before {
  content: "\e902";
}
.hanbiro-ico-statistics-report:before {
  content: "\e90c";
}
.hanbiro-ico-folder-share:before {
  content: "\e901";
}
.hanbiro-ico-company-expense:before {
  content: "\e900";
}
.hanbiro-ico-folder-company:before {
  content: "\e907";
}
.hanbiro-ico-folder-my:before {
  content: "\e908";
}
.hanbiro-ico-folder-type:before {
  content: "\e90a";
}
.hanbiro-ico-statistics:before {
  content: "\e90b";
}
.hanbiro-ico-statistics-setting:before {
  content: "\e90d";
}
.hanbiro-ico-alarm:before {
  content: "\e950";
}
.hanbiro-ico-signature:before {
  content: "\e804";
}


.fa.fa-bell:not(.s):before {
  font-family: "HanbiroVol1";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f616';
  font-size: 14px;
}

.fa.fa-file-o:before {
content: '\f016';
}

/* fixed modal-open for main-navi issue*/
body.modal-open {
  padding-right: 0 !important;
}
/* Modify Viet */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.hanbiro-icon-write:before{
  content:'\e897';
}
.hanbiro-icon-refresh:before{
  content:'\e886';
}
.hanbiro-icon-mail-open:before{
  content:'\e110';
}
.hanbiro-icon-mail-new:before{
  content:'\e887';
}

.hanbiro-icon-print:before{
  content:'\e890';
}
.hanbiro-icon-forward:before{
  content:'\e895';
}
.hanbiro-icon-spam:before{
  content:'\e883';
}
.hanbiro-icon-replyall:before{
  content:'\e893';
}
.hanbiro-icon-download-pc:before{
  content:'\e891';
}
.hanbiro-icon-folder:before{
  content:'\e828';
}
.hanbiro-icon-cloud:before{
  content:'\e847';
}
.hanbiro-icon-reply:before{
  content:'\e894';
}
.hanbiro-icon-delete:before{
  content:'\e849';
}
.hanbiro-icon-add-filter:before{
  content:'\e308';
}
/* ENd Viet */

/* Modify Thanh */
.hanbiro-icon-whisper-reply:before {
    content: '\e886';
}
.hanbiro-icon-whisper-sent:before {
    content: '\e836';
}
.hanbiro-icon-whisper-organization:before {
    content: '\e818';
}
.hanbiro-icon-whisper-write:before {
    content: '\e897';
}
.hanbiro-icon-whisper-save:before {
    content: '\e903';
}
/* End Thanh */

/*Hung Le*/
.hanbiro-icon-preview:before {
    content: '\e908';
}
.hanbiro-icon-folder:before {
    content: '\e828';
}
.hanbiro-icon-write:before {
    content: '\e897';
}
.hanbiro-icon-edit:before {
    content: '\e898';
}
.hanbiro-icon-clicks:before {
    content: '\e844';
}

.hanbiro-icon-unread:before {
    content: '\e900';
}
.hanbiro-icon-save:before {
    content: '\e902';
}
.hanbiro-icon-comment-number:before {
    content: '\e903';
}
.hanbiro-icon-refresh:before {
    content: '\e886';
}
.hanbiro-icon-file:before {
    content: '\e846';
}

/*End Hung Le*/

/* flag icon */
.flag-icon-vi,
.flag-icon-vi.flag-icon-squared {
  background-image:url(../flags/4x3/vn.svg)
}

.flag-icon-en,
.flag-icon-en.flag-icon-squared {
  background-image:url(../flags/4x3/us.svg)
}

.flag-icon-ko,
.flag-icon-ko.flag-icon-squared {
  background-image:url(../flags/4x3/kr.svg)
}

.flag-icon-ch,
.flag-icon-ch.flag-icon-squared {
  background-image:url(../flags/4x3/cn.svg)
}

.flag-icon-zh,
.flag-icon-zh.flag-icon-squared {
  background-image:url(../flags/4x3/cn.svg)
}

.pre {
    white-space: pre;
}

.btn-circular:not(.nt) {
    border-radius: 50%;
    /*z-index: 1001 ;*/
}

img {
    max-width: 100%;
}


/* crm menu color */
.color-customer {
  color: #48647c !important;
}
.color-potential {
  color: #8cc151 !important;
}
.color-lead {
  color: #ff5177 !important;
}
.color-account {
  color: #f3811b !important;
}
.color-opportunity {
  color: #8d6e63 !important;
}
.color-activity {
  color: #78909c !important;
}
.color-helpdesk {
  color: #3aa6ad !important;
}
.color-knowledgebase {
  color: #3a8bad !important;
}
.color-purchase {
  color: #754193 !important;
}
.valign-top {
  vertical-align: top;
}

.modal-dialog.letter-bg div[class*="col-md-"] {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* plugin hansmiles */
.editorSmilies .smilie {
  margin: 5px;
}

/* hide top menu & hide sidebar */
body.hide-top-menu #navbar, body.hide-top-menu .main-container .widget-tabs .main-navi,
body.hide-side-menu .main-container .tab-content .sidebar, body.hide-side-menu .main-container .tab-content .sidebar-resizer {
  display: none;
}
body.hide-top-menu .navbar-fixed-top + .main-container {
  padding-top: 0;
}
body.hide-side-menu .main-container .tab-pane .main-content {
  margin-left: 0 !important;
}
body.hide-side-menu .main-container .tab-pane .content-header {
  left: 10px !important;
}

/* fix select2 text-overflow */
.select2-container, .select2-container .select2-choice, .select2-container .select2-choice > .select2-chosen {
  width: 100%;
  max-width: 100%;
}
.select2-container .select2-choice > .select2-chosen {
  max-width: calc(100% - 26px);
}

.select2-container-multi .select2-choices .select2-search-field,
.select2-container-multi .select2-choices .select2-search-field .select2-input.ui-select-search {
    width: 100%!important;
}

/* Fixing the Width of a Select 2 with a Long Value in a Bootstrap Input Group */
.input-group .select2-container {
  display: table;
  table-layout: fixed;
}
.input-group .select2-container-multi .select2-choices {
  min-height: 34px;
}
.ng-hide {
  /* this is just another form of hiding an element */
  display: block!important;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.block-ui {
    z-index: 2030;
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 1;
    cursor: wait;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.48);
}
.block-ui.lz{opacity:1;background:0 0}.ui-lzloading{position:absolute;top:50%;left:0;right:0;z-index:99999;margin:auto;text-align:center}.ui-lzloading .loading-bar{display:inline-block;width:4px;height:18px;border-radius:4px;animation:hanbiroloading 1s ease-in-out infinite;margin:2px;}.ui-lzloading .loading-bar:nth-child(1){background-color:#3498db;animation-delay:0}.ui-lzloading .loading-bar:nth-child(2){background-color:#c0392b;animation-delay:90ms}.ui-lzloading .loading-bar:nth-child(3){background-color:#f1c40f;animation-delay:.18s}.ui-lzloading .loading-bar:nth-child(4){background-color:#27ae60;animation-delay:.27s}@keyframes hanbiroloading{0%,40%{transform:scale(1)}20%{transform:scale(1,2.2)}}
.han2017-loader{position:absolute;top:50%;left:40%;margin-left:10%;transform:translate3d(-50%,-50%,0)}.han2017-loader .dot{width:20px;height:20px;background:#3ac;border-radius:100%;display:inline-block;animation:han2017slide 1s infinite}.han2017-loader .dot:nth-child(1){animation-delay:.1s;background:#32aacc}.han2017-loader .dot:nth-child(2){animation-delay:.2s;background:#64aacc}.han2017-loader .dot:nth-child(3){animation-delay:.3s;background:#96aacc}.han2017-loader .dot:nth-child(4){animation-delay:.4s;background:#c8aacc}.han2017-loader .dot:nth-child(5){animation-delay:.5s;background:#faaacc}@-moz-keyframes han2017slide{0%{transform:scale(1)}50%{opacity:.3;transform:scale(2)}100%{transform:scale(1)}}@-webkit-keyframes han2017slide{0%{transform:scale(1)}50%{opacity:.3;transform:scale(2)}100%{transform:scale(1)}}@-o-keyframes han2017slide{0%{transform:scale(1)}50%{opacity:.3;transform:scale(2)}100%{transform:scale(1)}}@keyframes han2017slide{0%{transform:scale(1)}50%{opacity:.3;transform:scale(2)}100%{transform:scale(1)}}

/* Progress on Go-First page */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #efefff;
    z-index: 9999;
    transition: opacity .65s
}

.preloader-progress,
.preloader-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-size: 300px 39px
}

.preloader-progress {
    right: 0;
    width: 351px;
    height: 42px;
    margin: auto;
}

.preloader-progress:before,
p.tmp {
    content: "GROUPWARE&CRM";
    font-size: 35px;
    font-weight: bold;
    opacity: 0.2;
    white-space: nowrap
}
p.tmp{
  opacity: 0;
  position: absolute
}
.preloader-progress-bar:before {
    content: "GROUPWARE&CRM";
    font-size: 35px;
  font-weight: bold;
  color: rebeccapurple
}
.preloader-progress-bar {
  min-width: 10px;
  white-space: nowrap;
    overflow: hidden;
}

.preloader-progress-bar:not(.finish) {
    -webkit-animation-duration: 12s;
    -moz-animation-duration: 12s;
    -ms-animation-duration: 12s;
    -o-animation-duration: 12s;
    animation-duration: 8s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    -ms-animation-direction: normal;
    -o-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-name: prog_bar_keyframer_data-layer-1-translateX;
    -moz-animation-name: prog_bar_keyframer_data-layer-1-translateX;
    -ms-animation-name: prog_bar_keyframer_data-layer-1-translateX;
    -o-animation-name: prog_bar_keyframer_data-layer-1-translateX;
    animation-name: prog_bar_keyframer_data-layer-1-translateX;
    -webkit-animation-fill-mode: forwards
}

.preloader-progress-bar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    -webkit-animation: move_frst 2s linear infinite;
    -moz-animation: move_frst 2s linear infinite;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
    opacity: 0;
    animation-delay: 10s
}

.preloader-progress-bar.finish:after {
    opacity: 1;
    animation-delay: 0
}

@-webkit-keyframes move_frst {
    0% {
        opacity: 1;
        background-position: 0 0
    }
    100% {
        opacity: 1;
        background-position: 50px 50px
    }
}

@-moz-keyframes move_frst {
    0% {
        opacity: 1;
        background-position: 0 0
    }
    100% {
        opacity: 1;
        background-position: 50px 50px
    }
}

@-webkit-keyframes prog_bar_keyframer_data-layer-1-translateX {
    0% {
        width: 10%
    }
    98.36% {
        width: 100%;
        -webkit-animation-timing-function: linear
    }
    100% {
        width: 100%
    }
}

@-moz-keyframes prog_bar_keyframer_data-layer-1-translateX {
    0% {
        width: 10%
    }
    98.36% {
        width: 100%;
        -moz-animation-timing-function: linear
    }
    100% {
        width: 100%
    }
}

@-ms-keyframes prog_bar_keyframer_data-layer-1-translateX {
    0% {
        width: 10%
    }
    98.36% {
        width: 100%;
        -ms-animation-timing-function: linear
    }
    100% {
        width: 100%
    }
}

@-o-keyframes prog_bar_keyframer_data-layer-1-translateX {
    0% {
        width: 10%
    }
    98.36% {
        width: 100%;
        -o-animation-timing-function: linear
    }
    100% {
        width: 100%
    }
}

@keyframes prog_bar_keyframer_data-layer-1-translateX {
    0% {
        width: 10%
    }
    98.36% {
        width: 100%;
        animation-timing-function: linear
    }
    100% {
        width: 100%
    }
}

@-webkit-keyframes show_slowly {
  100% {
    opacity: 1
  }
}

@-moz-keyframes show_slowly {
  100% {
    opacity: 1
  }
}
.connection-slowly{
  position: absolute;
  right: 30px;
  bottom: 30px;
  padding: 5px;
  background: #e2ff9c;
  border: 1px solid #cae28d;
  -webkit-animation: color_changed 15s linear infinite;
  -moz-animation: color_changed 15s linear infinite;
}

@-webkit-keyframes color_changed {
  0% {
    background: #e2ff9c;
    color: #000
  }
  50%{
    background: #ff9caa;
  }
  60%{
    color: #FFF
  }
  100% {
    background: #b09cff;
    color: #FFF
  }
}

@-moz-keyframes move_frst {
  0% {
    background: #e2ff9c;
  }
  50%{
    background: #ff9caa;
  }
  100% {
    background: #b09cff;
  }
}
.loadingSpinner {
    border-color: white;
    border-top-color: transparent;
    display: inline-block;
    height: 20px;
    margin-top: -1px;
    vertical-align: middle;
    width: 20px;
    border: 2px solid #FFF;
    border-top-color: transparent;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
}
.loadingSpinner.sm{
    border: 2px solid #666;
    border-top-color: transparent;
    width: 18px;
    height: 18px;
}
.loadingSpinner.ar{
    top: 10px;
    right: 15px;
    position: absolute;
}
.narrow .loadingSpinner.ar{
  top: 10px;
  right: 10px;
  position: absolute;
}
.loadingSpinner.sb{
  width: 30px;
    height: 30px;
    left: 0;
  top: 250px;
  right: 0;
    position: fixed;
    border-color: #649bff;
    border-top-color: transparent;
}

.fa-spin {
    -webkit-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear;
}
.loading-dialog{
    position: fixed;
    right: 32px;
    width: 145px;
    bottom: 30px;
    height: 54px;
    z-index: 999999;
    align-items: center;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    display: -webkit-flex;
    display: flex;
    background-color: #404040;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);
    transition: opacity 200ms,-webkit-transform 300ms cubic-bezier(0.165,0.840,0.440,1.000);
}
.loading-dialog--content{
    color: #FFF;
    display: inline-block;
    line-height: 54px;
    white-space: nowrap;
}
.loading-dialog--content p i.loadingSpinner{
    margin-right: 13px;
}
.hanNotify .ui-pnotify-title{
    font-size: 14px;
  margin-bottom: 0;
  text-transform: capitalize
}
.hanNotify .brighttheme-success{
    min-height: 16px;
    padding: 15px;
    background: #5cb85c;
    color: #FFF;
}
.hanNotify .brighttheme-error{
    min-height: 16px;
    padding: 15px;
    background: #B85C5C;
    color: #FFF;
}

.ace-nav>li .dropdown-menu {
  z-index: 1034;
}

.size13 {
  font-size: 13px;
}

/* sidebar-main */
body.sidebar-right-open:before {
  z-index: 1030;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
body.sidebar-right-open{
  overflow: hidden;
}
body.sidebar-right-open .main-navi *{
  background: #949494 !important;
  border-color: grey !important;
}
.main-navi *:not(.navi-type):not(.lm--navDropdown-child){
  transition: none !important;
  white-space: nowrap;
}
body.sidebar-right-open .main-navi .badge {
  display: none;
}

/* body.sidebar-right-open .main-container,
body.sidebar-right-open .main-navi,
body.modal-open .main-container,
body.modal-open .main-navi{
  filter: blur(8px);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000;
  transform: translate3d(0,0,0);
  transform: translateZ(0);
} */

.sidebar-main-wrap {
  position: fixed;
  top: 45px;
  bottom: 0;
  right: 0;
  transform: translate3d(320px, 0, 0);
  width: 320px;
  box-sizing: border-box;
  z-index: 1030;
  background: #fff;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
body.sidebar-right-open .sidebar-main-wrap {
  transform: translate3d(0, 0, 0);
}

/* dropdown-menu start */
.diff-dropdown .dropdown-menu {
  /*-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);*/
  -webkit-box-shadow: 5px 5px rgba(102,102,102,.1);
  box-shadow: 5px 5px rgba(102,102,102,.1);
}

.diff-dropdown .dropdown-menu > li {
  margin-right: .5em;
  margin-left: .5em;
}

.diff-dropdown .dropdown-menu > li > a {
  padding: 6px 12px;
}

.diff-dropdown .dropdown-header {
  padding-right: 12px;
  padding-left: 12px;
  font-size: 11px;
  text-transform: uppercase;
}

.diff-dropdown .dropdown-menu > li > a:hover,
.diff-dropdown .dropdown-menu > li > a:focus {
  background-color: #f7f7f7;
}

.diff-dropdown .dropdown-menu > .active > a,
.diff-dropdown .dropdown-menu > .active > a:hover,
.diff-dropdown .dropdown-menu > .active > a:focus {
  color: #444;
  background-color: #dbdbdb;
}

/* add by HM VIET  */
.ui-autocomplete {
height: 130px;
overflow-y: scroll;
overflow-x: hidden;
}
.open .show-iframe
{
  display:block !important;
}
.show-iframe
{
  display:none !important;
}
.dropdown-hover .show-iframe
{
  display:none !important;
}
.dropdown-hover:hover .show-iframe
{
  display:block !important;
}
/* dropdown-menu end */

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 10px;
  padding-right: 10px;
}
.hm16 {
    height : 16mm;
}
.row {
  margin-left: -10px;
  margin-right: -10px;
}
.row.vertical-divide [class*='col-']:not(:last-child):after {
  background: #e0e0e0;
  width: 1px;
  content: "";
  display:block;
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
}
.blue-1 {color:#1963aa !important}

.absolute-invisible {
    position:absolute;
    visibility:hidden;
    display: none;
}

.note-invisible {
    position:absolute;
    visibility:hidden;
    display: none;
}

/* .btn-group>.btn {
  border-radius: 4px!important;
} */

.nav-list>li>a {
    height:auto;
}

.nav-list>li>.submenu li>.submenu>li>.submenu>li>.submenu>li a {
  margin-left: 20px;
  padding-left: 54px;
}

.nav-list>li>.submenu li>.submenu>li>.submenu>li>.submenu>li>.submenu>li a {
  margin-left: 20px;
  padding-left: 70px;
}

.nav-list>li>.submenu li>.submenu>li>.submenu>li>.submenu>li>.submenu>li>.submenu>li a {
  margin-left: 20px;
  padding-left: 86px;
}

.nav-list>li>.submenu {
  border-top: none;
}

.nav-list>li.open>.submenu, .nav-list>li.active>.submenu {
  border-top: 1px solid #e5e5e5;
}

/*.nav-list a .badge {
  top: 3px !important;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 11px;
  border-radius: 3px;
  right: auto !important;
  line-height: 11px;
  margin-left: -3px;
}*/

.nav-list a .badge {
  position: static;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
    font-size: 10px !important;
}

.ace-nav>li>a>.badge {
    font-size: 10px !important;
}

.container-main-navi {
    position: relative;
}

.container-main-navi > div {
    /*background: #CCC;*/
    /*height: 100px;*/
    position: absolute;
    width: 100px;
    /*border-radius: 5px;*/
}

.container-main-navi .ss-placeholder-child {
    background: transparent;
    border: 1px dashed red;
}

.container-main-navi > div > a {
    position: relative;
    float: left;
    -webkit-transition: all ease .15s;
    transition: all ease .15s;
    cursor: pointer;
    vertical-align: middle;
    margin: 0;
    padding: 5px;
    line-height: 1.39em;
    -webkit-border-radius: 2px;
    border-radius: 4px;
    background-color: #fff;
    border: solid 2px #eee;
    color: #777;
    text-align: center;
    width: 100%;
}
.container-main-navi > div > a:hover {
    border-color: #438eb9;
}

.container-main-navi .badge {
    position: absolute !important;
    top: 3px;
    right: 0px;
    max-width: 70px;
    padding: 1px 3px;
    border-radius: 3px;
    background-color: #feb902 !important;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 10px;
    color: #FFF;
}

.container-main-navi a i {
    display: block;
    opacity: .8;
    font-size: 1.5em;
}

.message-footer {
  line-height: 33px;
  padding: 7px 16px;
}

.load-more {
    position:absolute;
    text-align: center;
    width: 100%;
    max-width: calc(100% - 16px);
}

.pointer {
  cursor: pointer;
}

.rounded {
  border-radius: 4px !important;
}

.text-info {
  color: #0062ac;
}

.text-danger {
    color: #d9350a;
}

.ace-nav>li {
    /* border-left: none; */
   border-color: #69a5c7;
}

.nav-tabs.hanbiro>li {
  margin-bottom: 0px;
}

.nav-tabs.hanbiro>li>a>.tab-close {
  margin-left: 7px;
  cursor: pointer;
}


.icon-bars:before {
  content: "\f0c9";
}

.icon-ellipsis-v:before {
  content: "\f142";
}

.icon-times:before {
  content: "\f00d";
}

.icon-sign-in:before {
  content: "\f090";
}

.navbar-header.open-sidebar button i {
  margin-left: 5px;
  margin-right: 5px;
  color: #fff;
}

/* filter search */
.filter-sch input {
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
}
.input-icon.filter-sch input + i.ace-icon {
  right: 7px;
  top: 6px;
}

/* left menu */
.nav-list > li a > .arrow, .nav-list > li > .submenu a > .arrow {
  top: 0;
  right: -5px;
  width: 60px !important;
  height: 30px;
  font-size: 20px;
  /*padding-left: 30px;*/
}

.nav-list > li > a > .arrow {
  top: 5px;
  line-height: 30px;

}
.nav-list > li.open > a > .arrow {
  top: 5px;
  line-height: 30px;

}
.nav-list > li > .submenu a > .arrow:before {
  display: inline-block;
  padding-top: 10px;
}
.nav-list > li .submenu a > .title {
  display: block;
  margin-right: 35px;
}
.nav-list li.hsub > a .arrow{
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    transition: all 0.3s;
}
.nav-list li.hsub.open > a .arrow{
    -ms-transform: rotate(0); /* IE 9 */
    -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
    transform: rotate(0);
}

/* main start */
#wrapper {
  min-height: 100%;
  height: auto;
}

.ui-sortable .widget-header {
  cursor: move;
}

.main-menu ul.sub-menu {
  min-width: 160px;
  background: #FFF;
  border: 0;
  border-bottom: 3px solid #438eb9;
  border-radius: 0 !important;
  padding: 0;
}

.main-menu ul.sub-menu>li {
  /* border-bottom: 1px solid #eee; */
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.main-menu ul.sub-menu>li>a {
  color: #333;
  padding: 3px 15px;
  border-radius: 0 !important;
}

.main-menu .dropdown-menu > li > a:hover,
.main-menu .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #333333;
  background-color: #f6f6f6;
}

.main-menu ul.sub-menu>li:last-child {
  border: 0;
}

#main-menu-title {
  width: 100%;
  text-align: center;
  position: absolute;
  display: none;
  margin-right:10px;
  cursor:pointer;
    font-size:24px !important;
  /*background: #438eb9;*/
}

.no-skin .navbar .navbar-toggle, .no-skin .navbar .navbar-toggle:focus, .no-skin .navbar .navbar-toggle:hover {
  background-color: transparent;
}

.no-skin .navbar .navbar-toggle.display, .no-skin .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}

/* main end */

/* common start */
.table.tb-type2 > thead > tr {
  background: none;
}
.table.tb-type2 > thead > tr > th {
  border-bottom-color: #438eb9;
}

input[type=checkbox].ace+.lbl.with-txt::before, input[type=radio].ace+.lbl.with-txt::before {
  margin-right: 5px;
}

.text-bold {
  font-weight: bold !important;
}
.editable-buttons {
  margin-top: 0;
}

.profile-picture .editable-click:hover {
    border:none !important;
}

.profile-picture .editable-buttons {
    padding: 4px;
    margin-top: 0;
}

.profile-picture .editable-buttons.float-right {
    float: right;
}

.profile-picture .editable-buttons.float-left {
  float: left;
}

.profile-picture .editable-buttons.del-photo {
    display: none;
}

.profile-picture:hover .editable-buttons.del-photo {
    display: inline-block
}


.profile-picture .editable-container {
    padding: 4px;
}

.profile-picture label {
    margin-bottom: 0px;
}

.profile-picture .img-responsive {
    width: 150px;
    height: 150px;
}

.profile-picture.org-profile {
  margin: 0 0 10px;
  padding: 4px;
}

.dropdown-menu.shortcut-dropdown {
  width: 180px;
}
.widget-color-blue2 .widget-toolbar i.green {
  color: #deead3 !important;
}
.border-radius-4 {
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
}
html body .hide-on-desktop, html body .hide-on-desktop.navbar-collapse.collapse {
  display:none !important;
}
.sidebar.menu-min .nav-list a button {
  display: none;
}

.sidebar.menu-min, .sidebar.menu-min.compact, .sidebar.menu-min.navbar-collapse {
  width: 43px !important;
}

.sidebar.menu-min~.main-content {
  margin-left: 43px !important;
}

.sidebar.menu-min~.main-content .content-header:not(.header-pane-split) {
  left: 53px !important;
}

.main-content>.tab-pane {
    display:none;
}

.main-content>.active {
    display:block;
}

.full-width {
  width:100% !important;
}

.no-skin .sidebar {
  border-width: 0;
  /*padding-top: 5px;
  background-color: #fafafa;*/
}

.no-skin .sidebar.menu-min {
  border-right-width: 1px;
}

a:hover, a:focus {
  text-decoration: none;
}

.bck-excepted{background-color: #f1f5fa;}

.message-loading-overlay {
  z-index: 1024;
}

.message-loading-overlay.loading-fixed > .ace-icon{
  /*position:fixed;
  top:15%;*/
  padding: 6px 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  width: 120px;
  margin: auto;
  border: 1px solid #f0c36d;
  background-color: #f9edbe;
}
.message-item:hover {
  background: #f2f6f9;
  }
.message-item.selected,
.message-item-photo.selected{
  background-color: #ffc !important;
  border-top: 1px solid #EAEDF1;
  border-bottom: 1px solid #EAEDF1;
}

.message-item.selected:last-child {
  border-bottom-width: 0;
}

.message-item.selected+.message-item {
  border-top-width: 1px;
}

.message-item .summary .badge.comment-no {
  overflow: hidden;
  max-width: 50px;
  text-overflow: ellipsis;
  margin-left: 5px;
}

.page-tab-header {
  position: relative;
  z-index: auto;
  /*border-bottom: 1px solid #e5e5e5;*/
  background-color: #f9f9f9;
  min-height: 43px;
  line-height: 42px;
  display: none;
}

.page-tab-header button {
  margin: 0 5px;
}
.page-tab-title {
  position: absolute;
  left: 50px;
  width: 100%;
  max-width: calc(100% - 100px);
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  white-space: nowrap;
  font-size: 18px !important;
}
.page-tab-title.has-charge {
  max-width: calc(100% - 130px);
}

.toolbar-toggle {
  width: 40px;
  text-align: center;
  border-radius: 4px;
  margin-top: 4px;
}

.toolbar-toggle:focus {
  outline: 0;
}

.content-container {
  padding: 0 10px;
  /*margin-bottom: 90px;*/
}
.content-container .page-tab-header button {
  margin-top: 6px;
}

.content-container .page-header {
  padding-bottom: 0;
    border-bottom: none;
}

/*Fix for issue did't show quick action set default tab*/
/*.content-container .page-header h1 {
  max-width: calc(100% - 120px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.3em;
}*/

.page-header-title {
  margin-left: 5px;
  font-size: 24px;
}

.main-menu li a {
  font-size: 14px;
  line-height: 1.7 !important;
}

.main-menu .menu-icon {
  font-size: 120% !important;
}

.error-container-wrap {
  position:absolute;
  top:45px;
  width:100%;
}

.spinner {
  position: fixed !important;
}


/*
.page-content {
  background-color: #ffffff;
}


.header-tab-title {
  display: none;
  width: 100%;
  text-align: center;
}

.header-basic-title {
  display: block;
}
*/

/* common end */

/* dynatree start
ul.dynatree-container:parent {
  overflow:auto;
}
 */

/*
ul.dynatree-container {
  position:relative;
  height:100%;
}
*/

#hd_permitters {
    border: 1px solid #dce8f1;
    border-top: none;
}

ul.dynatree-container li {
  position:relative;
  padding: 3px 3px 3px 18px;
  line-height: 20px;
}
ul.dynatree-container ul > li {
  padding-left:0px;
}

html ul.dynatree-container > li:before {
    display: none;
}

html ul.dynatree-container > li {
  padding-left:5px;
}

ul.dynatree-container li:before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 14px;
  left: 3px;
  width: 18px;
  height: 0;
  border-top: 1px dotted #67b2dd;
  z-index: 1;
}

span.dynatree-node.dynatree-selected > span.dynatree-checkbox {
  background-color : #f9a021;
  border-color: #f9a021;
  color: #fff;
  width: 13px;
  height: 13px;
}

span.dynatree-node.dynatree-selected > span.dynatree-checkbox:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    content: "\f00c";
}
span.dynatree-node > span.dynatree-checkbox {
color: #F9E8CE;
width: 13px;
height: 13px;
line-height: 13px;
font-size: 11px;
text-align: center;
border-radius: 3px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #FAFAFA;
border: 1px solid #CCC;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
margin-top: -1px;
display: inline-block;
position: relative;
z-index: 2;
top: 3px;
}
div[data-favourite-tree] ul.dynatree-container {
  border: 1px solid #dce8f1;
  border-top: none;
}
.modal-body .sel-dept {
  max-height:350px;
  border: 1px solid #ddd;
}
.modal-body .sel-dept > ul.dynatree-container {
  border: none;
}

/* add by Hung 2016-04-01 */
span.dynatree-node > span.dynatree-checkbox.unselectable {
    background: #D8D8D8!important;
}
span.dynatree-node > span.custom-icon > i {
    margin-left: 5px!important;
}
span.dynatree-node > span.custom-icon > i.fa-star {
    margin-left: 2px!important;
    font-size: 1.5em;
}
/* end add by Hung 2016-04-01 */

span.dynatree-folder > span.dynatree-icon {
display: inline-block;
position: relative;
z-index: 2;
top: 5px;
left: 5px;
font-size:16px;
margin: -2px 0 0 -2px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
background:none;
color: #478fca;
}

ul.dynatree-container ul, ul.dynatree-container li {
  position:relative;
}
.dynatree-container li > ul:before{
display: inline-block;
content: "";
position: absolute;
z-index: 1;
top: -5px;
bottom: 14px;
left: 10px;
border: 1px dotted #67b2dd;
border-width: 0 0 0 1px;
}

ul.dynatree-container ul > li:before{
top: 14px;
left: -4px;
width: 15px;
}

span.dynatree-folder > span.dynatree-icon:before {
  content: "\f07b";
}

span.dynatree-folder.dynatree-expanded > span.dynatree-icon:before {
    content: "\f07c"
}

span.dynatree-expander {
    background-color: #fff;
    z-index: 2;
    position: relative;
}

/* span.dynatree-connector {
  display:none;
} */

/* .dynatree-folder.dynatree-has-children {
    position: relative;
    left: -16px;
}
 */
/* dynatree end */

/* admin */
.widget-body .setting-admin-tb .table {
  margin-bottom: 0;
  border-top: none;
}
.setting-admin-tb .table > thead > tr > th {
  background-color: #f1f5fa;
  border-color: #d6e1ea;
  border-width: 0 0 1px 0;
  font-weight: bold;
}
.setting-admin-tb.with-top-bd .table {
  border-top: 1px solid #d6e1ea;
}
.setting-admin-tb .table th {
  min-width: 100px;
}
.setting-admin-tb .table .select-item {
  width: 30px;
  min-width: 30px;
}
.setting-admin-tb .table tbody > tr.message-item {
  border-left-width: 0;
  border-right-width: 0;
}
.btn.admin-load-more-fixed {
  padding: 0 5px;
}
.btn.admin-load-more-fixed i {
  font-size: 1.1em;
}
.setting-admin-tb .table label {
  z-index: 1;
}
.resource-manager-modal #user_tree {
  margin-top: 5px;
  border: 1px solid #dce8f1;
}
.resource-manager-modal #user_tree .dynatree-container {
  border: none;
}

.time {
    font-family: sans-serif !important;
}

/* whisper */
#whisper-tab-content .itemdiv {
  min-height: initial;
}
#whisper-tab-content .itemdiv>.body>.text:after {
  border-top: none;
}
#whisper-tab-content .itemdiv>.body>.time {
  font-size: inherit;
  font-weight: normal;
}
#whisper-tab-content .itemdiv:last-child>.body>.text {
  padding-bottom: 0;
}

/* B car management */
.badge-blue, .label-blue {
    background-color: #0404fd!important;
}
.badge-blue-sky, .label-blue-sky {
    background-color: #3a87ad!important;
}
.badge-green, .label-green {
    background-color: #28a745!important;
}
select:disabled {
    background: #eee;
}
/* E car management */
/* calendar */
.c_middle{
  vertical-align: -webkit-baseline-middle;
}
.popover.fade{
  overflow: hidden;
}
.line-through {
  text-decoration: line-through;
}
.calendar-quick-view.table-hover tbody tr:first-child td{
    border-top: 0px;
}
button.close.btn-cancel{
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 1em;
}
.popover-content tbody tr td{
  min-width: 58px;
}
.fc-event-time, .fc-event-title {
  white-space: nowrap;
}


div.datepicker-days{
    z-index: 99 !important;
}

.datepicker {
  z-index: 1031 !important;
}

#note-tab-content .content-header {
  left : 10px !important;
}
/*
.nav-tabs.background-blue.hanbiro {
  border: none;
  height: 40px;
  padding-right: 5px;
  background-color: #f5f5f5;
}

.tab-content.hanbiro {
  border-left: none;
  border-bottom: none;
  border-right: none;
  border-top: 1px solid #dcdcdc;
  padding: 0;
}
*/


/*
.navbar-container {
  padding-right: 0px;
}

.ace-nav>li {
    border-left: none;
}

.ace-nav>li>a {
    background-color: #438eb9;
}

.ace-nav>li>a:hover,.ace-nav>li>a:focus {
    background-color: #438eb9;
}

.ace-nav>li.open>a {
    background-color: #438eb9 !important;
}

.ace-nav>li>a {
    min-width: 40px;
    padding: 0 4px;
}

.visible-phone-landscape {
  display: none !important;
}

.menu-dropdown {
  display: none;
}

.dropdown-menu.dropdown-close.pull-right {
  margin-right: 10px;
}

.work-toolbar {
  margin-bottom: 5px;
}

*/
.visible{
  overflow: visible !important;
}
.margin-left-4 {
  margin-left: 4px;
}

.margin-left-30 {
    margin-left: 30px;
}

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

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

.max-height-200{
  max-height: 200px;
}

.left-5{
  left:5px !important;
}

.left-35{
  left:35px !important;
}
/* .btn {
  border-radius: 4px;
} */

/*
.hanbiro-form .search-query,.hanbiro-form.navbar-form .search-query {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  line-height: 20px;
}

.hanbiro-form .search-query,.hanbiro-form .search-query:focus {
  font-size: 12px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  min-height: 0;
  padding: 4px 14px;
  color: #f8f8f8;
  border: 1px solid rgb(197, 208, 220);
  background: url(../img/search-white.png) 5px 5px no-repeat #438eb9;
  padding-left: 26px;
  -webkit-transition: width 0.2s;
  -moz-transition: width 0.2s;
  -o-transition: width 0.2s;
  transition: width 0.2s;
  width: 100px;
}

.hanbiro-form .search-query:-moz-placeholder {
  color: rgba(238, 238, 238, 0.76);
}

.hanbiro-form .search-query::-moz-placeholder {
  color: rgba(238, 238, 238, 0.76);
}

.hanbiro-form .search-query:-ms-input-placeholder {
  color: rgba(238, 238, 238, 0.76);
}

.hanbiro-form .search-query::-webkit-input-placeholder {
  color: rgba(238, 238, 238, 0.76);
}

.hanbiro-form .search-query:focus {
  width: 120px;
}

.hanbiro-form.navbar-form {
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0px;
}
*/
.article-list {
  /*border: 1px solid #efefef;*/
  margin-bottom: 10px;

}

.sub-article-list {
  overflow: hidden;
  list-style: none;
    margin: 0;
    padding: 0;
}

.sub-article-list label {
  font-size: 12px;
}

.article-item {
  border-left-width: 0;
  border-right-width: 0;
  padding: 8px 10px;
  overflow: hidden;
  /*border-bottom: 1px solid #efefef; */
  border-bottom: 1px solid #dcdcdc;
}

.article-item.no-border-bottom {
  border-bottom: none;
}

.article-item.unread{
  font-weight: bold !important;
  color: #478fca !important;
}
.article-item:last-child {
  border-bottom: none;
}

/* .article-list > .article-item:nth-child(odd), */
.article-list > .article-item:hover {
  background-color: #f9f9f9;
}


.article-item i {
  /*margin-left: 10px;*/
  margin-right: 5px;
}
/* add by Huy Design VietNam  */
.article-item .no {
    display: inline-block;
    margin: 0 6px 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 4%;
}
.article-item .code {
  vertical-align: middle;
  display: inline-block;
  margin: 0 6px 0 4px;
  width: 110px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.article-item .attach {
  vertical-align: middle;
  display: inline-block;
  margin: 0 6px 0 4px;
  width: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.article-item .size {
  vertical-align: middle;
  display: inline-block;
  margin: 0 6px 0 4px;
  width: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.article-item > span {
  /*text-align: center; */
}

.article-item .status {
  vertical-align: middle;
  display: inline;
  margin-left: 15px;
  width: 150px;
  white-space: nowrap;
  float: right;
}

.content-view-header .row {
  margin: 0;
}

.content-view-header .thumb {
  margin-right: 10px;
}

.content-view-header .status {
  margin-top: 25px;
}

.content-view-header .worker {
  margin-top: 25px;
}


/* .article-item 필요 없는 클래스로 판단 주석 처리 20160526
.article-item .period {
  vertical-align: middle;
  display: inline;
  margin-left: 15px;
  white-space: nowrap;
  width: 200px;
  float: right;
}

.article-item .leader {
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
  display: inline;
  margin-left: 15px;
  white-space: nowrap;
  width: 250px;
  float: right;
}

.article-item.unread .date {
  font-weight: bold;
  color: rgb(96, 159, 196);
}

.article-item .date {
  width: 140px;
  height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: rgb(102, 102, 102);
  float: right;
}

.article-item .view {
    width: 135px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: rgb(102, 102, 102);
    float: right;
}

.article-item .tick {
    width: 25px;
    height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: rgb(102, 102, 102);
    float: left;
}

/* Title
/*Modify by Huy VietNam

.article-item .title {
/*     vertical-align: absmiddle;
    display: inline-block;
    position: relative;
    margin-left: 30px;
    width: calc(100% - 750px);
    max-width: calc(100% - 750px);
    min-width: 200px;
    white-space: nowrap;
    margin-bottom: 2px;
    text-align: left; */
/*    display: inline-block;
    margin-bottom: 2px;
    max-width: calc(100% - 750px);
    min-width: 240px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: 30%;
}
.article-item .title .text {
    color: rgb(85, 85, 85);
    vertical-align: middle;
    display: inline-block;
    width: auto;
    max-width: 95%;
    height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}
.article-item.unread .title .text {
    color: rgb(96, 159, 196);
    font-weight: bold;
}

.article-item .title .text {
    color: rgb(85, 85, 85);
    vertical-align: middle;
    display: inline-block;
    width: auto;
    max-width: 100%;
    height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

.article-item .subject {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  margin-left: 5px;
  /* width: calc(100% - 940px);
  width: auto;
  max-width: calc(100% - 940px);
  min-width: 420px;
  white-space: nowrap;
  margin-bottom: 2px;
  text-align: left;
}

.article-item.unread .subject .text {
  color: rgb(96, 159, 196);
  font-weight: bold;
}

.article-item .subject .text {
  color: rgb(85, 85, 85);
  vertical-align: middle;
  display: inline-block;
  width: auto;
  max-width: 100%;
  height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}

.article-item .subject .text:hover {
  text-decoration: underline;
}
*/

/*.article-item .status .status-msg, */
.content-view-header .status .status-msg {
  display: inline
}

/*.article-item .status .progress, */
.content-view-header .status .progress {
  display: inline-block;
  width: 60px;
  margin-bottom: -3px;
}

.sub-article-item .lbl:hover {
  text-decoration: none;
  cursor: pointer;
}

.sub-article-item .blank, .ticket-item .blank {
  text-align: center;
  padding: 10px !important;
}

.sub-article-list ~ .btn-group {
  padding: 5px;
  background-color: #fafafa;
  overflow: hidden;
  display: block;
}

.sub-tabs-border-none .sub-article-list ~ .btn-group {
  background-color: #fff;
}

.sub-memo-list ~ .btn-group {
  padding: 5px;
  overflow: hidden;
  display: block;
}

.sub-memo-list ~ form .form-actions {
  margin-top: 10px;
  margin-bottom: 0;
  padding: 10px;
}

.sub-memo-list ~ form .form-actions .btn, .sub-memo-list .itemdiv form .btn {
  margin: 0 5px;
}

.sub-memo-list .itemdiv form {
  width: auto;
  margin-top:5px;
  margin-left: 50px;
  position: relative;
}

.sub-memo-list.dialogs {
  padding-top: 15px;
}

.sub-memo-list.dialogs .tools .btn {
  border-radius: 3px;
}

.sub-memo-list.dialogs .itemdiv > .body > .time {
  font-weight: normal;
}

.page-content-wrap {
  position:relative;
  display:inline-block;
  /*min-height:100vh;*/
}

.dropdown-menu .thumb {
  margin-right: 0;
}

/*
.media>.pull-left {
  margin-right: 0;
}
*/

.icon-fax:before {
  content: "\f1ac";
}

/*
.tree-side-bar {
  width: 190px;
  min-height: 100%;
  height:auto;
  float: left;
  position: absolute;
  background-color: #fafafa;
  -moz-transition: left .1s ease-out;
  -ms-transition: left .1s ease-out;
  -o-transition: left .1s ease-out;
  -webkit-transition: left .1s ease-out;
  transition: left .1s ease-out;
}


.tree-side-bar .nav-list {
  padding-right: 5px;
}

.tree-side-bar .nav-list > li {
}

.tree-side-bar .nav-list > li:first-child {
border-top: 1px solid #E5E5E5
}

.tree-side-bar .nav-list > li:not(.active) > a:hover{
  background-color: #fafafa;
}

.tree-side-bar .nav-list > li .submenu {
  border-top: none;
}
*/
.article-nav-bar {
  margin: 20px 0 0 0;
  /*Add by Huy Design VietNam team  */
  /*overflow: auto;*/
    width: 100%;
  /*border-bottom: 1px dotted #e2e2e2; */
}

.tree-side-title {
  margin-bottom: 0;
  padding: 10px;
}
/*.no-skin .tree-side-title {
  background-color: #fafafa;
}*/

.menu-min .tree-side-title {
  display: none;
}

.tree-side-title .page-title {
  display: inline-block;
  margin: 0;
  line-height: 33px;
  vertical-align: middle;
  font-weight: lighter;
}

.article-container {
  margin-left: 190px;
  margin-right: 0;
  margin-top: 0;
  min-height:100%;
  background-color: #fff;
  padding: 0;
}

.tree-side-bar-extra {
  background-color: #fafafa;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  line-height: 39px;
  margin-bottom: 0;
  /* padding: 5px 5px 5px 0; */
  padding: 5px;
}

.content-view-container .nav-tabs > li > a:not(.dl-all), .content-view-container .nav-tabs > li > a:not(.dl-all):focus {
  padding-top: 5px;
  padding-bottom: 5px;
  min-width: 80px;
  text-align: center;
}
.content-view-container .nav-tabs > li.tab-with-dl-all > a:not(.dl-all) {
  position: relative;
  min-width: 110px;
  padding-right: 30px;
}
.content-view-container .nav-tabs > li > a.dl-all {
  position: absolute;
  display: inline-block;
  top: 2px;
  right: 5px;
  padding: 5px;
  z-index: 2;
  box-shadow: none;
  border: none;
  background: none;
  cursor: auto;
}
.content-view-container .nav-tabs > li > a.dl-all:hover, .content-view-container .nav-tabs > li > a.dl-all:active, .content-view-container .nav-tabs > li > a.dl-all:focus {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all .1s;
  transition: all .1s;
}

.content-view-container {
  /*overflow: hidden; */
}

.content-view-header {
  /* border-bottom: 1px solid #efefef; */
  border-bottom: 3px double #eee;
  padding: 0 0 8px;
}

.content-view-header .media {
  margin-top: 10px;
}

.box-generic {
  /*border: 1px solid #efefef; */
  padding: 0 10px;
  position: relative;
  background: #fff;
  /*
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px; */
  margin: 10px 0;
}

.content-view-body {
  word-wrap: break-word;
  max-width: 100%;
  overflow-x: auto;
}

.content-view-body img:not(.smilie) {
  max-width: 100% !important;
  max-height: 100% !important;
}

.content-view-body.mail img {
  max-width: 100% !important;
  /* height: auto !important; */
}

.is-hybrid-app .content-view-body.mail img {
  max-width: 100% !important;
  height: auto !important;
}

.content-view-container .nav-tabs {
  overflow: hidden;
  border: none;
}

.content-view-container .tab-content {
  border-left: none;
  border-right: none;
  border-bottom: none;
  padding-left: 0;
  padding-right: 0;
}

.content-view-container .content-view-wrap {
  /* padding: 10px;
  border-top: 1px solid #dcdcdc;
  border: 1px solid #dcdcdc; */
  margin-bottom: 10px;
  /* overflow: hidden; */
}

.sub-article-list .content-view-container {
  background-color: #ffffff;
  padding: 0;
}

/*
.sub-article-list .content-view-container .content-view-wrap {
  border: none;
}
*/
.content-view-container .nav-tabs > li.active > a, .content-view-container .nav-tabs > li.active > a:hover, .content-view-container.nav-tabs > li.active > a:focus {
  border-color: rgb(197, 208, 220);
}

.title .margin {
  margin-right: 3px;
}

.nav-list > li .submenu > li > a {
  padding-left: 33px;
}

.ace-nav > li.btn-header {
  line-height:25px;
}

/* .btn-hanbiro - 쓰이지 않는 클래스로 판단 주석 처리 20160526

.btn-hanbiro {
  display: inline-block;
  margin-bottom: 10px;
}

.btn-header .btn-hanbiro {
  margin-top: 7px;
  margin-right: 10px;
  margin-bottom: 0;
}

.btn-hanbiro > .btn-list {
  margin-right: 10px;
  position: relative;
  overflow: visible;
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.btn-hanbiro > .btn-list  > li {
  float: left;
  padding-right: 5px;
}

.btn-hanbiro > :first-child  > li > a, .btn-hanbiro > :first-child > a {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  font-weight: bold;
  height: 30px;
  min-width: 30px;
  padding: 2px;
  text-align: center;
  text-decoration: none !important;
  -moz-user-select: none;
  -webkit-user-select: none;
  background-color: #ebebeb;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#F8F8F8),to(#F1F1F1));
  background-image: -webkit-linear-gradient(top,#F8F8F8,#F1F1F1);
  background-image: -moz-linear-gradient(top,#F8F8F8,#F1F1F1);
  background-image: -ms-linear-gradient(top,#F8F8F8,#F1F1F1);
  background-image: -o-linear-gradient(top,#F8F8F8,#F1F1F1);
  background-image: linear-gradient(top,#F8F8F8,#F1F1F1);
  border: 1px solid #a5b1b9;
  color: #4e5052;
  font-size: 17px;
  margin: 10px 0 0 0;
}

.btn-hanbiro > :first-child  >  li > a:hover, .btn-hanbiro > :first-child  > a:hover {
  border: 1px solid #a5b1b9;
  color: #222;
  transition: all 0.0s;
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, .08);
  box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, .08);
}

.btn-hanbiro > :first-child > li > a:active, .btn-hanbiro > :first-child > a:active {
  background-color: #e8e8e8;
  background-image: -moz-linear-gradient(top,  #e8e8e8 0%, #ededed 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#ededed));
  background-image: -webkit-linear-gradient(top,  #e8e8e8 0%,#ededed 100%);
  background-image: -o-linear-gradient(top,  #e8e8e8 0%,#ededed 100%);
  background-image: -ms-linear-gradient(top,  #e8e8e8 0%,#ededed 100%);
  background-image: linear-gradient(to bottom,  #e8e8e8 0%,#ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e8e8e8, endColorstr=#ededed);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e8e8e8, endColorstr=#ededed)";
  -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15);
  box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15);
}

.btn-hanbiro > :first-child li > a, .btn-hanbiro > :first-child > a {
  margin: 0;
}

.btn-hanbiro > .btn-group .btn {
  padding-left: 14px;
  padding-right: 14px;
}

*/

.dropdown-navbar .media {
  margin: 5px 0;
  text-align: left;
}

.projector {
  /* position: absolute; */
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

.projector > .user {
  /* position: relative;
  float: left; */
  margin-right: 10px;
}

.projector > .user .dropdown-menu {
  left: -5px;
  right: auto;
}

.dropdown-toggle > i {
  margin: 0 5px;
}

.dropdown-toggle > i:first-child {
  margin-left: 0;
}

.list-category .dropdown-toggle > i {
  margin-left: 5px;
}

.dropdown-toggle {
  cursor: pointer;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-left-10 {
  margin-left: 10px;
}

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

.margin-10 {
    margin:10px;
}

.margin-top-bottom-5 {
    margin:5px 0;
}
.margin-top-bottom-10 {
    margin:10px 0;
}

/*.width-30 {
  width: 30px;
}*/

.pos-relative {
  position: relative;
}

.hidden-submenu .main-content {
  margin-left: 0  ! important;
}

.hidden-submenu .tab-content.content-fixed {
  top: 0px;
}

.main-content {
  margin-left: 194px;
}

/* fixed thead table list */
.fx-tb-container {
    height: 100%;
    overflow: hidden;
}
.fx-tb-container .fx-tb-thead-wrap {
    background-color:#f1f5fa;
}
.fx-tb-container .fx-tb-thead {
    position: relative;
}
.fx-tb-container .fx-tb-tbody {
    overflow: auto;
}
.fx-tb-container table {
    table-layout: fixed;
    width: 100%;
}
.fx-tb-container table > thead > tr > th, .fx-tb-container table > tbody > tr > td {
    word-break: break-all;
    word-wrap: break-word;
}

/* footer */
.footer.faq-footer {
  padding-top: 115px;
}
.footer.faq-footer .footer-inner {
  left: 0;
  color: #777;
}
.footer.faq-footer .footer-inner .footer-content {
  padding: 15px;
  line-height: 1.5em;
}

/*
.hidden-submenu .tree-side-bar {
  display:none;
}

.hidden-submenu .article-container {
  margin-left: 0  ! important;
}

.hidden-submenu .page-title {
  display: none;
}


.ace-nav li.btn-header a [class^="icon-"] {
  width: 16px;
}

.btn-header .btn-hanbiro {
  display: none;
}
*/
.article-list .message-loading-overlay {
  position: relative;
}

.write-form:not([data-ephox-mobile-fullscreen-style]) {
  position: relative;
  overflow: hidden;
  width: 100%;
  /*padding: 0 12px;*/
  /*border: 1px solid #dcdcdc;*/
  /* z-index: 1; */
}

.write-form .wysiwyg-toolbar.center {
  text-align: left !important;
}

.write-form .form-group {
  margin: 5px 0;
}

/*
@media (min-width: 992px) {
  .write-form .form-group.col-md-offset-3 {
    margin-left: 25%;
  }
}
*/
@media (min-width: 1200px) {
  .write-form .form-group.col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
}

.write-form .form-action, .content_form .form-action {
  text-align: right;
  margin-right: 20px;
}

.write-form .header {
  color : #478fca;
}

.write-form .icon-action {
  color: #b94b6f;
  margin-left: 5px;
  font-size: 18px;
}

.write-form label.text-only, .content_form label.text-only {
  margin-top: 4px;
}

.write-form  ul.user-list {
  height: 100px;
  padding: 0;
  overflow-y: auto;
  border: 1px solid rgb(213, 213, 213);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  list-style: none;
  margin: 0;
}
.write-form .has-error .user-list{
  border: 1px solid #f09784;
}
.write-form ul.user-list > li {
  padding: 5px 7px;
  border-bottom: 1px solid #eee;
  font-size: 12px;
  color: #393939;
}

.write-form ul.user-list .msg-body {
  display: inline-block;
  line-height: 20px;
  white-space: normal;
  vertical-align: middle;
  margin-left: 3px;
}

.write-form label .lbl {
  color: #393939;
}

.write-form ul.dynatree-container, .content_form ul.dynatree-container {
  border: none;
}

.write-form label.dropbox-toggle, .content_form label.dropbox-toggle {
  cursor: pointer;
}

.write-form .extra-form {
  display: none;
}

.write-form .widget, .content_form .widget {
  border: 1px solid #dcdcdc;
}

.user-list-charge .user-direction {
  margin-top: 65px;
}

.user-list.user-right, .user-list.user-left {
  height: 150px !important;
}

.user-list.user-right > li, .user-list.user-left > li {
  cursor: pointer;
  margin: 2px !important;
}

.user-list.user-right > li.selected, .user-list.user-left > li.selected {
  border: 1px solid #dcdcdc;
  background: #fafafa;
}

.dropbox-body  {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  padding: 5px;
  margin: 2px 0 0;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-clip: padding-box;
  width: 240px;
  -webkit-box-shadow: rgba(30, 30, 100, 0.247059) 0 2px 4px;
  box-shadow: rgba(30, 30, 100, 0.247059) 0 2px 4px;
}

.dropbox-body.dropbox-caret:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: '';
  display: inline-block;
  left: 9px;
  position: absolute;
  top: -7px;
}

.dropbox-body.dropbox-caret:after {
  border-bottom: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  left: 10px;
  position: absolute;
  top: -6px;
}

.write-form  .dropbox-body > .dropbox-header, .content_form  .dropbox-body > .dropbox-header {
  color: rgb(128, 144, 160);
  border-bottom-color: rgb(188, 212, 229);
  background-color: rgb(236, 242, 247);
  font-weight: bold;
  padding: 5px;
}

.write-form  .dropbox-body > .dropdown-header i, .content_form  .dropbox-body > .dropdown-header i {
  font-size: 13px;
}

.write-form ul.dynatree-container a:hover, .content_form ul.dynatree-container a:hover {
  color: #585858;
}

.write-form input[name="guest_id"] + .btn-group {
  margin-top: -5px;
}


/*
.menu-toggle {
  display: none;
  position: relative;
  float: right;
  margin: 5px;
  border: none;
  padding: 9px 10px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-header .menu-toggle .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  margin-bottom: 3px;
  background-color: #fff;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
}


.left-sidebar {
  width: 43px;
  float: left;
  min-height:100%;
  height:auto;
  position: absolute;
  border: 1px solid #cccccc;
  border-width: 0 1px 0 0;
  background-color: #fafafa;
  z-index: 1000;
}

.tree-side-bar .sidebar-toggle>.ace-icon, .tree-side-bar .sidebar-toggle-full >.ace-icon {
  padding: 0 5px;
  line-height: 18px;
  cursor: pointer;
  font-size: 14px;
  border-radius: 100%;
  border: 1px solid;
  position: relative;
}

.tree-side-bar .sidebar-toggle:before {
  content: "";
  display: block;
  height: 0;
  border-top: 1px solid;
  border-color: inherit;
  position: absolute;
  left: 15px;
  right: 15px;
  top: 13px;
}

.tree-side-bar .sidebar-toggle {
  border-style: solid;
  border-width: 0 0 1px;
  text-align: center;
  padding: 3px 0;
  position: relative;
}

.no-skin .sidebar-toggle-full >.ace-icon {
  border-color: #bbb;
  color: #aaa;
  background-color: #fff;
}


.article-container .background-blue {
  background-color: #fff;
}

.article-nav-bar .hanbiro-form {
  margin: 0;
}

.article-nav-bar  .hanbiro-form .search-query2, .article-nav-bar .hanbiro-form .search-query2:focus {
  background: none;
  color: #7c7c7c;
  border: 1px solid #dcdcdc;
  line-height: 20px;
  font-size: 12px;
  padding: 4px 14px;
}
*/
/*
.widget {
margin: 0 auto 10px;
position: relative;
border: none;
}
*/

.article-container .widget {
  margin-top: 1px;
}

.widget.widget-tabs > .widget-head {
  border-bottom: 1px solid #dcdcdc;
  height: 37px;
  line-height: 37px;
  position: relative;
  padding: 0;
  background: #fafafa;
}
.form-attachments .widget.widget-tabs > .widget-head {
  height: 31px;
  line-height: 31px;
}

.widget.widget-tabs > .widget-head#main-tab-head {
  height: 41px;
  line-height: 40px;
}

/* Position fixed */
.widget.widget-tabs > .widget-head.maintab-fixed {
  position: fixed;
  z-index: 1026;
  width: 100%;
}

.widget.widget-tabs > .widget-head.subtab-fixed {
  position: fixed;
  z-index: 1026;
  width: 100%;
  padding-top: 5px;
}

.sidebar.tree-fixed:not(.menu-min) .nav-wrap {
  overflow:hidden;
}

.navbar.h-navbar {
  z-index: 1030;
  -webkit-box-shadow: none;
  box-shadow: none;
  /* -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); */
}

.tab-content.content-fixed {
  top: 36px;
}

/* Position fixed */


.widget.widget-tabs.sub-tabs-border-none > .widget-head {
  background: #fff;
}

.widget.widget-tabs.sub-tabs-border-none2 {
  border: 1px solid #dcdcdc;
}

.widget.widget-tabs.sub-tabs-border-none2 > .widget-body {
  padding: 0;
}

.widget.widget-tabs>.widget-head ul {
  position: relative;
  overflow: visible;
  list-style: none;
  height: 30px;
  margin: 0;
  padding: 0;
  display: inline-block;
  /* width: 120% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important; */
}
.tab-bar{
    height: 31px;
    overflow: hidden;
    position: relative;
    margin-top: 1px;
}
.tab-btn-group1{
  float:left;
    width: 60px;
    height: 31px;
    margin-top: 2px;
    line-height: 27px;
}
.tab-btn-group2{
    float:left;
    /*float:right;*/
    margin-left: 10px;
    margin-right:5px;
    height: 31px;
    line-height: 25px;
}

.tab-btn-group1 > a {
    display: inline-block;
    width: 30px;
    height: 29px;
    border: 1px solid #dcdcdc;
    border-width: 1px 1px 1px 0;
    background-color: #fff;
    text-align: center;
    line-height: 28px;
}
.tab-btn-group1 > a i {
  font-size: 1.2em;
  color: #999;
}
.tab-btn-group1 > a:hover, .tab-btn-group1 > a:active, .tab-btn-group1 > a:focus {
    background-color: #eee;
}
.tab-btn-group1 > a:hover i, .tab-btn-group1 > a:active i, .tab-btn-group1 > a:focus i {
    color: #444;
}
.tab-body{
    height: 31px;
    padding: 0;
    margin: 0;
    display: inline-block;
    overflow-y:hidden;
    overflow-x:hidden;
    float:left;
}
.tab-body.more-tab-body {
    position:relative;
    margin-left:59px;
}

.tab-body .disabled-prev{
    border-left: 1px solid #dcdcdc;
}

.tab-body .enabled-next{
    border-right: 1px solid #dcdcdc;
}

.tab-body .tab-item{
    height: 30px;
    line-height: 28px;
    display: inline-block;
    border-right: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
}

.tab-body .tab-item a{
    width: auto;
    height: auto;
    display: block;
    padding: 0 10px;
    color: #7c7c7c;
    text-decoration: none;
}
.tab-body .tab-item a .icon-times{
    float:right;
    margin-top: 8px;
    cursor:pointer;
}
.tab-item.active{
    background: #fff;
    color: #505050;
    border-top: none;
}
.tab-item.active a {
    color: #505050;
    font-weight: 700;
    border-top: 2px solid #4c8fbd;
    line-height: 26px;
}

.tab-btn-group1 > a.disabled-btn {
    background-color:#ddd;
    cursor: not-allowed;
}
.tab-btn-group1 > a.disabled-btn i {
  color: #bbb;
}

.btn.btn-draggable {
    text-align: center;
    width: 41px;
    line-height: 24px;
    padding: 0;
    /* border-width: 4px; */
}

.btn.btn-draggable > i {
    font-size:17px;
}

.btn-draggable {
    display:inline-block;
}

/*
.widget .widget-body {
  padding: 10px;
  border: none;
}
*/
.widget .widget-body.hanbiro {
  padding: 0;
}


.widget.widget-tabs .tab-content {
  padding: 0;
  border: none;
}

.article-container .tab-content {
  padding-left: 10px !important;
}
.tabbable .tab-content{
  padding-left: 0 !important;
}


.widget.widget-tabs.sub-tabs {
  border: 1px solid #dcdcdc;
}


.widget.widget-tabs.sub-tabs-border-none {
  border: 1px solid #dcdcdc;
  border-top: none;
}

.widget.widget-tabs > .widget-head ul li {
  height: 30px;
  line-height: 30px;
  float: left;
  display: block;
  border-right: 1px solid #dcdcdc;
}

.widget.widget-tabs > .widget-head ul#my-tab li {
  height: 41px;
  line-height: 40px;
}

.widget.widget-tabs > .widget-head ul#my-tab li a span {
  font-size: 14px;
}
.article-container .widget.widget-tabs > .widget-head ul li {
  border-top: 1px solid #dcdcdc;
}

.widget.widget-tabs.sub-tabs-border-none > .widget-head ul li {
  border-top: 1px solid #dcdcdc;
  background-color: #fafafa;
  border-bottom: 1px solid #dcdcdc;
}


.widget.widget-tabs > .widget-head ul li a {
  width: auto;
  height: auto;
  display: block;
  padding: 0 10px;
  color: #7c7c7c;
  text-decoration: none;
}

.widget.widget-tabs > .widget-head ul li.active {
  background: #fafafa;
}

.widget.widget-tabs.sub-tabs-border-none > .widget-head ul li.active {
  border-bottom: none;
}

.widget.widget-tabs > .widget-head ul li.active a {
  /*color: #505050;*/
  color: #1d6fa6;
  font-weight: 700;
}


/*
.widget.widget-tabs ul.nav-tabs li {
  border-right: 1px solid #dcdcdc;
  margin-bottom: 0;
}

.widget.widget-tabs ul.nav-tabs li.active {
  margin-bottom: -1px;
}

.widget.widget-tabs ul.nav-tabs {
  top: 0;
  border-color: #ddd;
  background: #fafafa;
}

.widget.widget-tabs ul.nav-tabs > li.active > a, .widget.widget-tabs ul.nav-tabs > li.active > a:hover, .widget.widget-tabs ul.nav-tabs > li.active > a:focus {
  border: none;
  box-shadow: none;
  margin-top: 0;
  padding-bottom: 8px;
}

.widget.widget-tabs ul.nav-tabs > li > a, .widget.widget-tabs ul.nav-tabs > li > a:focus {
  margin-right: 0;
  border: none;
  padding-bottom: 6px;
}*/

.widget.widget-tabs > .widget-head ul.widget-icons li {
  color: #64625f;
  float: left;
  display: block;
  line-height: 30px;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
}


.widget.widget-tabs > .widget-head ul.widget-icons li i {
  width: 30px;
  height: 30px;
  font-size: 17px;
  line-height: 30px;
  position: relative;
}

.widget.widget-tabs > .widget-head ul.widget-icons li:first-child {
  border-left: 1px solid #dcdcdc;
}


.widget.widget-tabs > .widget-head ul.widget-icons li:last-child {
  border-right: none;
}

.widget.widget-tabs.sub-tabs-border-none > .widget-head ul.widget-icons li {
  border: none;
  border-bottom: 1px solid #dcdcdc;
  background-color: #fff;
}

/*
.tab-v1 .nav-tabs {
  border: none;
  background: none;
  border-bottom: solid 2px #72c02c;
}

.tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus {
  background: #72c02c;
  color: #fff;
  border: none;
}

.tab-v1 .nav-tabs a {
  font-size: 14px;
  padding: 5px 15px;
  color: #555555;
}

.tab-v1 .nav-tabs > li > a {
  border: none;
  border-radius: 0 !important;
  cursor: pointer;
}

.tab-v1 .nav-tabs > li > a:hover {
  color: #fff;
  background: #72c02c;
}
*/

.tab-v2 .nav-tabs {
  border-bottom: none;
}

.tab-v2 .nav-tabs li a {
  padding: 9px 16px;
  background: none;
  border: none;
  border-radius: 0 !important;
  cursor: pointer;
  color: #555555;
}

.tab-v2 .nav-tabs li.active a {
  background: #fff;
  padding: 7px 15px 9px;
  border: solid 1px #eee;
  border-top: solid 2px #72c02c;
  border-bottom: none !important;
}

.tab-v2 .tab-content {
  padding: 10px 16px !important;
  border: solid 1px #eee !important;
  position: static;
}

.tab-v2 .nav-tabs > li > a:hover {
  color: #72c02c;
}


.sub-container-wrap {
  overflow:hidden;
}


.box-generic.inner-tab {
  padding-left: 0
}

.box-generic.inner-tab .badge {
  top: -2px;
  position: relative;
}

ul.none {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.none.scroll {
  height: 150px;
  overflow-y: auto;
}

.inner-tab .widget-body ul > li {
  padding: 5px;
}

.box-generic.inner-tab .pull-left {
  margin-right: 10px;
}

.box-generic.inner-tab .widget.widget-tabs.sub-tabs {
  border: none;
}

.box-generic.inner-tab .widget.widget-tabs > .widget-head ul li {
  border-top: 1px solid #dcdcdc;
}

.box-generic.inner-tab .widget.widget-tabs > .widget-head ul li:first-child {
  border-left: 1px solid #dcdcdc;
}

.box-generic.inner-tab .widget.widget-tabs > .widget-head ul li.active {
  background-color: #fff;
}

.box-generic.inner-tab .widget .widget-head {
  background-color: #fff;
}

.box-generic.inner-tab .widget .widget-body {
  border: 1px solid #dcdcdc;
  margin-top: -1px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.media .user-name {
  line-height: 25px;
  height: 25px;
  font-size: 12px;
}

.divider {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #ffffff;
  /*width: 0px;*/
  padding: 0;
  margin: 0 8px;
}

.ui-resizable-helper.menu {
  border: 1px dotted gray;
  border-left: none;
  background: rgba(0, 0, 0, 0.3);
}

.ui-resizable-handle.double-e {
width: 5px;
border-style: solid;
border-width: 0;
border-color: rgba(0, 0, 0, 0.1);
}

.ui-resizable-e.double-e {
background: rgba(255, 255, 255, 0.2);
right: 0;
border-left-width: 1px;
border-right-width: 1px;
}

.modal-content .ui-resizable-se {
  background-image: url(data:image/gif;base64,R0lGODlhCwALAJECAERERO3t7f///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyQzdGQzhGOTI2OTcxMUU5QkQ0QkM2MTI2MUNDQTlFNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyQzdGQzhGQTI2OTcxMUU5QkQ0QkM2MTI2MUNDQTlFNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJDN0ZDOEY3MjY5NzExRTlCRDRCQzYxMjYxQ0NBOUU3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJDN0ZDOEY4MjY5NzExRTlCRDRCQzYxMjYxQ0NBOUU3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAgAsAAAAAAsACwAAAhqUfwGIGmwcFBJK1cCrVPcXedwlauVmgp7gFQA7)
}
.new-comment-board{
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNCQTRCRDlBNEY3NzExRTk5NjZBRDBCQ0Q4OTVFMDYxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNCQTRCRDlCNEY3NzExRTk5NjZBRDBCQ0Q4OTVFMDYxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0JBNEJEOTg0Rjc3MTFFOTk2NkFEMEJDRDg5NUUwNjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0JBNEJEOTk0Rjc3MTFFOTk2NkFEMEJDRDg5NUUwNjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5+RPkDAAABYElEQVR42qyUvytFURzA3esWMUi9MshgUDIYvEEmveRXFla9QTKZbO+R1a9NGfwHvFgswiCLTTJ5s4USiXoK4fh86/tKuu45x3Xqc7/n3M75dL7nnu8NjDE1/9kCeZi1rmHCMvT80XMB80GhfBQgG2RwCPuwBS+esnqYhDEYEeEZnWvs42lSxbNHaA15ZGHbMjkjWJySXTbSc3y1TF7V1PIJc97EFTlm1Ay1LhOjhDRbCKM6bIcP3k3p+IAzv/US0nKwrv1GjdWx3ISSl5AdlKqL9AtWeJe3pRw6nuEnvKc6wx/txPU+ivAR2hLrs1DecHCJoyIp70KRc+pIUSWytgg7UnpNdI6hG86/XfJFdnaqCxYIQ7/46rTaLmEgZNETnT6YBqnrG+iHjMqkSpbgDq5ikE3MQC+uhyBm+w2EZ5iATliBWSZvOv8PY6RGv2zOR2a7h96yJOE9zPnKpH0JMAB7nmt74ERh5wAAAABJRU5ErkJggg==');
 }

/*

.users-list-btn > ul {
margin: 0;
padding: 0;
list-style: none;
}

.users-list-btn > ul > li {
height: 22px;
line-height: 22px;
display: inline-block;
padding: 0 2px;
position: relative;
}

.users-list-btn > ul > li > a {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
display: block;
background: #ffffff;
color: #7c7c7c;
text-decoration: none;
padding: 5px 8px 2px 8px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

.users-list-btn .dropdown-navbar {
  width: 180px;
  margin-top: 12px;
}

.users-list-btn .dropdown-menu {
  border-radius: 0 !important;
}

.users-list-btn .user-name {
  width: 155px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}




img {
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
*/
img.no-border {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.thumb {
display: inline-block;
padding: 3px;
border: 1px solid #efefef;
background: #fff;
}


/* box test */

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


.innerAll {
padding: 10px;
position: relative;
}

.margin-none {
margin: 0 !important;
}

/*.img-responsive {
width: 100%;
}*/

.border-bottom {
border-bottom: 1px solid #efefef;
}

.border-top-dash {
  border-top: 1px dashed #DDDDDD;
}

.half.innerAll {
padding: 5px !important;
}

/*
.text-primary {
color: #eb6a5a !important;
}
*/

.label-primary, .badge-important {
  background-color: #fd4239 !important;
}
.label-primary, .badge-primary {
  background-color: #eb6a5a !important;
}
.label-primary.arrowed-in-right::after {
border-color: #eb6a5a;
}

.strong {
font-weight: bold;
}

/*
h1, h2, h3, h4, h5, h6 {
color: #4d4d4d;
}
*/

.clear-both {
  clear: both;
}


/* reply test start*/
.col-separator {
top: 0;
bottom: 0;
left: 0;
right: 13px;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
}

.margin-bottom-none {
margin-bottom: 0 !important;
}


.center {
text-align: center !important;
}

.tickets li .media-heading {
font-size: 14px;
font-weight: bold;
color: #eb6a5a;
}


.label {
display: inline-block;
}

/*
.tickets li label {
margin-left: 5px;
}*/

.label.label-info {
  background: #4193d0;
}

.innerB {
padding-bottom: 10px;
position: relative;
}


.headline {
  /*
  display: block;
  margin: 10px 0;
  border-bottom: 1px solid #e4e9f0;
  */
  margin: 0 0 12px;
  border-bottom: 1px dotted #e2e2e2;
  padding-bottom: 16px;
  padding-top: 7px;
}

.headline h2, .headline h3, .headline h4 {
  /*
  font-weight: lighter;
  color: #2679b5;
  margin: 0 0 -2px 0;
  padding-bottom: 5px;
  display: inline-block;
  border-bottom: 2px solid #1ba1e2;
  */
  padding: 0;
  margin: 0 8px;
  font-size: 24px;
  font-weight: lighter;
  color: #2679b5;
}

/* .headline h2 {
  font-size: 18px;
} */

.article-list .media-list {
  margin: 0;
  margin-bottom: 5px;
}

.article-list .innerAll {
  padding: 5px;
}

.btn-box span {
  display: inline-block;
  background: #f8f8f8;
  border: 1px solid #eee;
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
}

.reply-icon {
float: left;
text-align: right;
padding: 10px 0;
}

.media-body .label {
  border-radius: .25em;
  font-size: 9pt;
  font-weight: bold;
  color: #fff;
  line-height: 12pt;
  height: 20px;
}

.label.label-info {
  background: #4193d0;
}

.label.label-success {
  background: #8bbf61;
}

.innerLR {
line-height : 17pt;
padding-left: 10px;
padding-right: 10px;
position: relative;
}

.toolbar-header {
  padding: 10px 5px 5px;
}

span.mention:hover{
  text-decoration: underline;
}

/* reply test end*/

.message-header .blue, .content-view-header .blue {
  word-break: break-all;
  word-wrap: break-word;
}

ul.tickets > li {
  list-style: none;
  padding: 5px 10px;
  border-bottom: 1px solid #ebebeb;
  font-size: 12px;
}


ul.tickets > li:first-child {
  border-top: 1px solid #ebebeb;
}

ul.tickets > li.ticket-item > .ticket-item-wrap .ticket-header {
  height: 28px;
  font-weight: normal;
  font-size: 13px;
  margin: 0;
  padding: 0;
  border : none;
}

ul.tickets > li.ticket-item  > .ticket-item-wrap .ticket-header .title {
  float: left;
  text-align: left;
  cursor: pointer;
}


ul.tickets > li.ticket-item  > .ticket-item-wrap .ticket-header .number {
  float: right;
  text-align: right;
}

.ticket-item .number, .ticket-reply-wrap .btn-group {
  display: none;
}

.ticket-item:hover .number, .ticket-reply-wrap:hover .btn-group {
  display: inline-block;
}

.bootbox-body .profile-info-value {
  font-size: 12px;
}

.bootbox-body td {
  font-size: 12px;
}

ul.tickets > li.ticket-item  > .ticket-item-wrap .ticket-content .avatar img {
  height: 36px;
  width: 36px;
  padding: 1px;
  float: left;
  margin-top: 1px;
  margin-right: 10px;
  border: 1px solid #ebebeb;
}

ul.tickets > li.ticket-item  > .ticket-item-wrap .ticket-content, .content-view-container .ticket-content, .ticket-reply-wrap .reply-content {
  display: inline-block;
  width: 100%;
}

ul.tickets > li.ticket-item  > .ticket-item-wrap .ticket-content .name, ul.tickets > li.ticket-item  > .ticket-item-wrap .ticket-content .status {
  float: left;
  text-align: left;
  width: 50%;
}

ul.tickets > li.ticket-item  > .ticket-item-wrap .ticket-content .priority, ul.tickets > li.ticket-item  > .ticket-item-wrap .ticket-content .date {
  float: right;
  text-align: right;
}

.media-body .changes {
  list-style: none;
    margin: 5px 0 10px 5px;
    padding: 0;
}

.form-inline {
  display: inline-block;
}

.form-inline .input-group-btn {
  display: inline;
}

.form-inline .input-group-btn button[type="button"] {
height: 30px;
line-height: 12px;

}

.write-form .line-space {
  margin-bottom: 8px;
}

.list-search-form {
    position: absolute;
    top: 32px;
    border: 1px solid #ccc;
    padding: 11px 20px 11px 11px;
    background: #fff;
    right: 0;
    border-radius: 5px;
    z-index: 99999;
}

/*
select.form-control {
  height: 30px;
}
*/

/* .form-control {
border: 1px solid #E7E7E7;
height: 30px;
width: auto;
display: inline-block;
}
 */

.btn-orange {
color: #ffffff;
text-shadow: none;
background: #f3601d;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
height: 30px;
}

.btn-green, .btn-green:hover, .btn-green:focus {
color: #ffffff;
text-shadow: none;
/* background: #6aaeb5; */
background-color: #6aaeb5 !important;
border-color: #6aaeb5 !important;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
height: 30px;
line-height: 1em;
}

input[type="text"]:focus, input[type="text"]:active, input[type="text"]:hover {
  background-color: #f7f7f7;
}

.extended-former h4 {
  font-size: 14px;
  color: #777;
  line-height: 18px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.extended-former .former-info-wrap {
  margin: 5px 0;
  border: 1px solid rgb(220, 235, 247);
}

.extended-former .former-info-row {
  position: relative;
}

.former-info-title {
  position: absolute;
  width: 110px;
  text-align: right;
  padding: 6px 10px 6px 0px;
  left: 0px;
  top: 0px;
  bottom: 0px;
  font-weight: normal;
  color: rgb(51, 97, 153);
  background-color: rgb(237, 243, 244);
  border-top: 1px dotted rgb(213, 228, 241);
}

.former-info-row:first-child .former-info-title, .former-info-row:first-child .former-info-value {
  border-top: 0px;
}

.former-info-value {
  padding: 6px 4px 6px 12px;
  margin-left: 120px;
  border-top: 1px dotted rgb(213, 228, 241);
}

.extended-former .table.table-bordered thead:first-child > tr > th {
  background-color: rgb(237, 243, 244);
  text-align: center;
}

.extended-former .table.table-bordered tr > td {
  text-align: center;
}

.extended-former .table.table-bordered tr > td:last-child {
  text-align: left;
}

.extended-former .table thead:first-child tr:first-child th {
  border-bottom: none;
}

.extended-former .progress {
  display: inline-block;
  width: 95%;
  margin-bottom: -3px;
}

.write-form .wysiwyg-editor, #addrbook .memo_editor {
  border: 1px solid rgb(213, 213, 213);
}

/* 파일업로드 */
.uploader_zone_wrap {
clear: both;
width: 100%;
border-top: 1px solid rgb(213, 213, 213);
overflow: hidden;
}

.uploader_zone_wrap .scroll-content {
  overflow-y: auto;
  overflow-x : hidden;
}

.attath_data_header {
background-color: #f8f8f8;
clear: both;
position: relative;
}

.attath_header_cols {
overflow: hidden;
position: relative;
height: 25px;
font-size: 11px;
line-height: 18px;
color: #666;
letter-spacing: -1px;
text-align: center;
border-bottom: 1px solid rgb(213, 213, 213);
}

.attath_header_cols > span {
display: inline-block;
position: absolute;
top: 0;
height: 25px;
line-height: 24px;
color: #333;
border-left: 1px solid #ddd;
}


/*.attath_header_cols .fh_select_all {
    left: 0;
    width: 26px;
    border-left: none;
    border-right: 1px solid #ddd;
}*/
.attath_header_cols .fh_select_all {
    position:absolute;
    left: 0;
    width: 10%;
    border-left: none;
    border-right: 1px solid #ddd;
    padding:0 10px;
}

.attath_header_cols .fh_select_all input {
    left: 40%;
}

/* em:not(.fr-view em) {
  font-style: normal;
}

.attath_header_cols em {
display: inline-block;
width: 100%;
padding-top: 1px;
border-left: 1px solid #fff;
}

.attath_header_cols .fh_select_all em {
margin: 0 0 0 -1px;
border-left: none;
}  */

.attath_header_cols .attach_file_check {
margin: 0 0 1px 0;
}

/*.attath_header_cols .fh_subject {
    position: static;
    display: block;
    margin-left: 26px;
    margin-right: 270px;
    text-align: center;
    border: none;
}*/
.attath_header_cols .fh_subject {
    position:absolute;
    text-align: center;
    border: none;
    left: 10%;
    width: 30%;
}

/*.attath_header_cols .fh_size {
    right: 200px;
    width: 71px;
}*/

.attath_header_cols .fh_size {
    width: 30%;
    position:absolute;
    left: 50%;
}

/*.attath_header_cols .fh_status {
    right: 0;
    width: 200px;
}*/
.attath_header_cols .fh_status {
    position:absolute;
    width: 20%;
    left: 80%;
}

.filezone-header {
  overflow: hidden;
  margin: 5px;
}

.filezone-header .btn-group>.btn:first-child:not(:last-child) {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.filezone-header .btn-group>.btn:last-child:not(:first-child) {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.filezone-header .btn-group-xs>.btn {
  margin-right: 5px;
}


.filezone-header .filesize-info {
  font-size: 12px;
  color: #333;
  letter-spacing: 0;
  text-align: right;
  white-space: nowrap;
  margin-right: 15px;
  margin-top: 3px;
}

.filezone-header .filesize-info .filsize-bar {
  padding: 0;
  color: #666;
}

.filezone-container .clouddisk-layer {
  display:none;
  width:535px;
  height:470px;
  position:fixed;
  z-index:100
}

.uploader_dropzone {
overflow: hidden;
position: absolute;
width: 100%;
height: 88px;
text-align: center;
z-index: 1;
background-image: none;
background-color: #fff;
}

.uploader_dropzone .attach_drag_me {
width: 146px;
margin: 0 auto;
padding: 0 0 4px 28px;
text-align: left;
line-height: 94px;
font-size: 11px;
color: #999;
}

.uploader-filelist {
position: relative;
clear: both;
/*overflow-x: hidden;*/
overflow-y: scroll;
height: 85px;
margin: 0;
list-style: none outside none;
}

.uploader-filelist li {
position: relative;
height: 21px;
margin: 0;
padding: 0;
}

.uploader-filelist li.droptext {
  background: transparent;
  text-align: center;
  vertical-align: middle;
  border: 0;
  line-height: 70px;
}

.uploader-filelist li > span {
  background: #fff;
  line-height: 18px;
  letter-spacing: 0;
  padding: 3px;
}


/*.uploader-filelist .attach-check {
margin-left: 1px;
position: absolute;
top: -3px;
}*/
.uploader-filelist .attach-check {
    position: absolute;
    left: 0;
    width: 10%;
    text-align: center;
    padding:0 10px;
}

.uploader-filelist .attach-check input {
    left: 40%;
}

/*.uploader-filelist .attach-name {
position: absolute;
top: 0;
left: 30px;
font-weight: normal;
vertical-align: top;
white-space: nowrap;
}*/
.uploader-filelist .attach-name {
    position: absolute;
    white-space: nowrap;
    left: 10%;
    width: 40%;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

/*.uploader-filelist .attach-file-size {
display: inline-block;
position: absolute;
top: 0;
right: 188px;
width: 63px;
padding-right: 10px;
text-align: right;
}*/
.uploader-filelist .attach-file-size {
    position: absolute;
    text-align: center;
    width: 30%;
    left: 50%;
}

/*.uploader-filelist .attach-percent {
display: inline-block;
position: absolute;
top: 0;
right: 0;
width: 180px;
text-align: left;
padding-right: 10px;
line-height: 18px;
font-size: 12px;
cursor: text;
}*/
.uploader-filelist .attach-percent {
    position: absolute;
    width: 20%;
    left: 80%;
}

.lbl span {
color: #a3a3a3;
font-size: 12px;
}

.sub-article-item-wrap {
  line-height: 23px;
}
.sub-article-item-wrap .lbl {
  font-size: 12px;
}

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

.navbar-fixed-top+.main-container.has-top-menu {
    padding-top:131px;
}

/* sidebar-resizer */
.sidebar-resizer {
    background-color: #eee;
    position: fixed;
    top: 41px;
    bottom: -72px;
    left: 190px;
    width: 4px;
    cursor: e-resize;
    z-index:10;
    border: 1px solid #dcdcdc
}

/*
.sidebar-resizer + .main-content {
  margin-left:194px;
}

.sidebar.menu-min + .sidebar-resizer + .main-content {
  margin-left: 43px !important;
}

.sidebar.menu-min, .sidebar.menu-min.compact, .sidebar.menu-min.navbar-collapse {
    width:43px !important;
}*/

.sidebar.menu-min + .sidebar-resizer {
  display:none;
}

html body .border-right {
    border-right: 1px solid #dcdcdc;
}

html body .border-default {
  border: 1px solid #dcdcdc;
}

 .border-danger {
  border: 1px solid #d16e6c;
}

.todays-thought .ace-file-multiple .file-label {
  border : none;
  height: 24px;
  width: 30px;
  margin-right: 15px;
}

.todays-thought .ace-file-multiple .file-text [class*="icon-"], .todays-thought  .tools [class*="icon-"] {
  cursor: pointer;
}

.todays-thought .paging {
  text-align: center;
  margin-bottom: 10px;
}

.todays-thought  .ace-file-input .file-label [class*="icon-"] {
  font-size: 22px;
  background-color: #fff;
  color: #adb3be;
  border: none;
}

.todays-thought .todays-thought-pic {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.todays-thought .tcount {
  float: left;
  margin-right: 10px;
  line-height: 30px;
  color: #888;
}

/*
#mail .nav-list a.dropdown-toggle .badge {
  right: 12px;
}*/

/*
#addrbook .group_edit_form .widget-main, #addrbook  .group_tree,#calendar .group_tree, #calendar .group_edit_form .widget-main{
  height:300px;
}

#addrbook .mobile_sync_form .widget-main,#calendar .mobile_sync_form .widget-main, #addrbook .addrbook_tree,#calendar .addrbook_tree {
    height:400px;
}
*/
#addrbook .mobile_sync_form .mobile_sync_box, #calendar .mobile_sync_form .mobile_sync_box {
  border:none;
  /* margin-top:10px; */
  /*height:340px;*/
}
#addrbook .group_edit_form .widget-main, #calendar .group_edit_form .widget-main, #addrbook .folder_edit_form .widget-main {
  margin:10px 0 5px 0;
}
/*
#addrbook .folder_edit_form .widget-main{
    height:620px;
}

#addrbook .folder_edit_form .widget-main .setting_folder_form{
    height:560px;
}

#addrbook .my_folder_tree {
  height:557px;
}
*/
#calendar .select-calendar-folder + #board-folder-tree {
  max-height: 200px;
}

#addrbook .img_box .ace-file-name > i {
  font-size:80px;
  color: #D5D5D5;
  line-height:135px;
  text-align:center;
  height:auto;
  width:auto;
}

.share_list{
    list-style: none;
    height:180px;
    margin: 0;
    padding: 0 10px;
    overflow: auto;
}
.share_list li {
  padding: 5px 7px;
  border-bottom: 1px solid #eee;
}
.share_list li .share_user:not(.board_user), .share_list li .share_sel {
  float: left;
  width: 50%;
}
.share_list li .share_sel .input-group-btn a.remove-share {
  display: inline-block;
  padding: 0 10px;
}

.permit_list{
    margin: 0;
    list-style: none;
    padding: 15px;
    height:150px;
    overflow: auto;
}

.permit_list > li{
  margin: 0 0 5px 0;
}
/*.share_list li .share_user {
  line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}*/
.border-side {
  border-left:1px solid #dcdcdc;
  border-right:1px solid #dcdcdc;
}

.background-white {
  background-color: #FFF;
}

/*Hieu: change for feed module:
use this to not affect image inside timeline-info*/
.timeline-info-x {
    float: left;
    width: 60px;
    text-align: center;
    position: relative;
}

#addrbook .timeline-item .transparent.widget-box, #calendar .timeline-item .transparent.widget-box {
  border: 1px solid #dcdcdc;
  background-color:white;
}

#addrbook .timeline-item img, #calendar .timeline-item img {
  width:42px;
  height:45px;
}

#addrbook .timeline-item .transparent .widget-header, #calendar .timeline-item .transparent .widget-header {
  background: linear-gradient(rgb(255, 255, 255) 0%, rgb(238, 238, 238) 100%) repeat-x rgb(247, 247, 247);
}


.article-list-container {position:relative;}

.big-modal .modal-dialog {
    width: 90%;
    max-width: 1000px;
    top: 40%;
    left: 1%;
}

.dropbox-header .close-icon {
  width: 80%;
  text-align: right;
  cursor: pointer;
  margin-right: 5px;
}

.org-tree-scroll{
    max-height: 280px;
    overflow-y:scroll;
}

/* addrbook style start */
.modal-header .close+.btn{ margin-right: 10px; }
.modal-header .btn+.btn { margin-right: 5px; }

.modal-content .group_tree {height:200px}
.modal-content .group_add_form_wrapper {height:200px}

/*#addrbook .sub-container-wrap {min-height:500px;} */
#addrbook .input_item {z-index:10}
#addrbook .photo_box {width:160px}
#addrbook .user_photo {width:110px;height:170px;}
#addrbook .card_photo {width:255px;height:170px;}
#addrbook .photo_box .ace-file-input, #addrbook .photo_box .img_box {width:120px !important; text-align: center}
#addrbook .card_box .ace-file-input, #addrbook .card_box .img_box {width:265px !important; text-align: center}
#addrbook .photo_box .file-label {height:140px;}
#addrbook .card_box .file-label {height:140px;}
#addrbook .ace-file-multiple input[type=file] {width:1px; height:1px;}
#addrbook .col-sm-addrbook-label {width:10.416%}
#addrbook .ace-file-multiple .file-label .file-name [class*="icon-"] {
  margin: 0
}

#addrbook .ace-file-multiple .img-responsive {
  /* width: 180px;
  max-width: 100%; */
  height: auto;
}

#addrbook .ace-file-multiple label.img-responsive {
    text-align:center;
}

#addrbook .ace-file-multiple label.img-responsive span.ace-file-name{
    font-size:100px;
}

#addrbook .btn-hanbiro+.pull-left+.pull-left {margin-left:10px}

#addrbook .memo_write {
  margin:0 0 0 60px;
}

#addrbook .org-article-list .article-item .extention {
    vertical-align: middle;
    display: inline;
    margin-left: 15px;
    width: 80px;
    white-space: nowrap;
    float: right;
}

#addrbook .org-article-list .article-item .dept {
    vertical-align: middle;
    display: inline-block;
    margin: 0 6px 0 4px;
    width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#addrbook .org-article-list .article-item .phone {
    vertical-align: middle;
    display: inline-block;
    margin-left: 15px;
    white-space: nowrap;
    width: 200px;
}
#addrbook .org-article-list .article-item .position {
    vertical-align: middle;
    display: inline-block;
    margin-left: 15px;
    width: 150px;
    white-space: nowrap;
}

#addrbook .org-article-list .article-item .duty {
    vertical-align: middle;
    display: inline-block;
    margin-left: 15px;
    white-space: nowrap;
    width: 150px;
}

#addrbook .org-article-list .load_item .name {
    cursor: pointer;
}

#addrbook .org-article-list .article-item .name {
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    margin-left: 15px;
    white-space: nowrap;
    width: 150px;
}

#addrbook .org-article-list .article-item .email {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    width: calc(100% - 1040px);
    max-width: calc(100% - 1040px);
    min-width: 150px;
    white-space: nowrap;
    margin-bottom: 2px;
    text-align: left;
}

#addrbook .org-article-list .article-item .email .text {
    color: rgb(85, 85, 85);
    vertical-align: middle;
    display: inline-block;
    width: auto;
    max-width: 100%;
    height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

#addrbook .addrbook-article-list .article-item div:not(:first-child) {
    margin-top: 5px;
}

#addrbook .addrbook-article-list .article-item > div {
    float:left;
}

#addrbook .addrbook-article-list .article-item .company {
    vertical-align: middle;
    margin: 0 6px 0 4px;
    width: 180px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#addrbook .addrbook-article-list .article-item .memo_cnt {
    vertical-align: middle;
    margin-left: 15px;
    white-space: nowrap;
    float: right;
    width:100px;
}

#addrbook .addrbook-article-list .article-item .memo_cnt i {
    cursor: pointer;
    font-size:15px;
}

#addrbook .addrbook-article-list .article-item .phone {
    vertical-align: middle;
    width: 250px;
    white-space: nowrap;
    margin-bottom: 2px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
}

#addrbook .addrbook-article-list .article-item .phone .text {
    color: rgb(85, 85, 85);
    vertical-align: middle;
    width: auto;
    max-width: 100%;
    height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#addrbook .addrbook-article-list .load_item .name {
    cursor: pointer;
}

#addrbook .addrbook-article-list .article-item .name {
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    margin-left: 15px;
    white-space: nowrap;
    width: 180px;
}

#addrbook .addrbook-article-list .article-item .email {
    vertical-align: middle;
    width: calc(100% - 1040px);
    max-width: calc(100% - 1040px);
    min-width: 200px;
    white-space: nowrap;
    margin-bottom: 2px;
    text-align: left;
}

#addrbook .addrbook-article-list .article-item .email .text {
    color: rgb(85, 85, 85);
    vertical-align: middle;
    width: auto;
    max-width: 100%;
    height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#addrbook .addrbook-article-list .article-item .email .email_address {
    cursor: pointer;
}
.my_folder_tree .dynatree-container {
  border: none;
}
#company-addrbook-tree {
  overflow-y: auto;
  max-height: 200px;
}
/*Modify By Mr Huy Design*/
.article-item.unread .text-bold {
    font-weight: bold;
    color: rgb(96, 159, 196);
}
.article-item.article-header {
    background: #EBEBEB!important;
}
.article-item .text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}
.article-item .text .whitespace {
    white-space: nowrap!important;
}
/* end modify*/
/*Le Trong Hung 24/06/2014*/
.message-item.unread {
    font-weight: bold;
    color: rgb(96, 159, 196);
}
.fontweight-nomal {
    font-weight: normal!important;
}
.message-item .text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline;
    /*text-transform: capitalize;*/
}
.textoverflow-ellipsis {
    text-overflow: ellipsis!important;
}
.whitespace-nowrap {
    white-space: nowrap!important;
}
.short-content{
    overflow: hidden!important;
    vertical-align: middle!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
    /* padding: 3px 0; */
    padding: 5px 7px;
    border-bottom: 1px solid #eee;
}
.no-underline{
    text-decoration: none!important;
}
.word-wrap-break{
    word-break: break-all!important;
}
.no-pointer{
    cursor: none!important;
}

.edit-group-area {
  margin-bottom: 5px;
}
/* end modify*/

/* addrbook style end */

/* .profile-picture {
  max-width:none;
} */
.set-push-day.has-error input[type=checkbox].ace + .lbl::before {
  border-color: #f05050;
}
.profile-picture .ace-file-input {
  margin-bottom: 0px;
}

.pagination {
  margin: 0;
}

.pagination > li:not(.disabled) i {
    cursor:pointer;
}

/* profile */
.alarm-warning-list .table .category, .alarm-warning-list .table .status {
  width: 120px;
} 
.alarm-warning-list .table .date {
  width: 140px;
}
.sch-addr-modal .search-area  input, .sch-addr-modal .search-area select {
  height: 34px;
  margin: 1px 0;
  vertical-align: top;
}
.sch-addr-modal .search-area select:disabled {
  background: #f5f5f5;
}


.message-navbar .messagebar-item-right .list-type-btn {
    position: relative;
    display: inline-block;
    margin-top: -3px;
    vertical-align: top;
}

.content-view-header .regdate-mobile {
  display: none;
}
.sender-info .info-list .nview {
  color: #888;
}
#mail-dialog .ui-dialog .ui-dialog-content {
  text-align: left;
}

/* employment */
.list-job-posting .message-item > span,
.list-applicant .message-item > span,
.list-interview .message-item > span,
.list-question .message-item > span  {
  vertical-align: middle;
  display: inline-block;
  margin: 0 6px 0 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list-job-posting .employment-no, .list-job-posting .post-day, .list-job-posting .create-day {
  float: right;
}
.list-job-posting .summary {
  max-width: calc(100% - 470px);
  margin-left: 4px;
}
.list-job-posting .employment-no {
  width: 120px;
  text-align: center;
}
.list-job-posting .employment-no span {
  display: inline-block;
  max-width: 45%;
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list-job-posting .period {
  width: 170px;
}
.list-job-posting .post-day {
  width: 70px;
}
.list-job-posting .create-day{
  width: 80px;
}
.view-employment .subject {
  word-break: break-all;
}
.list-applicant .message-item .status, .list-applicant .message-item .career, .list-applicant .message-item .tel, .list-applicant .message-item .resume, .list-applicant .message-item .job-title {
  float: right;
}
.list-applicant .message-item .time, .list-applicant .message-item .status {
  width: 70px;
}
.list-applicant .message-item .group, .list-applicant .message-item .career, .list-applicant .message-item .tel,
.list-interview .message-item .group, .list-interview .message-item .tel,
.list-question .message-item .group {
  width: 100px;
}
.list-applicant .message-item .resume {
  width: 50px;
}
.list-applicant .message-item .job-title {
  width: 200px;
}
.list-applicant .message-item .summary {
  max-width: calc(100% - 570px);
  min-width: 0;
  margin-left: 4px;
}
.view-employment .timeline-container:before {
  width: 0;
  border: none;
}
.view-employment .timeline-info {
  width: 40px;
}
.view-employment .timeline-item .widget-box {
  margin-left: 50px;
  border: 1px solid #ddd;
  background: none;
}
.view-employment .timeline-item .widget-box:before {
  content: "";
  display: block;
  position: absolute;
  left: -5px;
  top: 11px;
  width: 8px;
  height: 8px;
  border: 1px solid #ddd;
  border-width: 1px 0 0 1px;
  background-color: #fff;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.view-employment .timeline-item .transparent .widget-header {
  background: none;
  border-bottom: 1px solid #ddd;
}
.view-employment .timeline-item:nth-child(even) .widget-box.transparent .widget-header {
  background-color: #f9f9f9 !important;
}
.view-employment .timeline-item:nth-child(even) .widget-box.transparent .widget-body {
  background:rgba(249,249,249,.1);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#19f9f9f9, endColorstr=#19f9f9f9);
}
.view-employment .timeline-item:nth-child(even) .widget-box:before {
  background-color: #f9f9f9;
}
.view-employment .profile-info-name {
  font-weight: bold;
}
.list-interview .message-item .age, .list-interview .message-item .tel, .list-interview .message-item .result {
  float: right;
}
.list-interview .message-item .age {
  width: 60px;
}
.list-interview .message-item .result {
  width: 80px;
}
.list-interview .message-item .summary {
  max-width: calc(100% - 520px);
  margin-left: 4px;
}
.list-question .message-item .use {
  float: right;
  width: 30px;
  text-align: center;
}
.list-question .message-item .summary {
  max-width: calc(100% - 170px);
  margin-left: 4px;
}
.interview-question > div {
  border-top: 1px dashed #eee;
}
.interview-question > div:first-child {
  border-top: none;
}
#write_form_job .chosen-container-multi .chosen-choices li.search-field input[type=text]{height: 25px !important;}

/* unifsearch */
#unifsearch .page-header .page-header-title {
	display: inline-block;
	vertical-align: middle;
}
#unifsearch .ace-settings-container {
  top: 5px;
}
#unifsearch .ace-settings-box {
  padding-top: 10px;
  padding-bottom: 10px;
}
.input-group .input-lg ~ .input-group-btn button {
  height: 46px;
  border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  font-size: 16px;
}

/*archive*/
#archive-tab-content .profile-info-name {
  width: 150px;
}
.folder_edit_form .widget-header .widget-toolbar a {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.folder_edit_form .widget-header .widget-toolbar a:hover, .folder_edit_form .widget-header .widget-toolbar a:focus {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.folder_edit_form .widget-header .widget-toolbar a.action-edit {
  color: #deead3
}
.folder_edit_form .widget-header .widget-toolbar a.action-move {
  color: #f8ecff;
}

/* resource */
.popover.fade.top.in{z-index: 1040}
input.ng-invalid-required.ng-touched,textarea.ng-invalid.ng-touched{
  border: 1px solid #f05050;
}
.bootstrap-timepicker-widget.dropdown-menu.open {
    z-index: 10000 !important;
}

.resource-list .message-item > span {
  vertical-align: middle;
  display: inline-block;
  margin: 0 6px 0 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.resource-list .message-item .statechange, .resource-list .message-item .status, .resource-list .message-item .usedtime,
.resource-list .message-item .abletime, .resource-list .message-item .reservemethod, .resource-list .message-item .action-buttons {
  float: right;
}
.resource-list .message-item .time {
  width: 70px;
}
.resource-list .message-item .statechange, .resource-list .message-item .status, .resource-list .message-item .abletime {
  width: 118px;
}
.resource-list .message-item .usedtime {
  width: 180px;
}
.resource-list .message-item .summary {
  width: auto;
  max-width: calc(100% - 600px);
  min-width: 100px;
}
.resource-list .message-item .summary .text {
  display: block;
  text-decoration: none;
}
.resource-list .message-item .summary .text:hover{
  color: black;
}
.resource-list .message-item .summary .badge {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}
.resource-list .message-item .cate {
  width: 150px;
}
.resource-list.manage-list .message-item .status{
  width: 80px;
}
.resource-list .message-item .reservemethod{
 width: 152px;
}
.resource-list .message-item .action-buttons {
  width: 60px;
  line-height: 1.5em;
  text-align: center;
}
.resourse-list-search {
  right: 0;
}
.resource-list .list-filter-state{
  margin-left: -40px;
}
.resource-list .message-item .statechange .btn {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.resource-view .profile-info-name {
  width: 130px;
}
#resourceform .form-group .checkbox label, #resourceform .form-group .radio label, #write_form_app .form-group .checkbox label, #write_form_app .form-group .radio label {
  margin-left: 5px;
  padding-left: 0;
}
#resource-tree {
  overflow: auto;
  max-height: 230px;
  border: 1px solid #e3e3e3;
  border-top: none;
}
.res-comment-count {
	display: inline-block;
  margin: 1px;
  padding: 0 5px 1px;
  border-radius: 10px;
  background: #69aa46;
  color: #fff;
  word-break: break-all;
}
.res-comment-count:before {
  content: "\f0e6";
  display: inline-block;
	margin-right: 5px;
	font: normal normal normal 14px FontAwesome;
}

/* organization */
.org-user-profile .message-item > span {
  vertical-align: middle;
  display: inline-block;
  margin: 0 6px 0 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.org-user-profile .message-item .joinday, .org-user-profile .message-item .gender, .org-user-profile .message-item .user-id, .org-user-profile .message-item .position {
  float: right;
}
.org-user-profile .message-item .joinday, .org-user-profile .message-item .position {
  width: 80px;
}
.org-user-profile .message-item .gender, .org-user-profile .message-item .employee-no {
  width: 60px;
}
.org-user-profile .message-item .user-dept, .org-user-profile .message-item .user-id {
  width: 100px;
}
.org-user-profile .message-item .user-name {
  display: inline-block;
  width: auto;
  min-width: 10px;
  max-width: calc(100% - 600px);
  margin: 0 6px 0 4px;
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.org-myinfo {
  padding: 0 15px;
}

/* timecard */
.timecard-search {
  position: absolute;
  bottom: 5px;
  left: 12px;
  text-align: left;
    z-index: 1000;
}
.timecard-search > a > i {
  padding: 5px;
  background: #fff;
  border: 1px solid #6fb3e0;
  border-radius: 50%;
  color: #6fb3e0;
}
.timecard-detail {
  float: left;
  margin-right: 5px;
}
.timecard-time {
  float: left;
}
.working-end-date {
  display: inline-block;
  width: 30%;
  vertical-align: middle;
}
.timecard-detail .select-work-type{
  float: left;
  margin: 0 5px 0 0px;
}
.timecard-user-time-process-modal{
  overflow-y: scroll;
  overflow-x: hidden;
    height: 300px;
}
/* circular */
.message-item.circular-list .time {
  width: 80px;
}
.message-item.circular-list .circular-status ~ .summary {
  max-width: calc(100% - 678px);
  /*min-width: initial;*/
    min-width: 0;
}
.cls-viewport-sm .message-item.circular-list .circular-status ~ .summary {
  width: calc(100% - 500px);
  max-width: 100%;
}
.cls-viewport-sm .message-item .circular-termdate {
  width: 120px;
}
.cls-viewport-xs .message-item.circular-list .circular-status ~ .summary {
  width: calc(100% - 290px);
  max-width: 100%;
}
.split-pane.vertical-percent.split-pane-circular > .cls-viewport-xs .col-sm-4,
.split-pane.vertical-percent.split-pane-circular > .cls-viewport-xs .col-sm-8 {
    float: left;
    width: 100%!important;
}
.message-item.circular-list .summary {
  max-width: calc(100% - 590px);
  min-width: 175px;
}
.message-item .circular-termdate, .message-item .circular-progress, .message-item .circular-status {
  float: right;
  display: inline-block;
  width: 70px;
  height: 18px;
  margin: 0 6px 0 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.message-item .circular-termdate {
  width: 110px;
}
.message-item .circular-progress {
  /* [Hybrid][Support] Remove menu KMS from hybrid App
  Ticket: GQ-248958
  @author Minh Nhat
  @Date 2024/09/25
  @Email lmnhat1104@hanbiro.com */
  width: 56px;
}
.message-item .circular-status {
  width: 95px;
}
.message-item .circular-type {
  margin: 0 6px 0 4px;
  vertical-align: middle;
  display: inline-block;
  width: 70px;
  height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* holiday */
.btn_add_grp {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted #ccc;
}
.btn_add_grp:first-child {
  margin-top: 0;
  padding-top: 0;
  border: none;
}
.message-item .nodata {
  display: block;
  text-align: center;
}
.holiday-kind > span, .holiday-process > span {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
  margin: 0 6px 0 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.holiday-kind .kind, .holiday-kind .date_type, .holiday-kind .target, .holiday-kind .fix, .holiday-kind .spend {
  float: right;
  width: 100px;
}
.holiday-kind .spend {
  width: 60px;
}
.holiday-kind .name{
  width: auto;
  max-width: calc(100% - 530px);
}
.holiday-process .startday, .holiday-process .endday, .holiday-process .applydays {
  width: 70px;
}
.holiday-process .status {
  width: 160px;
}
.holiday-process .prgstep, .holiday-process .holiday-prgstep, .holiday-process .status, .holiday-process .applydays {
  float: right;
}
.holiday-process .holiday_name {
  width: 160px;
  max-width: calc(100% - 540px);
}
.holiday-process .label {
  width: 95%;
  height: auto;
  white-space: normal;
}
.holiday-provider > span, .holiday-provider-dept > span, .holiday-manage > span, .user-holiday-view > span, .holiday-reffer > span, .holiday-part-view > span, .holiday-provider-dept .holidayname > a {
  display: inline-block;
  width: auto;
  max-width: 100%;
  overflow: hidden;
  margin: 0 3px;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.holiday-process .holiday-prgstep {
	width: 65px;
}
.holiday-provider .prvpermtday {
  float: right;
  width: 60px;
}
.holiday-provider .regdate, .holiday-provider .enddate {
  float: right;
  width: 80px;
}
.holiday-provider .usedtype, .holiday-provider .permituser {
  float: right;
  width: 100px;
}
.holiday-provider .name, .holiday-reffer .name {
  width: 100px;
}
.holiday-provider .holidayname {
  width: 100%;
  max-width: calc(100% - 600px);
}
.holiday-reffer .holidayname {
  width: 100%;
  max-width: calc(100% - 510px);
}
.holiday-provider-dept .updateday, .holiday-provider-dept .regdate, .holiday-provider-dept .permituser {
  float: right;
}
.holiday-provider-dept .updateday, .holiday-provider-dept .regdate {
  width: 80px;
}
.holiday-provider-dept .permituser, .holiday-provider-dept .applyholiday {
  width: 100px;
}
.holiday-provider-dept .holidayname {
  width: 100%;
  max-width: calc(100% - 460px);
}
.etcview, .holiday-manage .prcholidaymenu, .requireday, .hdaytotday, .holiday-manage .reqholiday, .applystep {
  float: right;
}
.message-item .applystep {
  width: 110px;
}
.message-item.holiday-reffer .time {
  width: 80px;
}
.holiday-manage .etcview {
  width: 110px;
}
.holiday-manage .prcholidaymenu, .holiday-manage .name {
  width: 110px;
}
.holiday-manage .requireday, .holiday-manage .reqholiday {
  width: 80px;
}
.holiday-manage .hdaytotday,.message-item .hdaytotday, .holiday-manage .part {
  width: 60px;
}
.holiday-manage .holiday {
  width: 100px;
}
.holiday-manage .summary {
  min-width: 0;
  max-width: calc(100% - 640px);
  margin-left: 4px;
}
.modal-body.user-holiday .tabbable .tab-content {
  padding: 0;
}
.user-holiday-view .hdaypermitday, .user-holiday-view .all_spend_day, .user-holiday-view .hdleaveday, .user-holiday-view .requiredaynum {
  float: right;
}
.user-holiday-view .part {
  width: 110px;
}
.user-holiday-view .name {
  width: 100%;
  max-width: calc(100% - 535px);
}
.user-holiday-view .etcview, .holiday-reffer .etcview {
  width: 65px;
}
.user-holiday-view .hdaypermitday {
  width: 90px;
}
.user-holiday-view .all_spend_day {
  width: 80px;
}
.user-holiday-view .hdleaveday, .user-holiday-view .requiredaynum {
  width: 70px;
}
.messagebar-item-left.hday-provider-tabs {
  bottom: -1px;
}
.hday-provider-tabs .desktop-toolbar-tab a {
  display: inline-block;
  padding: 4px 10px;
  background: #a5c2d5;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  color:  #fff;
}
.hday-provider-tabs .desktop-toolbar-tab a i {
  opacity: .75;
}
.hday-provider-tabs .desktop-toolbar-tab a.active {
  background: none;
  border: 1px solid #d6e1ea;
  border-bottom-color: #f1f5fa;
  color: #2679b5;
  font-weight: bold;
}
.hday-provider-tabs .desktop-toolbar-tab a.active i {
  opacity: 1;
}
.profile-user-info.hd-info {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.profile-user-info.hd-info .profile-info-name {
  width: 150px;
}
.sender-info.hd-sender {
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
  text-align: center;
}
.sender-info.hd-sender .comment-thumb {
  margin-right: 0;
}
.sender-info.hd-sender .info-list {
  padding-top: 0;
}
.holiday-part-view .part_name {
  width: auto;
  max-width: calc(100% - 400px)
}
.holiday-part-view .part_count, .holiday-part-view .stholiday, .holiday-part-view .etcholiday {
  float: right;
  width: 100px;
}
.holiday-part-view .etcview {
  float: right;
  width: 20px;
}
.prc_action {
  margin-right: 10px;
}
.provide-prv-list-reload {
  float: right;
}
.scroll-tbody {
  width: 100%;
  margin: 10px 0 0;
  border-collapse: collapse;
  border: 1px solid #ddd;
}
.scroll-tbody thead {
  text-align:left;
  display: table;
  float: left;
  width: 100%;
}
.scroll-tbody thead tr {
  display: table-row;
  width: 100%;
}
.scroll-tbody tbody {
  display: block;
  max-height: 175px;
  overflow: auto;
  float: left;
  width: 100%;
}
.scroll-tbody tbody tr {
  display: table;
  width: 100%;
}
.scroll-tbody tbody tr {
  height: 18px;
}
.scroll-tbody tbody td {
  padding: 5px 8px;
}
.scroll-tbody th, .scroll-tbody td {
  width: 40%;
  word-wrap: break-word;
  word-break: break-all;
}
.scroll-tbody th:nth-of-type(3), .scroll-tbody td:nth-of-type(3) {
  width:  20%;
}
.scroll-tbody td:nth-of-type(3) {
  text-align: center;
}
.scroll-tbody .nodata td {
  width: 100%;
  text-align: center;
}
.scroll-tbody tr:after{   /* IE8 fix */
    content: ".";
    margin-left: -3px; /* to hide the content above tr */ /* not necessary if you are ok with 1px gap */
    visibility: hidden;
}
.datatable-footer {
  padding-top: 5px;
  padding-bottom: 5px;
}
#history_provider th, #history_provider td {
    width: 30%;
}
#history_provider th:nth-of-type(1), #history_provider td:nth-of-type(1) {
  width:  10%;
  text-align: center;
}
#history_provider th:nth-of-type(3), #history_provider td:nth-of-type(3) {
  text-align: left;
}
#history_provider .nodata td {
  width: 100%;
}
.minus-prv {
  margin-bottom: 0;
}
.minus-prv li {
  padding: 5px 0;
  border-top: 1px dotted #ccc;
}
.minus-prv li:first-child {
  border-top: none;
}
.minus-prv li .row {
  margin-bottom: 5px;
}
#store_permit .clearfix, #store_reffers .clearfix {
  margin-bottom: 5px;
}
.table.holiday-rw-tb thead > tr > th {
  position: relative;
}
.table.holiday-rw-tb .list-filter-option {
  padding-left: 5px;
  padding-right: 5px;
}
ul.cal-holiday-list {
  overflow-y: auto;
  max-height: 190px;
}
.status-holiday-tb-btn {
  padding: 10px 0;
  text-align: right;
}
.status-holiday-tb-btn-left {
  padding: 10px 0;
  text-align: left;
}
#manage-provider .nav-tabs > li > a > tab-heading > i[class^="hanbiro-ico-"] {
  line-height: 15px;
  font-size: 1.2em;
}
.saved-line-list > ul > li + li {
  margin-top: 1px;
}
.saved-line-list .tags {
  width: 100%;
  max-width: calc(100% - 110px);
  min-height: 34px;
  max-height: 70px;
  overflow-y: auto;
  padding-bottom: 0;
}
.saved-line-list .tags.has-error {
  border-color: #f09784;
}
.saved-line-list .tags .placeholder {
  color: #999;
}
.saved-line-list .tags .tag {
  max-width: 100%;
  overflow: hidden;
  border-radius: 3px;
  text-overflow: ellipsis;
}
.saved-line-list .tags .tag .close {
  line-height: 28px;
}
.saved-line-list .tags ~ input[type="text"] {
  max-width: calc(100% - 109px);
  margin-top: 1px;
  margin-left: 68px;
}
.modal-body.holiday-import ol {
	margin-bottom: 0;
}
.modal-body.holiday-import ol > li + li {
	margin-top: 7px;
}
.modal-body.holiday-import table > thead > tr > th {
	min-width: 100px;
	_width: 100px;
}
.history-provider-tb table > thead > tr, form.minus-provider-set table > thead > tr {
	background: none;
}
form.minus-provider-set table {
	border: 1px solid #ddd;
}
.mobile-toolbar-tab {
	display: inline-block;
}
@media only screen and (min-width: 551px) {
  .mobile-toolbar-tab {
    display: none;
  }
}
@media only screen and (max-width: 550px) {
	.desktop-toolbar-tab {
		display: none;
	}
}

@media only screen and (max-width: 991px) {
	.holiday-process .startday, .holiday-process .endday {
		width: 80px;
	}
	.holiday-process .applydays {
		width: 90px;
	}
	.holiday-process .holiday_name {
    max-width: calc(100% - 600px);
	}
}
@media only screen and (max-width: 767px) {
	.holiday-process .holiday-prgstep {
		width: 40px;
	}
	.holiday-process .holiday_name {
    max-width: calc(100% - 65px);
	}
  .holiday-status-tb .table > tbody > tr > td {
    white-space: normal;
  }
}

/* holiday new */

/* 개인별 휴가 관리 대장 */
table.holiday-priv-status-year-tb {
	margin-bottom: 0;
}
table.holiday-priv-status-year-tb tr:not(.holiday-month) th {
	min-width: 100px;
	_width: 100px;
}
#hr table.holiday-priv-status-year-tb thead > tr > th {
	background: #f2f2f2;
}
table.holiday-priv-status-year-tb tr th, table.holiday-priv-status-year-tb tr td {
	vertical-align: middle;
	text-align: center;
}
table.holiday-priv-status-year-tb tr.sub-total td {
	background-color: #f9f9f9;
}
table.holiday-priv-status-year-tb tfoot tr td, table.hd-simulation tfoot tr td {
	background-color: #edf3f4;
	color: #336199;
  font-weight: 600;
  white-space: nowrap;
  width: 1%;
}
.priv-hday-feed .widget-main .holiday-memo {
	max-height: 140px;
	padding: 10px;
	overflow: auto;
	background-color: #f5f5f5;
    border: 1px solid #eee;
    border-radius: 5px;
}
.priv-hday-feed .widget-main .timeline-label {
	text-align: left;
}
.priv-hday-feed .widget-main .timeline-info .timeline-indicator {
	border-style: solid;
  border-color: #6fb3e0;
}
.priv-hday-feed .timeline-item .widget-box {
  margin-left: 98px;
}
.priv-hday-feed .timeline-item:nth-child(even) .widget-box.transparent .widget-header {
	background: none !important;
}
.priv-hday-feed .timeline-item .widget-box .widget-header .widget-title > .badge {
	padding-top: 3px;
}
.priv-hday-feed .timeline-item .widget-box .widget-header .widget-title > .new-req {
	display: inline-block;
	vertical-align: middle;
	padding: 2px 5px;
  background: #feb902;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  line-height: 16px;
  font-weight: 600;
  font-size: 11px;
}
.priv-hday-feed .timeline-item .widget-box .widget-header .widget-title > .new-req:before {
	content: "N"
}
.priv-hday-feed .timeline-item .widget-box .widget-main .header:first-child {
	margin-top: 0;
}
.priv-hday-feed .timeline-item .widget-box .widget-main .hd-approval-process-tb table,
.hd-admin-feed .timeline-item .widget-box .widget-main .hd-approval-process-tb table {
	margin-bottom: 0;
}
.priv-hday-feed .timeline-item .widget-box .widget-main .hd-approval-process-tb table thead tr th,
.hd-admin-feed .timeline-item .widget-box .widget-main .hd-approval-process-tb table thead tr th {
	min-width: 80px;
}
.priv-hday-feed .timeline-item .widget-box .widget-main .hd-approver-list,
.hd-admin-feed .timeline-item .widget-box .widget-main .hd-approver-list {
	list-style: none;
	max-width: 100%;
  margin: 0;
  padding: 0;
}
.priv-hday-feed .timeline-item .widget-box .widget-main .hd-approver-list > li,
.hd-admin-feed .timeline-item .widget-box .widget-main .hd-approver-list > li {
	display: inline-block;
	padding: 5px;
	text-align: center;
}
.priv-hday-feed .timeline-item .widget-box .widget-main .hd-approver-list > li > .hd-approver,
.hd-admin-feed  .timeline-item .widget-box .widget-main .hd-approver-list > li > .hd-approver {
	position: relative;
}
.priv-hday-feed .timeline-item .widget-box .widget-main .hd-approver-list > li > .hd-approver > img,
.hd-admin-feed .timeline-item .widget-box .widget-main .hd-approver-list > li > .hd-approver > img {
	border-radius: 100%;
	max-width: 36px;
	max-height: 36px;
}
.priv-hday-feed .timeline-item .widget-box .widget-main .hd-approver-list > li > .hd-approver > han-name-extension {
  position: absolute;
  top: 58%;
  right: 0;
  padding: 0 6px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
}
.priv-hday-feed .timeline-item .widget-box .widget-main .hd-approver-list > li > .hd-approver > han-name-extension .dropdown-toggle > i {
	margin: 0;
}
.priv-hday-feed > .widget-body > .widget-body-inner > .widget-toolbox,
#feed_historys + .widget-toolbox {
	padding: 10px;
	background: none;
	border: none;
	text-align: center;
}
.hd-admin-feed .timeline-container {
	margin-bottom: 0;
}
.hd-admin-feed .timeline-container:before {
  display: none;
}
.hd-admin-feed .timeline-info {
	width: 170px;
}
.hd-admin-feed .timeline-info .timeline-date {
	position: absolute;
  top: 10px;
  left: 10px;
}
.hd-admin-feed .timeline-info .timeline-user-info {
  width: 90px;
  margin-left: 70px;
  text-align: center;
}
.hd-admin-feed .timeline-info .timeline-user-info .user-pic {
	position: relative;
	display: inline-block;
}
.hd-admin-feed .timeline-info .timeline-user-info .user-pic > img {
	max-height: 42px;
}
.hd-admin-feed .timeline-info .timeline-user-info > .user-pic + han-name-extension {
  position: absolute;
  top: 58%;
  right: 17%;
  padding: 0 6px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
}
.hd-admin-feed .timeline-info .timeline-user-info > .user-pic + han-name-extension a.dropdown-toggle > i {
	margin: 0;
}
.hd-admin-feed .widget-main .timeline-label {
	position: relative;
	margin-left: 0;
}
.hd-admin-feed .widget-main .timeline-label:after {
	content: "";
  border-top-style: solid;
  border-top-width: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.hd-admin-feed .widget-main .timeline-label.unapproved:after {
  border-top-color: #eb6a5a;
}
.hd-admin-feed .widget-main .timeline-label.approved:after {
  border-top-color: #4193d0;
}
.hd-admin-feed .hd-timeline-items-sel-all {
	margin-left: 184px;
}
.hd-admin-feed .timeline-item:before {
  content: "";
  display: block;
  position: absolute;
  left: 114px;
  top: 0;
  bottom: -8px;
  border-width: 0;
  background-color: #DDD;
  width: 2px;
  max-width: 2px;
}
.hd-admin-feed .timeline-item .widget-box {
	margin-left: 170px;
}
.hd-admin-feed .timeline-item .widget-box .widget-title {
	display: inline-block;
  padding-top: 10px;
  line-height: 1.5em;
}
.hd-admin-feed .timeline-item .widget-box .widget-header .user-name {
	float: right;
	display: inline-block;
	padding: 10px;
	line-height: 1.5em;
}

.hd-admin-feed .timeline-item .widget-box .widget-toolbox {
	padding-bottom: 8px !important;
}
.panel-group.hd-basic-settings .panel-heading label > span.lbl {
  font-weight: 600;
}
.panel-group.hd-basic-settings .panel-heading > .hd-type-desc {
	margin-bottom: 0;
	padding-left: 28px;
}
.holiday-settings .widget-box-overlay {
	top: 0 !important;
}
.holiday-settings .widget-main table > thead > tr > th:not(:first-child) {
	min-width: 100px;
	_width: 100px;
}
.table.hd-simulation {
	margin-bottom: 0;
}
.table.hd-simulation > thead > tr {
	background: #5090c1;
}
.table.hd-simulation > thead > tr > th {
	border-bottom-width: 1px;
  color: #fff;
}
.table.hd-simulation > colgroup + thead > tr:first-child > th {
	border-top: 1px solid #5090c1;
}
.minus-holiday-name {
	overflow: auto;
	max-height: 200px;
}
.minus-holiday-name > ul > li + li {
	margin-top: 5px ;
	padding-top: 5px;
	border-top: 1px dotted #ddd;
}
.modal-body.provide-prv {
	overflow: auto;
	max-height: 600px;
}
.responsive-type2 table tbody tr td > span.responsive-lbl {
	display: block;
	font-weight: bold;
}
@media only screen and (min-width: 768px) {
	.responsive-type2 table tbody tr td > span.responsive-lbl {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.hd-admin-feed .timeline-info {
		float: none;
		margin-bottom: 15px;
	}
	.hd-admin-feed .timeline-item:before {
		display: none;
	}
	.hd-admin-feed .timeline-item .widget-box, .hd-admin-feed .hd-timeline-items-sel-all {
		margin-left: 0;
	}
	.responsive-type2 table, .responsive-type2 table tbody, .responsive-type2 table tbody tr, .responsive-type2 table tbody tr td {
		display: block;
	}
	.responsive-type2 table tbody tr td:not(:last-child) {
		border-bottom: none;
	}
	.responsive-type2 table tbody tr td + td {
		border-top: none;
	}
	.responsive-type2 table thead {
		display: none;
	}
}

/* setting */
.list-title .usb_path, .list-title .volume_name, .list-title .capacity {
  text-align: center;
}
.usb_path, .volume_name, .capacity {
  display: inline-block;
  width: 30%;
}
.capacity {
  width: 35%;
}

/* user-menu */
.nav-search.minimized .nav-search-icon {
  background: none;
}

.input-icon>.ace-icon{left: 2px}

.widget-color-blue2 .widget-header .nav-search.minimized .nav-search-icon {
  background: #fff;
}
.main-user-menu {
  width: 300px;
}
.dropdown-menu.main-user-menu {
  padding: 0;
}
.dropdown-menu.main-user-menu li {
  width: 99px;
  margin: 5px 0;
  padding: 0 5px;
  border-left: 1px dotted #ddd;
  text-align: center;
}
.dropdown-menu.main-user-menu li:first-child, .dropdown-menu.main-user-menu li:nth-of-type(2), .dropdown-menu.main-user-menu li:last-child {
  border-left: none;
}
.dropdown-menu.main-user-menu li a {
  color: #888;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main-user-menu li i {
  display: block;
  margin-bottom: 5px;
  font-size: 1.5em;
}
.dropdown-menu.main-user-menu li.top-sign-out {
  clear: both;
  width: 100%;
  margin-bottom: -1px;
  padding: 0;
}
.main-user-menu li.top-sign-out i {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.main-user-menu li.top-sign-out a {
  display: block;
  padding: 10px 0;
  background:#64CE88;
  color: #fff;
  text-align:  center;
}
.main-user-menu li.top-sign-out a:hover {
  background: #5FBF7F;
}
.dropdown-menu.sel-lang > li > a {
  color: #666;
}
.sel-lang .flag-icon {
  margin-right: 5px;
}
.navbar .navbar-toggle.navbar-toggle-img>img {
  border-radius: 50%;
}

.page-header {
  height: 40px;
  margin: 7px 0;
  padding: 0;
  transition: height 0.3s;
}

/* header-buttons for IE 9+ */
@media screen and (min-width:0\0) {
  .page-header .pull-right.hide-on-mobile {
    margin-right: 30px;
  }
}

#navbar .ace-nav > li > a > .ace-icon {
  width: auto;
}
.main-user-menu li.time-punch {
  width: 100%;
  margin: 0;
  padding: 3px 10px;
  background: #f9f9f9;
  border-bottom: 1px dotted #ccc;
  text-align: left;
  line-height: 27px;
  color: #666;
}
.main-user-menu li.time-punch .time-text {
  margin-right: 10px;
  font-weight: bold;
  color: #333;
}
.main-user-menu li.time-punch .btn-punch {
  float: right;
  max-width: 100%;
  line-height: 1em;
}
.main-user-menu li.time-punch .btn-punch a {
  width: 100%;
  margin-top: 4px;
  padding: 0 15px 5px;
  line-height: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-user-menu li.time-punch #punchout-info {
  margin: 5px 0;
  padding: 10px;
  background: #fff;
  border: 1px solid #D5E4F1;
  line-height: 1.5em;
}
.main-user-menu li.time-punch #punchout-info span i {
  display: inline;
  font-size: 1em;
}

/* list */
.message-list:not(.no-list-title) {
  margin-top: 41px;
}
.message-list-container.table-list-container > .message-list:not(.no-list-title) {
    margin-top: 0;
}
.split-pane.vertical-percent > .split-pane-component .message-list:not(.no-list-title), .message-list-container.except {
  margin-top: 0;
}
.message-list-container.advanced-search-open .message-list .message-item.list-title {
    position: static;
}
.message-list-container .advanced-search .select2-container input {
	height: 30px;
}

.message-item.list-title:not(.no-fixed):not(.device-lists):not(tr) {
  position: fixed;
  top: auto;
  right: 10px;                  
  left: 204px;
  z-index: 17;
  height: 41px;
  margin-top: -41px;
}
.split-pane.vertical-percent > .split-pane-component .message-item.list-title,
.widget-main .message-item.list-title,
#crm-search .message-item.list-title {
  position: relative !important;
  right: inherit !important;
  left: inherit !important;
  margin-top: 0 !important;
}
.contacts-list-type2-wrap {
  margin-top: -41px;
}
.vertical-percent .contacts-list-type2-wrap,
#crm-search .message-list {
  margin-top: 0px;
}
.contacts-list-type2.message-item:first-child {
  border-top-width: 1px;
}
.message-item.list-title > span {
  overflow: visible !important;
  position: relative;
 }
.message-item.list-title > span > span {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
 }
 .message-item.list-title > span > span.with-filter {
  max-width: calc(100% - 40px);
 }
.message-item.list-title a {
  vertical-align: middle;
  color: #aaa;
}
.message-item.list-title .list-filter-option li {
  padding: 3px 10px;
}
.message-item.list-title .list-filter-option > li.dropdown-header {
  font-weight: normal;
}
.message-item.list-title .list-filter-option li:after {
  content: "";
  clear: both;
  display: block;
  overflow: hidden;
  height: 0;
}
.message-item.list-title .list-filter-option li.divider {
  padding: 0;
}
.message-item.list-title .list-filter-option li a.sort {
  float: right;
  display: inline;
  padding: 0 5px;
}
.message-item.list-title .list-filter-option li a.sort:hover {
  background: none;
}
.dropdown-menu.set-list-sort {
  min-width: 200px;
  max-height: 340px;
  padding-top: 0;
}
.dropdown-menu.set-list-sort .sort-order {
  color: #888;
}
.dropdown-menu.set-list-sort label {
  font-size: 13px;
}
.dropdown-menu.set-list-sort > li > a {
  padding-right: 25px;
}
.dropdown-menu.set-list-sort .sort-opt {
  position: absolute;
  right: 10px;
}
.dropdown-menu.list-filter-option > li.dropdown-header > a.sort-option,
.dropdown-menu.set-list-sort > li.dropdown-header > a.list-sort,
.dropdown-menu.set-list-sort > li > ul > li > a.list-sort {
  float: right;
  display: inline;
  margin: 0;
  padding: 0 5px;
  color: #bbb;
}
.dropdown-menu.list-filter-option > li.dropdown-header > a.sort-option:hover, .dropdown-menu.list-filter-option > li.dropdown-header > a.sort-option:active, .dropdown-menu.list-filter-option > li.dropdown-header > a.sort-option:focus
.dropdown-menu.set-list-sort > li.dropdown-header > a.list-sort:hover, .dropdown-menu.set-list-sort > li.dropdown-header > a.list-sort:active, .dropdown-menu.set-list-sort > li.dropdown-header > a.list-sort:focus {
  background: none;
  color: #bbb;
}
.dropdown-menu.set-list-sort > li.dropdown-header {
  background: #f1f5fa;
}
.dropdown-menu.set-list-sort dl.filter-list {
  margin: 0;
}
.dropdown-menu.set-list-sort dl.filter-list dt {
  margin-top: 7px;
  padding: 7px 0;
  border-top: 1px dotted #ddd;
}
.dropdown-menu.set-list-sort dl.filter-list dt:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.dropdown-menu.set-list-sort li.btn-save-settings {
  padding-bottom: 10px;
  text-align: center;
}
.dropdown-header.no-border-top {
  border-top: none;
}

/* form */
.help-block, .help-inline {
  color: #999;
}
.help-block {
  margin-bottom: 0;
}
.help-block.text-danger, .help-inline.text-danger {
  color: #d9350a;
}

/* gnb */
#gnb .ico-menu {
  display: inline-block;
  margin-top: 12px;
}

.navbar-header .ico-menu {
    display: inline-block;
    margin-top: 8px;
    margin-right: 15px;
}

    /* main */
.main-navi-mobile {
    left: 0px !important;
    top: 0px !important;
}

.main-navi-mobile > nav {
    width: auto;
    padding: 5px 5px 5px 5px !important;
    background: #fff;
    border-bottom: 1px solid #438eb9;
}

.main-navi-mobile nav > a {
    width: 90px !important;
    margin: 13px !important;
}

.dmain-navi {
    visibility: hidden;
}

#main-navi {
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    visibility: visible;
}
.main-navi > .nav-menu-react > nav {
    width: auto;
    padding: 10px 50px 10px 10px;
    background: #fff;
    border-bottom: 1px solid #438eb9;
}
.main-navi > .nav-menu-react > nav:not(.lm--rendered){
    overflow: hidden;
}
.navi-type-set{
  position: absolute;
    right: 0;
    background: #e2e2e2;
    padding: 6px;
  top: 0;
  cursor: pointer;
  opacity: 0.6
}
.navi-type-set:hover{
  opacity: 1;
  z-index: 10
}
.navi-type-set:hover + .navi-type,
.navi-type:hover{
  display: block !important;
}
.main-navi nav > a{
  position: relative;
  float:left;
    -webkit-transition: all ease .15s;
    transition: all ease .15s;
    cursor: pointer;
    vertical-align: middle;
    max-width: 130px;
    min-width: 70px;
    margin: 5px;
    padding: 7px 10px;
    line-height: 1.39em;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px #eee;
  color: #777;
  text-align:center;
}
.main-navi nav > a{
  margin-bottom: 15px;
}
.main-navi nav.normal > a, .main-navi nav.mini > a {
  max-width: inherit;
}
.main-navi .badge {
  position: absolute !important;
    top: -8px;
    right: -5px;
    max-width: 70px;
    padding: 1px 3px;
    border-radius: 3px;
    background-color: #feb902 !important;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 10px;
    color: #FFF;
}
.main-navi .menu-size-btn {
    border:none;
    float:right;
    min-width:30px;
    margin:0px;
    padding:0px;
    margin-top: 5px;
    padding-top: 7px;
}
/*** Groupware Icon ***/

.main-navi .btn-custom_menu.active, .main-navi .btn-custom_menu:hover, .main-navi .btn-custom_menu:active, .main-navi .btn-custom_menu:focus,
.notification-list .thumbicon.btn-custom_menu {
  background-color: aqua;
  border-color: aqua;
  color: rgb(32, 32, 32);
}

.main-navi [class*=btn-menu].active, .main-navi [class*=btn-menu]:hover, .main-navi [class*=btn-menu]:active, .main-navi [class*=btn-menu]:focus,
.notification-list .thumbicon[class*=btn-menu] {
  background-color: aqua;
  border-color: aqua;
  color: rgb(32, 32, 32);
}

.main-navi .btn-mail.active, .main-navi .btn-mail:hover, .main-navi .btn-mail:active, .main-navi .btn-mail:focus,
.notification-list .thumbicon.btn-mail {
  background-color: #ff892a;
  border-color: #ff892a;
  color: #fff;
}

.main-navi .btn-headorganization.active, .main-navi .btn-headorganization:hover, .main-navi .btn-headorganization:active, .main-navi .btn-headorganization:focus,
.notification-list .thumbicon.btn-headorganization {
  background-color: #ff892a;
  border-color: #ff892a;
  color: #fff;
}

.main-navi .btn-board.active, .main-navi .btn-board:hover, .main-navi .btn-board:active, .main-navi .btn-board:focus,
.notification-list .thumbicon.btn-board {
  background-color: #4383B4;
  border-color: #4383B4;
  color: #fff;
}
.main-navi nav > .btn-board.default {
    border-color: #bdddff;
}

.main-navi .btn-addrbook.active, .main-navi .btn-addrbook:hover, .main-navi .btn-addrbook:active, .main-navi .btn-addrbook:focus,
.notification-list .thumbicon.btn-addrbook {
  background-color: #9abc32;
  border-color: #9abc32;
  color: #fff;
}

.main-navi .btn-projectnew.active, .main-navi .btn-projectnew:hover, .main-navi .btn-projectnew:active, .main-navi .btn-projectnew:focus,
.notification-list .thumbicon.btn-projectnew ,
.main-navi .btn-holiday.active, .main-navi .btn-holiday:hover, .main-navi .btn-holiday:active, .main-navi .btn-holiday:focus,
.notification-list .thumbicon.btn-holiday {
  background-color: #59bc32;
  border-color: #70bc32;
  color: #fff;
}

.main-navi .btn-ticket.active, .main-navi .btn-ticket:hover, .main-navi .btn-ticket:active, .main-navi .btn-ticket:focus,
.notification-list .thumbicon.btn-ticket {
  background-color: #3aa6ad;
  border-color: #3aa6ad;
  color: #fff;
}

.main-navi .btn-project.active, .main-navi .btn-project:hover, .main-navi .btn-project:active, .main-navi .btn-project:focus,
.notification-list .thumbicon.btn-project {
  background-color: #41cac0;
  border-color: #41cac0;
  color: #fff;
}

.main-navi .btn-circular.active, .main-navi .btn-circular:hover, .main-navi .btn-circular:active, .main-navi .btn-circular:focus,
.notification-list .thumbicon.btn-circular {
  background-color: #ff6c60;
  border-color: #ff6c60;
  color: #fff;
}

.main-navi .btn-hr.active, .main-navi .btn-hr:hover, .main-navi .btn-hr:active, .main-navi .btn-hr:focus,
.notification-list .thumbicon.btn-hr {
  background-color: #6fb3e0;
  border-color: #6fb3e0;
  color: #fff;
}

.main-navi .btn-daejin97.active, .main-navi .btn-daejin97:hover, .main-navi .btn-daejin97:active, .main-navi .btn-daejin97:focus,
.notification-list .thumbicon.btn-daejin97 {
  background-color: #6fb3e0;
  border-color: #6fb3e0;
  color: #fff;
}

.main-navi .btn-nhr.active, .main-navi .btn-nhr:hover, .main-navi .btn-nhr:active, .main-navi .btn-nhr:focus,
.notification-list .thumbicon.btn-nhr {
  background-color: #6fb3e0;
  border-color: #6fb3e0;
  color: #fff;
}

.main-navi .btn-calendar.active, .main-navi .btn-calendar:hover, .main-navi .btn-calendar:active, .main-navi .btn-calendar:focus,
.notification-list .thumbicon.btn-calendar {
  background-color: #9585bf;
  border-color: #9585bf;
  color: #fff;
}

.main-navi .btn-calendarnew.active, .main-navi .btn-calendarnew:hover, .main-navi .btn-calendarnew:active, .main-navi .btn-calendarnew:focus,
.sidebar-main .notification-list .thumbicon.btn-calendarnew {
  background-color: #9585bf;
  border-color: #9585bf;
  color: #fff;
}

.main-navi .btn-clouddisk.active, .main-navi .btn-clouddisk:hover, .main-navi .btn-clouddisk:active, .main-navi .btn-clouddisk:focus,
.notification-list .thumbicon.btn-clouddisk {
  background-color: #10a2e8;
  border-color: #10a2e8;
  color: #fff;
}

.main-navi .btn-messenger.active, .main-navi .btn-messenger:hover, .main-navi .btn-messenger:active, .main-navi .btn-messenger:focus,
.notification-list .thumbicon.btn-messenger {
  background-color: #10a2e8;
  border-color: #10a2e8;
  color: #fff;
}

.main-navi .btn-approval.active, .main-navi .btn-approval:hover, .main-navi .btn-approval:active, .main-navi .btn-approval:focus,
.notification-list .thumbicon.btn-approval {
  background-color: #556b8d;
  border-color: #556b8d;
  color: #fff;
}

.main-navi .btn-whisper.active, .main-navi .btn-whisper:hover, .main-navi .btn-whisper:active, .main-navi .btn-whisper:focus,
.notification-list .thumbicon.btn-whisper {
  background-color: #d6487e;
  border-color: #d6487e;
  color: #fff;
}

.main-navi .btn-note.active, .main-navi .btn-note:hover, .main-navi .btn-note:active, .main-navi .btn-note:focus,
.notification-list .thumbicon.btn-note {
  background-color: #45a0ad;
  border-color: #45a0ad;
  color: #fff;
}

.main-navi .btn-todo.active, .main-navi .btn-todo:hover, .main-navi .btn-todo:active, .main-navi .btn-todo:focus,
.notification-list .thumbicon.btn-todo {
  background-color: #dd5a43;
  border-color: #dd5a43;
  color: #fff;
}

.main-navi .btn-task.active, .main-navi .btn-task:hover, .main-navi .btn-task:active, .main-navi .btn-task:focus,
.notification-list .thumbicon.btn-task {
  background-color: #696FA0;
  border-color: #696FA0;
  color: #fff;
}

.main-navi .btn-expense.active, .main-navi .btn-expense:hover, .main-navi .btn-expense:active, .main-navi .btn-expense:focus,
.notification-list .thumbicon.btn-expense {
    background-color: #776252;
    border-color: #776252;
    color: #fff;
}

.main-navi .btn-asset.active, .main-navi .btn-asset:hover, .main-navi .btn-asset:active, .main-navi .btn-asset:focus,
.notification-list .thumbicon.btn-asset {
    background-color: #b34141;
    border-color: #b34141;
    color: #fff;
}

.main-navi .btn-archive.active, .main-navi .btn-archive:hover, .main-navi .btn-archive:active, .main-navi .btn-archive:focus,
.notification-list .thumbicon.btn-archive {
    background-color: #6B9900;
    border-color: #6B9900;
    color: #fff;
}

.main-navi .btn-resource.active, .main-navi .btn-resource:hover, .main-navi .btn-resource:active, .main-navi .btn-resource:focus,
.notification-list .thumbicon.btn-resource {
    background-color: #ceac49;
    border-color: #ceac49;
    color: #fff;
}

.main-navi .btn-gwfeed.active, .main-navi .btn-gwfeed:hover, .main-navi .btn-gwfeed:active, .main-navi .btn-gwfeed:focus,
.notification-list .thumbicon.btn-gwfeed {
    background-color: #e8b110;
    border-color: #e8b110;
    color: #fff;
}

.main-navi .btn-smsfax.active, .main-navi .btn-smsfax:hover, .main-navi .btn-smsfax:active, .main-navi .btn-smsfax:focus,
.notification-list .thumbicon.btn-smsfax {
  background-color: #6fb3e0;
  border-color: #6fb3e0;
  color: #fff;
}

.main-navi .btn-testplan.active, .main-navi .btn-testplan:hover, .main-navi .btn-testplan:active, .main-navi .btn-testplan:focus,
.notification-list .thumbicon.btn-testplan {
    background-color: #745227;
    border-color: #745227;
    color: #fff;
}

.main-navi .btn-analyzer.active, .main-navi .btn-analyzer:hover, .main-navi .btn-analyzer:active, .main-navi .btn-analyzer:focus,
.notification-list .thumbicon.btn-analyzer {
    background-color: #b37e41;
    border-color: #b37e41;
    color: #fff;
}

.main-navi .btn-stacktrace.active, .main-navi .btn-stacktrace:hover, .main-navi .btn-stacktrace:active, .main-navi .btn-stacktrace:focus,
.notification-list .thumbicon.btn-stacktrace {
    background-color: #727a60;
    border-color: #727a60;
    color: #fff;
}

/*** CRM Icon ***/
.main-navi .btn-product.active, .main-navi .btn-product:hover, .main-navi .btn-product:active, .main-navi .btn-product:focus,
.notification-list .thumbicon.btn-product {
    background-color: #ff9800;
    border-color: #ff9800;
    color: #fff;
}
.main-navi .btn-marketing.active, .main-navi .btn-marketing:hover, .main-navi .btn-marketing:active, .main-navi .btn-marketing:focus,
.notification-list .thumbicon.btn-marketing {
    background-color: #ab47bc;
    border-color: #ab47bc;
    color: #fff;
}
.main-navi .btn-customization.active, .main-navi .btn-customization:hover, .main-navi .btn-customization:active, .main-navi .btn-customization:focus,
.notification-list .thumbicon.btn-customization {
    background-color: #F15F5F;
    border-color: #F15F5F;
    color: #fff;
}
.main-navi .btn-helpdesk.active, .main-navi .btn-helpdesk:hover, .main-navi .btn-helpdesk:active, .main-navi .btn-helpdesk:focus,
.notification-list .thumbicon.btn-helpdesk {
    background-color: #3aa6ad;
    border-color: #3aa6ad;
    color: #fff;
}
.main-navi .btn-activity.active, .main-navi .btn-activity:hover, .main-navi .btn-activity:active, .main-navi .btn-activity:focus,
.notification-list .thumbicon.btn-activity {
    background-color: #78909c;
    border-color: #78909c;
    color: #fff;
}
.main-navi .btn-customer.active, .main-navi .btn-customer:hover, .main-navi .btn-customer:active, .main-navi .btn-customer:focus,
.notification-list .thumbicon.btn-customer {
    background-color: #48647c;
    border-color: #48647c;
    color: #fff;
}
.main-navi .btn-potential.active, .main-navi .btn-potential:hover, .main-navi .btn-potential:active, .main-navi .btn-potential:focus,
.notification-list .thumbicon.btn-potential {
    background-color: #8cc151;
    border-color: #8cc151;
    color: #fff;
}
.main-navi .btn-lead.active, .main-navi .btn-lead:hover, .main-navi .btn-lead:active, .main-navi .btn-lead:focus,
.notification-list .thumbicon.btn-lead {
    background-color: #ff5177;
    border-color: #ff5177;
    color: #fff;
}
.main-navi .btn-opportunity.active, .main-navi .btn-opportunity:hover, .main-navi .btn-opportunity:active, .main-navi .btn-opportunity:focus,
.notification-list .thumbicon.btn-opportunity {
    background-color: #8d6e63;
    border-color: #8d6e63;
    color: #fff;
}

.main-navi .btn-dashboard.active, .main-navi .btn-dashboard:hover, .main-navi .btn-dashboard:active, .main-navi .btn-dashboard:focus,
.notification-list .thumbicon.btn-dashboard {
    background-color: #609FC4;
    border-color: #609FC4;
    color: #fff;
}
.main-navi .btn-feed.active, .main-navi .btn-feed:hover, .main-navi .btn-feed:active, .main-navi .btn-feed:focus,
.notification-list .thumbicon.btn-feed {
    background-color: #e8b110;
    border-color: #e8b110;
    color: #fff;
}
.main-navi .btn-quotes.active, .main-navi .btn-quotes:hover, .main-navi .btn-quotes:active, .main-navi .btn-quotes:focus,
.notification-list .thumbicon.btn-quotes {
    background-color: #9a4925;
    border-color: #9a4925;
    color: #fff;
}
.main-navi .btn-layout.active, .main-navi .btn-layout:hover, .main-navi .btn-layout:active, .main-navi .btn-layout:focus,
.notification-list .thumbicon.btn-layout {
    background-color: #95ab62;
    border-color: #95ab62;
    color: #fff;
}
.main-navi .btn-sales.active, .main-navi .btn-sales:hover, .main-navi .btn-sales:active, .main-navi .btn-sales:focus,
.notification-list .thumbicon.btn-sales {
    background-color: #60ab62;
    border-color: #60ab62;
    color: #fff;
}
.main-navi .btn-target_sales.active, .main-navi .btn-target_sales:hover, .main-navi .btn-target_sales:active, .main-navi .btn-target_sales:focus,
.notification-list .thumbicon.btn-target_sales {
    background-color: #60ab62;
    border-color: #60ab62;
    color: #fff;
}
.main-navi .btn-archives.active, .main-navi .btn-archives:hover, .main-navi .btn-archives:active, .main-navi .btn-archives:focus,
.notification-list .thumbicon.btn-archives {
  background-color: #6b9900;
  border-color: #6b9900;
  color: #fff;
}
.main-navi .btn-smsfax.active, .main-navi .btn-smsfax:hover, .main-navi .btn-smsfax:active, .main-navi .btn-smsfax:focus,
.notification-list .thumbicon.btn-smsfax {
  background-color: #6fb3e0;
  border-color: #6fb3e0;
  color: #fff;
}

.main-navi .btn-dashboardcust.active, .main-navi .btn-dashboardcust:hover, .main-navi .btn-dashboardcust:active, .main-navi .btn-dashboardcust:focus,
.notification-list .thumbicon.btn-dashboardcust {
    background-color: #c4aa79;
    border-color: #c4aa79;
    color: #fff;
}

.main-navi .btn-newoptics_stock.active, .main-navi .btn-newoptics_stock:hover, .main-navi .btn-newoptics_stock:active, .main-navi .btn-newoptics_stock:focus,
.notification-list .thumbicon.btn-newoptics_stock {
    background-color: #c4aa79;
    border-color: #c4aa79;
    color: #fff;
}

.main-navi .btn-target_sales.active, .main-navi .btn-target_sales:hover, .main-navi .btn-target_sales:active, .main-navi .btn-target_sales:focus,
.notification-list .thumbicon.btn-target_sales {
    background-color: #60ab62;
    border-color: #60ab62;
    color: #fff;
}
.main-navi .btn-dashboardcust.active, .main-navi .btn-dashboardcust:hover, .main-navi .btn-dashboardcust:active, .main-navi .btn-dashboardcust:focus,
.notification-list .thumbicon.btn-dashboardcust {
    background-color: #c4aa79;
    border-color: #c4aa79;
    color: #fff;
}
.main-navi .btn-statistics.active, .main-navi .btn-statistics:hover, .main-navi .btn-statistics:active, .main-navi .btn-statistics:focus,
.notification-list .thumbicon.btn-statistics {
    background-color: #776252;
    border-color: #776252;
    color: #fff;
}
.main-navi nav.mini a:not(.menu-size-btn) i {
    display: none;
}

.main-navi nav.mini > a:not(.menu-size-btn) {
    margin:2px 5px;
    padding:3px 10px;
}

.main-navi nav.mini > a.menu-size-btn {
    margin-top:2px;
    padding-top:3px;
}

.main-navi nav.big > a.menu-size-btn {
    margin-top:10px;
    padding-top:14px;
}

.main-navi nav.normal a:not(.menu-size-btn) i {
    display: inline-block;
}

.main-navi nav.big a:not(.menu-size-btn) i {
    display: block;
}

.main-navi nav.big a:not(.menu-size-btn) span.nav-title-babel {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-navi a i {
  display: block;
  opacity: .8;
  font-size: 1.5em;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
}
.main-navi .navi-type {
  position: absolute;
  right: 23px;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 10;
  display: none;
}
#main #list_container {
  /*border-width: 1px 1px 0 0;*/
  border-width: 0;
}
#main .list-title-table th.header_period {
  border-color: #dadada;
}

.message-item .summary .text {
  height: 19px;
}

.main-calendar .widget-header {
  border-bottom: none;
  min-height: 30px;
}
.main-usage {
  width: 50%;
  max-width: calc(50% - 4px);
  height: auto;
}
.main-mail select, .main-board select {
  height: auto;
}
.main-mail .article-item {
  border-bottom: none;
}
.main-mail .message-item .time, .main-board .message-item .time {
  width: 110px;
  text-align: right;
}
.main-mail .message-item .summary {
  max-width: calc(100% - 320px);
}
.main-todo .message-item .time {
  width: 70px;
}
#today-thought .collapsed>.widget-header {
  border-bottom-width: 1px;
}

#today-thought .text {
  word-wrap: break-word;
}
.main-calendar .widget-main .fc {
  top: 0;
}

.main-usage >.infobox-progress {
  width: auto;
}
.main-usage >.infobox-data {
  line-height: 2em;
}

.infobox > .infobox-data > .infobox-text {
    font-size: 15px;
}

.amts .infobox {
    width: 300px !important;
}

/* align */
.vertical-mid {
  vertical-align: middle;
}

table.vertical-mid td {
  vertical-align: middle !important;
}

.vertical-top {
  vertical-align: top;
}

/* alert */
.alert {
  padding: 5px 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 12px;
}
.alert-gray {
  border-color: #ccc;
  background: #eeeeee; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #eeeeee 0%, #e6e6e6 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #eeeeee 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #eeeeee 0%,#e6e6e6 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #eeeeee 0%,#e6e6e6 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #eeeeee 0%,#e6e6e6 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */
  color: #666;
}

/* margin */
.margin-5 {
  margin: 5px;
}
.margin-10 {
  margin: 10px;
}
.margin-right-10 {
  margin-right: 10px;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-lr-5 {
    margin-left: 5px;
    margin-right: 5px;
}
.margin-lr-0 {
    margin-left: 0px;
    margin-right: 0px;
}
.margin-tb-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.margin-lr-10 {
  margin: 0px 10px;
}
.margin-tb-7 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.margin-tb-15 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.margin-bottom-15 {
    margin-bottom: 15px!important;
}
/* padding */
.no-padding-top {
  padding-top: 0;
}
.no-padding-bottom {
  padding-bottom: 0;
}
.padding-5 {
  padding: 5px!important;
}
.padding-10 {
  padding: 10px;
}
.padding-25 {
    padding: 25px;
}
.padding-bottom-5 {
  padding-bottom: 5px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-tb-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.padding-tb-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding-lr-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.padding-lr-5 {
  padding-left: 5px;
  padding-right: 5px;
}
.padding-lr-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.padding-lr-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.black {
    color: #000000!important;
}


.help-icon {
  vertical-align: middle;
  color: #ccc;
  font-size: 24px;
  line-height: 24px;
}
.article-container .tab-content .no-padding {
  padding: 0 !important;
}
.input-group>.round{
  -webkit-border-radius: 4px !important;
  border-radius: 4px !important;
}
html body .border-dashed {
  border-style: dashed;
}
.remove-share {
  line-height: 32px;
}
.cate-list-tit {
  padding: 8px 10px;
  background: #f9f9f9;
  border-bottom: 1px solid #ddd;
  color: #707070;
  font-weight: bold;
}
.folder-edit-btn {
  padding: 0 10px 10px;
  text-align: center;
}

.close-search {
  position: absolute;
  top: 0;
  right: 5px;
  text-decoration: none;
  color: #999;
}
.close-search:hover, .close-search:active, .close-search:focus {
  text-decoration: none;
  color: #999;
}
.unstyled {
  margin: 0;
  padding: 0
}
.unstyled li {
  list-style: none;
}

.calendar-folder-list {
  margin:0;
  padding: 0;
}
.calendar-folder-list:after {
  content:'';
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  *zoom: 1;
}
.calendar-folder-list li {
  float: left;
  list-style: none;
  margin: 3px 3px 0 0;
  padding: 3px 5px;
  background: #f4f4f4;
  border: 1px solid #ddd;
  color: #777;
}
.ico-remove {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  /*color: #555;*/
  font-weight: bold;
}
.ico-remove:hover, .ico-remove:active, .ico-remove:focus {
  font-size: 1.2em;
}
.list-container {
  margin-top: 15px;
}

.main-container > .tab-content {
  border: none;
  padding: 0;
}
/* container */
.message-bar {
  display: block;
  min-height: 29px;
}

.footer-navbar {
  border-width: 0 1px 1px;
  height: 40px;
}

/* analyzer */
.table.visitor-anal th, .table.visitor-anal td {
  text-align: center;
}
.page-ranking li {
  position: relative;
  margin: 10px 0;
  padding-left: 50px;
}
.page-ranking li:first-child {
  margin-top: 0;
}
.page-ranking li .no {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 6px 0 7px;
  text-align: center;
  border-radius: 100%;
  -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
  box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
  background: #eee;
  color: #888;
  font-size: 18px;
  font-weight: bold;
}
.page-ranking li:nth-child(1) .no {
  background-color: #feb902;
  color: #fff;
}
.page-ranking li:nth-child(2) .no {
  background-color: #9abc32;
  color: #fff;
}
.page-ranking li:nth-child(3) .no {
  background-color: #6fb3e0;
  color: #fff;
}


/* widget */
.widget-toolbar>a, .widget-toolbar>.widget-menu>a {
  margin: 0 3px;
}

/* contacts */
.filter-words {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #f2f5fa;
  /*border: 1px solid #d6e1ea;*/
  border-top: none;
}
.filter-words li {
  position: relative;
  float: left;
}
.filter-words li > a {
  display: inline-block;
  line-height: 1em;
}
.filter-words li + li:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 1px;
  height: 13px;
  margin-top: -6px;
  background-color: #d6e1ea;
}
.filter-words li > a { 
  padding: 5px;
  color: #2f2f2f; 
}

#picture:after, #user-info:after {
  content: "";
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  height: 0;
  *zoom: 1;
}
#picture, #user-info {
  padding: 10px 0;
  *zoom: 1;
}
.contact-img-card, html body .contact-img-card-wrap .ace-file-container {
  /* width:255px; */
  height:140px;
}
.contact-img-photo, html body .contact-img-photo-wrap .ace-file-container {
    /* width:110px; */  
    height:140px;
}
.contact-img-card,
.contact-img-cardBack,
html body .contact-img-card-wrap .ace-file-container,
html body .contact-img-cardBack-wrap .ace-file-container {
    height:140px;
    /*border-radius: 15%;*/
}

.contact-img-card-wrap .editable-cancel,
.contact-img-photo-wrap .editable-cancel,
.contact-img-cardBack-wrap .editable-cancel {
  top:0;
  right:0;
  position:absolute;
}
.ace-file-input .ace-file-container.no-border {
  border:none;
    cursor:initial;
}
.contact-img-card-wrap,
.contact-img-cardBack-wrap,
.contact-img-photo-wrap {
  margin: 0 10px 10px 0;
  border: none;
  background-color: #FFF;
  padding: 4px;
  display: inline-block;
  max-width: 100%;
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* box-shadow: 1px 1px 1px rgba(0,0,0,0.15); */
  overflow: hidden;
}
/*.write-form .contact-img-card-wrap,
.write-form .contact-img-cardBack-wrap,
.write-form .contact-img-photo-wrap {
  display: inline-block!important;
}
.write-form .contact-img-card-wrap,
.write-form .contact-img-cardBack-wrap{
  border-radius: 0!important;
}*/
.contact-img-card-wrap .ace-file-input, .contact-img-photo-wrap .ace-file-input {
    margin-bottom: 0px;
}
#addrbook .write-form .contact-img-photo-wrap .ace-file-multiple .img-responsive, #addrbook .write-form .contact-img-card-wrap .ace-file-multiple .img-responsive, #addrbook .write-form .contact-img-cardBack-wrap .ace-file-multiple .img-responsive {
  height: 140px;
}
#addrbook .contact-img-photo-wrap .sel-file .circle_image {
	border-radius: 0;
}
#addrbook .contact-img-photo-wrap + .label {
  display: block;
  margin: 0 auto;
}

.contacts-list .folder, .contacts-list .group, .contacts-list .company, .contacts-list .user,  .contacts-list .position,  .contacts-list .duty, .contacts-list .email, .contacts-list .tel,
#org-list .org-extension, .contacts-list .profile {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  margin: 0 6px 0 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contacts-list .user {
  width: auto;
  /*max-width: calc(100% - 630px);*/
}
.contacts-list .folder ~ .user {
  /*max-width: calc(100% - 680px);*/
}

.contacts-list .folder {
  width: 100px;
}
/*#org-list .duty,*/
.contacts-list .group, .contacts-list .tel,  .contacts-list .email, #org-list .org-extension, .contacts-list .company, .contacts-list .profile {
  float: right;
}
.contacts-list-type-wrap .message-item:not(.list-title) .group, .contacts-list-type-wrap .message-item:not(.list-title) .tel, .contacts-list-type-wrap .message-item:not(.list-title) .email, #org-list .contacts-list-type-wrap .message-item:not(.list-title) .org-extension, .contacts-list-type-wrap .message-item:not(.list-title) .company, .contacts-list-type-wrap .message-item:not(.list-title) .profile {
	margin-top: 10px;
}

.contacts-list .email {
  /*width: 200px;*/
  width: 180px;
}
.cls-percent-5 .user-cps,.cls-percent-4 .user-cps,.cls-percent-3 .user-cps{
    max-width: calc(100% - 200px) !important;
}
.cls-percent-2 .user-cps,.cls-percent-1 .user-cps, .cls-percent-0 .user-cps{
   max-width: calc(90% - 200px) !important;
}
.cls-percent-5 .user-cps .circle_image,.cls-percent-4 .user-cps .circle_image,.cls-percent-3 .user-cps .circle_image,.cls-percent-2 .user-cps .circle_image,.cls-percent-1 .user-cps .circle_image,.cls-percent-0 .user-cps .circle_image{
    display: -webkit-inline-box !important;
    float: none !important;
}
/*.cls-viewport-xs .tel-cps{
  float: none;
  margin-left: 25px;
  display: inherit;
}*/

.cls-viewport-xs .tel-cps{
  /*float: none;*/
  width: 60px !important;
}
.cls-viewport-xs .email-cps{
  /*float: none;*/
  width: 30px;
}
.cls-percent-5 .org-cps,.cls-percent-4 .org-cps,.cls-percent-3 .org-cps,.cls-percent-2 .org-cps,.cls-percent-1 .org-cps,.cls-percent-0 .org-cps{
  display: none !important;
}
.cls-percent-5 .group-cps,.cls-percent-4 .group-cps,.cls-percent-3 .group-cps,.cls-percent-2 .group-cps,.cls-percent-1 .group-cps,.cls-percent-0 .group-cps{
   display: none !important;
}
/*.cls-percent-5 .folder-cps,.cls-percent-4 .folder-cps,.cls-percent-3 .folder-cps,.cls-percent-1 .folder-cps,.cls-percent-1 .folder-cps,.cls-percent-0 .folder-cps{
  display: none !important;

}*/

.cls-percent-5 .company-cps,.cls-percent-4 .company-cps,.cls-percent-3 .company-cps,.cls-percent-2 .company-cps,.cls-percent-1 .company-cps,.cls-percent-1 .company-cps,.cls-percent-0 .company-cps{

  display: none !important;
}

.cls-percent-6 #org-list .org-extension{
  width: auto;
  display: block;
  width: 90px;
  min-width: 90px;
}
/*#org-list .duty,*/
.contacts-list .group, .contacts-list .company, .contacts-list .tel, #org-list .position, #org-list .org-extension, .contacts-list .profile {
  /*width: 170px;*/
  /*  When changing this variable, considers a list with all options enabled */
  /*  ticket: GQ-173588*/
    width: 110px;
}
.contacts-list .cls-percent-2  .group,.contacts-list .cls-percent-2  .company,.contacts-list .cls-percent-2 .tel{
  width: 50px;
}

#org-list .org-name-info {
  display: inline-block;
  max-width: calc(100% - 630px);
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
	#org-list .org-name-info {
		width: auto;
		max-width: calc(100% - 200px);
	}
}

.contact-tab .active a {
  border-color: #337ab7;
}
.contact-tab .active a:before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border-width: 10px 8px;
  border-style: solid;
  border-color: transparent;
  border-top-color: inherit;
}
.label > span.addr-name {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
    white-space: nowrap;
    line-height: 1.6em;
}
.addr-title {
  text-align: right;
}
.addr-item-list {
  margin: 3px 0;
  padding: 3px 5px;
  border-top: 1px dotted #ddd;
}
.addr-item-list:first-child {
  margin: 0;
  padding-top: 0;
  border: none;
}
.addr-item-list:last-child {
  margin-bottom:0;
  padding-bottom: 0;
}
.contacts-list-type2-wrap:after {
  content: "";
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  height: 0;
  *zoom: 1;
}
.contacts-list-type2 {
  position: relative;
  float: left;
  width: 33%;
  max-width: calc(33% - 10px);
  margin: 5px;
  padding: 15px;
  border: 1px solid #EAEDF1;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  word-break: break-all;
  word-wrap: break-word;
}
.vertical-percent .cls-viewport-xs .contacts-list-type2 { 
  width: 100%;
  max-width: calc(100% - 10px);
}
.vertical-percent .cls-viewport-sm .contacts-list-type2 { 
  width: 50%;
  max-width: calc(50% - 10px);
}
.resize-album{
  display: flex;
  display: -webkit-flex; /* Safari */
  flex-flow: row wrap;
}
.contacts-list-type2 .checkbox {
  position: absolute;
  top: 12px;
  left: 10px;
  margin: 0;
}
.contacts-list-type2 .checkbox-star {
  position: absolute;
  bottom: 10px;
  left: 10px;
  margin: 0;
}
.contacts-list-type2 .checkbox ~ .contacts-info {
  margin-left: 30px;
}
.contacts-list-type2 .contacts-info .contact-infor-image {
  position: relative;
  width: 120px;
  height: 120px;
  border: 1px solid #eee;
  float: left;
  overflow: hidden;
  margin-right: 10px;
  margin-top: 5px;
}
.contacts-info .contact-infor-meta{
  /*float: left;*/
  padding-left: 10px;

}
.horizontal-percent .contacts-info .contact-infor-meta{
  float: none !important;  
}

.vertical-percent .cls-viewport-xs .contacts-info .contact-infor-meta{
  float: left !important;
  width: 60% !important;  
}

.contacts-list-type2 img.name-card-type {
  position: relative;
  width: 120px;
  height: auto;
  margin-right: 10px;
}
.contacts-list-type2 .uname, .contacts-list-type2 .dept, .contacts-list-type2 .role, .contacts-list-type2 .email-addr {
  display: block;
}
.contacts-list-type2 .tel,  #org-list .contacts-list-type2 .org-extension {
  display: inline-block;
}
#org-list .contacts-list-type2 .org-extension {
  margin-left: 5px;
}
.contacts-list-type2 .uname > a, .contacts-list-type2 .dept > span, .contacts-list-type2 .role > span, .contacts-list-type2 .email-addr > a, .contacts-list-type2 .tel > a, .contacts-list-type2 .profile > a {
  display: block;
  width: auto;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contacts-list-type2 .uname, .contacts-list-type2 .dept, .contacts-list-type2 .email-addr, .contacts-list-type2 .tel, #org-list .contacts-list-type2 .org-extension, .contacts-list-type2 .profile {
  float: none;
  width: auto;
}
.contacts-list-type2 .uname {
  margin-bottom: 5px;
  font-size: 1.2em;
  font-weight: bold;
}

.editable-addrbook-groupname .editable-wrap .editable-input {
  width: 88% !important;
}
.editable-addrbook-groupname .editable-buttons button {
  padding: 0;
  width: 31px;
  height: 31px;
  margin: 0 1px 0 0;
  border: 3px solid #fff;
}
.editable-addrbook-groupname .editable-buttons button i {
  color: #fff !important;
  font-size: 14px !important;
}
.editable-addrbook-groupname .editable-buttons button.editable-submit {
  background: #6fb3e0;
  border-color: #6fb3e0;
}
.editable-addrbook-groupname .editable-buttons button.editable-submit:hover {
  background: #4f99c6 !important;
}
.editable-addrbook-groupname .editable-buttons button.editable-cancel {
  background: #abbac3;
  border-color: #abbac3;
}
.editable-addrbook-groupname .editable-buttons button.editable-cancel:hover {
  background: #8b9aa3 !important;
}

.mobile_sync_form .widget-box:first-child .widget-body {
  overflow: auto;
  max-height: 300px;
}

.dropdown-menu>.dropdown-hover>.sub-menu.contact-export-sel {
  width: 100px;
  min-width: 100px;
}
.dropdown-menu>.dropdown-hover>.sub-menu.contact-export-sel li, .dropdown-menu>.dropdown-hover>.sub-menu.contact-export-sel li:first-child {
  border: none;
}

.share-info {
  float: right;
  margin-right: 10px;
  color: #aaa;
  line-height: 35px;
}
.share-info span {
  font-size: 12px;
}

.message-navbar .messagebar-item-left~.nav-search {
    left: 35px;
}
/*
.message-navbar .messagebar-item-left ~ .nav-search.mail-list-search, .message-navbar .messagebar-item-left ~ .nav-search.board-list-search, .message-navbar .messagebar-item-left ~ .nav-search.contacts-list-search, .message-navbar .messagebar-item-left ~ .nav-search.approval-list-search {
  left: 40px;
}
.message-navbar .messagebar-item-left ~ .nav-search.whisper-list-search {
  left: 40px;
}
*/
.dropdown-header {
  padding: 3px 10px;
  border: 1px dotted #ddd;
  border-width: 1px 0;
  color: #2679b5;
  font-size: 1em;
}
.dropdown-header:first-child {
  border-top: none;
}

.message-item .text:hover, .message-item .text:active, .message-item .text:focus {
  text-decoration: underline;
  cursor: pointer;
}
.profile-picture {
    padding: 0;
  margin: 0 10px 10px 0;
}
.widget-toolbar>[data-action="add"] {
  color: #D3E4ED;
}
.transparent .widget-toolbar>[data-action="add"] {
  color: #99CADB;
}
.widget-toolbar>[data-action="remove"] {
  color: #FFD9D5;
}
.transparent .widget-toolbar>[data-action="remove"] {
  color: #E09E96;
}
.widget-toolbar>[data-action="save"] {
  color: #DEEAD3;
}
.cate-list-wrap {
  margin: 10px 0;
  padding: 0;
  border: 1px dashed #d4d4d4;
}
.cate-list li {
  position: relative;
  padding: 10px;
  border-bottom: 1px dotted #ccc;
}
.cate-list li .subject {
  margin-right: 30px;
}
.cate-list li:hover, .cate-list li:focus {
  background: #fafdff;
}
.cate-list li:last-child {
  border: none;
  word-break: break-all;
}
.cate-list li .cate-list-remove {
  position: absolute;
  top: 4px;
  right: 0;
}
.tree-btn button {
  margin-top: -3px;
  border-radius: 4px;
}
.group-edit {
  padding: 5px;
}
.group-edit .group-btn-area {
  /*margin: 5px 0;*/
  text-align: center;
}

/*
.group-edit .input-group, .group-edit .dropdown-header {
  margin-top: 5px;
}*/

.group-edit .fa-check {
  position: absolute;
  right: 10px;
}
.mobile_sync_form .addrbook_tree {
  max-height: 300px;
}

/* Modal */
.modal-footer .btn+.btn {
  margin-top: 1px;
}

.modal-type1 .modal-content {
   border: 3px solid #0b9ad4;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
   box-shadow: 0 0 5px rgba(0,0,0,.3);
}
.modal-type1 .modal-header {
  position: relative;
  background: #0b9ad4;
  color: #fff;
  padding: 7px 10px;
}
.modal-type1 .modal-header .close,
.modal-type1 .modal-header .full-screen {
  float: right;
  margin-top: -1px;
  margin-left: 5px;
  padding: 3px 5px;
  background: #fff;
  border: 1px solid #30738e;
  border-radius: 3px;
  text-shadow: none;
  line-height: 1em;
  font-size: 13px;
  color: #30738e;
  opacity: 1;
}
.modal-type1 .modal-footer {
  background: none;
  border-top: none;
  text-align: center;
}
.modal-type1 .modal-footer .btn {
  /*padding: 1px 20px;*/
  border-radius: 3px;
  margin-top: 1px;
}
.modal-type1 .modal-footer .btn.btn-expand {
  padding-left: 6px;
  padding-right: 6px;
}

.modal-type1.full .modal-dialog,
.modal-type1.large .modal-dialog{
  width: auto;
}
.modal-type1.full-screen .modal-dialog{
    width: 100% !important;
    height: 100%;
    padding: 0;
    margin: 0
}
.modal-type1.full-screen .modal-content{
  /*height: 100%;*/
  border-radius: 0;
}

.modal-type1.dialog-type .modal-footer {
  padding-top: 10px;
  border-top: 1px dotted #ddd;
  text-align: center;
}

.modal-type2 .modal-content {
  border: none;
  border-radius: 5px;
  -webkit-border-radius: 7px;
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,.3);
  box-shadow: 0 0 7px rgba(0,0,0,.3);
  overflow: hidden;
}
.modal-type2 .modal-header {
  background: #fffeff; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWYyZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #fffeff 0%, #eef2f5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffeff), color-stop(100%,#eef2f5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fffeff 0%,#eef2f5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fffeff 0%,#eef2f5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fffeff 0%,#eef2f5 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fffeff 0%,#eef2f5 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffeff', endColorstr='#eef2f5',GradientType=0 ); /* IE6-8 */
  padding: 15px;
  border-bottom: 1px solid #dfdfdf;
  color: #5891ac;
}
.modal-type2 .modal-header .close{
  margin-top: 0;
  color: #c2d8e3;
  font-size: 19px;
  opacity: 1;
}
.modal-type2 .modal-body {
  background: #f9f9f9;
  border: 1px solid #fff;
  border-width: 1px 0;
}
.modal-type2 .modal-footer {
  padding-bottom: 20px;
  border-top: 1px solid #e7ebee;
  background: #f0f4f7;
}
.modal-type2 .modal-footer .btn {
  padding: 2px 15px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
.modal-type2 .tab-content, .modal-type3 .tab-content {
  background-color: #fff;
}

.modal-type3 .modal-content {
   -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3);
   box-shadow: 0 1px 5px rgba(0,0,0,.3);
}
.modal-type3 .modal-header {
  padding: 10px 15px;
  background-color: #3f86ae;
  text-align: center;
  color: #fffceb;
}
.modal-type3 .close {
  margin-top: 3px;
  padding: 3px 4px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #fff;
  color: #666;
  font-size: 12px;
  opacity: 1;
}
.modal-type3 .modal-body {
  background: #fffefb;
}
.modal-type3 .modal-footer {
  padding-top: 0;
  background: #fffefb;
  border-top: none;
}
.modal-type3 .modal-footer .btn {
  padding: 7px 20px;
  border: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
.modal-type3 .modal-footer .btn-info {
  background-color: #366174 !important;
}
.modal-type3 .modal-footer .btn-default {
  background-color: #eee !important;
  color: #666 !important;
  text-shadow: none !important;
}

.widget-container-col.full-width .modal-dialog {
  width: 100% !important;
  margin: auto !important;
}

/*
.widget-container-col.full-width .modal-dialog .slimScrollBa {
  max-height: 100% !important;
}*/
/*
.modal-header .close {
  font-size: 18px;
  line-height: inherit;
}*/

.modal-footer button {
  /* padding: .4em 1em; */
}

/* 전자결재 dialog split issue 처리 */
div.modal:not(.large) .approval-write-split div[class^='col-lg'] {
    float: none;
    width: 100%;
}

div.split-pane-component .approval-write-split div[class^='col-lg'] {
    float: none;
    width: 100%;
}

/* bootbox dialog */
.modal.bootbox > .modal-dialog > .modal-content > .modal-footer {
  text-align: center;
}
.modal.bootbox > .modal-dialog > .modal-content > .modal-footer > .btn.btn-default:before {
  content: "\f00d";
  display: inline-block;
  margin-right: 4px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.widget-toolbar .nav-search {
  right: 0;
}
.share-user .jMultibox {
  border-style: dotted;
  border-top-width: 0;
}
.profile-user-info-striped .profile-info-value {
  padding-left: 6px;
}

.profile-list-num select {
  width: 80px;
  margin-right: 10px;
}

.mail-org {
  margin-top: 10px;
}
.mail-org .tab-content {
  padding-left: 12px !important;
  /*padding-top: 0; */
}

.mail-org .tab-content .widget-header {
  border: none;
}
.bodybox.zipcode-list {
  height: 200px;
  white-space: normal;
}
.bodybox.zipcode-list li {
  position: relative;
  padding: 5px 35px 5px 5px;
  border-top: 1px dotted #ddd;
}
.bodybox.zipcode-list li:first-child {
  border: none;
}
.bodybox.zipcode-list li button {
  position: absolute;
  top: 4px;
  right: 5px;
}
.transparent .widget-toolbar .green {
  color: #acd392 !important;
}

/* calendar */
#search_container {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.fc-button {
  height: 2.2em;
}
.fc-state-default.btn {
  margin-left: 0;
}
.calendar-view .profile-info-name {
  width: 16.66666667%;
  min-width: 110px;
}

/* search */
.nav-search .btn-group .btn {
  height: 28px;
  border-color: #6fb3e0;
}
.form-search .dropdown-toggle {
  position: absolute;
  top: 1px;
  right: 3px;
}
.form-search .input-icon {
    z-index:100;
}
.list-search .input-icon > input {
  padding-right: 24px;
}
.search-layer {
  padding: 10px;
}
.search-layer dl {
  margin-bottom: 10px;
}
.search-layer dl dt {
  padding: 5px 0;
  font-weight: normal;
}
.blue-border-search .search-input {
  border: 1px solid #6fb3e0;
  width: 152px;
  height: 28px !important;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 4px !important;
  font-size: 13px;
  line-height: 1.3;
  color: #666 !important;
}
.blue-border-search .search-icon {
  color: #6fb3e0 !important;
  font-size: 14px !important;
  line-height: 24px !important;
}
.nav-search .form-search .input-icon .dropdown-toggle.open-adv-sch {
	position: absolute;
  top: 0;
  right: 2px;
  padding-left: 5px;
  border-radius: 4px;
  border-left: 1px solid #6fb3e0;
  line-height: 27px;
}
@media only screen and (min-width: 551px) {
	.nav-search .form-search > .input-icon > input {
		width: 235px;
	}
}
@media only screen and (min-width: 768px) {
	.nav-search.with-advanced-search .input-icon > input {
    padding-right: 85px;
  }
}
@media only screen and (max-width: 767px) {
	.message-navbar .messagebar-item-left ~ .nav-search.diary-list-search,
	.message-navbar .messagebar-item-left ~ .nav-search.report-list-search,
	.message-navbar .messagebar-item-left ~ .nav-search.approval-list-search {
		left: 85px;
	}
	.search-detail {
		display: none;
	}
}

/* common */
.autosave-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.autosave-list li {
  padding: 7px;
  border-top: 1px dotted #ccc;
}
.autosave-list li:first-child {
  padding-top: 0;
  border-top: none;
}
.autosave-list li:last-child {
  padding-bottom: 0;
}
.auto-save-time {
  margin-top: 5px;
  color: #999;
}
.brown {
  color: #af6e57 !important;
}
.new-post {
  font-size: 1.076923076923077em;
}
.write-form .text-only {
  margin-top: 4px;
}
i.ico-default {
  color: #6688a6;
}
form div, .profile-info-value {
  word-break: break-all;
}
.form-group .checkbox-group.checkbox label, .form-group .radio-group.radio label {
  margin-left: 5px;
  padding-left: 0;
}
.form-group .checkbox label:first-child, .form-group .radio label:first-child {
  padding-left: 0;
}
.form-btn-group .btn {
  margin-bottom: 5px;
}
.form-permissions{
    border-style: dashed;
    list-style: none;
    height: 140px;
    margin: 0;
    padding: 0 10px;
    overflow: auto;
}
.form-permissions li{
    padding: 5px 7px;
    border-bottom: 1px solid #eee;
}
.share_user{
    float:left;
    margin-top: 8px;
}
.share_sel{
    float:right;
}
.input-group-low{
    margin: 0 5px;
}
#input-group-check{
    margin-top: 8px;
    position: relative;
    top: 1px;
}
#subdepartment{
    margin-right: 10px;
 }
.dropdown-menu>.dropdown-hover>.sub-menu {
  position: relative;
  left: 0;
  width: 100%;
  box-shadow: none;
  border: none;
}
.dropdown-menu>.dropdown-hover>.sub-menu li {
  border-bottom: 1px dotted #ddd;
}
.dropdown-menu>.dropdown-hover>.sub-menu li a{
  padding: 3px 5px 3px 25px;
}
.dropdown-menu>.dropdown-hover>.sub-menu li:first-child {
  border-top: 1px dotted #ddd;
}
.dropdown-menu.download-sw>li:last-child>.sub-menu li:last-child {
  border-bottom: none;
}
.fc-header-left {
  width: 35%;
}
.fc-header-left .cal-select {
  margin-bottom: 10px;
}
.message-item {
  padding: 7px 7px 7px 10px;
}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.inbox-download-list {
  list-style:none;
  margin:5px 0 0;
  padding:0;
}
.inbox-download-list li {
  display: inline-block;
  margin: 3px 5px 3px 0;
  vertical-align:top;
}
.inbox-download-list li a {
  display: inline-block;
  /* width: 23%; */
  text-align: center;
}

.inbox-download-list li .block  a {
  margin-left : 5px;
  margin-right : 5px;
}
.inbox-download-list li>:first-child {
  margin-bottom: 0;
  /*width: 150px;*/
  width: 120px;
  overflow: hidden;
}
.inbox-download-list li>:first-child:hover {
  background: #fff;
  border-color: #C0C0C0;
}

.inbox-download-list li>:first-child >:first-child  {
  text-align: center;
  display: block;
  color: #D6D6D6;
  height: 120px;
}

.inbox-download-list li>:first-child >:first-child > .fa{
  /*font-size: 140px;*/
  font-size: 110px;
}

.inbox-download-list li>:first-child >:first-child > img {
  width: 100px;
  height: 120px;
  /*
  width: 120px;
  height: 140px;
  */
}
.inbox-download-list li .attach-name {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.inbox-download-list li .attach-name.nowrap {
  overflow: visible;
  white-space: normal;
  max-height: 135px;
}

.inbox-download-list li .attach-size {
  display: block;
}
.inbox-download-list li.attach-prev, .inbox-download-list li.attach-next {
  vertical-align: middle;
  line-height: 230px;
}
.inbox-download-list li.attach-prev a, .inbox-download-list li.attach-next a {
  display: inline-block;
  width: 20px;
  font-size: 40px;
}

.nav-pills {
  margin-left: 0;
}

.btn-reload {
  padding: 2px;
  border-width: 7px;
  border-radius: 7px;
}
.message-navbar {
  padding-top: 5px;
  padding-bottom: 5px;
  /*position:absolute !important;*/
  width:100%;
  z-index:100;
    border-color: #d6e1ea;
}

.message-navbar ~ .message-list-container:not(.except) {
  /*padding-top:40px; */
}
.messagebar-item-left, .messagebar-item-right, .message-navbar .nav-search {
  bottom: 5px;
  z-index: 10;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  font-size: 13px;
}
.hanbiro-editor:after {
  content: '';
  clear: both;
  visibility: hidden;
  display: block;
  height: 0;
}
.hanbiro-editor {
  *zoom: 1;
}
.info-icon {
  float: left;
  margin: 0 5px 5px 0;
  text-align: center;
}
.info-icon ~ p {
  margin-left: 22px;
}
.btn-send-message {
  top: auto;
}

.list-title {
  padding: 8px 12px 10px;
  background-color: #f1f5fA;
  border-color: #d6e1ea;
  border-width: 1px;
  font-weight: bold;
}
.list-title .sender, .list-title .attachment, .list-title .time, .list-title .view-no {
  color: #393939;
}
.list-title .sender {
  cursor: text;
}
.message-item.list-title .message-star {
  cursor: text;
}
.message-item.list-title .summary .text {
  cursor: text;
  text-decoration: none;
}
.message-item.selected:first-child:not(.list-title) {
    border-top-width: 0;
}

.message-item .size {
  float: right;
  width: 90px;
  height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #666;
}
.message-item .view-no {
  float: right;
  width: 50px;
  margin: 0 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 13px;
}
.message-item .view-no a {
  color: #666;
}
.message-item.message-unread span:not(.color-inherit), .message-item.message-unread a:not(.color-inherit) {
  color: #6a9cba;
}
.message-item span.badge , .dashboard .box-content span.badge, .work-file-list span.badge, .project-view-viewTask  span.badge-comment {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 10px;
  border-radius: 3px;
  line-height: 11px;
  color: #fff !important;
  /* background-color: #5cb85c !important; */
  padding-bottom: 1px;
}
.han-react-list span.badge{
  margin-left: 5px;
}
.author-thumb {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  border-radius: 50%;
}
.comment-thumb {
  width: 35px;
  height: 35px;
  /* margin-right: 10px; */
  border-radius: 50%;
}
.timeline-thumb {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 50%;
  display: inline-block;
  float: none !important;
}
.write-comment {
  margin: 20px 0 10px;
}
.write-comment textarea, .comment-reply textarea, .comment-text {
  margin-bottom: 10px;
  padding: 10px;
  background: #f7f7f7;
  border: 1px solid #ddd;
  font-size: 13px;
}
.write-comment textarea:focus, .comment-reply textarea:focus, .comment-text:focus {
  background: #eee;
  border: 1px solid #ddd;
}
.widget-body .write-comment .wysiwyg-editor {
  border-width: 1px;
  border-color: #ddd;
}
.comment-list {
  margin: 0;
}
.comment-list li {
  position: relative;
  padding: 10px;
}
.comment-list li.ng-scope{
  list-style: none;
}
/*
.comment-list > li {
  border-bottom: 1px dotted #ddd;
}

.comment-list > li:last-child {
  border: none;
}
*/

.replyline > .comment-body:before {
  content: "";
  display: block;
  position: absolute;
  left: 26px;
  top: 60px;
  bottom: 10px;
  border: 1px solid #E2E3E7;
  background-color: #E7EAEF;
  width: 3px;
  border-width: 0 1px;
}
.comment-list li .inbox-download-list li {
  padding: 0;
}

/*
.content-view-wrap .comment-list > li {
  border-bottom: 1px dotted #ddd;
}*/

.comment-list > li {
  border-top: 1px dotted #ddd;
  list-style-type: none;
}

.comment-list > li:first-child {
  border: none;
}

.comment-list li > ul {
  padding-left: 20px;
}
.comment-list .comment-attachment {
  margin-top: 10px;
  padding: 5px 0;
  border-top: 1px dotted #ddd;
}

.message-attachment {
/*  margin-top: 10px; */
  padding: 5px;
  /*border-top: 1px dotted #ddd;*/
}

.comment-list ul.attachment-list>li, .comment-list .dropdown-menu li {
  padding: 0;
}
.comment-list ul.attachment-list>li {
  position: static;
}
.media-body.comment-body {
  overflow: visible;
}
.comment-body {
  margin-left: 50px;
  min-height: 35px;
}
.comment-body a {
  display: inline-block;
  margin: 2px;
  cursor: pointer;
}
.comment-body.noname {
  margin-left: 0;
}
.comment-name, .comment-time {
  font-size: 0.9230769230769231em;
  color: #888;
}
.comment-name {
  margin-right: 5px;
}
.comment-reply {
  margin: 10px 0;
}
.comment-btn-area {
  margin-top: 10px;
  *zoom: 1;
}
.comment-btn-area:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
}
.comment-attachment .dropdown-menu {
  top: auto;
  bottom: 0;
  left: 100%;
}
.attachment-list .attached-file2 {
  display: inline-block;
  max-width: calc(100% - 100px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  color: #777;
}
.attachment-list .attached-file2:hover, .attachment-list .attached-file2:focus, .attachment-list .attached-file2:active {
  color: #478fca;
}
.attachment-list .action-buttons {
  float: right;
}
.flexslider {
  box-shadow: none;
  padding: 5px 18px;
  border: none;
}
hr.double {
  border-top: 3px double #ddd;
}
hr.dotted {
  border-style: dotted;
}
.itemdiv > .user > .whisper-thumb{
  border-color: #C9D6E5;
}
.form-attachments .widget {
  background: #fff;
}
#user-profile .deviceos, #user-profile .device_tel, #user-profile .dev_chk, #user-profile .regdate, #user-profile .device_state, #user-profile .device_model {
  display: inline-block;
  width: 16%;
  vertical-align: middle;
}
 #user-profile .device_tel {
  max-width: calc(20% - 44px);
 }

/* whisper */
#whisper-conv-list .itemdiv > .user {
  left: 40px;
}
#whisper-conv-list .itemdiv > .body {
  margin-left: 80px;
}
#whisper-conv-list .itemdiv > .body > .time {
  right: 0;
}
#whisper-conv-list .itemdiv > .body > .text {
  padding-bottom: 0;
}
#whisper-conv-list .itemdiv > .body {
  margin-right: 0;
}
#whisper-conv-list .message-item label {
  position: absolute;
  left: 12px;
  top: 21px;
}
#whisper-conv-list .message-item .sender {
  width: auto;
  max-width : calc(100% - 130px);
}
.message-item .sender > img[data-image-store]{
  margin-right: 5px;
}
.itemdiv.commentdiv {
  padding-right: 0;
}
.commentdiv .body {
  margin-right: 0;
}
.itemdiv.commentdiv > .body > .name {
  display: inline-block;
  width: auto;
  max-width: calc(100% - 140px)
}
#whisper .itemdiv.commentdiv > .body > .time {
  width: 125px;
  text-align: right;
}
#whisper-list .message-item .summary {
  width: calc(100% - 376px);
}
#whisper-conv-detail {
  background-color: #f1f1f1;
}
#whisper-conv-detail .slimScrollDiv {
  margin: -16px -12px 10px;
  background-color: #fff;
  border-bottom: 1px dotted #ccc;
}
#whisper-conv-detail .dialogs {
  border-bottom: 1px dotted #ddd;
}
#whisper-conv-detail .body:hover, #whisper-conv-detail .body:hover:before {
  background-color: #F4F9FD;
}
#whisper-conv-detail .tools {
  position: static;
  float: right;
}
#whisper-conv-detail .tools a {
  display: inline-block;
  margin: 0 3px;
}
#whisper .message-item .time {
  width: 135px;
}

.cancel-overflow-x {
    overflow-x: visible !important;
}

/* note */
/*
#note .message-navbar {
  margin-bottom: 25px;
  background: none;
  border-width: 0 0 1px;
  line-height: 44px
}
#note .message-list-container {
  padding: 0 12px;
}
#note .message-footer {
  margin-top: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: none;
  border-width: 1px 0 0;
}
#note .message-navbar .nav-search {
  bottom: 15px;
}
*/
#note .message-navbar .messagebar-item-left~.nav-search {
  left: 40px;
}
#note .ace-thumbnails:after {
  content: '';
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
}
#note .ace-thumbnails {
  /* margin: 25px auto; */
  *zoom: 1;
}
#note .ace-thumbnails > li {
  margin: 5px 10px;
  border: none;
}
#note .ace-thumbnails > li > div {
  border: 1px solid #ebebeb;
}
#note .ace-thumbnails > li > div.folder {
  position: relative;
  overflow: hidden;
  width: 270px;
  height: 258px;
  border: none;
  text-align: center;
}
#note .ace-thumbnails > li > div.folder i {
  font-size: 15em;
  line-height: 1;
}
#note .ace-thumbnails > li > div.folder .folder-name {
  display: block;
  margin-top: 10px;
  text-align: center;
  font-size: 1.3em;
}
#note .ace-thumbnails > li.checked .note-check {
  display: block;
}
#note .ace-thumbnails > li.checked .note-uncheck {
    display: none;
}
.note-check {
  position: absolute;
  display: none;
  top: 5px;
  right: 5px;
}
.note-uncheck {
    position: absolute;
    display: block;
    top: 5px;
    right: 5px;
}
.note-check i {
  display: inline-block;
  padding: 0;
  background: #fff;
  border: 1px solid #ddd;
  color: #444;
  font-size: 1.2em;
}
.note-uncheck i {
     display: inline-block;
     padding: 8px;
     background: #fff;
     border: 1px solid #ddd;
     color: #444;
     font-size: 1.2em;
 }

/* ToDo */
.todo-history-action {
  float: right;
}

/* board:view */
.content-view-header .read-history {
  text-align: right;
}

/* board */
.masonry-brick .details {
  font-size: 12px;
}

.masonry-brick .h3-title {
  margin: 0;
}

.flexslider {
  margin-bottom: 0px;
}

/* iframe in IE */
.iframe-position-relative
{
  position:relative !important;
  z-index:10 !important;
}
.z-index-10
{
  z-index:10 !important;
}
.z-index-1000
{
  z-index:1000 !important;
}
/*
.ui-dialog .ui-dialog-titlebar-close:before {
  font-size: 25px;
}

.ui-dialog .ui-dialog-titlebar-close {
  width: 25px;
  height: 25px;
  margin: -15px 0;
}*/

.gritter-dialog {
  position: fixed;
  left: 40%;
  right: 40%;
  top: 40%;
}
.mainnav-menu.ace-nav > li.top-user-info {
  display: block;
  width: auto;
  min-width: 50px;
  height: 45px;
  padding: 0 8px;
  line-height: inherit;
  color: #FFF;
}
.mainnav-menu.ace-nav > li.unf-search{
  padding-top: 5px;
}
.mainnav-menu.ace-nav > li.unf-search form .input-icon > .sch-cate {
  top: 1px;
  left: 0;
  right: auto;
  padding: 0 7px;
  border-right: 1px solid #ddd;
  line-height: 31px;
}
.mainnav-menu.ace-nav > li.unf-search form .input-icon > input {
  padding-left: 40px;
}
.user-info {
  max-width: 150px;
}


/*
.message-item .sender {
  text-overflow: none;
  white-space : pre-wrap;
  height: auto;
  width: 120px;
}
*/

/* Pager*/
.pagination span.ui-icon{
 margin-left: 5px !important;
 padding:1px 0 0 0 !important;
 /*width: 25px;
 height: 25px;
 line-height: 22px;*/
 width: 30px;
 height: 30px;
 line-height: 25px;
 text-align: center;
 color: #808080 !important;
 border: 1px solid #CCC !important;
 background-color: #FFF !important;
 border-radius: 100% !important;
 cursor: pointer;
}
.pagination .disabled span.ui-icon{
   color: #B0B0B0 !important;
   background-color: #F7F7F7 !important;
}
.pagination .ui-separator{
   width:1px !important;
   height: 25px;
   border-right: 2px solid #ccc !important;
   margin-right: 5px !important;
   margin-left: -5px !important;
}
.pagination .ui-pg-selbox {
 font-size:1.0em;
 line-height:18px;
 display:block;
 margin: 0;
}
.pagination .input_paging input{
  padding-top: 4px;
  height:27px;
  margin-top: -4px;
}

.message-footer .pagination>li>span {
  padding: 3px !important;
}

.widget-box-overlay {
  top: 35% !important;
}

.main-calendar .widget-box-overlay, .main-mail .widget-box-overlay, .main-board .widget-box-overlay, .main-todo .widget-box-overlay, .todays-thought .widget-box-overlay {
  background-color: transparent;
}

.main-calendar .widget-box-overlay .white, .main-mail .widget-box-overlay .white, .main-board .widget-box-overlay .white, .main-todo .widget-box-overlay .white , .todays-thought .widget-box-overlay .white {
  color: #ff892a !important;
}

.widget-body .alert:last-child.except {
  margin-bottom: 10px;
}


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

.hide-mobile {
  display: block !important;
}

.ace-file-multiple .ace-file-container:before {
  font-size: 15px;
}

.navbar-fixed-top+.main-container {
  width: 100%;
}

.content-header {
  background-color: #fff;
  min-height: 41px;
  line-height: 40px;
  position: fixed;
  right: 10px;
  left: 204px;
  top: auto;
  z-index: 101;
  /*padding-top: 5px;*/
}

.content-toolbar {
  line-height: 24px;
  padding: 5px 12px;
  border: 1px solid #d6e1ea;
  border-color: #d6e1ea transparent;
  background-color: #f1f5fa;
}

.container-fixed {
  padding-top: 95px;
}

@media only screen and (min-width: 992px) {
  .container-fixed-important{
    padding-top: 139px !important;
  }
}

.container-fixed.calendar-except {
  padding-top: 65px;
}

.container-fixed.split-screen-except {
  padding-top: 0px;
}

.container-fixed.toolbar-except {
  padding-top: 62px;
  margin: 0 5px;
}

.toolbar-container {
  height: 41px;
}

.fc-event {
  cursor: pointer;
}

.diary-list-search .dropdown-menu {
  min-width: 185px;
}

.survey-line {
  border-top: 1px solid #e5e5e5;
  background-color: #f8f8f8;
  margin-top: 10px;
  font-size: 15px;
}

.message-toolbar .btn, .sidebar-shortcuts .btn, .list-type-btn .btn, .mail-activity-reply-btns .btn {
  border-radius: 3px;
}

.message-bar .btn, .message-content .btn
{
    border-radius: 3px;
}

.dropdown-menu {
    border-radius: 5px !important;
}

#my-tab-content:not([data-ephox-mobile-fullscreen-style]) {
  overflow: hidden;
}

#main #aside-container {
  left: auto;
  right: 0;
  padding: 0;
  background-color: #fff;
  position: absolute;
  width: 500px;
  height: auto;
  top: 0;
  bottom: 0;
  min-height: 100vh;
  overflow: hidden;
  visibility: visible;
  z-index: 3;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  -webkit-transition-property: width,padding,left,right;
  -webkit-transition-duration: .35s;
  -webkit-transform: translateZ(0);
  transition-property: width,padding,left,right;
  transition-duration: .35s;
  -webkit-transition-timing-function: ease;
}
#main #aside-container~.main-content {
  padding-right: 500px;
}

#main #aside-container.aside-out {
  right: -500px;
  visibility: hidden;
}

#main #aside-container.aside-out~.main-content {
  padding-right: 0;
}

#punchout-info {
  display: none;
}

.time-punch.time-collapse #punchout-info {
  display: block;
}

.mainnav-menu.ace-nav>li {
  border-left: none;
}

.mainnav-menu.ace-nav>li>a {
  background-color: #438eb9;
}

.mainnav-menu.nav .open>a, .mainnav-menu.nav .open>a:hover, .mainnav-menu.nav .open>a:focus {
  background-color: #438eb9;
}

.popover {
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  padding: 0;
  border-color: #ccc;
  border-width: 1px;
  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 2px 10px rgba(0,0,0,.2);
  box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

.modal-backdrop, .message-loading-overlay, .ui-widget-overlay {
  background-color: rgba(12, 12, 12, 0.12);
}

.mainnav-menu.ace-nav>li>a {
  min-width: 35px;
}

.modal-title {
  font-size: 15px;
}

.article-content:not(b strong a), .article-content *:not(b strong a){
  font-size: 13px;
}
.article-content h1{
  font-size: 2em !important;
}
.article-content h2{
  font-size: 1.5em !important;
}
.article-content h3{
  font-size: 1.3em !important;
}
.article-content h4{
  font-size: 1em !important;
}
.article-content h5{
  font-size: 0.8em !important;
}
.article-content h6{
  font-size: 0.7em !important;
}
.article-content p, .board-content p {
  margin: 0 0 1px ;
}

.article-content.content-view-body.fr-view.word-wrap-break.fix-fr-view table {
  width: 100%;
}
.jMultibox  {
  min-height: 80px;
  /*max-height: 240px;*/
}

.modal.clouddisk .modal-dialog {
  width: 534px;
}

.modal.clouddisk .modal-dialog .modal-content {
  height: 470px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
  box-shadow: 0 5px 15px rgba(0,0,0,.5);
  background-color: #e0e0e0
}

.com-img {
  width: 593px;
  height: auto;
  /*height: 120px;*/
}

/* for summernote  */
.note-toolbar .btn-group>.btn {
  border-radius: 3px !important;
  margin: 0;
}

.note-toolbar .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.note-toolbar .btn-group > .btn:first-child {
  margin-left: 0;
}
.note-toolbar .btn-group > .btn, .note-toolbar .btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.note-toolbar .btn-sm, .note-toolbar .btn-group-sm > .btn {
  padding: 4px 10px;
  font-size: 12px !important;
  line-height: 1.5;
}
.note-toolbar .btn-default {
  color: #333 !important;
  background-color: #fff !important;
  border-color: #ccc !important;
}

.note-toolbar .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0 !important;
}

.note-toolbar .btn-group .btn + .btn, .note-toolbar .btn-group .btn + .btn-group, .note-toolbar .btn-group .btn-group + .btn, .note-toolbar .btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.note-toolbar .btn-group > .btn:last-child:not(:first-child), .note-toolbar .btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.note-toolbar .btn-group>.btn.btn-sm>.caret {
  margin-top: 0px;
  border-width: 4px;
  margin-left: 0px;
  border-top-color: #333;
  font-size: 12px !important;
}

.note-toolbar .btn-group+.btn-sm, .note-toolbar .btn-group>.btn-sm {
  border-width: 1px;
}

.note-toolbar .btn-default:active, .note-toolbar .btn-default:hover, .note-toolbar .btn:active, .note-toolbar .btn:hover, .note-toolbar .open .btn-default.dropdown-toggle, .note-toolbar .open .btn.dropdown-toggle {
  background-color: #e6e6e6 !important;
  border-color: #adadad !important;
}

.note-toolbar .btn-group > .btn + .dropdown-toggle {
  padding: 3px !important;
}

.note-toolbar .note-color .dropdown-toggle {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

/* list 정렬 옵션 select에 top border가 사라집니다. 클래스나 아이디를 부여해서 수정해주세요. - MS

 select.form-control~.form-control {
  border-top: none;
}*/

.up_folder_tree {
  overflow: auto;
  max-height: 150px;
}

.my_folder_tree {
  overflow: auto;
  max-height: 270px;
}

.infobox .infobox-content {
    font-size: 14px;
}

/* sms */
.btn-sp-char a {
  display: inline-block;
  margin: 5px;
  padding: 6px 12px 8px;
  border: 1px solid #ccc;
  border-bottom-width: 2px;
  border-radius: 4px;
  color: #444;
  font-size: 14px;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
}
.btn-sp-char a:hover, .btn-sp-char a:active, .btn-sp-char a:focus {
  background-color: #ebebeb !important;
  border-color: #ccc;
  color: #3a3434;
}
.sms-sender-list {
  margin-bottom: 15px;
}
.sms-sender-list li {
  position: relative;
  margin-bottom: 3px;
  padding-left: 30px;
}
.sms-sender-list li .radio {
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
}
.sms-sender-list li .radio + span {
  display: inline-block;
  padding-top: 7px;
}
.sms-list .message-item > span, .fax-list .message-item > span {
  overflow: hidden;
  display: inline-block;
  margin: 0 6px 0 4px;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sms-list .message-item .sms-subject {
  width: 150px;
}
.sms-list .message-item .action-buttons, .fax-list .message-item .action-buttons, .fax-list .message-item .fax-status {
  float: right;
  width: 60px;
}
.sms-list .message-item .summary {
  max-width: calc(100% - 280px);
}
.fax-list .message-item .summary {
  max-width: calc(100% - 590px);
  min-width: 100px;
}
.fax-list .message-item .time {
  width: 130px;
}
th .sort-option {
  color: #aaa;
}
.fax-thumbnail img {
  width: 100px;
  margin: 3px;
  padding: 3px;
  /* border: 1px solid #eee; */
}
.sms-service-switch .form-group {
  padding-top: 5px;
  border-top: 1px solid #eee;
}
.sms-service-switch .form-group:first-child {
  padding-top: 0;
  border-top: none;
}
.sms-used-info {
  width: 100%;
  margin-bottom: 20px;
}
.sms-used-info .profile-info-name {
  width: 30%;
}
.sms-used-list-tb {
  margin-bottom: 0;
}
.sms-used-list-tb th {
  min-width: 100px;
}
.sms-static-tb th, .sms-static-tb td {
  width: 20%;
  text-align: center;
}
.table-bordered.sms-static-tb thead tr:first-child th:last-child {
  border-width: 1px;
}
.sms-static-tb tfoot th, .sms-static-tb tfoot td {
  color: #3c763d;
  background-color: #dff0d8;
}
.fax-edit-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 0;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.fax-edit-menu:before {
    border-bottom: 7px solid rgba(0,0,0,.2);
    -moz-border-bottom-colors: rgba(0,0,0,.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    left: 9px;
    position: absolute;
    top: -7px;
}
.fax-edit-menu:after {
    border-bottom: 6px solid #FFF;
    -moz-border-bottom-colors: #FFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
}
.fax-edit-menu > li > a {
    display: block;
    margin: 1px 0;
    padding: 3px 11px;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.fax-edit-menu > li:hover > a, .fax-edit-menu > li:active > a, .fax-edit-menu > li:focus > a {
    background: #efefef;
}
.fax-edit-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.fax-edit-menu .divider:before {
    content: "";
    display: inline-block;
}

/* context menu */

.context-menu {
  position: absolute;
  z-index: 99999;
}
/* for pnotify */
.ui-pnotify.notification-wrap {
    right: 10px;
}
.ui-pnotify.notification-wrap .ui-pnotify-container {
  width: 330px;
  padding: 15px;
  background: rgba(5, 31, 43, 0.9);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6051f2b,endColorstr=#e6051f2b);  /* for lt ie8 */
  *zoom: 1; /* for lt ie7 */
  border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #fff;
}
.ui-pnotify.notification-wrap .ui-pnotify-title {
  word-break: break-all;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ui-pnotify.notification-wrap .ui-pnotify-icon{
  line-height: 1;
}
.ui-pnotify.notification-wrap .ui-pnotify-icon span {
  color: #feb902;
  font-size: 3rem;
}
.ui-pnotify-closer{
  color: red !important;
}
.ui-pnotify-sticker{
  color: #69aa46 !important;
}
.ui-pnotify.notification-wrap .ui-pnotify-closer, .ui-pnotify.notification-wrap .ui-pnotify-sticker {
  margin-top: 0px;
  padding: 0 3px;
  color: #888;
  visibility: visible !important;
  font-size: 1.4em;
}
.ui-pnotify.notification-wrap .noti-author, .ui-pnotify.notification-wrap .noti-date {
  display: inline-block;
  font-size: .8461538461538462rem;
  color: #d3d3d3;
}
.ui-pnotify.notification-wrap .noti-author {
  width: auto;
  max-width: calc(100% - 140px);
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  font-size: 13px;
}
.ui-pnotify.notification-wrap .noti-date {
  width: 120px;
  font-size: 13px;
  margin-top: 1px;
  float: right;
}
.ui-pnotify.notification-wrap .noti-date span {
  color: #f4b41d;
  font-size: 13px;
}
.ui-pnotify.notification-wrap .ui-pnotify-container h4{
  max-height: 36px;
  overflow: hidden;
}
.ui-pnotify.notification-wrap .ui-pnotify-menu-title .noti-menu p{
  color: #f4b41d;
  font-size: 20px !important; /* fix overwrite font-size in co-manage */
  font-weight: 600;
  margin-bottom: 0px;
  text-transform: capitalize;

}
.ui-pnotify-text:before {
  content: "";
  clear: both;
  display: block;
  overflow: hidden;
  height: 0;
}

/* comment modal */
.modal-body.write-comment {
  margin: 0;
}
.modal-body.write-comment .form-attachments {
  margin: 5px 0;
  border: 1px solid #ddd;
}
#board-tab img:not(.smilie) {
  height: auto !important;
}

/*narrow padding option*/
body.narrow .dashboard .top-wrap, body.narrow .dashboard .box-body {
  padding: 3px;
}
body.narrow .dashboard .box-title {
  padding: 3px 6px;
}
body.narrow .dashboard .box-item {
  margin-top: 3px;
  padding-bottom: 3px;
}
body.narrow .crm-dashboard .widget-header-large {
  min-height: 30px;
}
body.narrow .crm-dashboard .widget-header-large>.widget-title, body.narrow .crm-dashboard .widget-header-large>.widget-toolbar {
  line-height: 30px;
}
body.narrow .main-navi > .nav-menu-react > nav {
  padding: 3px 80px 3px 3px;
}
body.narrow .sidebar .nav > li > a {
  padding: 5px;
}
body.narrow .nav-list > li .submenu > li > a {
  padding-top: 3px;
  padding-bottom: 3px;
}
body.narrow .nav-list > li > .submenu > li:before {
  top: 13px;
}
body.narrow .nav-list > li > a > .arrow {
  top: 2px;
}
body.narrow .nav-list > li a > .arrow, body.narrow .nav-list > li > .submenu a > .arrow {
  height: 25px;
  width: 25px !important;
  right: 5px;
}
body.narrow .nav-list > li > .submenu a > .arrow:before {
  padding-top: 5px;
}
body.narrow .list-title, body.narrow .message-item,
body.narrow .message-wrapeds {
  padding: 3px;
  min-height: 28px;
}
body.narrow .message-item.list-title:not(.no-fixed):not(tr) {
  height: 33px;
  margin-top: -33px;
}
body.narrow .message-list:not(.no-list-title) {
  margin-top: 33px;
}
body.narrow .nav-list>li:before {
  height: 32px;
}
body.narrow #mail-tab-content .message-item[repeat-complete="listMail"] .size:after {
  top: 0;
}
body.narrow .table>tbody>tr>td, body.narrow .table>tbody>tr>th, body.narrow .table>tfoot>tr>td, body.narrow .table>tfoot>tr>th, body.narrow .table>thead>tr>td, body.narrow .table>thead>tr>th {
  padding: 3px;
}
body.narrow .message-item .progress {
  margin-bottom: 0;
}
body.narrow .search-condition {
  margin-bottom: 10px;
}
body.narrow .helpdesk-ticket-toolbar {
  padding-left: 3px;
  padding-right: 3px;
}
body.narrow .helpdesk-ticket-toolbar .messagebar-item-left {
  left: 3px;
}
body.narrow .helpdesk-ticket-toolbar .messagebar-item-right {
  right: 3px;
}
body.narrow .comment-list li {
  padding: 3px;
}
body.narrow .form-horizontal hr, body.narrow .form-horizontal .hr, body.narrow .form-group ~ hr,
body.narrow .content-view-wrap hr,
body.narrow .tab-pane hr {
  margin-top: 3px;
  margin-bottom: 3px;
}
body.narrow .form-group,
body.narrow .table {
  margin-bottom: 0;
}
body.narrow .form-actions {
  margin-top: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
body.narrow .message-content {
  padding: 5px;
}
body.narrow .widget-main .tb-top-btns, body.narrow .widget-main:not('.no-padding') {
  padding: 5px;
}
body.narrow .content-view-header {
  padding-bottom: 3px;
}
body.narrow .content-view-body.box-generic, body.narrow .header {
  margin-top: 3px;
  margin-bottom: 3px;
}
body.narrow .charge-plan-datatb {
  margin: 0;
}
body.narrow .widget.widget-tabs .customer-tab {
  margin-top: 5px;
}
body.narrow .customization-category-list li {
  padding: 3px;
}
body.narrow .custom-field-wrap, body.narrow .custom-module-wrap, body.narrow .custom-section-wrap {
  margin-top: 0;
  margin-bottom: 3px;
  padding: 3px;
}
body.narrow .custom-layout .widget-main .field-item {
  margin-bottom: 3px;
  padding: 3px;
}
body.narrow .timeline-item, body.narrow .timeline-container {
  margin-bottom: 1px;
}

/*normal padding option*/
body.normal .dashboard .top-wrap, body.normal .dashboard .box-body {
  padding: 10px;
}
body.normal .dashboard .box-title {
  padding: 6px 10px;
}
body.normal .dashboard .box-item {
  margin-top: 5px;
  padding-bottom: 5px;
}
body.normal .crm-dashboard .widget-header-large {
  min-height: 40px;
}
body.normal .crm-dashboard .widget-header-large>.widget-title, body.normal .crm-dashboard .widget-header-large>.widget-toolbar {
  line-height: 40px;
}
body.normal .main-navi > .nav-menu-react > nav {
  padding: 6px 90px 6px 6px;
}
body.normal .sidebar .nav > li > a {
  padding: 7px 12px;
}
body.normal .nav-list>li:before {
  height: 36px;
}
body.normal .nav-list > li .submenu > li > a {
  padding-top: 5px;
  padding-bottom: 7px;
}
body.normal .nav-list > li > .submenu > li:before {
  top: 15px;
}
body.normal .nav-list > li > a > .arrow {
  top: 3px;
}
body.normal .nav-list > li > .submenu a > .arrow:before {
  padding-top: 8px;
}
body.normal .list-title, body.normal .message-item,
body.normal .message-wrapeds {
  padding: 5px;
}
body.normal .message-item.list-title:not(.no-fixed):not(tr) {
  height: 37px;
  margin-top: -37px;
}
body.normal .message-list:not(.no-list-title) {
  margin-top: 37px;
}
body.normal #mail-tab-content .message-item[repeat-complete="listMail"] .size:after {
  top: 0;
}
body.normal .table>tbody>tr>td, body.normal .table>tbody>tr>th, body.normal .table>tfoot>tr>td, body.normal .table>tfoot>tr>th, body.normal .table>thead>tr>td, body.normal .table>thead>tr>th {
  padding: 6px;
}
body.normal .message-item .progress {
  margin-bottom: 0;
}
body.normal .search-condition {
  margin-bottom: 20px;
}
body.normal .helpdesk-ticket-toolbar {
  padding-left: 7px;
  padding-right: 7px;
}
body.normal .helpdesk-ticket-toolbar .messagebar-item-left {
  left: 7px;
}
body.normal .helpdesk-ticket-toolbar .messagebar-item-right {
  right: 7px;
}
body.normal .comment-list li {
  padding: 6px;
}
body.normal .form-horizontal hr, body.normal .form-horizontal .hr, body.normal .form-group ~ hr,
body.normal .content-view-wrap hr,
body.normal .tab-pane hr {
  margin-top: 6px;
  margin-bottom: 6px;
}
body.normal .form-group,
body.normal .table {
  margin-bottom: 7px;
}
body.normal .form-actions {
  margin-top: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
}
body.normal .message-content {
  padding: 10px 8px;
}
body.normal .widget-main .tb-top-btns, body.normal .widget-main:not('.no-padding') {
  padding: 5px;
}
body.normal .content-view-header {
  padding-bottom: 5px;
}
body.normal .content-view-body.box-generic, body.normal .header {
  margin-top: 5px;
  margin-bottom: 5px;
}
body.normal .charge-plan-datatb {
  margin: 0;
}
body.normal .widget.widget-tabs .customer-tab {
  margin-top: 17px;
}
body.normal .customization-category-list li {
  padding: 5px 7px;
}
body.normal .custom-field-wrap, body.normal .custom-module-wrap, body.normal .custom-section-wrap {
  margin-top: 1px;
  margin-bottom: 4px;
  padding: 5px 7px;
}
body.normal .custom-layout .widget-main .field-item {
  margin-bottom: 6px;
  padding: 4px;
}
body.normal .timeline-item {
  margin-bottom: 4px;
}
body.normal .timeline-container {
  margin-bottom: 15px;
}

/* no-navbar */
body.no-navbar .navbar {
	display: none;
}
body.no-navbar .navbar-fixed-top+.main-container {
	padding-top: 0;
}
@media only screen and (min-width: 991px) {
	body.no-navbar .main-widget-body.big:not(.always-top) {
		margin-top: 0;
	}
	.sidebar-resizer {
		top: 0;
	}
}

/* 상세 검색 */
.search-detail {
	padding: 10px;
  background-color: #f1f5fa;
	border: 1px solid #d6e1ea; 
	border-top-width: 0;
}
.search-detail .sch-btn {
	text-align: center;
}
.search-detail > div > div[class^='col-'] {
	margin: 5px 0;
}

.skin-2  .search-detail {
 	background-color: #faf1f4;
 	border-color: #ead6dc;
}
.skin-3 .search-detail {
  background-color: #f4f4f4;
  border-color: #ddd;
} 
.skin-4 .search-detail {
  background-color: #fcfcfd;
  border-color: #e8e8e8;
} 
 

@media only screen and (max-width : 1224px) {
  .contacts-list-type2 {
  	width: 50%;
  	max-width: calc(50% - 10px);
  }
    .message-item.list-title:not(.no-fixed):not(tr) {
        right: 0;
    }
}
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
  .contacts-list-type2 {
    width: 25%;
    max-width: calc(25% - 10px);
  }
}
@media (min-width: 992px) {
  .navbar-fixed-top+.main-container #tabbar.sidebar.navbar-collapse.collapse {
    display: none !important;
  }
}

@media only screen and (max-width: 991px) {
	html, body, object, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset,
	form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea, span, a, div, label, button {
		font-size: 15px;
    -webkit-overflow-scrolling: touch;
  }
  .input-group span {
    font-size: 1em;
  }

  /* large font */
  .large .message-item {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .large .message-item .summary .text  {
    height: 22px;
    font-size: 18px;
    line-height: 22px;
  }
  
  #board_content.content-view-body img:not(.smilie) {
    height: auto !important;
  }
  .message-item.list-title:not(.no-fixed):not(.device-lists):not(tr) {
    right: 0;
  }
  
  /* mobile toolbar buttons & checkbox */
  .message-navbar {
    padding-top: 4px;
    line-height: 29px;
  }
  .message-navbar .message-bar {
    min-height: 38px;
    line-height: 38px;
  }
  .message-navbar .nav-search {
    bottom: 10px;
  }
  .message-navbar .message-bar .btn, .message-navbar .messagebar-item-left .btn, .message-navbar .messagebar-item-right .btn,
  .fc-button-group > .btn, .fc-button > .btn, .calendar-quick-view .btn,
  .write-form.project-chart-filter .widget-toolbox .btn,
  .cloud-upload-modal .btn-group .btn {
    min-height: 35px;
    font-size: 1.1em;
  }
  .message-navbar .message-bar .btn,
  .fc-button-group > .btn, .fc-button > .btn, .calendar-quick-view .btn,
  .write-form.project-chart-filter .widget-toolbox .btn,
  .cloud-upload-modal .btn-group .btn {
    min-width: 42px;
    border-radius: 0;
    -webkit-border-radius: 0;
  }
  .container-fixed {
    padding-top: 91px;
    /*padding-top: 51px;*/
  }
  /* Fix addrbook list have filter alphabet */
  .container-fixed.filter-alphabet-contact { 
    /* 69px is height of filter-contact -> total padding : 91 + 69 */
    padding-top: 160px;
  }
  .container-fixed-detail{
    padding-top: 91px !important;
  }
  .container-fixed.calendar-except {
    padding-top: 51px;
  }
  .container-fixed.toolbar-except {
    padding-top: 50px;
  }
  input[type=checkbox].ace+.lbl::before, input[type=radio].ace+.lbl::before {
    min-width: 20px;
    height: 20px;
    line-height: 20px;
  }
  /*.message-item input[type=checkbox].ace+.lbl::before, .message-item input[type=radio].ace+.lbl::before {
    margin-right: 10px;
  }*/
  .list-type-btn.btn-group .btn {
    line-height: 31px;
    min-width: 35px;
  }
  .hday-provider-tabs .desktop-toolbar-tab > a {
    min-width: 42px;
    text-align: center;
    line-height: 30px;
  }
  .note-toolbar .btn-sm, .note-toolbar .btn-group-sm > .btn {
    padding: 5px 10px;
  }

  .note-toolbar .note-color .dropdown-menu {
    left: -160px;
  }

  /*.modal-dialog {
    width: auto !important;
  }*/

  .navbar .navbar-collapse {
    border: none;
  }

  .nav-list > li.active.open > a:after {
    display: none;
  }

    .message-navbar {
        border-left: none;
        border-right: none;
    }

  #menubar .navbar-nav:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    *zoom: 1;
  }
  #menubar .navbar-nav > li {
    float: left;
    width: 50%;
    border: 1px solid rgba(255,255,255,0.08);
    border-width: 0 0 1px 0;
  }
  #menubar .navbar-nav > li:nth-child(odd) {
    border-right-width: 1px;
  }

    .article-content:not(b strong a), .article-content *:not(b strong a){
    font-size: 15px;
  }

  .message-item .attachment {
    font-size: 13px;
  }
  .comment-name, .comment-time {
    font-size: 11px;
  }

  .main-content {
    margin-left:0 !important;
  }

  .content-container {
    padding: 0;
  }

  .content-header {
    left: 0 !important;
    right: 0 !important;
  }

  .content_form {
    padding: 10px;
  }

  .sidebar.menu-min~.main-content .content-header {
    left: 0 !important;
  }

  .sidebar.menu-min~.main-content {
    margin-left: 0 !important;
  }

  #note-tab-content .content-header {
    left : 0 !important;
  }
  .tree-side-title {
    display: none;
  }

  .sidebar .sidebar-shortcuts-large {
    line-height: 50px;
  }
  /*

  .navbar.h-navbar {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  }*/

  .main-container {
    /*padding-top: 0 !important;*/
  }

  /*
  .alert {
    margin: 5px;
  }
  .article-content, .article-content * {
    font-size: 18px !important;
  }
  */

  #main-tab-head {
    display: none !important;
  }

  .sidebar-resizer {
     display:none;
  }

    html body .hide-on-desktop, html body .hide-on-desktop.navbar-collapse.collapse.in {
        display:block !important;
    }
    html body .hide-on-desktop.inline {display: inline-block !important;}
    /*
  .content-container .message-navbar {
    border-top: none;
  }*/

  .content-container .message-navbar .message-toolbar button i + span {
     display:none;
  }

  .hide-on-mobile {
     display:none !important;
  }

  .navbar-fixed-top+.main-container #tabbar.sidebar.navbar-collapse {
    z-index: 1028;
  }

  #tabbar li button.btn-hide-tab {
     width:30px;
     height:100%;
     right:0px;
  }

  #tabbar li button.btn-tab-more {
     width:30px;
     height:100%;
     right:10px;
  }
  .main-content > .widget .widget-head.subtab-fixed {
    display: none;
  }

  /*
  .main-navi .btn-clouddisk, .hide-on-desktop .mini-clouddisk {
    display: none;
  }
  */

  /*.page-content {
    padding: 0;
  }*/

  /*

  .tab-content.content-fixed {
    top: 0px;
  }

  .hidden-submenu .tab-content.content-fixed {
    top: 0;
  }
  */

  /*
  .sidebar.tree-fixed {
    top: 39px;
  }*/

  .message-item {
    border-left-width: 0;
    border-right-width: 0;
  }

  .content-container .page-tab-header{
    display: block;
  }

  .content-container .page-header {
    display: none;
  }
  /*
  .message-content {
    padding: 0;
  }
  */
    .navbar-brand {
    display: none;
  }

  #main-menu-title {
    display: block;
  }

    #main-menu-title a {
        font-size: 20px !important;
        color: #fff;
     }

  .dropdown-menu>li>a {
    font-size: 15px;
  }

  .navbar .navbar-nav>li>a {
    font-size: 15px;
  }

  .main-menu ul.sub-menu>li {
    border-bottom: none;
  }

  .main-menu ul.sub-menu>li>a {
    border-radius: 4px !important;
  }

  .main-menu ul.sub-menu>li:last-child {
    padding-bottom:5px;
  }
  #today-thought .itemdiv>.body>.time {
    font-size: inherit;
  }

  #main .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  /*
  .navbar-nav .main-menu.open .dropdown-menu>li>a:hover, .navbar-nav .main-menu.open .dropdown-menu>li>a:focus {
    background-color: #d74b4b !important;
  }*/

  /* .btn-back-message-list {
    display: none;
  } */
  .main-mail .message-item .sender, .main-mail .message-item .time, .main-board .message-item .sender, .main-board .message-item .time,  .main-todo .message-item .sender, .main-todo .message-item .time, #today-thought .time span, #today-thought .name a {
    font-size: 12px;
  }
  .main-mail .message-item .sender, .main-board .message-item .sender {
    /*margin-left: 20px;*/
    margin-left: 0px;
  }
  .main-mail .message-item .summary, .main-board .message-item .summary, .main-todo .message-item .summary {
    width: 100%;
    /*max-width: calc(100% - 20px);
    margin-left: 20px;*/
    margin-left: 0px;
  }

  .main-mail .message-item, .main-board .message-item, .main-todo .message-item {
    padding: 8px 4px;
  }

  .message-item
  .user-info {
    display: none;
  }
  .comment-list li {
    padding: 10px 0;
  }
  .replyline > .comment-body:before {
    left: 16px;
  }
  .comment-action a, .todo-history-action a, #todo-to .history-content .comment-time a {
    padding: 3px 0 3px 3px;
    font-size: 1.35em;
  }
  .inbox-download-list li a {
    /*width: 22%;*/
  }
  .dropdown-header.mobile-dl-sw {
    border-top: none;
  }
    .message-content:not([data-ephox-mobile-fullscreen-style]) {
        overflow-y: auto;
    }

  /* sms fax */
  .fax-list .message-item .summary {
    width: auto;
    max-width: calc(100% - 110px);
  }
  .fax-list .message-item .summary .text {
    max-width: 100%;
  }

  /* whisper */
  #whisper .message-item .time {
    width: 150px;
  }

    /* approval */
  #note .ace-thumbnails > li > div.folder i {
    font-size: 13em;
  }
  .navbar.navbar-collapse .navbar-buttons>.ace-nav {
    text-align: right;
  }
  /* circular */
  .message-item.circular-list .time {
    width: 90px;
  }
  .message-item.circular-list .circular-status ~ .summary {
    max-width: calc(100% - 300px);
    min-width: 0;
  }

  /* organinzation */
  .org-user-profile .message-item .user-name {
    max-width: calc(100% - 600px);
  }

  /* employment */
  .list-job-posting .period {
    width: 190px;
  }
  .list-applicant .message-item .time {
    width: 80px;
  }
  .list-applicant .message-item .summary {
    max-width: calc(100% - 370px);
  }

  .contacts-list .folder, .contacts-list .group {
    display: none;
  }
  .contacts-list .user {
    max-width: calc(100% - 500px);
  }
  /*.contacts-list .email {
    width: 200px;
  }
  .contacts-list .tel {
    width: 50px;
  }*/
  .contacts-list-type-wrap .message-item .tel {
  	width: 180px;
  }

  .filter-list dt, .filter-list dd, .sort-option-list li {
    font-size: 13px;
  }
  .resource-list .message-item .time {
    width: 80px;
  }
  .resource-list .message-item .summary  {
    max-width: calc(100% - 660px);
  }
  .holiday-manage .etcview {
    width: 80px;
  }

  /* fullcalendar */
  .fc-toolbar .fc-left {
    float: none;
    margin-bottom: 10px;
    text-align: left;
  }
  .fc-toolbar .fc-left select {
    width: 100%;
  }
  .fc-toolbar .fc-right {
    float: none;
    text-align: right;
  }
  .btn_add_grp .input-group {
    margin: 3px 0;
  }

  .menubar{
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #438eb9;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    pointer-events: auto;
    top: 40px;
    height: 400px;
    opacity: 1;

    -webkit-box-shadow: 0px 7px 5px 0px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px 7px 5px 0px rgba(0, 0, 0, 0.41);
    box-shadow: 0px 7px 5px 0px rgba(0, 0, 0, 0.41);
  }

  .menubar.menubar-hide{
    -webkit-transform: translate3d(0, -125%, 0);
    -moz-transform: translate3d(0, -125%, 0);
    -o-transform: translate3d(0, -125%, 0);
    transform: translate3d(0, -125%, 0);
    opacity: 0;
    pointer-events: none;
  }

  .navbar .navbar-brand{
    height: 100%;
  }

  #navbar-container{
    height: 40px;
  }

  #menu-toggler:before {
      content: "";
      display: block;
      width: 100px;
      height: 40px;
      top: -5px;
      position: absolute;
  }

  #navbar-container > *:not(#menubar) {
      z-index: 10;
  }

  #navbar-container #user-toggler, #navbar-container #hanSidebarOpen{
    z-index: 11;
  }

  #hanSidebarOpen .badge[count-area] {
    position: absolute;
    top: 0;
    right: 0;
  }

  .sidebar.responsive.menu-min, .sidebar.responsive.menu-min > div:first-child{overflow: visible !important;}
  .sidebar.menu-min .nav-list>li>.submenu{
      overflow-y: scroll !important;
      overflow-x: hidden;
      max-height: 250px;
  }
  .radio-inline {
    margin-left: 0px !important;
  }
  .form-group .radio label:first-child{
    padding-left: 20px !important;
  }

  .sidebar.sidebar-fixed, .sidebar-resizer{
    z-index: 1027 !important;
  }
}

/*
 * GENERAL MOBILE (Applies to all resolutions below 979px)
 */

@media only screen and  (max-width: 979px) {
  .main-menu ul.sub-menu>li {
    border-bottom: none;
  }
}

@media only screen and (max-width: 550px) {
  .checkbox > label{
      padding-left: 0;
      width: 100%;
  }
  .container-fixed.toolbar-except{
    padding-top: 91px;
  }
  .message-item > label:before,
  .message-item > .message-wrapeds > label:before{
      content: '';
      display: block;
      position: absolute;
      height: 40px;
      width: 40px;
      z-index: 10;
  }
  .contacts-list .email, #org-list .email {
    width: 40px;
    z-index: 10;
    height: 30px;
    text-align: center;
  }  
  .contacts-list label ~ .tel, #org-list label ~ .tel {
    width: 40px;
    z-index: 10;
    height: 30px;
    text-align: center;
  }
  .comment-body .board-content, .comment-body .board-content p,
  .comment-body .comment-attachment .attachment-title span, .comment-body .comment-attachment .attachment-title span a, .comment-body .comment-attachment .attachment-list li a span  {
    font-size: 13px;
  }
  .message-toolbar .dropdown-menu li a, .message-toolbar .dropdown-menu li a i, .message-toolbar .dropdown-menu li a span {
    font-size: 1em !important;
  }
  .message-item .summary, .message-item .certificate-type {
    margin-top: 0;
    margin-left: 42px !important;
  }
  .manage-box-list .message-item .summary, .org-dept-history .message-item .summary, .list-question .message-item .summary, .list-assessment .message-item .summary,
  .list-appointment .message-item .summary, .list-resigner .message-item .summary, .list-consulting-data .message-item .summary, .list-memo .message-item .summary {
    margin-left: 4px !important;
  }
  .message-item .main-summary .text {
    max-width: 95%;
  }
  /*.sender-info .info-list {
    padding-top: 0 !important;
  }*/
  .sender-info .info-list, .sender-info .info-list span, .sender-info .info-list .nview, .sender-info .info-list .sender, .sender-info .info-list .sender .time, .content-view-header .regdate-mobile span {
    font-size: 11px !important;
  }
  .sender-info .info-list i {
    font-size: 1em !important;
  }
  .content-view-header .regdate-mobile {
    display: block;
  }
  .author-thumb {
    width: 35px;
    height: 35px;
  }
  .sender-info {
    min-height: 35px !important;
  }
  .show-mobile {
    display: block !important;
  }
  .hide-mobile {
    display: none !important;
  }
  /*.comment-name {
    font-size: 13px !important;
  }*/

  #diary-list .message-item .time, #report-list .message-item .time {
    width: 65px;
  }

  .list-search{transition: all .15s}
  .list-search:not(.mobileClick){
      overflow: hidden;
      min-width: 40px;
  }
  .list-search.mobileClick{
      position: absolute;
      left: 0 !important;
      right: 0;
      top: 0;
      width: 100% !important;
      margin: auto;
      float: none;
      z-index: 10;
      width: max-content;
  }

  .list-search.mobileClick .input-icon > input{
      width: 100%;
      max-width: 100%;
      border: 0;
      border-bottom: 1px solid #ccc;
      height: 46px !important;
      border-radius: 0 !important;
      background: #dfe9ef !important;
      opacity: 1;
  }

  .list-search:not(.mobileClick) > .form-search *:not(.nav-search-icon):not(.input-icon){opacity: 0 !important}

  .list-search.mobileClick .input-icon>.ace-icon,
  .list-search.mobileClick .input-icon>.dropdown-toggle{
      top: 9px !important;
  }
  .list-search.mobileClick .input-icon>.dropdown-toggle:before{
      content: "";
      display: block;
      width: 50px;
      height: 40px;
      position: absolute;
      top: -8px;
      right: -20px;
  }
  .list-search.mobileClick .input-icon>.dropdown-menu{
      width: 100%
  }
  .list-search .nav-search-input:hover~.nav-search-icon, .list-search:hover .nav-search-icon{
      border: 1px solid;
      border-radius: 100%;
      padding: 0 5px!important;
  }
  .list-search.mobileClick .nav-search-icon{
      border: 0 !important;
      border-radius: 0 !important;
      padding: 0 3px !important;
      background: #dfe9ef !important;
  }
  .list-search.mobileClick .input-icon{
      float: none !important;
  }
  
  /* Harry: Disable sidebar-collapse on mobile (small devices); */
  #sidebar .sidebar-collapse{opacity: 0; pointer-events: none;}

  .ui-pnotify.notification-wrap .ui-pnotify-container{width: 100%;}
  .ui-pnotify-mobile-able.ui-pnotify{width: 100% !important}

  /* Harry: Fix dynatree on mobile; */
  span.dynatree-expander{
      position: relative;
  }
  span.dynatree-expander:after{
      content: "";
      position: absolute;
      width: 30px;
      height: 30px;
      top: 0;
      left: 0;
  }
  ul.dynatree-container li{
      padding: 6px 3px 6px 18px !important;
  }
  .widget-toolbar.toolbar-for-dept{
      float: none;
      padding: 0;
      width: 100%;
  }
  .widget-toolbar.toolbar-for-dept:before{
      border: none;
  }
  .widget-toolbar.toolbar-for-dept > label{
      width: 45%;
      white-space: nowrap;
  }
  .mail-org .nav-tabs>li{
      width: 100%;
  }
  .mail-org .nav-tabs>li.active:before {
      content: "»";
      position: absolute;
      right: 10px;
      color: #000;
      z-index: 10;
      top: 4px;
      font-size: 18px;
  }
  .widget-toolbar.toolbar-for-to{
      margin-top: 10px;
  }
  .list-search .input-icon>.ace-icon {
      left: 15px !important;
  }
}

@media (min-width: 768px) {
  .mainnav-menu > li > .dropdown-menu {
    top: 97%;
    /* border-color: #ccc; */
  }
  .save-permiter-mng {
    float: left;
  }
  .search-album{
    /*left: 90px !important;*/
  }
}

/* MOBILE LAYOUT STARTS HERE */


/*
 * IPAD HORIZONTAL
 */
@media only screen and  (min-width: 768px) and (max-width: 991px) {
  #navbar.navbar.navbar-collapse .navbar-container .navbar-toggle {
    display: block;
  }

  .navbar-collapse.collapse {
    display: none !important;
    border-top: 1px solid rgba(255,255,255,0.4);
  }

  .navbar-collapse.collapsing, .navbar-collapse.collapse.in {
    display: block !important;
  }

  .navbar-menu .navbar-nav {
    float: none;
  }
  .navbar-menu .navbar-nav>li {
    float: none;
  }

  .navbar-menu.navbar-collapse.collapse {
    overflow-y: auto !important;
  }

  #tabbar .navbar-nav li > a {
    border-radius: 4px;
    margin: 2px 0;
  }

  #tabbar .dropdown-menu.sub-menu {
    margin-left: 15px;
  }

  #tabbar .dropdown-menu.sub-menu li > a{
    border-radius: 4px;
  }
  .main-usage {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .user-min .user-info {
    margin-top: 45px;
    font-size: 12px;
    z-index: 1035;
    color: #333;
  }
  /* .tooltip {
    display: none !important;
  }
  */
}

@media only screen and (max-width: 479px) {
  /* angular editor */
  .wysiwyg-toolbar div.btn-group:nth-child(5), .wysiwyg-toolbar div.btn-group:nth-child(6),
  .wysiwyg-toolbar div.btn-group:nth-child(7), .wysiwyg-toolbar div.btn-group:nth-child(8),
  .wysiwyg-toolbar div.btn-group:nth-child(9), .wysiwyg-toolbar div.btn-group:nth-child(12),
  .wysiwyg-toolbar div.btn-group:nth-child(3), .wysiwyg-toolbar div.btn-group:nth-child(11) {
      display:none;
  }

  .fc-event-inner .fc-event-time {
    display: none;
  }
  .login-extra {
    display: none;
  }

  .navbar-header .ace-nav>li:nth-last-child(2)>.dropdown-menu.dropdown-menu-right {
    right: -60px;
    left: auto;
  }
  li.open .user-info {
    display: none !important;
  }

  /*
  .navbar-fixed-top.navbar-collapse+.main-container {
    padding-top: 0;
  }*/
  .profile .profile-user-info-striped .profile-info-value {
    margin-left: 0;
  }
  .fc-header .fc-header-center {
    text-align: center;
  }
  .fc-header .fc-header-right {
    text-align: right;
  }

  .main-usage {
    width: 100%;
    max-width: none;
  }
}

@media only screen and  (min-width: 640px) and (max-width: 1023px) {
  .message-list .ace-thumbnails {
    margin: 0 auto;
    width: 585px;
  }
}

/*
 * IPAD VERTICAL
 */
@media only screen and  (min-width: 768px) and (max-width: 880px) {

  /*Hybrid Dashboard icon*/
  .container-main-navi:not(.hybrid) > div {
      width: 200px;
      height: 150px;
  }

  .container-main-navi > div a {
    border: none;
    background-color: transparent;
    color: #fff;
  }

  .container-main-navi > div > a {
    padding: 50px;
    font-size: x-large;
  }

  .dashboard{
    padding : 0px !important;
  }

  .dashboard,
  .boxes-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: #fff;
  }
}

.sidebar.sidebar-fixed{
  z-index: 102;
}

/*
 * OTHER DEVICES
 */
@media only screen and  (max-width: 767px) {
  /* mobile large font start */
  .large-font .infobox > .infobox-data > .infobox-text,
  .large-font #addrbook-tab-content .manage-company-folder .widget-title span,
  .large-font .folder_edit_form .widget-header h6,
  .large-font .mobile_sync_form .widget-header h6,
  .large-font .admin-company-schedule .widget-header span,
  .large-font #mail_setting_form .widget-header .widget-title, .large-font .setting-mail-folders .form-group label, .large-font .setting-mail-folders .form-group div,
  .large-font #diary_setting_form .widget-title,
  .large-font .setting-task-folders .widget-title,
  .large-font #project_setting_form .widget-title,
  .large-font .setting-expense .widget-title,
  .large-font .setting-contact .widget-title,
  .large-font .timecard-admin .widget-title,
  .large-font .holiday-settings .widget-title,
  .large-font .org-view-table .profile-info-name, .large-font .org-view-table .profile-info-value span,
  .large-font .sms-breakdown-list .widget-title, .large-font .fax-breakdown .widget-title,
  .large-font .set-authorize .widget-title,
  .large-font .manage-dept .widget-title,
  .large-font .approval-new-form-list .widget-title,
  .large-font .approval-arbitrary .widget-title,
  .large-font .share_list li,
  .large-font .approval-manage-user .widget-title,
  .large-font .folder_edit_form .widget-title,
  .large-font .execute-config-form .widget-title,
  .large-font .manage-company-folder .widget-title, .large-font .manage-company-folder .widget-title span,
  .large-font .customization-category-list li, .large-font .customization-category-list li a, .large-font .customization-category-list li span,
  .large-font .auto-sms .panel-title a, .large-font .auto-sms .panel-body .form-group label, .large-font .auto-sms .panel-body .form-group div,
  .large-font .quotes-form .form-group label, .large-font .quotes-form .form-group div,
  .large-font .grade-step form label, .large-font .grade-step form div {
    font-size: 18px;
  }
  .large-font .infobox .infobox-content {
    font-size: 16px;
  }
  .large-font .message-item {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .large-font .message-item .summary,
  .large-font .project-list .project-name {
    padding-top: 4px;
  }
  .large-font .message-item .summary .text,
  .large-font .project-name .text,
  .large-font .message-item .user .org-name-info a, .large-font .message-item .email a, .large-font .message-item .tel a, .large-font .message-item .group,
  .large-font .message-item .summary .text span,
  .large-font .ticket-list .message-item .ticket-info .ticket-list-subject a .ticket-title,
  .large-font .holiday-manage .summary, .large-font .holiday-manage .prcholidaymenu, .large-font .holiday-provider-dept .holidayname a, .large-font .holiday-reffer .holidayname, .large-font .holiday-manage .prcholidaymenu,
  .large-font .user-holiday-view .name,
  .large-font .holiday-process .holiday_name,
  .large-font .list-employees-stt .message-item span, .large-font .list-position .message-item span, .large-font .list-job .message-item span, .large-font .list-gender .message-item span, .large-font .list-region .message-item span, .large-font .list-age .message-item span, .large-font .list-education .message-item span, .large-font .list-license .message-item span, .large-font .list-seniority .message-item span, .large-font .list-assessment .message-item .summary,
  .large-font .certificate-list .store-name, .large-font .certificate-list .certificate-type,
  .large-font .resource-list .message-item .summary,
  .large-font #asset_depreciation_list .asset-list.message-item .summary,
  .large-font .holiday-provider .holidayname,
  .large-font .org-dept-history .message-item .summary,
  .large-font #crm-charge-list .summary,
  .large-font .customization-list .menu-name a,
  .large-font .customization-list .message-item .stsms-subject .text, .large-font .customization-list .message-item .stfax-subject a,
  .large-font .holiday-kind .name a {
    height: 26px;
    font-size: 18px;
    line-height: 22px;
  }
  .large-font .message-item .summary .message-flags {
    height: 26px;
    line-height: 26px;
  }
  .large-font .holiday-manage .prcholidaymenu.badge-danger {
    padding-left: 0;
    padding-right: 0;
    background: none !important;
    color: #d15b47 !important;
  }
  .large-font .holiday-manage .prcholidaymenu.badge-info {
    padding-left: 0;
    padding-right: 0;
    background: none !important;
    color: #3a87ad!important;
  }
  .large-font .feed-info span,
  .large-font .calendar-list-value li a,
  .large-font .set-knowledge h5, .large-font .set-knowledge th, .large-font .set-knowledge td, .large-font .set-knowledge td a, .large-font .set-knowledge td span,
  .large-font .sort-list table th, .large-font .sort-list table td,
  .large-font .mail-set, .large-font .mail-set span, .large-font .mail-set div,
  .large-font .setting-mail-folders table th, .large-font .setting-mail-folders table td, .large-font .setting-mail-folders table td span,
  .large-font .manage-spamdb p,
  .large-font .write-form .form-group label, .large-font .write-form .form-group span,
  .large-font .alert,
  .large-font #report-recipient label, .large-font #report-recipient th, .large-font #report-recipient td,
  .large-font #report-autosort th, .large-font #report-autosort td,
  .large-font #whisper-tab-content .itemdiv:last-child>.body>.text,
  .large-font .folder_edit_form .form-group label, .large-font .folder_edit_form .form-group div,
  .large-font .daily-timecard th, .large-font .daily-timecard td,
  .large-font .expense-analysis table th, .large-font .expense-analysis table td,
  .large-font .clouddisk-settings table th, .large-font .clouddisk-settings table td,
  .large-font .timecard-admin table th, .large-font .timecard-admin table td,
  .large-font .holiday-settings table th, .large-font .holiday-settings table td, .large-font .holiday-settings table td span, .large-font .holiday-settings table td a,
  .large-font .holiday-settings .well label, .large-font .holiday-settings .well p, .large-font .holiday-settings .form-group label,
  .large-font .setting-admin-tb .table th, .large-font .setting-admin-tb .table td, .large-font .setting-admin-tb .table td span, .large-font .setting-admin-tb .table td a,
  .large-font .Payment .form-group div,
  .large-font .sms-used-info .profile-info-name, .large-font .sms-used-info .profile-info-value span,
  .large-font .sms-used-list-tb th, .large-font .sms-used-list-tb td,
  .large-font .sms-static-tb th, .large-font .sms-static-tb td,
  .large-font .set-authorize th, .large-font .set-authorize td, .large-font .set-authorize td a, .large-font .widget-main .form-group label, .large-font .widget-main .form-group div, .large-font .widget-main .form-group span,
  .large-font .approval-psetting .form-group label, .large-font .approval-psetting .form-group label span, .large-font .approval-psetting .form-group div,
  .large-font .approval-routes-tb table th, .large-font .approval-routes-tb table td,
  .large-font .marketing-total-cost table th, .large-font .marketing-total-cost table td,
  .large-font .customer-charge .row div, .large-font .customer-charge table th, .large-font .customer-charge table td,
  .large-font .grade-item table th, .large-font .grade-item table td, .large-font .grade-data table th, .large-font .grade-data table td, .large-font .grade-exec table th, .large-font .grade-exec table td,
  .large-font .external-mail-list th, .large-font .external-mail-list td,
  .large-font .mail-exception table th, .large-font .mail-exception table td, .large-font .mail-domain-exception .table th, .large-font .mail-domain-exception .table td, .large-font .mail-customer table th, .large-font .mail-customer table td {
    font-size: 18px;
    line-height: 22px;
  }
  .large-font .message-item .time,
  .large-font .message-item .sender,
  .large-font #mail-tab-content .message-header .sender, .large-font #mail-tab-content .message-header .sender span, .large-font #mail-tab-content .message-header .mail-head-to, .large-font #mail-tab-content .message-header .mail-head-to span,
  .large-font .show-mobile.regdate span,
  .large-font .sender-info .info-list, .large-font .sender-info .info-list span, .large-font .sender-info .info-list .nview, .large-font .sender-info .info-list .sender, .large-font .sender-info .info-list .sender .time, .large-font .content-view-header .regdate-mobile span,
  .large-font .project-code, .large-font .project-list .status,
  .large-font #expense-list .message-item .expense-author, .large-font #expense-list .message-item .expense-duedate,
  .large-font #clouddisk-list .message-item .file-size,
  .large-font .approvalPage .aprv,
  .large-font .feed-list .message-item .feed-action,
  .large-font .marketing-campaign-list .message-item .lead-src,
  .large-font #crm-quotes-list .message-item .period span, .large-font #crm-quotes-list .message-item .customer,
  .large-font .opportunity-step,
  .large-font #activity .activity-list .message-item .customer span,
  .large-font #crm-charge-list .message-item .customer,
  .large-font .holiday-provider .name, .large-font .holiday-reffer .name, .large-font .holiday-provider-dept .permituser, .large-font .holiday-provider-dept .applyholiday, .large-font .holiday-provider .prvpermtday,
  .large-font .holiday-kind .kind, .large-font .holiday-kind .date_type,
  .large-font .user-holiday-view .part,
  .large-font .holiday-process .startday, .large-font .holiday-process .endday,
  .large-font .org-user-profile .message-item .user-dept, .large-font .org-user-profile .message-item .position, .large-font .org-dept-history .message-item .author, .list-assessment .message-item .author,
  .large-font .certificate-list .fm-box, .large-font .certificate-list .issue-name,
  .large-font .org-consult-his .message-item .consult-progress,
  .large-font .org-consult-data .message-item .name, .large-font .org-consult-data .message-item .date,
  .large-font .resource-list .message-item .cate, .resource-list.manage-list .message-item .status,
  .large-font .asset-list.message-item .asset-id, .large-font .asset-list.message-item .asset-model, .large-font #asset_depreciation_list .message-item .asset-price,
  .large-font .customer-grade, .large-font .customer-grade-point, .large-font .customer-group, .large-font .customer-potential-stage, .large-font .customer-lead-status,
  .large-font #crm-charge-list .message-item .payment_date,
  .large-font .rep-change-history .message-item .customer-incharge {
    font-size: 13px !important;
  }
  .large-font .author-thumb {
    width: 50px;
    height: 50px;
  }
  .large-font .project-list .message-item .time,
  .large-font .feed-list .message-item .time,
  .large-font .marketing-campaign-list .message-item .time,
  .large-font .sales-activity-cost-list .message-item .time,
  .large-font .crm-opportunity-list .message-item .time,
  .large-font #activity .activity-list.common .message-item .time, .large-font #activity .activity-list.email .message-item .time, .large-font #activity .activity-list.post .message-item .time, .large-font #activity .activity-list.fax .message-item .time, .large-font #activity .activity-list.sms .message-item .time,
  .large-font #helpdesk .knowledgebase-list .message-item .time, .large-font #helpdesk .livechat-list .message-item .time,
  .large-font .org-user-profile .message-item .position, .large-font .org-user-profile .message-item .position,
  .large-font .manage-box-list .message-item .time, .large-font .org-dept-history .message-item .time, .large-font .list-assessment .message-item .time, .large-font .list-appointment .message-item .time, .large-font .list-resigner .message-item .time, .large-font .list-consulting-data .message-item .time,
  .large-font .message-item.certificate-list .time,
  .large-font .org-consult-data .message-item .date,
  .large-font #todo-list .time {
    width: 75px;
  }
  .large-font #crm-charge-list .message-item .time, .large-font #crm-charge-list .message-item .time.refund-time, .large-font #crm-charge-list .message-item .time.deposit-time, .large-font #crm-charge-list .message-item .payment_date {
    width: 75px;
  }
  .large-font #expense-list .message-item .expense-author {
    max-width: calc(100% - 205px);
  }
  .large-font #expense-list .message-item .expense-duedate {
    width: 155px;
  }
  .large-font .message-item .summary .message-flags {
    top: 2px;
  }
  .large-font .feed-list .message-item .sender {
    max-width: calc(100% - 145px);
  }
  .large-font .opportunity-step {
    max-width: calc(100% - 205px);
  }
  .large-font .holiday-manage .prcholidaymenu {
    display: inline;
  }
  .large-font .org-consult-his .message-item .consult-progress {
    max-width: calc(100% - 110px);
  }
  .large-font #activity .activity-list.common .message-item .customer, .large-font #activity .activity-list.email .message-item .customer {
    max-width: calc(100% - 130px);
  }
  /* mobile large font end */


  .mobile-margin-top-3 {
    margin-top: 3px;
  }
  .mobile-margin-bottom-3,
  .form-group .col-md-9 > .row > [class^="col-"] .input-group, .form-group .col-md-9 > .row > [class^="col-"] > input, .form-group .col-md-9 > .row > [class^="col-"] > select {
    margin-bottom: 3px;
  }
  
  .message-list:not(.no-list-title) {
    margin-top: 0;
  }

  /* sms */
  .sms-sender-list li input[type=text] {
    width: 100%;
    margin-bottom: 1px;
  }
  .sms-list .message-item .summary {
    display: block;
    width: auto;
    max-width: calc(100% - 28px);
    margin-left: 28px;
  }
  .sms-used-info {
    margin-top: 5px;
  }
  .fax-addr-sch-type {
    margin-bottom: 3px;
  }

  /* employment */
  .list-job-posting .period,  .list-job-posting .applicant {
    font-size: 11px;
  }
  .list-job-posting .period {
    width: 135px;
  }
  .list-job-posting .employment-no {
    width: 100%;
    max-width: calc(100% - 180px);
    text-align: right;
  }
  .list-applicant .message-item .group {
    width: auto;
    max-width: calc(100% - 130px);
    font-size: 11px;
  }
  .list-applicant .message-item .time {
    width: 60px;
    font-size: 11px;
  }
  .list-applicant .message-item .resume {
    width: auto;
  }
  .list-applicant .message-item .summary, .list-interview .message-item .summary, .list-job-posting .message-item .summary {
    display: block;
    width: auto;
    max-width: calc(100% - 30px);
    margin-left: 27px;
  }
  .list-interview .message-item .time {
    width: 90px;
  }
  .list-interview .message-item .group {
    width: auto;
    max-width: calc(100% - 120px);
    font-size: 11px;
  }

  /* resource */
  .resource-list .message-item .time {
    width: 60px;
  }
  .resource-list .message-item .statechange {
    float: none;
    width: auto;
    max-width: calc(100% - 100px);
    font-size: 11px;
  }
  .resource-list .message-item .summary {
    display: block;
    width: auto;
    max-width: 100%;
  }
  .resource-list .message-item .summary.resource-mng {
    margin-left: 30px;
    max-width: calc(100% - 30px);
  }
  .resource-list .message-item .action-buttons {
    width: 21px;
  }
  .resource-list .message-item .status {
    width: 40px;
    text-align: right;
    font-size: 11px;
  }
  .resource-list .message-item .cate {
    width: auto;
    max-width: calc(100% - 150px);
    font-size: 11px;
  }
  /* time card */
  .timecard-day-time-stauts  .input-group {
    margin: 5px 0;
  }
  /* organization */
  .org-user-profile .message-item .joinday{
    font-size: 11px;
  }
  .org-user-profile .message-item .user-name {
    max-width: calc(100% - 340px);
  }
  .input_item select, .input_item input {
    margin-bottom: 5px;
  }

   /* common */
  .auto-save-time {
    margin-top: 0;
  }
  .datepicker-group div {
    margin-bottom: 5px;
  }
  .help-inline, .input-icon+.help-inline {
    margin-top: 3px;
    padding-left: 0;
  }

  /*.nav-search .nav-search-input {
      width: 105px;
      max-width: 105px;
  }
  */
  .navbar-nav .main-menu.open .dropdown-menu>li>a {
    padding: 3px 15px;
  }

  .fc-header-center {
    text-align: right;
  }

  /* search */
  .form-search .dropdown-toggle {
    width: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    max-width: 0;
  }
  .nav-search:hover .dropdown-toggle, .nav-search .nav-search-input:focus~.dropdown-toggle, .nav-search .nav-search-input:hover~.dropdown-toggle, .nav-search .nav-search-input:active~.dropdown-toggle {
    width: 24px;
    opacity: 1;
    filter: alpha(opacity=100);
    top: 0;
    right: 18px;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
    background-color: rgba(0,0,0,0.1) !important;
  }
  .list-search .input-icon > input {
    padding-right: 0;
  }
  .nav-search .nav-search-input {
    padding-right: 24px;
  }

  /* contacts */
  #addrbook .input_item div, #user-profile .input_item div, .approvalDraft .input_item div {
    margin-bottom: 10px;
  }
  #org-list .position, #org-list .duty {
    display: none;
  }
  .message-navbar .messagebar-item-left ~ .nav-search.mail-list-search, .message-navbar .messagebar-item-left ~ .nav-search.board-list-search, .message-navbar .messagebar-item-left ~ .nav-search.contacts-list-search, .message-navbar .messagebar-item-left ~ .nav-search.approval-list-search,
  .message-navbar .messagebar-item-left ~ .nav-search.todo-list-search, .message-navbar .messagebar-item-left ~ .nav-search.whisper-list-search {
    left: 70px;
  }
  .addr-title {
    text-align: left;
  }
  .contacts-list-type2 {
    width: 100%;
    max-width: calc(100% - 10px);
  }
  /*#org-list .user {
    display: inline-block;
    width: 100%;
  }
  #org-list label ~ .user {
    max-width: calc(100% - 55px);
  }*/
  .contacts-list label ~ .user {
    max-width: calc(50% - 100px);
  }
  .contacts-list .folder ~ .user {
    max-width: calc(100% - 200px);
  }
  .contacts-list .org-name-info{
    width: 55%;
    max-width: calc(55% - 20px);
  }
  .contacts-list .folder ~ .user, .contacts-list .tel, #org-list .tel, .contacts-list .company {/*.contacts-list .user, */
    /*width: 50%;*/
    max-width: calc(50% - 70px);
  }
  .contacts-list .tel, .contacts-list .company {
    /*float: none;*/
    display: inline-block;
  }
  .contacts-list label ~ .tel,  #org-list label ~ .tel {
    /*max-width: calc(50% - 40px);
    margin-left: 29px;*/
    width: 40px;
    
  }

  .contacts-list .email, #org-list .email {
    /*width: 50%;
    max-width: calc(50% - 5px);*/
    width: 40px;
   
  }

  /* approval
  .approvalList .message-item .summary {
    display: block;
    width: 100%;
  } */
  #approval-tab-content .profile-user-info-striped .profile-info-name, #approval-tab-content .profile-user-info-striped.hd-info .profile-info-name {
    float: none;
    display: block;
    padding: 6px 4px 6px 10px;
    width: auto;
    text-align: left;
  }
  #approval-tab-content .profile-user-info-striped .profile-info-value {
    display: block;
    width: auto;
  }

  #write-calendar input[name="title"] {
    margin-bottom: 10px;
  }

  #user-profile .device_tel {
    width: 60%;
    max-width: calc(60% - 44px);
  }
  #user-profile .mobile.device_tel {
    width: 45%;
    max-width: calc(45% - 44px);
  }
  #user-profile .dev_chk {
    width: 12%;
  }
  #user-profile .device_state {
    width: 29%;
  }
  .message-item .summary, #whisper-list .message-item .summary {
    display: block;
    width: 95%;
  }
  .message-item .sender, .message-item .time {
    /*font-size: .8666666666666667em;*/
    font-size: 11px;
  }

  /* holiday */
  .holiday-kind .name {
    display: block;
    width: auto;
    max-width: 100%;
  }
  .holiday-kind .kind {
    float: none;
    width: auto;
    max-width: calc(100% - 170px);
    font-size: 11px;
  }
  .holiday-kind .date_type {
    float: right;
    width: 150px;
    font-size: 11px;
    text-align: right;
  }
  .holiday-process .holiday_name {
    max-width: calc(100% - 250px);
  }
  .holiday-provider .name, .holiday-reffer .name, .holiday-provider-dept .permituser, .holiday-provider-dept .applyholiday {
    width: auto;
    max-width: calc(100% - 120px);
    font-size: 11px;
  }
  .holiday-provider .holidayname {
    display: block;
    width: auto;
    max-width: calc(100% - 35px);
    margin-left: 32px;
  }
  .holiday-provider .prvpermtday {
    text-align: right;
    font-size: 11px;
  }
  .holiday-provider-dept .updateday, .holiday-provider-dept .regdate {
    text-align: right;
    font-size: 11px;
  }
  .holiday-manage .name {
    width: auto;
    max-width: calc(100% - 220px);
    font-size: 11px;
  }
  .holiday-manage .holiday, .holiday-manage .summary {
    display: block;
    width: 100%;
    max-width: 100%;
    line-height: 1.3em;
  }
  .holiday-part-view .part_count, .holiday-part-view .stholiday, .holiday-part-view .etcholiday {
    width: 30px;
  }
  .holiday-part-view .part_name {
    max-width: calc(100% - 150px);
  }
  .user-holiday-view .name {
    display: block;
    max-width: 100%;
  }
  .hday-provider-tabs .desktop-toolbar-tab a.active {
    background: #fff;
    border-bottom-color: #fff;
  }
  .message-item.holiday-reffer .time {
    width: 60px;
  }
  .holiday-reffer .name {
    width: 100%;
    max-width: calc(100% - 140px);
  }
  .holiday-reffer .name, .holiday-reffer .requireday {
    font-size: 11px;
  }
  .holiday-provider-dept .holidayname, .holiday-reffer .holidayname {
    display: block;
    max-width: calc(100% - 35px);
    margin-left: 32px;
  }
  .user-holiday-view .hdleaveday, .user-holiday-view .hdaypermitday {
    width: 40px;
  }
  .user-holiday-view .part {
    width: 100%;
    max-width: calc(100% - 130px);
    font-size: 11px;
  }
  .holiday-manage .prcholidaymenu {
    float: none;
    display: block;
    width: auto;
    max-width: 100%;
  }
  .scroll-tbody th, .scroll-tbody td {
    width: 35%;
  }
  .scroll-tbody th:nth-of-type(3), .scroll-tbody td:nth-of-type(3) {
    width:  30%;
  }
  #store_permit .clearfix .input-group, #store_reffers .clearfix .input-group {
    margin: 3px 0;
  }

  /* circular */
  .message-item.circular-list .circular-status ~ .summary, .message-item.circular-list .summary {
    max-width: calc(100% - 30px);
  }

  .boxes-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: #fff;
  }

  .main-box {
    margin: 0 !important;
    margin-bottom: 20px !important;
  }
  .message-item.circular-list .time {
    width: 70px;
  }
  .message-item.circular-list .sender {
    max-width: calc(100% - 120px);
  }
  .share_list li .share_user, .share_list li .share_sel {
    float: none;
    display: block;
    width: auto;
  }

  /* whisper */
  #whisper .message-item .time {
    width: 110px;
  }
  #whisper-list .message-item .sender {
    width: auto;
    max-width: calc(100% - 160px);
  }
  #whisper-tab-content .itemdiv > .body > .time {
    width: 75px;
    font-size: 11px;
  }

  /* unifsearch */
  #listUnifSearch .unifsearch-list .message-item .uni-subject {
    display: block;
    width: auto;
    max-width: 100%;
  }
  #listUnifSearch .unifsearch-list .message-item .uni-writer, #listUnifSearch .unifsearch-list .message-item .uni-regdate,
  #crm-search .message-item .time {
    font-size: 11px;
  }
  #listUnifSearch .unifsearch-list .message-item .uni-regdate {
    width: 60px;
  }
  #listUnifSearch .unifsearch-list .message-item .uni-writer {
    width: auto;
    max-width: calc(100% - 80px);
  }
  #listUnifSearch .message-item.message-unread .sender {
    width: auto;
    max-width: calc(100% - 130px)
  }
  #listUnifSearch .message-item .time {
    width: 80px;
  }
  
  #crm-search .message-item .customer-dept {
    width: auto;
    max-width: calc(100% - 100px);
  }
  #crm-search .message-item .time {
    width: 90px;
  }
  #crm-search .message-item .summary {
    margin-left: 4px !important;
  }
  
  .table-responsive.setting-admin-tb {
    margin-bottom: 0;
  }

  /*Hybrid Dashboard icon*/
  .container-main-navi > div a {
    border: none;
    background-color: transparent;
    color: #fff;
  }

  .dashboard{
    padding : 0px !important;
  }

  .dashboard,
  .boxes-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: #fff;
  }
  
  .table-responsive {
    margin-bottom: 0;
  }

  .tiny-collapse .mce-menubar{
    display: block !important;
  }
  han-editor.tiny-collapse .mce-toolbar-grp{
    padding-right: 0 !important;
  }
  
  /* padding option */
  body.normal .message-list:not(.no-list-title), body.narrow .message-list:not(.no-list-title) {
    margin-top: 0;
  }
}

/*
 * ANDROID
 */
@media only screen and (min-width: 0px) and (max-width: 639px) {
  .approve-search div.widget-toolbar{
    margin-left:-10px
  }
  .message-list .ace-thumbnails {
    margin: 0 auto;
    width: 290px;
  }

  .message-navbar .messagebar-item-left~.nav-search {
      left: 60px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 679px) {
  .btn-scroll-up.display {
    bottom: 7px;
  }
  .message-footer .pagination {
    margin-right: 20px;
  }
}

/* 960px ~ unlimited */
@media only screen and  (min-width: 960px) {

}

@media (max-width: 360px) {
  .navbar.navbar-collapse .navbar-buttons .user-info {
    margin-top: 50px;
    z-index: 1035;
  }
  /**
  * Fix responsive hybrid home page
  * @author Phuoc 1phuoc@hanbiro.com>
  * @since  2016-10-18
  */
  .container-main-navi > div{
    width: 70px !important;
  }
  .container-main-navi > div {
    height: 70px !important;
  }
  .container-main-navi > div > a {
    font-size:13px;
  }
  .menu-title-home {
    font-size:13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
    .fc-button-group > .btn, .fc-button > .btn, .calendar-quick-view .btn {
        min-width: 24px;
        min-height: 30px;
    }
  /* end */
}

/*
 * IPHONE
 */

/**
* Fix responsive hybrid home page
* @author Phuoc <phuoc@hanbiro.com>
* @since  2016-10-18
*/
@media only screen and (min-width: 375px) and (max-width: 413px) {
  .container-main-navi:not(.hybrid) > div{
    width: 83px !important;
  }
  .container-main-navi:not(.hybrid) > div {
    height: 83px !important;
  }
  .container-main-navi > div > a {
    font-size:14px;
  }
  .menu-title-home {
    font-size:14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media only screen and (min-width: 414px) and (max-width: 479px) {
  .container-main-navi:not(.hybrid) > div{
    width: 93px !important;
  }
  .container-main-navi:not(.hybrid) > div {
    height: 93px !important;
  }
  .menu-title-home {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
/**
*  end
*/
@media only screen and (min-width: 320px) and (max-width: 479px) {

  #user-profile .mobile.device_tel {
    width: 40%;
    max-width: calc(40% - 44px);
  }
  .approve-search .list-search.mobileClick{
    left: inherit !important;
    width: inherit;
  }
  .approve-search .mobileClick span.input-icon input.nav-search-input{
    width: max-content;
  }
  .approve-search div.widget-toolbar{
    margin-left:-10px
  }
  .profile-info-row {
    display: block;
  }
  .profile-user-info-striped .profile-info-name, .profile-user-info-striped.hd-info .profile-info-name, #archive-tab-content .profile-info-name, #archive-tab-content .profile-info-value, .view-employment .profile-user-info .profile-info-name, .view-employment .profile-user-info .profile-info-value {
    float: none;
    display: block;
    padding: 6px 4px 6px 10px;
    width: auto;
    text-align: left;
  }
  .view-employment .profile-user-info .profile-info-value {
    border-top: none;
  }
  .message-list .ace-thumbnails, .gallery-wrap .ace-thumbnails {
    text-align: left;
  }
  /*
  .message-bar {
    min-height: 60px;
  }*/
  .mobile-login-set .message-bar {
    min-height: 29px;
  }

  .form-attachments .fh_size, .form-attachments .attach-file-size {
    display: none;
  }

  .form-attachments .fh_status, .form-attachments .attach-percent {
    right: 0;
    width: 90px;
  }

    .form-attachments .fh_subject, .form-attachments  .attach-name {
        left: 15%;
        width: 40%;
    }

  .form-attachments .fh_subject {
    margin-right: 90px;
  }
  .profile-user-info-striped .profile-info-value {
    width: auto;
  }

  /*
  .list-checked .list-category, .list-checked .list-sorting, .list-checked .list-search {
    display: none !important;
  } */

  /* archive */
  #archive-tab-content .profile-info-value {
    margin-left: 0;
  }

  /* .organization */
  .org-user-profile .message-item .user-name {
    display: block;
    width: auto;
    max-width: 100%;
    /* max-width: calc(100% - 27px);
    margin-left: 27px;*/
  }
  .org-user-profile .message-item label.inline ~ a .user-name {
    max-width: calc(100% - 30px);
    padding-left: 23px;
  }
  .org-user-profile .message-item .user-dept {
    width: 50%;
    font-size: 11px;
  }
  .org-user-profile .message-item .position {
    width: 50%;
    max-width: calc(50% - 50px);
    text-align: right;
    font-size: 11px;
  }
  .contacts-list .org-name-info {
    width: 45%;
    max-width: calc(50% - 20px);
  }
  /* timecard */
  .timecard-detail {
    float: none;
  }
  .timecard-time {
    float: none;
    margin-top: 5px;
  }
  .working-end-date {
    width: 100%;
  }

  body.mob-safari .navbar-fixed-top+.main-container .sidebar.responsive {
    top: 45px;
  }


  .ace-nav>li:nth-last-child(3)>.dropdown-menu.dropdown-menu-right.main-user-menu {
    /* left: -105px; */
    left: -180px;
    right: auto;
  }
  .ace-nav>li:nth-last-child(3)>.dropdown-menu.dropdown-menu-right.main-user-menu:before, .ace-nav>li:nth-last-child(3)>.dropdown-menu.dropdown-menu-right.main-user-menu:after {
    /*left: 145px;*/
    left: 200px;
  }
  /* holiday */
  .holiday-process .startday, .holiday-process .endday {
    width: 45%;
    font-size: 11px;
  }
  .holiday-process .endday {
    text-align: right;
  }
  .holiday-process .holiday_name {
    max-width: calc(100% - 65px);
  }
  .holiday-process .holiday-prgstep {
  	width: 40px;
  }
  .holiday-manage .name {
    max-width: calc(100% - 180px);
  }
  .user-holiday-view .name {
    display: block;
    width: auto;
    max-width: 100%;
  }
  .provide-prv-list-reload {
    float: none;
  }
}

/* iPad 3 & 4 with Retina Display (portrait or landscape) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
     body {
         font-size: 14px;
     }
}

@media print {
  .line_view .btn-expand, .line_view .btn-collapse, #sidebar, #sidebar *, .message-navbar, .content-header {
    display: none;
  }
  #sidebar {
    width: 43px !important;
  }
  .main-content{
    margin-left: 46px !important;
  }
  .container-fixed{
    padding-top:0px !important;
  }
}

/* Helpdesk table rules */
.ticket-status, .ticket-priority {
  width: 5%;
}
.ticket-status-label, .ticket-priority-label {
  color: #fff !important;
}

/*
CSS show-hide colum whisper & circular module
*/

.whisper-hide-sender .item-hiding-sender,
.whisper-hide-to .item-hiding-to,
.whisper-hide-date .item-hiding-date,
.whisper-hide-whisper .item-hiding-whisper{
    display: none !important;
}

.circular-hide-type .item-hiding-type,
.circular-hide-subject .item-hiding-subject,
.circular-hide-regdate .item-hiding-regdate,
.circular-hide-signed .item-hiding-signed,
.circular-hide-status .item-hiding-status,
.circular-hide-enddate .item-hiding-enddate,
.circular-hide-attach .item-hiding-attach{
    display: none !important;
}

/*added by HM Viet For contact menu addrbook*/
.addrbook-hide-folder .item-hiding-folder,
.addrbook-hide-group .item-hiding-group,
.addrbook-hide-name .item-hiding-name,
.addrbook-hide-company .item-hiding-company,
.addrbook-hide-tel .item-hiding-tel,
.addrbook-hide-email .item-hiding-email{
    display: none !important;
}
/* added by HM Viet For contact menu  org*/
.org-hide-group .item-hiding-group,
.org-hide-name .item-hiding-name,
.org-hide-position .item-hiding-position,
.org-hide-duty .item-hiding-duty,
.org-hide-tel .item-hiding-tel,
.org-hide-email .item-hiding-email{
    display: none !important;
}
/* added by Son For certificate menu*/

.hr-hide-no .item-hiding-no,
.hr-hide-employeeno .item-hiding-employeeno,
.hr-hide-name .item-hiding-name,
.hr-hide-kind .item-hiding-kind,
.hr-hide-status .item-hiding-status,
.hr-hide-time .item-hiding-time,
.hr-hide-fname .item-hiding-fname,
.hr-hide-progress .item-hiding-progress{
    display: none !important;
}


/* added by yang For approval menu  org*/
.approval-hide-docno .item-hiding-docno,
.approval-hide-section .item-hiding-section,
.approval-hide-drafter .item-hiding-drafter,
.approval-hide-closeday .item-hiding-closeday,
.approval-hide-completeday .item-hiding-completeday,
.approval-hide-waitday .item-hiding-waitday,
.approval-hide-lastday .item-hiding-lastday,
.approval-hide-draftday .item-hiding-draftday,
.approval-hide-subject .item-hiding-subject{
    display: none !important;
}

/*added by Hieu Le for HR employment*/
.hr-hide-list_pre_question_group .item-hiding-group,
.hr-hide-list_pre_question_content .item-hiding-content,
.hr-hide-list_pre_question_use .item-hiding-use,
.hr-hide-hr_ad_peorid .item-hiding-hr_ad_peorid,
.hr-hide-hr_introduction_cnt .item-hiding-hr_introduction_cnt,
.hr-hide-hr_limit_rec .item-hiding-hr_limit_rec,
.hr-hide-hr_interviewee .item-hiding-hr_interviewee,
.hr-hide-hr_rec_volunteer .item-hiding-hr_rec_volunteer,
.hr-hide-hr_subject .item-hiding-hr_subject,
.hr-hide-hr_volunteer_grp .item-hiding-hr_volunteer_grp,
.hr-hide-hr_age .item-hiding-hr_age,
.hr-hide-hr_tel .item-hiding-hr_tel,
.hr-hide-hr_result .item-hiding-hr_result,
.hr-hide-hr_interview_date .item-hiding-hr_interview_date,
.hr-hide-hr_name .item-hiding-hr_name,
.hr-hide-hr_profile .item-hiding-hr_profile,
.hr-hide-hr_status .item-hiding-hr_status,
.hr-hide-hr_career .item-hiding-hr_career,
.hr-hide-hr_tel .item-hiding-hr_tel,
.hr-hide-hr_volunteer_date .item-hiding-hr_volunteer_date,
.hr-hide-hr_group_name .item-hiding-hr_group_name{
    display: none !important;
}

/*added by Khanh for mobile setting*/
.profile-hide-device_state .item-hiding-device_state,
.profile-hide-regdate .item-hiding-regdate,
.profile-hide-dev_chk .item-hiding-dev_chk,
.profile-hide-device_tel .item-hiding-device_tel,
.profile-hide-deviceos .item-hiding-deviceos{
    display: none !important;
}

/* added by alram06 For Holiday menu */
.kind-hide-name .item-hiding-name,
.kind-hide-date_type .item-hiding-date_type,
.kind-hide-target .item-hiding-target,
.kind-hide-fix .item-hiding-fix,
.kind-hide-spend .item-hiding-spend,
.kind-hide-kind .item-hiding-kind,
.prc-hide-startday .item-hiding-startday,
.prc-hide-endday .item-hiding-endday,
.prc-hide-holiday_name .item-hiding-holiday_name,
.prc-hide-status .item-hiding-status,
.prc-hide-applydays .item-hiding-applydays,
.prc-hide-prgstep .item-hiding-prgstep,
.cancel-hide-startday .item-hiding-startday,
.cancel-hide-endday .item-hiding-endday,
.cancel-hide-holiday_name .item-hiding-holiday_name,
.cancel-hide-status .item-hiding-status,
.cancel-hide-applydays .item-hiding-applydays,
.cancel-hide-prgstep .item-hiding-prgstep,
.end-hide-startday .item-hiding-startday,
.end-hide-endday .item-hiding-endday,
.end-hide-holiday_name .item-hiding-holiday_name,
.end-hide-status .item-hiding-status,
.end-hide-applydays .item-hiding-applydays,
.end-hide-name .item-hiding-name,
.prv-hide-name .item-hiding-name,
.prv-hide-enddate .item-hiding-enddate,
.prv-hide-regdate .item-hiding-regdate,
.prv-hide-permituser .item-hiding-permituser,
.prv-hide-usedtype .item-hiding-usedtype,
.prv-hide-prvpermtday .item-hiding-prvpermtday,
.prv-hide-holidayname .item-hiding-holidayname,
.grp-hide-holidayname .item-hiding-holidayname,
.grp-hide-applyholiday .item-hiding-applyholiday,
.grp-hide-permituser .item-hiding-permituser,
.grp-hide-updateday .item-hiding-updateday,
.grp-hide-regdate .item-hiding-regdate,
.permit-hide-name .item-hiding-name,
.permit-hide-etcview .item-hiding-etcview,
.permit-hide-prcholidaymenu .item-hiding-prcholidaymenu,
.permit-hide-requireday .item-hiding-requireday,
.permit-hide-hdaytotday .item-hiding-hdaytotday,
.permit-hide-holiday .item-hiding-holiday,
.part-hide-part_name .item-hiding-part_name,
.part-hide-part_count .item-hiding-part_count,
.part-hide-stholiday .item-hiding-stholiday,
.part-hide-etcholiday .item-hiding-etcholiday,
.status-hide-part .item-hiding-part,
.status-hide-hdaypermitday .item-hiding-hdaypermitday,
.status-hide-all_spend_day .item-hiding-all_spend_day,
.status-hide-hdleaveday .item-hiding-hdleaveday,
.status-hide-requiredaynum .item-hiding-requiredaynum,
.status-hide-name .item-hiding-name,
.reffer-hide-name .item-hiding-name,
.reffer-hide-holidayname .item-hiding-holidayname,
.reffer-hide-applystep .item-hiding-applystep,
.reffer-hide-hdaytotday .item-hiding-hdaytotday,
.reffer-hide-requireday .item-hiding-requireday,
.profile-hide-deviceos .item-hiding-deviceos,
.profile-hide-device_tel .item-hiding-device_tel,
.profile-hide-dev_chk .item-hiding-dev_chk,
.profile-hide-regdate .item-hiding-regdate,
.profile-hide-device_state .item-hiding-device_state
{
    display: none !important;
}

.permission-checkbox {
    width:200px;
    height:29px;
}

.select-one-mode span.dynatree-checkbox, .select-one-mode .widget-box:nth-last-child(1), .select-one-mode .save_btn, .select-one-mode a[data-action=collapse] {
    display: none!important;
}

.permission-label {
    height:29px;
}

.overflow-x-scroll {
    overflow-x:scroll;
    white-space:nowrap;
}
.han-nowrap{
    white-space:nowrap;
}

/* CRM Feed */
.message-item.list-top-msg {
  background-color: #fcf8e3;
  color: #8a6d3b;
}
.feed-list-fields > span {
    vertical-align: middle;
    display: inline-block;
    margin: 0 6px 0 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.feed-list-fields .user {
    width: auto;
    max-width: calc(100% - 630px);
}

.feed-list-fields .menu, .feed-list-fields .page,  .feed-list-fields .module, .feed-list-fields .feed-action {
    width: 120px;
}
.feed-list-fields .regdate {
    float: right; width:150px;
}

.form-control.ui-select-container
{
    height: initial;
    border:0px;
}

.filter-user-list div img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border: 1px solid #eee;
}
.filter-user-list div .user-name {
    word-break: break-all;
    word-wrap: break-word;
}

ul.select2-result-single {
    margin-left:0px;
}

img[src=''] {
  visibility: hidden!important;
}

.hide-folder-tree .dynatree-folder .dynatree-checkbox {
    display: none!important;
}

.sidebar.tree-fixed:not(.menu-min) .scroller {
    overflow: hidden;
}

.sidebar.tree-fixed.menu-min .ps-container .ps-scrollbar-y-rail .ps-scrollbar-y-rail {
    display:none;
}

.write-form.consult-form .form-group {
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 15px;
}

/* added by nguyen For Employment menu */
.hanbiro-icon-request-verification:before { content: '\f705'; }
.hanbiro-icon-screen-documents:before { content: '\f710'; }

/* Add col-15 for nice display */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
  .modal-type1.small .modal-dialog,
  .modal-type1.dialog-type .modal-dialog {
    width: 300px;
  }


  .modal-type1.medium .modal-dialog{
    width: 600px;
  }

  .modal-type1.small2x .modal-dialog{
    width: 400px !important;
  }

  .modal-type1.medium2x .modal-dialog{
    width: 900px;
    max-width: 100%;
  }

  .modal-type1.width80p .modal-dialog{
    width: 80%;
  }

  .modal-type1.full .modal-dialog,
  .modal-type1.large .modal-dialog{
    width: 90%;
  }
  .modal-type1.full-screen .modal-dialog{
    width: 100%;
      height: 100%;
      padding: 0;
      margin: 0;
  }
.col-sm-15 {
        width: 20%;
        float: left;
    }
    .spread-popup{z-index: 1500 !important}
 /*크게 보기 버튼 768px 이상 디바이스에서 숨기기*/
 .mng-mobile-font {
  display: none;
 }
 /*responsive on Google Chrome browser*/
 .contact-folder.table-responsive{
    overflow-x: hidden;
  }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }

    .modal-type1.medium .modal-dialog{
      width: 800px;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
    .holiday-manage .holiday {
      width: 200px;
    }
    .holiday-manage .summary {
      min-width: 0;
      max-width: calc(100% - 700px);
    }
}

/* comment-count */
.customer-activities-list .comment-count, .activity-list  .message-item .summary .comment-count, .ticket-list .message-item .ticket-info .comment-count {
    padding: 0 8px 0 0 !important;
    border-radius: 30px;
    -webkit-border-radius: 30px;
}
.customer-activities-list .comment-count:before, .activity-list .message-item .summary .comment-count:before, .ticket-list .message-item .ticket-info .comment-count:before {
    content: "\f0e6";
    display: inline-block;
    margin-right: 5px;
    padding: 4px;
    background: #618253;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    font: normal normal normal 11px FontAwesome;
}
.customer-activities-list .comment-count.badge-success, .activity-list .message-item .summary .comment-count.badge-success, .ticket-list .message-item .ticket-info .comment-count.badge-success {
    background-color: #82af6f !important;
}
.customer-activities-list .comment-count .count, .activity-list  .message-item .summary .comment-count .count, .ticket-list .message-item .ticket-info .comment-count .count {
  overflow: hidden;
  display: inline-block;
  max-width: 50px;
  text-overflow: ellipsis;
  color: #fff !important;
}

/* Expense Approval Template*/
.approvalView #expense-view table{
    width: 565px!important;
}

.approvalView #expense-view table .expense-hide{
    display: none!important;
}

.approvalView #expense-view table td, .approvalView #expense-view table th{
    word-wrap: break-word;
    word-break: normal;
    width: auto !important;
}

.approvalView #expense-view table td span, .approvalView #expense-view table th span{
    word-wrap: break-word;
    word-break: normal;
}

td.fc-day.fc-past {
    background-color: #EEEEEE;
}

@media print { html, body, .content-view-wrap { height: 99%; } }


#main-container.lzloading .tab-pane.active .main-content {
    opacity: 0.5;
}

.overlay#hrt-overlay{
  display: none;
}
.overlay#hrt-overlay.open{
  opacity: 0.8;
  display: block;
}

/*HL: this  will keep the perfect scrollbar from moving*/
.scroller{
  position: relative;
}

#sidebar *:not(input){
  -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}


han-editor.still-loading{
  display: inline-block;
  width: 100%;
  position: relative;
  min-height: 200px;
}
han-editor.still-loading:before {
    content: "Loading...";
    display: block;
    height: 100%;
    text-align: center;
    font-size: 1.5rem;
    border: 1px solid#dcdcdc;
    padding: 5rem;
    position: absolute;
    width: 100%;
}

.editor-loading-circle{
  position: absolute;
    z-index: 10;
    margin: 0 auto -220px;
    width: 100%;
    height: 474px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
  background-color: #FFF;
  background-repeat: no-repeat;
  background-image: url(../img/editor-loading.gif);
    background-position: center;
    display: none;
}
.add-folder-icon{
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-image:url(../assets/img/add_folder.svg);
  position: absolute;
  margin: -12px 0px 0px -15px;
}
@keyframes ball-scale-multiple{0%{transform:scale(0);opacity:0}
5%{opacity:1}
100%{transform:scale(1);opacity:0}
}
.ball-scale-multiple{position: absolute;top: 50%; left: 50%;transform:translateY(-30px);}
.ball-scale-multiple>div:nth-child(2){animation-delay:-.4s}
.ball-scale-multiple>div:nth-child(3){animation-delay:-.2s}
.ball-scale-multiple>div{background-color:#fff;border-radius:100%;position:absolute;left:-30px;top:0;opacity:0;margin:0;width:60px;height:60px;animation:ball-scale-multiple 1s 0s linear infinite}
han-editor.still-loading .editor-loading-circle{display: block !important;}

han-editor.is-summernote{
    height: 200px;
}

.alert-fixed-top{
    position: fixed;
    z-index: 1028;
    width: 100%;
}
.folder-todo-dropdown > ul{
    max-height: 150px;
}
.folder-todo > ul{
    max-height: 290px;
}
/*.sidebar.responsive.menu-min:not(.display) .dropdown-toggle span{display: none !important}*/
/* fix addrbook only for ie*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #org-list .contacts-list-type2 {
    line-height: 1.4;
  }
}

@media only screen and (max-width: 550px) {
  .message-item .summary .text {
    max-width: 90%;
  }
}

body.sidebar-left-open{
    -webkit-overflow-scrolling: auto !important;
    overflow: hidden !important;
    position: fixed;
    width: 100% !important;
}
body:before {
    content: '';
    top: 0;
    position: fixed;
    background: rgba(255, 255, 255, 0.42);
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -10;
}
body.sidebar-left-open:before {
    z-index: 30;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
}

#navbar.hybrid--small{
    min-height: 20px;
}

#navbar.hybrid--small+#main-container{
    padding-top: 20px;
}

#navbar.hybrid--small #navbar-container {
    height: 20px;
}

#navbar.hybrid--small #main-menu-title{
    padding: 2px;
    font-size: 12px;
}

#navbar.hybrid--small .navbar-header,
#navbar.hybrid--small #menu-toggler{
    display: none;
}

.crm-form-scroll{
    overflow: auto; max-height:300px;
}

/*div.content-view-body:not(.mail):not(.task) table ,div.note-editable table {
    width: 100%;
}*/

@media print {
    html, body, .content-view-wrap {
        min-height: 98% !important;
        height: 98%; width: 98%; filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);
    }
}

.message-item.selected .message-wrapeds{
    background-color: #ffc;
}
#slow-bg {background: #fff;height: 100%;width: 100%;z-index: 99999;position: fixed;left: 0px;top: 0px;overflow: hidden;}
#slow-notice {width: 320px;position: fixed;top: 40%;left: 0px; text-align: center;z-index: 99999;font-family: sans-serif;font-size: 15px;right: 0px; margin: auto;line-height: 25px;}
#slow-notice a, #slow-notice .dismiss { color: #000; text-decoration: underline; cursor:pointer; }
#slow-notice .dismiss-container { text-align:right; padding-top:10px; font-size: 10px;}
#slow-bg .slow-connect {font-size: 48px;color: #ccc;display: block;}
#slow-bg .slow-connect-img {width: 65px;display: block;text-align: center;margin: auto;}
#slow-bg .btn-reload-slow {padding: 10px 60px;background-color: #6fb3e0;border-color: #6fb3e0;color: #fff;text-decoration: none;min-width: 150px;line-height: 76px;}

/* start pane split */
div.main-container .right-list-layout{
    position: fixed;
    max-height: 800px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 43%;
}

div.main-container .right-detail-layout{
    float: right;
}

div.main-container .content-header.bottom-type{
    right: 27px;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

div.main-container .content-header.transform-type{
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -o-transform:translateZ(0);
}

div.main-container .content-header .min-width-125{
    min-width: 125px!important;
}

div.cls-viewport-xs .message-navbar .messagebar-item-left~.nav-search {
    left: 90px;
}

div.cls-viewport-xs .list-search .input-icon > input {
  padding-right: 0;
}

div.cls-viewport-xs .nav-search:not(.activity-search-splitview) .nav-search-input {
  width: 0;
  max-width: 0;
  opacity: 0 !important;
}

div.cls-viewport-xs .nav-search .nav-search-input ~ a {
    opacity: 0 !important;
    pointer-events: none;
}

div.cls-viewport-xs .nav-search .nav-search-icon {
    border: 1px solid;
    border-radius: 100%;
    background-color: #FFF;
    padding: 0 5px!important;
}

div.cls-viewport-xs .list-search.viewport-expand-search.nav-search .nav-search-input {
  width: 100%;
  max-width: 100%;
  opacity: 1 !important;
}

div.cls-viewport-xs .list-search.viewport-expand-search.nav-search .nav-search-input ~ a {
    opacity: 1 !important;
    pointer-events: all;
}

div.cls-viewport-xs .list-search.viewport-expand-search.nav-search .nav-search-icon {
    border: none;
}

/*
* Clear field "X" button on certain inputs IE
*/
.input-small::-ms-clear {
    display: none;
}
.top-user-info .circle_image {
    margin-right: 5px;
    margin-top: 2px;
    border: 2px solid;
    float: left;
}
.navbar-toggle-img{
    background: none !important;
}
.circle_image {
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    float: left;
}

/*for the wrapper circleStype*/
.circle_stype_wrapper {
  float:left;
  overflow:hidden; 
  border-radius:50%; 
  margin-right:3px;
  border: none;
}

/*for the image in circleStype*/
.circle_stype_image {
  min-width: 100%;
  max-width: 100%;
  min-height: 0; /*auto*/
  /*max-height: 100%;*/
  border-radius: 5px;
}

/* end pane split */

.dropdown-menu.in{
  display: block;
}

/* Whisper */
#whisper-tab-content .workers-list-row{
  position: relative;
}
#whisper-tab-content .workers-list{
    overflow-y: scroll;
}
/* blinking input */
.blinking-warning input {
    -webkit-animation: blinking-warning 1.5s infinite; /* Safari 4.0 - 8.0 */
    animation: blinking-warning 1.5s infinite;
    border: 1px solid #888;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes blinking-warning {
    from {background-color:#fff}
    to {background-color: #fcf8e3;}
}
@keyframes blinking-warning {
    from {background-color:#fff}
    to {background-color: #fcf8e3;}
}

.han-punch-notify .brighttheme .ui-pnotify-title{
    margin-bottom: 5px;
}
.han-punch-notify #timeCardPopupClock{
    display: inline-block;
    margin-bottom: 10px;
}
.han-punch-notify .ui-pnotify-text{
  float: left;
}
/* .han-punch-notify .save_btn{
    margin-left: 3.1rem;
} */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  }

  .fadeOutRight {
  animation-name: fadeOutRight;
  }
  @keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
  }

  .fadeInUp {
  animation-name: fadeInUp;
  }

  @-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  }
  
  @keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  }
  
  .fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  }
/*
.sidebar.menu-min ~ div.main-content .content-header {
    left: 54px!important;
}*/

.circle_image {
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    /* float: left; */
}
.contact-selectedBox-roll.jMultibox{
  min-height: 200px !important;
}
.contact-selectedBox-roll>ul.bodybox{
  height: inherit !important;
}
.guest-header {
    left: 0px !important;
    right: 0px !important;
    background-color: #f4f4f4 !important;
    border: 1px solid #ddd;
    border-color: #ddd transparent;
}

@-webkit-keyframes alarm-warning {
    from {color:#ffb2b2}
    to {color: #d47262;}
}
@keyframes alarm-warning {
    from {color:#ffb2b2}
    to {color: #d47262;}
}

.han-sidebar-open .fa.fa-bell{
    display: none;
}
.alarm-warning-user .fa.fa-bell {
    position: absolute;
    display: block;
    top: 5px;
    right: 20px;
    font-size: 15px;
    color: #dd5a43;
    z-index: 10;
    -webkit-animation: alarm-warning 0.5s infinite; /* Safari 4.0 - 8.0 */
    animation: alarm-warning 0.5s infinite;
}
.alarm-warning-user .badge:not(:empty) + .fa.fa-bell {
  right: 40px;
}

/* handle when using IE browser ==> Need to test more */
/*.main-ie table tbody,.main-ie table tr, .main-ie table td {
    border: inherit;
    border-color: inherit;
}
*/
.width-12{
    width: 12px!important;
}

.form-validation ace-datetimepicker.ng-invalid .form-control, .form-validation ace-datepicker.ng-invalid .form-control, .form-validation .ng-invalid.form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.btn-close-sidebar{
    z-index: 10000;
    color: #FFF;
    font-size: 20px;
    margin-top: -54px !important;
    padding: 2px 10px;
    border: 1px solid #737373;
    margin-right: 6px;
    position: absolute;
    right: 0;
    width: auto;
    background: none;
    border-radius: 50%;
    transition: all 0.3s !important;
    transition-delay: 0.3s !important;
}
.is_mobile .navbar.navbar-collapse #user-toggler{
    transition: all 0.3s;
}
.sidebar-right-open .is_mobile #navbar.fside .btn-close-sidebar{
    margin-top: 4px !important;
}
.sidebar-right-open .is_mobile #navbar.fside #user-toggler{
    margin-top: -50px;
}

.ace-settings-container.livechat-setting-pop{
    position: fixed;
    right: 0;
}
.ace-settings-container.livechat-setting-pop > .livechat-setting-box{
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.ace-settings-container.livechat-setting-pop > .btn.ace-settings-btn.open{
    display: block;
}
.ace-settings-container.livechat-setting-pop > .btn.ace-settings-btn{
    background: none!important;
    background-color: #5bc0de!important;
    display: none;
}
.popup-list-user-board{
  width: 220px;
  max-height: 250px;
  overflow:auto;
}
.popup-list-user-board > li > p{
  white-space: nowrap; 
  width: 180px; 
  overflow: hidden;
  text-overflow: ellipsis; 
}
.popup-list-user-board > li:not(:last-child){
  border-bottom: 1px solid #e5e5e5;
}

.sender-info > .circle_image {
  cursor: pointer !important;
}

ul > li > .pull-left, .circle_image {
  cursor: pointer !important;
}
.sw-dl .dropdown-menu > li > a{
  background: #FFF !important;
}
.sw-dl .dropdown-menu > li > a:hover{
  background: #4f99c6 !important;
}
/* Harry Fix sometime left sidebar not show fully */
.sidebar .sidebar-toggle{
  margin-bottom: 50px;
}
.flex{
  display: -webkit-flex;
  display: flex;
}
.flex > .flex--auto{
  flex: auto;
}

.display--table{display: table;table-layout: fixed;width: 100%}
.table--cell{display: table-cell;}

.han--chart {
  position: relative;
  display: inline-block;
  width: 65px;
  height: 65px;
  margin: 0;
  text-align: center;
}
.han--chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.han--percent {
  display: inline-block;
  line-height: 65px;
  z-index: 2;
  font-size: 16px;
}
.han--percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}
.main-list-dashboard .col-sm-12 + .col-sm-12{
  margin-top: 15px;
}
.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[data-han-limit-menus].mini .lm--navDropdown-child{
  top: 35px;
}

[data-han-limit-menus].mini a.lm--navDropdown:hover:before{
  top: 15px;
}





@media(min-width: 992px)
{
    .main-widget-body.mini:not(.always-top){
      margin-top: 51px;
    }
    .main-widget-body.normal:not(.always-top){
      margin-top: 68px;
    }
    .main-widget-body.big:not(.always-top){
      margin-top: 84px;
    }
    [data-han-limit-menus].mini{
      height: 51px;
    }
    [data-han-limit-menus].normal{
      height: 68px;
    }
    [data-han-limit-menus].big{
      height: 84px;
    }

    /*narrow padding option*/
    body.narrow .main-widget-body.mini:not(.always-top){
        margin-top: 40px;
    }
    body.narrow .main-widget-body.normal:not(.always-top){
        margin-top: 48px;
    }
    body.narrow .main-widget-body.big:not(.always-top){
        margin-top: 66px;
    }
    body.narrow [data-han-limit-menus].mini{
        height: 40px;
    }
    body.narrow [data-han-limit-menus].normal{
        height: 48px;
    }
    body.narrow [data-han-limit-menus].big{
        height: 66px;
    }
    body.narrow .main-navi > .nav-menu-react > nav[data-han-limit-menus].mini{
        padding-top: 6px;
    }
    
    /*normal padding option*/
    body.normal .main-widget-body.mini:not(.always-top){
        margin-top: 50px;
    }
    body.normal .main-widget-body.normal:not(.always-top){
        margin-top: 58px;
    }
    body.normal .main-widget-body.big:not(.always-top){
        margin-top: 76px;
    }
    body.normal [data-han-limit-menus].mini{
        height: 50px;
    }
    body.normal [data-han-limit-menus].normal{
        height: 58px;
    }
    body.normal [data-han-limit-menus].big{
        height: 76px;
    }
    body.normal .main-navi > .nav-menu-react > nav[data-han-limit-menus].mini{
        padding-top: 6px;
    }
}
#second-main-navi{
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 100%;
}
.lm--navDropdown-child{
  display: inline-block;
  position: absolute;
  right: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  top: 55px;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s !important;
  transform: translateY(-1em);
  opacity: 0;
  width: 550px;
  pointer-events: none;
  max-height: 10px;
}
.is_ie_browser .lm--navDropdown-child {
  display: none;
}
.is_ie_browser .navi-type-set{
  right: 15px;
}
.is_ie_browser .main-navi .navi-type{
  right: calc(23px + 15px) !important
}
.lm--navDropdown-child:after, .lm--navDropdown-child:before {
  bottom: 100%;
  right: 30px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.lm--navDropdown-child:after {
  transform-origin: 0 0;
  transform: rotate(136deg);
  box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  border: 10px solid black;
  border-color: transparent transparent #fff #fff;
  top: 2px;
  right: 5px;
}
.lm--navDropdown-child .input-group{
  background: #FFF;
    margin: 5px;
}
.lm--navDropdown-child .input-group-addon{
  background: transparent;
    border: none;
}
.lm--navDropdown-child .form-control{
  border: none;
}
.lm--navDropdown-child .nt{
  background-color: white !important;
  color: #777 !important;
}
.lm--navDropdown-child .nt:hover{
  background-color: #eeeeee !important;
}

.ulnavDropdown-child{
  margin: 0;
  max-height: calc(100vh - 250px);
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
  box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
  border-radius: 5px;
  overflow-y: auto;
}
.ulnavDropdown-child > li{
  width: 100%;
  display: flex;
  background-color: white;
}
.ulnavDropdown-child > li a {
    padding: 10px 10px 0px 10px;
    color: #FFF;
    position: relative;
    width: 100%;
    text-align: left;
    display: inline-block !important;
    color: #777;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.ulnavDropdown-child > li a i {
    float: left;
    margin-right: 10px;
}
.ulnavDropdown-child > li a .badge{
  right: 20px;
    top: 11px;
}
.ulnavDropdown-child > li a .border-bottom {
  border-bottom: 1px solid #f2f2f2;
  margin-top: 10px;
}
.ulnavDropdown-child > li .btn-add-new-module{
  margin: 10px;
  width: 100%;
  border: 1px solid #438eb9;
  background: none;
  min-height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
}
.ulnavDropdown-child > li .btn-add-new-module i{
  display: block !important;
  color: #438eb9;
}
.lm--navDropdown.hovered > .lm--navDropdown-child,
.lm--navDropdown.active > .lm--navDropdown-child{
  border-radius: 3px;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  transition-delay: 0s, 0s, 0.3s;
  max-height: 100vh;
}

.is_ie_browser .lm--navDropdown.hovered > .lm--navDropdown-child,
.is_ie_browser .lm--navDropdown.active > .lm--navDropdown-child{
  display: block;
}

.add-new-module {
  padding: 1rem;
    width: 100%;
    background: #f7f7f7;
    display: block;
    border: 1px solid #949494;
}
.add-new-module:hover{
  text-decoration: underline;
  color: #888;
}

nav.big .lm--navDropdown-child{
  top: 65px;
}
nav.big .lm--navDropdown-child:after, nav.big .lm--navDropdown-child:before{
  right: 24px;
}
nav.big a.lm--navDropdown:hover:before{
  top: 40px;
}
nav.normal .lm--navDropdown-child{
  top: 50px;
}
.main-navi nav .lm--navDropdown{
    
    background-color: #d7e9ff;
}
.section-maination .main-navi nav .lm--navDropdown {
  position: absolute;
}

/* Harry Tr placeholder loading navimenus */
.navi-loading{
    position: absolute;
    background: #FFF;
    top: 0;
    width: 100%;
    z-index: 10;
    left: 0;
    padding: 10px 10px 0;
}
@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -991px 0
  }
  100% {
    background-position: 991px 0
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -991px 0
  }
  100% {
    background-position: 991px 0
  }
}
.navi-loading .animated-background {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);
    animation-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);
    background: #f6f7f8;
    background: #eeeeee;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #e8e8e8), color-stop(33%, #eeeeee));
    background: -webkit-linear-gradient(left, #eeeeee 8%, #e8e8e8 18%, #eeeeee 33%);
    background: linear-gradient(to right, #eeeeee 8%, #e8e8e8 18%, #eeeeee 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    height: 42px;
    position: relative;
    width: auto;
    display: inline-block;
}
nav.big .navi-loading .animated-background{
    height: 61px;
}
nav.mini .navi-loading{
    padding: 3px 10px 0;
}
.navi-loading nav *{
    color: rgb(212, 212, 212) !important;
    background: transparent !important;
}
.navi-loading nav > a {
    margin: 0;
    border: 5px solid #FFF;
}

.sidebar.menu-min .mCustomScrollBox, .sidebar.menu-min .mCSB_container {
    overflow: visible;
}

.stickit{
    position: fixed;
    z-index: 10;
  
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.cursor-default {
  cursor: default;
}

.widget-toolbar.toolbar-mobile {
  clear: both;
  width: 100%;
  padding: 0
}
whisper-react-list .message-item .sender{
  height: 30px;
}

/*IE에서 fixed list title이 jump하는 버그 대책*/
/*Edge
@supports ( -ms-accelerator:true ) {
    html{
        overflow: hidden;
        height: 100%;    
    }
    body{
        overflow: auto;
        height: 100%;
    }
}
Ie 10/11
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    html{
        overflow: hidden;
        height: 100%;    
    }
    body{
        overflow: auto;
        height: 100%;
    }
}
    
*/
.widget-toolbar.toolbar-mobile{
  clear: both;
  width: 100%;
  padding: 0
}

.message-item.react-list{padding: 0 !important;}
whisper-react-list .message-item .sender{
  height: 30px;

}    

han-editor.hanx-loaded{
  position: relative
}
han-editor.hanx-loaded:after{
  content: "";
    background: rgba(255, 255, 255, 0.42);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: wait;
}

.headorganization-tree ul.dynatree-container {
  border: 0;
}

.dept-list .list-group .list-group-item .dept-duty {
  color: #69aa46;
  margin: 0 5px;
}

.dept-list .list-group .list-group-item .dept-charge {
  color: #3498db;
  margin: 0 5px;
}

.dept-list .list-group {
  list-style: none;
  margin-top: 10px;
}

.dept-list .list-group .list-group-item {
  float: left;
  margin: 3px;
  padding: 2px 15px;
  border: 0;
  background: #eee;
  border-radius: 30px !important;
  -webkit-border-radius: 30px !important;
}
.han--lockit{
  pointer-events: none;
}
body:not(.sidebar-right-open) .han--lockit:before{
  content: '';
    position: absolute;
    background: rgba(255, 255, 255, 0.4);
    width: 100%;
    height: 99%;
  z-index: 1;
  cursor: wait
}
/* body:not(.sidebar-right-open) .han--lockit .active{
  z-index: 10
} */
.hanDisabled{
  opacity: 0.7;
  pointer-events: none;
}
.hanAutosave-notify{
  top: auto !important;
  right: 15px !important;
    left: auto !important;
    bottom: 15px !important;
}

.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;height:32px;top:50%;margin-top:-16px;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);visibility:hidden;opacity:0;-webkit-transition:.1s linear all!important;-moz-transition:.1s linear all!important;-ms-transition:.1s linear all!important;-o-transition:.1s linear all!important;transition:.1s linear all!important}.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{-webkit-transition:.3s cubic-bezier(0.175,0.885,0.32,1.275) all!important;-moz-transition:.3s cubic-bezier(0.175,0.885,0.32,1.275) all!important;-ms-transition:.3s cubic-bezier(0.175,0.885,0.32,1.275) all!important;-o-transition:.3s cubic-bezier(0.175,0.885,0.32,1.275) all!important;transition:.3s cubic-bezier(0.175,0.885,0.32,1.275) all!important}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{-webkit-transition:.3s ease all!important;-moz-transition:.3s ease all!important;-ms-transition:.3s ease all!important;-o-transition:.3s ease all!important;transition:.3s ease all!important}.ladda-button[data-style=expand-right] .ladda-spinner{right:14px}.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:4px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:14px}.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left:40px}
.ladda-button[data-style=zoom-out] {
  overflow: hidden; }

.ladda-button[data-style=zoom-out] .ladda-spinner {
  left: 50%;
  margin-left: -16px;
  -webkit-transform: scale(2.5);
  -moz-transform: scale(2.5);
  -ms-transform: scale(2.5);
  -o-transform: scale(2.5);
  transform: scale(2.5); }

.ladda-button[data-style=zoom-out] .ladda-label {
  position: relative;
  display: inline-block; }

.ladda-button[data-style=zoom-out][data-loading] .ladda-label {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5); }

.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none; }

.han-tinymce-inlite[disabled="disabled"]{
  cursor: not-allowed
}
.han-tinymce-inlite[disabled="disabled"] .mce-visual-caret{
  display: none !important;
}
.searchtop-main-wrap:not(.ie) .han-searchtop-main{
  padding-top: 15px;
}
.searchtop-main-wrap:not(.ie) .han-searchtop-main .searchtop-navbar{
  position: fixed;
  top: 0;
}
.searchtop-main-wrap .sidebar-contacts-list{
  max-height: 100%;
}
.searchtop-main-wrap .sidebar-contacts-list ul > li {
  display: inline-block;
  width: 100%;
}
.searchtop-main-wrap span.btn-group.btn-overlap.btn-corner{
  float: right;
}
.searchtop-main-wrap:not(.ie) #crm-search{
  padding-top: 80px;
}

.fr-view{
  min-height: 100px;
}

.fr-view-nuri{
    min-height: 500px;
}

.iframe-preview-btn{
  position: absolute;
  right: 0;
  top: 0;
}
.iframe-full-content{
  width: 100%;
    border: none;
    position: fixed;
    top: 0;
    z-index: 99999;
    background: #FFF;
    height: 100%;
}
.modal-open .modal[data-ephox-mobile-fullscreen-style]{
  display: block !important;
  z-index: 9999
}
/*
 상태색상
 */
.color-1{background-color:#ac725e!important}.color-2{background-color:#E96B5E!important}.color-3{background-color:#f83a22!important}.color-4{background-color:#fa573c!important}.color-5{background-color:#ff7537!important}.color-6{background-color:#ffad46!important}.color-7{background-color:#42d692!important}.color-8{background-color:#16a765!important}.color-9{background-color:#7bd148!important}.color-10{background-color:#b3dc6c!important}.color-11{background-color:#fbe983!important}.color-12{color:#963;background-color:#fee188!important}.color-13{background-color:#40A6AC!important}.color-14{background-color:#9fe1e7!important}.color-15{background-color:#9fc6e7!important}.color-16{background-color:#4986e7!important}.color-17{background-color:#9a9cff!important}.color-18{background-color:#b99aff!important}.color-19{background-color:#ABBAC3!important}.color-20{background-color:#cabdbf!important}.color-21{background-color:#cca6ac!important}.color-22{background-color:#f691b2!important}.color-23{background-color:#cd74e6!important}.color-24{background-color:#a47ae2!important}.color-25{background-color:#555!important}.label.color-1:after{border-color:#ac725e}.label.color-2:after{border-color:#E96B5E}.label.color-3:after{border-color:#f83a22}.label.color-4:after{border-color:#fa573c}.label.color-5:after{border-color:#ff7537}.label.color-6:after{border-color:#ffad46}.label.color-7:after{border-color:#42d692}.label.color-8:after{border-color:#16a765}.label.color-9:after{border-color:#7bd148}.label.color-10:after{border-color:#b3dc6c}.label.color-11:after{border-color:#fbe983}.label.color-12:after{border-color:#fee188}.label.color-13:after{border-color:#40A6AC}.label.color-14:after{border-color:#9fe1e7}.label.color-15:after{border-color:#9fc6e7}.label.color-16:after{border-color:#4986e7}.label.color-17:after{border-color:#9a9cff}.label.color-18:after{border-color:#b99aff}.label.color-19:after{border-color:#ABBAC3}.label.color-20:after{border-color:#cabdbf}.label.color-21:after{border-color:#cca6ac}.label.color-22:after{border-color:#f691b2}.label.color-23:after{border-color:#cd74e6}.label.color-24:after{border-color:#a47ae2}.label.color-25:after{border-color:#555}
.han-react-list .message-item .summary {
    margin-left: 36px;
}
/*#board .han-react-list .message-item .sender,*/
/* #approval .han-react-list .message-item .sender {
    margin-left: 8px !important;
} */
#todo .han-react-list .message-item .summary {
    /*margin-left: 14px !important;*/
}


.multiple-box {
    background-image: linear-gradient(to bottom,#efefef 0,#f5f5f5 100%);
    background-repeat: repeat-x;
    border-color: #dcdcdc;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);

    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #efefef;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.multiple-box label {
    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

/*
  Notifcation max limit
*/
.max-limit-noti .ui-pnotify-title{
  margin-bottom: 0
}
.max-limit-noti .ui-pnotify-text{
  float: left;
  width: 81%;
}
.max-limit-noti .noti-date{
  width: 100% !important;
  margin-top: 10px;
}
.max-limit-noti .noti-date > .btn:last-child{
  margin-left: 5px;
}
#second-main-navi{
  padding: 10px 50px 10px 10px
}


.LinkExpander {
    width: 468px;
    border-left: 3px solid #da7024;
    background: #feffd7;
  padding-left: 5px;
  max-width: 100%;
}
.LinkExpander:active{
  margin-top: 1px;
}
.LinkExpander .cover-image{
  margin: 0 0 0 -13px;
    padding: 0 5px 5px;
    max-width: none !important;
}
.LinkExpander .host{
  font-size: 70%;
    font-family: sans-serif;
  color: rgb(200,200,200);
  text-transform: uppercase;
  margin-top: 10px;
}
.LinkExpander .host .fa{
  color: #6ec16e;
}
.LinkExpander .dest{
  color: #888;
  font-size: 13px;
  word-break: break-word;
}
.LinkExpander.isNotCover{
  position: relative;
    min-height: 120px;
    padding-right: 120px;
    padding-top: 10px;
}
.LinkExpander.isNotCover .square-image{
  position: absolute;
    right: 0;
    top: 0;
    border-bottom-left-radius: 120px;
  background: #FFF;
  overflow: hidden;
}
.link-description-container > a{
  max-width: 100%;

}

/* IE performance <Harry> */
.main-ie label input[type=checkbox].ace,
.main-ie label input[type=radio].ace{
  position: absolute !important;


}

/* Narrow header Harry Tr */
.message-infobar,
.content-container .message-toolbar{
  position: absolute;
    left: 0;
    width: 100%;
    right: 0;
  margin: auto;
  z-index: 1;
}
[data-ace-apply]:not(#hr):not(#calendar):not(#calendarnew):not(#resource):not(#amts) .message-content{
  /*margin: 0 10px;*/
  padding: 16px 20px;
}

.narrow-header .page-header,
.narrow-header .page-tab-header,
.narrow-header .content-header.is-no-navbar,
.narrow-header-fix .page-header,
.narrow-header-fix .page-tab-header,
.narrow-header-fix .content-header.is-no-navbar {
  height: 0;
  padding: 0;
  margin-top: -12px;
}
.narrow-header .container-fixed,
.narrow-header-fix .container-fixed{
  padding-top: 41px;
  padding-bottom: 62px;
}
.narrow-header .container-fixed,
.narrow-header-fix .contacts-list .container-fixed{
  padding-top: 0x;
  padding-bottom: 62px;
}
.narrow-header .container-fixed-important,
.narrow-header-fix .container-fixed-important{
  padding-top: 80px !important;
  padding-bottom: 62px;
}
@media(max-width: 767px)
{
  .narrow-header .page-header,
  .narrow-header .page-tab-header,
  .narrow-header .content-header.is-no-navbar,
  .narrow-header-fix .page-header,
  .narrow-header-fix .page-tab-header,
  .narrow-header-fix .content-header.is-no-navbar {
    height: 0;
    padding: 0;
    margin-top: -41px;
  }
  .narrow-header-fix .content-header .contacts-list .is-no-navbar {
    margin-top: 0px;    /* Fix addrbook list layout mobile */
    
  }
  .content-container .page-tab-header{
    transition: all 0.3s;
  }
  .narrow-header .container-fixed,
  .narrow-header-fix .container-fixed{
    padding-bottom: 50px;
  }

  [data-ace-apply]:not(#hr):not(#calendar):not(#calendarnew):not(#resource) .message-content{
    margin: 0 2px;
      padding: 16px 0;
  }
}

#ledger table {
    table-layout: fixed;
    width: 100%;
    *margin-left: -100px;/*ie7*/
}

#ledger td, #ledger th {
    vertical-align: top;
    padding:10px;
    width:100px;
    height:78px;
}

#ledger th {
    width:100px;
}

#ledger .hard_left {
    position:absolute;
    *position: relative; /*ie7*/
    left:0px;
    width:100px;
}
#ledger .next_left {
    position:absolute;
    *position: relative; /*ie7*/
    left:100px;
    width:100px;
}

#ledger .next1_left {
    position:absolute;
    *position: relative; /*ie7*/
    left:200px;
    width:100px;
}

#ledger .next2_left {
    position:absolute;
    *position: relative; /*ie7*/
    left:300px;
    width:100px;
}

#ledger .next3_left {
    position:absolute;
    *position: relative; /*ie7*/
    left:400px;
    width:100px;
}

#ledger .next4_left {
    position:absolute;
    *position: relative; /*ie7*/
    left:500px;
    width:100px;
}

#ledger .outer {position:relative}

#ledger .inner {
    overflow-x:scroll !important;
    overflow-y:visible;
    margin-left:600px;
}

#ledger .no_inner {
    overflow-x:hidden;
}

#ledger .no_holiday {
    width:100%;
}
/* .narrow-header [data-ace-apply]:not(#hr):not(#calendar):not(#calendarnew):not(#resource) .container-fixed .message-content{
  margin-top: 155px;
} */


/*multi search of contact menu*/
.dropdown.multi-search {
  /*position: absolute;*/
  top:50%;
  transform: translateY(5%);
  z-index: 1;
  border-radius: 0!important;
  color: #858585;
  background-color: #fff;
  border: 1px solid #d5d5d5;
}


.dropdown.multi-search dd,
.dropdown.multi-search dt {
  margin: 0px;
  padding: 0px;
}

.dropdown.multi-search ul {
  margin: -1px 0 0 0;
}

.dropdown.multi-search dd {
  position: relative;
}

.dropdown.multi-search a,
.dropdown.multi-search a:visited {
  color: #858585;
  text-decoration: none;
  outline: none;
  font-size: 12px;
}

.dropdown.multi-search dt a {
  
  display: block;
  padding: 5px 0px 5px 10px;
  min-height: 25px;
  /*line-height: 24px;
  margin-left: 5px;*/
  margin-top: 5px;
  overflow: hidden;
  border: 0;
  width: 250px;
}

.dropdown.multi-search dt a span,
.multiSel span {
  cursor: pointer;
  display: inline-block;
  padding: 0 3px 2px 0;
}

.dropdown.multi-search dd ul {
  border: 1px solid #d5d5d5 !important;
  background-color: #fff;
  border: 0;
  color: #858585;
  display: none;
  left: -1px;
  padding: 10px 15px 5px 5px;
  position: absolute;
  top: 2px;
  width: 252px;
  list-style: none;
  /*height: auto;*/
  /*overflow: auto;*/
}

.dropdown.multi-search span.value {
  display: none;
  padding-bottom: 5px;
}

.dropdown.multi-search dd ul li a {
  padding: 5px;
  display: block;
}

.dropdown.multi-search dd ul li a:hover {
  background-color: #fff;
}
.contact_mobile .modal-dialog{
  width: 100%;
  height: 100vh;
  margin: 0;
}
.contact_mobile .modal-content{
  height: 100%;
  border: 0
}
.contact_mobile .user-item{
  /*background: #f4f4f4;*/
  min-height: 50px;
  /*margin: 2px;*/
  padding: 5px;
  padding-left: 0px;
  /*border-radius: 3px;*/
  /*padding-left: 10px;*/
  /*border: 1px solid #ccc;*/
}
.contact_mobile .user-item p{
  padding-left: 10px;
  color: #444;
  margin: 0px;
  margin-left: 5px;
}
.contact_mobile .add-user{
  border: 1px solid #428bca;
  height: 40px;
  margin: 2px;
  padding: 8px;
  border-radius: 3px;
  padding-left: 10px;
  text-align: center;
}
.contact_mobile .add-user i{
  color: #428bca;
}
.contact_mobile .user-item a{
  color: white;
}
.contact_mobile .users-selected{
  list-style: none;
  margin-left: 10px;
}
.contact_mobile .users-selected li.active{
  background-color: #dbe7f3;
}
.contact_mobile .users-selected li .user-item  i.fa{
  /*display: inline-block;*/
  color: white;
  margin-right: 5px;
  float: right;
  font-size: 18px;
  margin-top: 3px;
}
.flex-react *{
  display: flex;
  flex-direction: column;
}
.flex-react .no-flex,
.flex-react .no-flex > *:not(.bigger){
  display: inline-block;
}
.main-ie .fr-view tbody, .main-ie .fr-view tr, .main-ie .fr-view td:not([class]) {
    border: inherit;
    border-color: inherit;
}

.main-ie .fr-view table[style*="border-width"] {
    border-style: solid;
}


.radiovisible+*{
  border: 2px solid #FFF;
}
.radiovisible+*:hover{
  border: 2px solid rgb(216, 132, 157)
}
.radiovisible:checked+*{
  border: 2px solid red;
}  
/*Important contact*/
.important-contact-search{
  margin-left: 35px;
}
label.important-contact {
  margin-bottom: 0;
}
label.important-contact input[type=checkbox] {
  z-index: -100!important;
  width: 0!important;
  height: 0!important;
  position: fixed;
  opacity: 0;
}
label.important-contact input[type=checkbox] + .lbl {
  position: relative;
  display: inline-block;
  margin: 0;
  line-height: 20px;
  min-height: 18px;
  min-width: 18px;
  font-weight: 400;
  cursor: pointer;
}
label.important-contact input[type=checkbox] + .lbl::before {
  cursor: pointer;
  font-family: fontAwesome;
  font-weight: 400;
  font-size: 18px;
  color: #ddd;
  content: "\f005";
  display: inline-block;
  text-align: center;
  height: 18px;
  line-height: 18px;
  min-width: 16px;
  margin-right: 1px;
  position: relative;
}
label.important-contact input[type=checkbox]:checked + .lbl::before {
  color: #feb902;
  content: "\f005";
}
.filter-alphabet-contact{
  z-index: 5;
}


#resource .mce-ico {
  color: #595959;
}

/* plugin hansmiles */
.editorSmilies .smilie {
  margin: 5px;
}


@media (max-width: 560px)
{
    .container-main-navi > div{
      height: 80px;
      display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;      /* TWEENER - IE 10 */
      display: -webkit-flex;     /* NEW - Chrome */
      display: flex;
      align-items: center;
      /*border: solid 2px #eee;*/
      /*background: transparent;*/
    }
    .container-main-navi > div a{
      border: none;
      background-color: transparent;
      color: #fff;
    }

    .container-main-navi > div:hover{
      background-color: #438eb9;
    }
    .container-main-navi > div:hover a{
      color: #FFF;
    }

    .modal-body:not([data-ephox-mobile-fullscreen-style]){overflow: auto;}
    /*fix pop-up on mobile device*/
    .popover.fade.right.in{
      left: auto !important;
    }

    .resolv-mobile-buttons{
        text-align: center;
    }
    .resolv-mobile-buttons > a, .resolv-mobile-buttons > button{
        margin-bottom: 5px;
  }
  .hanAutosave-notify{
    right: auto !important;
  }
}
.message-item.is_viewing,
.message-item.is_viewing > .message-wrapeds,
.message-item-photo.is_viewing{
  background-color: #ddeeff;
}
.org-mobile-item{
  flex-direction: row;
    align-items: center;
    min-height: 54px;
    margin: 2px;
  transition: all 0.3s;
}
.org-mobile-item:active{
  background-color: #2d69a085;;
}
.user-item > div{
  width: 80%;
}
.user-item > div > p {
  width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.user-item-title{
  padding-left: 10px;
}
.user-item-email{
  padding-left: 10px;
  font-size: 12px;
}
.hanNotifyx a.link{
  color: #FFF !important;
}
.hanNotifyx a.link:hover{
  color: #999 !important;
  text-decoration: underline
}
.hanNotifyErrorBottom .brighttheme.ui-pnotify-container{
  background-color: #ff4f4f;
    background-image: none;
    padding: 13px;
}
.hanNotifyErrorBottom .ui-pnotify-title{
  margin-bottom: 0;
  font-size: 14px;
  color: #FFF;
}

/* Editor: Source preview */
.mce-container .mce-advcode-full{
  position: absolute;
    top: 11px;
    right: 3rem;
    color: #9b9b9b;
    border-right: 1px solid #ccc;
    padding-right: 1rem;
    cursor: pointer;
}
.mce-container .mce-advcode-full > i{
  color: #9b9b9b;
    font-size: 13px;
}
.mce-container .mce-advcode-full:hover{
  opacity: 0.5;
}
.yellow{
    color: #feb902;
}

@media only screen and (max-width: 991px){
    .messagebar-item-left input[type=checkbox].ace+.lbl::before{
        margin-right: 10px;
    }
}

@media only screen and (max-width: 767px){
    .message-navbar .messagebar-item-left ~ .nav-search.mail-list-search{
        left: 110px;
    }
}

.message-item.is_viewing,
.message-item.is_viewing > .message-wrapeds,
.message-item-photo.is_viewing{
    background-color: #ddeeff;
}

div#isGettingList{
  display: none;
}

/* new Search harry Tr */
@media(max-width: 560px)
{
  .narrow-header-fix.searching div#navbar {
    opacity: 0;
    pointer-events: none;
  }
  .narrow-header-fix.searching div#wrapper {
    margin-top: -50px;
  }
  
  .show-on-searching{
    display: none;
  }
  .narrow-header-fix.searching .show-on-searching{
    display: block;
  }
  .narrow-header-fix.searching .hide-on-searching{
    display: none;
  }
  .narrow-header-fix.searching .nav-search-input{
    padding-left: 50px !important;
  }
  .narrow-header-fix.searching .message-list-container{
    padding-top: 1rem;
  }
  .narrow-header-fix.searching .contacts-list .message-list-container{
    padding-top: 0rem;
  }
  .narrow-header-fix.searching .message-navbar{
    border: none !important;
  }
  .close-mobile-search{
    position: absolute; top: 0; z-index: 10; left: 0; padding: 6px 15px; background-color: #dfe8ef !important; border: none !important; color: #408bc1 !important; font-size: 1.5rem;
  }
  div#isGettingList {
    position: absolute;
    width: 100%;
    height: 100vh;
    background: #00000085;
    top: 0;
    align-items: center;
    justify-content: center;
    color: #FFF;
    display: none;
    margin-top: -10px;
  }
  .narrow-header-fix #isGettingList{
    display: flex;
  }
}
#tooltip-zc{
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    border: 1px solid rgba(0,0,0,0.2);
    padding: 2px 8px!important;
    background-image: none!important;
    color: #fff!important;
    position: absolute;
    margin: 20px 0 0;
    line-height: 18px;
    font-size: 11px;
    background-color: #424242!important;
    text-shadow: 0 1px 0 #000;
    border-radius: 1px;
}
.tooltipzcdefault {
    line-height: 18px;
    position: absolute;
    padding: 10px;
    margin: 20px 0 0;
    background-color: #fff!important;
    border: 1px solid #e0e0e0;
    border-radius: 1px;
    color: #444!important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    z-index: 2000!important;
    font-size: .929rem;
    text-align: left;
    word-wrap: break-word;
}
.bootstrap-datetimepicker-widget.dropdown-menu{z-index: 9999 !important;}
.zoom-master{transition: transform 0.3s}
.zoom-master:hover{transform: scale(1.5);}
.han-simple-editor .ql-editor{
  min-height: 80px;
}
.han-simple-editor.ql-bubble{
  border: 1px solid #ccc;
  border-radius: 3px;
}
.han-simple-editor.ql-bubble .ql-editor{
  padding: 10px;
}
.han-simple-editor.ql-bubble .ql-editor.ql-blank::before{
  left: 10px;
}

.ql-editor.entity_value, .p0{padding: 0 !important;}
.m0{margin: 0 !important;}
.menu-splited-main {
    position: absolute;
    background-color: #8c8c8c;
    right: 0;
    width: 200px;
  margin-top: 10px;
  display: none;
}
.menu-splited-main:before {
    content: "";
    position: absolute;
    width: 200px;
    height: 20px;
    top: -15px;
    right: 0;
}
.special-nav-menu:hover > .menu-splited-main{
  display: block;
}

.menu-splited-main ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-splited-main ul li {
    text-align: left;
    width: 100%;
    display: block;
}

.menu-splited-main ul li a {
    color: #FFF;
    padding: 10px;
    width: 100%;
    display: inline-block;
}

.menu-splited-main ul li a:hover,
.menu-splited-main ul li a.active {
    background-color: #FFF;
    color: #888;
}

.input-group-addon.last{
    background-color: #e9f6ff;
    color: #696969;
    border-left: none;
}
.input-group-addon.last:hover{
    color: rgb(219, 219, 219)
}
input.ng-invalid-required.ng-touched + .last{
  border: 1px solid #f05050;
    border-left: 0;
}

.navfa{width:23px;height:23px;}
.ui-state-active {background-color: #d7e8ff;}

.message-list-container.advanced-search-open .message-list .message-item.list-title {
  position: static;
}

.split-pane.vertical-percent.split-pane-task > .cls-viewport-xs .col-sm-1,
.split-pane.vertical-percent.split-pane-task > .cls-viewport-xs .col-sm-2,
.split-pane.vertical-percent.split-pane-task > .cls-viewport-xs .col-sm-3,
.split-pane.vertical-percent.split-pane-task > .cls-viewport-xs .col-sm-4,
.split-pane.vertical-percent.split-pane-task > .cls-viewport-xs .col-sm-5,
.split-pane.vertical-percent.split-pane-task > .cls-viewport-xs .col-sm-6,
.split-pane.vertical-percent.split-pane-task > .cls-viewport-xs .col-sm-7,
.split-pane.vertical-percent.split-pane-task > .cls-viewport-xs .col-sm-8,
.split-pane.vertical-percent.split-pane-task > .cls-viewport-xs .col-sm-9,
.split-pane.vertical-percent.split-pane-task > .cls-viewport-xs .col-sm-10,
.split-pane.vertical-percent.split-pane-task > .cls-viewport-xs .col-sm-11,
.split-pane.vertical-percent.split-pane-task > .cls-viewport-xs .col-sm-12 {
  float: left;
  width: 100%!important;
}

.han-react-list{
  position: relative;
  z-index: 1;
}

.ui-state-active {background-color: #d7e8ff;}

.is_ie_browser #sidebar.sidebar.menu-min:hover > div:first-child{
  padding-right: 250px;
  margin-right: -250px;  
}
.sidebar.menu-min .nav-list>li>a>.menu-text {
  width: 230px;
}
.sidebar.menu-min .nav-list>li>a>.badge-collapse {
  display: none;
}
.sidebar.menu-min .nav-list>li>.submenu {
  width: 230px; 
}
/* i.fa.pull-right {
  float: none !important;
} */

han-editor, han-editor .han-tinymce-inlite{
  height: 100%;
}
.modal-body .write-form {
  overflow: visible;
}
/* trung adds for survey view */
.survey-info-question {
  color: #336199;
  background-color: #EDF3F4;
  border-top: 1px solid #F7FBFF;
  padding: 6px 10px 6px 4px;
  font-weight: 400;
  display: table-cell;
  /* vertical-align: middle; */
  width: 510px;
}

.survey-info-answer {

    min-width: 150px;
    border-top: 1px dotted #DCEBF7;
    padding-left: 6px;
    word-break: break-all;
    display: table-cell;
    padding: 6px 4px 6px 6px;
}
.context-menu-custom{
  position: fixed;
  background: #FFF;
  width: 150px;
  z-index: 99999;
  border: 1px solid #eee;
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
}

ul.context-menu-custom{
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.context-menu-custom li a{
  width: 100%;
  padding: 10px;
  display: inline-block;
}
ul.context-menu-custom li a:hover{
  background: #F2F2F2;
}
.nav-list.nav > li > ul > li > ul > li{
    
}
.nav-list.nav > li > ul > li > ul > li > a:before {
    content: "";
    border-top: 1px solid #9dbdd6;
    width: 11px;
    height: 1px;
    display: block;
    position: absolute;
    top: 43%;
    left: 9px;
}

.nav-list.nav > li > ul > li > ul:before{
    content: "";
    border-left: 1px dotted #9dbdd6;
    margin-left: 28px;
    height: 100%;
    position: absolute;
    z-index: 1;
    margin-top: -20px
}

.nav-list.nav > li > ul > li > ul > li > ul > li > a:before {
    content: "";
    border-top: 1px dotted #9dbdd6;
    width: 11px;
    height: 1px;
    display: block;
    position: absolute;
    top: 43%;
    left: 22px;
}

.nav-list.nav > li > ul > li > ul > li > ul:before{
    content: "";
    border-left: 1px dotted #9dbdd6;
    margin-left: 40px;
    height: 100%;
    position: absolute;
    z-index: 1;
    margin-top: -20px
}
.nav-list.nav > li > ul > li > ul > li > ul > li > ul > li > a:before {
  content: "";
  border-top: 1px dotted #9dbdd6;
  width: 11px;
  height: 1px;
  display: block;
  position: absolute;
  top: 43%;
  left: 22px;
}

/* Harry new checklist */
.tox-checklist > li:not(.tox-checklist--hidden) {
  list-style: none;
  margin: .25em 0;
  position: relative;
}
.tox-checklist > li:not(.tox-checklist--hidden)::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
  background-size: 100%;
  content: '';
  cursor: pointer;
  height: 1em;
  margin-left: -1.5em; 
  position: absolute;
  top: .125em;
  width: 1em;
}
.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}
#calendarnew .nav-list.nav > li > ul > li > ul:before{
  border-left:0;
}
#calendarnew .nav-list.nav > li > ul > li > ul > li > a:before{
  border-top:0;
}
.action-buttons button {
  background: none;
  border: none;
  color: #6083d4;
  position: relative !important;
  z-index: 10 !important;
}

/* New 주소 찾기 */
.search-address-wrap {
	position: relative;
	padding: 15px;
}
div.kradress {
    overflow:auto;
    margin:0 auto;
    padding: 0.5em;
    border: 1px solid #eee;
}
div.kradress > ul > li > span.label {
	border-radius: 2px;
}
.loading-data {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    z-index: 2;
    text-align: center;
    padding-top: 120px;
}
.tox-tinymce {
  padding: 0 5px;
  border-radius: 4px !important;
  box-shadow: rgba(65, 69, 88, 0.1) 0px 7px 14px 0px, rgba(0, 0, 0, 0.07) 0px 3px 6px 0px !important;
  border-color: #dcdcdc !important;
  border-bottom-color: #efefef !important;
  border-right-color: #efefef !important;
}
.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
  background: none !important;
  border-bottom: 1px solid #dcdcdc;
}
.fixed-form-actions{
  padding-bottom: 80px;
}
.fixed-form-actions .form-actions {
  background-color: #f3f4f5;
  position: fixed;
  bottom: 0;
  z-index: 10;
  padding: 0.5rem;
  margin: 0;
  box-shadow: 0px -5px 15px rgba(0, 0, 0, 0.15);
  opacity: 0;
}  
.status1 span{
   font-size: 13px;
}

.alert-modal-custom .modal-sm{
  width: 400px;
}

.fullscreen {
    position: fixed;
    height: 100vh !important;
    top: 0;
    z-index: 1040;
    left: 0;
}

.main-navi .btn-sc_info.active, .main-navi .btn-sc_info:hover, .main-navi .btn-sc_info:active, .main-navi .btn-sc_info:focus,
.notification-list .thumbicon.btn-sc_info {
  background-color: #59bc32;
  border-color: #70bc32;
  color: #fff;
}

.main-navi .btn-extra_pay.active, .main-navi .btn-extra_pay:hover, .main-navi .btn-extra_pay:active, .main-navi .btn-extra_pay:focus,
.notification-list .thumbicon.btn-extra_pay {
    background-color: #95ab62;
    border-color: #95ab62;
    color: #fff;
}

/*B handle fix table*/
table.fixed_header{
  overflow: hidden;
}
.fixed_header thead {
  position: relative;
  display: block; /*seperates the header from the body allowing it to be positioned*/
  overflow: visible;
}

.table.fixed_header thead:first-child tr{
  background-color: #f1f5fa;
}

.fixed_header thead th:nth-child(1){/*first cell in the header*/
  position: relative;
  /*display: block; */
  /*seperates the first cell in the header from the header*/
  background-color: #fff;
}
.fixed_header thead th:nth-child(2) {/*first cell in the header*/
  position: relative;
  /*display: block; */
  /*seperates the first cell in the header from the header*/
  background-color: #fff;
  /*top: 1px;*/
  /*border: 0;*/
}


.fixed_header tbody {
  position: relative;
  display: block; /*seperates the tbody from the header*/
  width: 1694px; /*init set*/
  height: 400px; /*init set 620*/
  overflow: scroll;
  /*overflow-y: scroll;*/
}
.fixed_header tbody td:not(:first-child) {
  /*min-width: 100px;*/
}
.fixed_header tbody td {
  /*min-width: 100px;*/
  /*border: 1px solid #222;*/
}

.fixed_header tbody tr td:nth-child(1), .fixed_header tbody tr td:nth-child(2) {  /*the first cell in each tr*/
  position: relative;
  /*display: block; */
  /*seperates the first column from the tbody*/
  background-color: #fff;
}
.input-has-error {
  border-color: red !important;
  color: red !important;
}
/*E handle fix table*/

.popover-z-menu{
  z-index: 100;
}
.annie-editor img[style*="margin-"] {
  display: block;
}

/* Fix align numbered & bullet  */
.annie-editor ul{ 
  list-style-position: inside;
  padding-inline-start: 40px;
}
.annie-editor h1{
  font-size: 2em !important;
}
.annie-editor h2{
  font-size: 1.5em !important;
}
.annie-editor h3{
  font-size: 1.3em !important;
}
.annie-editor h4{
  font-size: 1em !important;
}
.annie-editor h5{
  font-size: 0.8em !important;
}
.annie-editor h6{
  font-size: 0.7em !important;
}
@media only screen and (max-width: 320px) { /* Iphone 5/SE */
  .message-item .summary, #whisper-list .message-item .summary{
    width: 85%;
  }
}

@media only screen and (min-width: 768px) {
  .message-item .item.time{
    margin-right: 21px;width: 102px;
  }
  
  .message-item .item.size{
    margin-right: 5px;
  }
  
  .message-item .item.attachment{
    margin-right: 15px;
  }
}

/* Fixbug UX/UI subject */
/* < 768px -> increase width */
/* @media (max-width: 768px) {
  #mail-tab-content .message-list-container .message-item .message-wrapeds .summary .text{
    max-width: calc(100% + 60px);
  }
} */
@media (min-width: 768px) {
  #mail-tab-content .split-pane.split-pane-mail .message-list-container .message-item .message-wrapeds.is-all-email .summary .text{
    max-width: calc(100% - 140px);
  }
  #mail-tab-content .message-list-container .message-item .message-wrapeds.is-all-email .summary .text{
    max-width: calc(100% - 95px);
  }
  #mail-tab-content .message-list-container .message-item .message-wrapeds.is-getbackstate .summary .text{
    max-width: calc(100% - 150px);
  }
  #mail-tab-content .split-pane.split-pane-mail  .message-list-container .message-item .message-wrapeds .summary .text{
    max-width: calc(100% - 40px);
  }
  #mail-tab-content .split-pane.split-pane-mail  .message-list-container .message-item .message-wrapeds.is-getbackstate .summary .text{
    max-width: calc(100% - 170px);
  }
}
@media (min-width: 992px) {
  #mail-tab-content .message-list-container .receive-sender{
    width: 110px;
  }
  #mail-tab-content .message-list-container .message-item .message-wrapeds.is-all-email .summary .text{
    max-width: calc(100% - 150px);
  }
  #mail-tab-content .message-list-container .message-item .message-wrapeds .summary .text{
    max-width: calc(100% - 100px);
  }
  #mail-tab-content .message-list-container .message-item .message-wrapeds.is-getbackstate .summary .text{
    /* max-width: calc(100% - 180px); */
    max-width: calc(100% - 135px);
  }
  #mail-tab-content .split-pane.split-pane-mail  .message-list-container .message-item .message-wrapeds .summary .text{
    max-width: calc(100% - 120px);
  }
  #mail-tab-content .split-pane.split-pane-mail  .message-list-container .message-item .message-wrapeds.is-getbackstate .summary .text{
    max-width: calc(100% - 250px);
  }
  #mail-tab-content .message-item .time{
    width: 110px;
  }
}
@media (min-width: 1024px) {
  #mail-tab-content .message-list-container .message-item .message-wrapeds.is-getbackstate .summary .text{
    /* max-width: calc(100% - (15% + 150px)); */
    max-width: calc(100% - 140px);
  }
  .is-hybrid-app #mail-tab-content .message-list-container .message-item .message-wrapeds.is-getbackstate .summary .text{
    max-width: calc(100% - 60px);
  }
}
@media (min-width: 1070px) {
  #mail-tab-content .message-list-container .message-item .message-wrapeds.is-getbackstate .summary .text{
    max-width: calc(100% - (5% + 150px));
    /* max-width: calc(100% - 130px); */
  }
}
@media (min-width: 1152px) {
  #mail-tab-content .message-list-container .message-item .message-wrapeds.is-getbackstate .summary .text{
    max-width: calc(100% - (15% + 150px));
    /* max-width: calc(100% - 150px); */
  }
}
@media (min-width: 1291px) {
  #mail-tab-content .message-list-container .message-item .message-wrapeds.is-getbackstate .summary .text{
    max-width: calc(100% - (12% + 150px));
    /* max-width: calc(100% - 150px); */
  }
  .is-hybrid-app #mail-tab-content .message-list-container .message-item .message-wrapeds.is-getbackstate .summary .text{
    max-width: calc(100% - (10% + 100px));
  }
}
@media (min-width: 1600px) {
  #mail-tab-content .split-pane.split-pane-mail  .message-list-container .message-item .message-wrapeds.is-getbackstate .summary .text{
    max-width: calc(100% - 155px);
  }
}
@media (min-width: 1824px) {
  #mail-tab-content .split-pane.split-pane-mail  .message-list-container .message-item .message-wrapeds.is-getbackstate .summary .text{
    max-width: calc(100% - (15% + 150px))
  }
}
@media only screen and (max-width: 550px) {
  #mail-tab-content .message-item .is-all-email .summary .text {
    max-width: 70%;
  }
  #mail-tab-content .message-item .is-getbackstate .summary .text {
		max-width: calc(100% - 160px);
  }
}
#mail-tab-content .split-pane-component .message-item .htime{
  width: 140px;
}
/*@media (min-width: 992px) {
	#mail-tab-content .message-list-container .message-item .summary .text{
		max-width: 70%;
  }
  #mail-tab-content .message-list-container .message-item .message-wrapeds.is-all-email  .summary .text.mac{
		max-width: 18%;
	}
} 
@media (min-width: 1000px) {
	#mail-tab-content .message-list-container .message-item  .message-wrapeds.is-all-email .summary .text.mac{
		max-width: 40%;
	}
}
@media (min-width: 1100px) {
	//.message-list-container .message-item .summary .text.mac{
	//	max-width: 80%;
  //} 
  
  #mail-tab-content .message-list-container .message-item .message-wrapeds.is-all-email  .summary .text.mac{
		max-width: 52%;
	}
} 
@media (min-width: 1280px) {
	#mail-tab-content .message-list-container .message-item .summary .text{
		max-width: 85%;
  }
  #mail-tab-content .message-list-container .message-item .message-wrapeds.is-all-email  .summary .text.mac{
		max-width: 70%;
	}
} 
@media (min-width: 1291px) and (max-width: 1439px) {
	#mail-tab-content.smail--767 .split-pane .message-item .summary .text{
    max-width: 65% !important;
  }
} 
@media (min-width: 1440px) {
	#mail-tab-content.smail--767 .split-pane .message-item .summary .text{
    max-width: 75% !important;
  }
  #mail-tab-content .message-list-container .message-item .message-wrapeds.is-all-email  .summary .text.mac{
		max-width: 78%;
  }
  #mail-tab-content .split-pane.split-pane-mail .message-list-container .message-item .message-wrapeds.is-all-email .summary .text.mac, #mail-tab-content.smail--767 .split-pane .message-item .summary .text.mac{
    max-width: 55%;
  }
}
@media (min-width: 1700px) {
  #mail-tab-content .message-list-container .message-item .summary .text{
    max-width: 90%;
  }
  #mail-tab-content .split-pane.split-pane-mail .message-list-container .message-item .summary .text.mac{
    max-width: 75%;
  }
  #mail-tab-content .message-list-container .message-item .message-wrapeds.is-all-email  .summary .text.mac{
		max-width: 85%;
	}
}
*/
/*
* @author Phuc <hoangphuc@hanbiro.vn>
* @since  2019-11-01
* Fix UX/UI related emails
*/
.related-emails .show-full.from{
  max-width: 250px;
}
.related-emails .full-subject{
  display: inline-flex;
}
.related-emails .full-subject .red{
  width: max-content;
  margin-right: 5px;
}
@media only screen and (min-width: 320px) {
  .related-emails .show-full.subject{
    max-width: 200px !important;
  }
}
@media only screen and (min-width: 1240px) {
  .split-pane-component .related-emails .show-full.subject{
    max-width: 200px !important;
  }
  .related-emails .show-full.subject{
    max-width: 400px !important;
  }
}
@media only screen and (min-width: 1700px) {
  .split-pane-component .related-emails .show-full.subject{
    max-width: 300px !important;
  } 
  .related-emails .show-full.subject{
    max-width: 650px !important;
  }
}

.user-holiday .page {
	width: 250mm !important;
}

.user-holiday .page .subpage .table-responsive {
	overflow-x:hidden !important;
}

.full-screen .cctv img{
  width: 50%;
}
.cctv img{
  width: 80%;
}
#cctv-iframe{ pointer-events: none; }

.security-checkup-warning{
  background-color: #ffc !important;
}

@media (max-width: 1024px) {
  .security_checkup .table-responsive td.td-resize{
    max-width: 300px !important;
    min-width: 300px !important;
    white-space: inherit;
  }
}
.content-view-body .annie-editor table img:not([styles*="max-width"]){
  max-width: none !important;

}
.content-view-body .annie-editor table img:not([styles*="max-height"]){
  max-height: none !important;
}

.han-loading {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid rgba(146, 44, 136, 0.2);
  border-top-color: #922c88;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  position: absolute;
  z-index: 1;
}
@keyframes spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}

.modal-hideHeaderAndFooter {
  overflow-y: hidden !important;
  height: 100% !important;
}

.modal-hideHeaderAndFooter .modal-content {
  border: 0px !important;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  height: 100% !important;
}

.modal-hideHeaderAndFooter .modal-dialog {
  margin: 0px !important;
  height: 100% !important;
}

.modal-hideHeaderAndFooter .modal-body {
  height: 100% !important;
  overflow: hidden !important;
  padding: 0px !important;
}

.modal-hideHeaderAndFooter .pdp-mod-product-title {
  margin: 0;
  padding: 0 .28rem 0 .2rem;
  color: #212121;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.25;
  font-weight: normal;
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.modal-hideHeaderAndFooter .pdp-section {
  margin-top: 8px;
}

.modal-hideHeaderAndFooter .pdp-list-item-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 12px;
  overflow: hidden;
  background-color: #fff;
}

.modal-hideHeaderAndFooter .pdp-list-item-label { 
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
  width: 60px;
  margin-right: .18rem;
  font-size: 12px;
  color: #999;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modal-hideHeaderAndFooter .pdp-list-item-value {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.17;
  color: #666;
}

.modal-hideHeaderAndFooter .btn-left {
  width: 65px;
  height: 25px;
  align-items: center;
  color: black;
  display: flex;
  border: 0px;
  background-color: transparent;
}

.modal-hideHeaderAndFooter .btn-right:focus .btn-left:focus{
  outline:none !important;
}

.modal-hideHeaderAndFooter .btn-right {
  width: 65px;
  height: 25px;
  align-items: center;
  display: flex;
  text-align: right;
  justify-content: flex-end;
  font-size: 14px;
  color: #246aaa;
  border: 0px;
  background-color: transparent;
}
.novatech-browser-image{
  width: 163px;
  height: 36px;
  margin-top: 5px;
}

.show-iframe-new-groupware{
  width: 100%; 
  position: relative; 
  display: flex;
  justify-content: center; 
  align-items: center;
  height: calc(100vh - 130px);
}
.narrow .show-iframe-new-groupware.big{
  height: calc(100vh - 110px) !important;
}
.show-iframe-new-groupware.normal{
  height: calc(100vh - 115px) !important;
}
.narrow .show-iframe-new-groupware.normal{
  height: calc(100vh - 93px) !important;
}
.show-iframe-new-groupware.mini{
  height: calc(100vh - 95px) !important;
}
.narrow .show-iframe-new-groupware.mini{
  height: calc(100vh - 85px) !important;
}

.circular-tag-disabled{
  pointer-events: none;
  opacity: 0.8;
}

@media only screen and (max-width: 1280px) {
  .panstar-top-link-menu{
    visibility: visible !important;
  }
  .panstar-top-link{
    display: none !important;
  }
}
@media only screen and (min-width: 1281px) {
  .panstar-top-link-menu{
    display: none !important;
  }
  .panstar-top-link{
    visibility: visible !important;
  }
}

.contact-infor-image img {
  border-radius: 5px;
  box-shadow: -1px 7px 20px -15px rgb(0 0 0 / 60%);
}

@media (min-width: 1024px) {
	.modal.modal-top25{
	  top: 25%
	}
}
#addrbook-tab-content .contacts-list-type2{
  height: 150px;
}
.summary-translate-panel .panel{
  margin-bottom: 10px !important;
  background: #d9edfd;
  border-radius: 5px;
}
.summary-translate-panel .panel.margin-left{
  margin-left: 65px;
}
.summary-translate-panel .panel-heading{
  padding: 0px 10px;
}
.summary-translate-panel .panel-heading .render{
  display: flex;
  justify-content: space-between;
  background: #d9edfd;
  position: relative;
  width: 100%;
}
.summary-translate-panel .panel-heading button{
  border-radius: 4px;
  cursor: pointer;
  padding: 4px 6px;
  color: #438eb9 !important;
}
.summary-translate-panel .panel-heading button:focus{
  outline: none !important;
}
.summary-translate-panel .panel-heading .subject{
  font-size: 16px;
  font-weight: bold;
  word-break: auto-phrase;
}
.summary-translate-panel .panel-heading .lang{
  font-size: 12px;
  color: #777;
  min-width: 100px;
  text-align: right;
  padding-right: 10px;
}
.summary-translate-panel .panel-heading .user-wrapper .name{
  font-weight: 700;
}
.summary-translate-panel .panel-heading .user-wrapper .group-rank{
  color: rgb(131, 146, 165);
  font-size: 12px;
}
.summary-translate-panel .panel-body{
  padding: 10px;
  margin: 12px;
  margin-top: 8px;
  background: white;
  border-radius: 5px;
}
.summary-translate-panel .panel-body h1, .summary-translate-panel .panel-body h2, .summary-translate-panel .panel-body h3, .summary-translate-panel .panel-body h4, .summary-translate-panel .panel-body h5, .summary-translate-panel .panel-body h6 {
  font-size: 15px;
  margin: 0 0 10px;
}
.summary-translate-panel table{
  width: initial !important;
}
.summary-translate-panel .user-wrapper{
  margin-bottom: 1px;
  margin-top: 5px;
}
.summary-translate-panel .ai_in_progress{
  font-size: 16px;
  font-weight: bold;
  animation: blink 1s infinite;
  text-align: center;
}
.summary-translate-panel h1, .summary-translate-panel h2, .summary-translate-panel h3, .summary-translate-panel h4, .summary-translate-panel h5, .summary-translate-panel h6 {
  font-size: 13px !important;
  font-weight: 500;
}
.summary-translate-panel .sub-title {
  font-size: 12px;
  color: #777;
}
.summary-translate-panel .sub-title-flex {
  display: flex;
}
.summary-translate-panel .mail-date.sub-title {
  position: absolute;
  right: 10px;
  top: 45px;
}
.summary-translate-panel .ai-purpose {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.summary-translate-panel .ai-purpose span{
  font-weight: 700;
}
.summary-translate-panel .ai-purpose .ai-purpose-content{
  font-weight: 400;
  padding-left: 16px;
}
.summary-translate-panel .ai-purpose span.bullet:before {
  content: "•";
  margin-left: 0;
  margin-right: 9px;
  font-weight: initial;
}
.summary-translate-panel .ai-purpose br {
  display: none;
}
.summary-translate-panel span.bullet:before {
  content: "•";
  margin-left: 16px;
  margin-right: 4px;
}
.summary-translate-button {
  text-align: right;
}
.summary-translate-button a.disable {
  opacity: 0.38;
  pointer-events: none;
  cursor: default;
}
.summary-translate-button .dropdown-menu {
  right: 0;
  left: initial;
}
.full-width .summary-translate-button {
  width: 100%;
}
.common-org-tree-search .nav-search{
  position: relative;
  right: initial;
}
.common-org-tree-search .title{
  padding: 0;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: lighter;
  color: #2679b5;
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  display: flex;
  align-items: center;
  height: 45px;
}
.common-org-tree{
  height: 60vh;
  display: block;
}
@media only screen and (max-width: 550px) {
  #ngw\.task\.AI .container-fixed.toolbar-except{
    padding-top: 50px;
  }
  #diary_ai_summary .div-right {
    margin-top: 10px;
  }
  #diary_ai_summary .dropdown-menu {
    right: 0;
    left: inherit;
  }
}

@media only screen and (max-width: 991px) {
  .common-org-tree {
    height: 250px;
  }
}

.han-react-list .message-item .item-hidden-ai {
	display: none;
	font-weight: normal;
	float: right;
	margin-right: 8px;
	border-radius: 4px;
	padding: 2px 4px 1px 4px;
	/* background-color: #bbd9f1 */
}
.is_mobile .han-react-list .message-item .item-hidden-ai,
.is-hybrid-app .han-react-list .message-item .item-hidden-ai {
    display: block;
}

.aprv.item-hidden-ai {
  position: absolute;
  right: 0;
  margin: 0 !important;
  background: #fff;
}

.han-react-list .message-item .item-hidden-ai > span {
  position: relative;
  color: #2679b5;
  cursor: pointer;
  font-size: 13px;
  line-height: 13px;
  width: 40px;
  display: inline-block;
  text-align: center;
  font-weight: 600;
  white-space: nowrap;
}

/* .han-react-list .message-item .item-hidden-ai > span::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  color: #2679b5;
} */

.han-react-list .message-item .item-hidden-ai:hover {
  background-color: #f4f4f4;
}

.han-react-list .message-item .item-hidden-ai:active {
	box-shadow: 0px 2px 4px #f4f4f4;
}
.han-react-list .message-item:hover .item-hidden-ai {
	display: block;
}
.modal.ai-content .modal-content {
  border: 3px solid #ffffff;
}
.modal.ai-content .modal-content .modal-header {
  background: white;
  color: #438eb9;
  border-bottom: initial;
}
.modal.ai-content .modal-content .modal-header .close{
  border: 0;
  color: #438eb9;
  margin-top: 2px
}
.modal.ai-content .d-flex {
  display: flex;
}
.modal.ai-content table tr {
  border: 1px solid rgb(240, 240, 240);
}
.modal.ai-content table tr:nth-of-type(2n) {
  background: rgb(249, 249, 249);
} 
.modal.ai-content table tr td {
  padding-left: 16px;
  padding-right: 16px;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
  border-radius: 10px;
  background-color: #bebebe;
  margin-top: 5px;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
.placeholder-glow .float-right{
  float: right;
}
.placeholder-lg {
  min-height: 1.2em;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.modal.ai-content .panel-data {
  display: flex;
  flex-direction: column;
  background: rgb(249, 249, 249);
  width: 100%;
  border-radius: 5px;
  padding: 8px 16px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.modal.ai-content .panel-data .row {
  margin-top: 5px;
}
.modal.ai-content .panel-data .row .title {
  font-weight: bold;
}
.modal.ai-content .panel-data .label {
  line-height: 1.3;
  height: 19px;
}