/********** Add Your Global CSS Here **********/
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
li,
input,
textarea,
span,
div,
html,
body,
html a {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

.scrollbar-track-y,
.scrollbar-thumb-y {
  width: 5px !important;
}

.scrollbar-track-x,
.scrollbar-thumb-x {
  height: 5px !important;
}

.scrollbar-thumb {
  border-radius: 0 !important;
}

.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-bottomLeft
  > .ant-popover-content
  > .ant-popover-arrow:after,
.ant-popover-placement-bottomRight
  > .ant-popover-content
  > .ant-popover-arrow:after,
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-topLeft
  > .ant-popover-content
  > .ant-popover-arrow:after,
.ant-popover-placement-topRight
  > .ant-popover-content
  > .ant-popover-arrow:after {
  left: 0;
  margin-left: -4px;
}

/********** Add Your Global RTL CSS Here **********/
/* Popover */
html[dir='rtl'] .ant-popover {
  text-align: right;
}

/* Ecommerce Card */
html[dir='rtl'] .isoCardInfoForm .ant-input {
  text-align: right;
}

/* Modal */
html[dir='rtl'] .has-success.has-feedback:after,
html[dir='rtl'] .has-warning.has-feedback:after,
html[dir='rtl'] .has-error.has-feedback:after,
html[dir='rtl'] .is-validating.has-feedback:after {
  left: 0;
  right: auto;
}

html[dir='rtl'] .ant-modal-close {
  right: inherit;
  left: 0;
}

html[dir='rtl'] .ant-modal-footer {
  text-align: left;
}

html[dir='rtl'] .ant-modal-footer button + button {
  margin-left: 0;
  margin-right: 8px;
}

html[dir='rtl'] .ant-confirm-body .ant-confirm-content {
  margin-right: 42px;
}

html[dir='rtl'] .ant-btn > .anticon + span,
html[dir='rtl'] .ant-btn > span + .anticon {
  margin-right: 0.5em;
}

html[dir='rtl'] .ant-btn-loading span {
  margin-left: 0;
  margin-right: 0.5em;
}

html[dir='rtl']
  .ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline) {
  padding-left: 25px;
  padding-right: 29px;
}

html[dir='rtl']
  .ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline)
  .anticon {
  margin-right: -14px;
  margin-left: 0;
}

/* Confirm */
html[dir='rtl'] .ant-modal.ant-confirm .ant-confirm-body > .anticon {
  margin-left: 16px;
  margin-right: 0;
  float: right;
}

html[dir='rtl'] .ant-modal.ant-confirm .ant-confirm-btns {
  float: left;
}

html[dir='rtl'] .ant-modal.ant-confirm .ant-confirm-btns button + button {
  margin-right: 10px;
  margin-left: 0;
}

/* Message */
html[dir='rtl'] .ant-message .anticon {
  margin-left: 8px;
  margin-right: 0;
}

/* Pop Confirm */
html[dir='rtl'] .ant-popover-message-title {
  padding-right: 20px;
  padding-left: 0;
}

html[dir='rtl'] .ant-popover-buttons {
  text-align: left;
}

.ant-popover-buttons button {
  font-size: 13px;
}

/* Notification */
html[dir='rtl']
  .ant-notification-notice-closable
  .ant-notification-notice-message {
  padding-left: 24px;
  padding-right: 0;
}

html[dir='rtl']
  .ant-notification-notice-with-icon
  .ant-notification-notice-message,
html[dir='rtl']
  .ant-notification-notice-with-icon
  .ant-notification-notice-description {
  margin-right: 48px;
}

html[dir='rtl'] .ant-notification-notice-close {
  right: auto;
  left: 16px;
}

html[dir='rtl'] .ant-notification-notice-with-icon {
  left: 0;
}

/* Dropzone */
html[dir='rtl'] .dz-hidden-input {
  display: none;
}

.ckPopconfirmBody {
  margin-left: -22px;
  font-size: 13px;
}

.ckPopconfirmBody .ckSubTitle {
  font-weight: bold;
  margin-bottom: 5px;
}

.ckPopconfirmBody .ckSubBody {
  display: flex;
  flex-direction: column;
}

.ant-select-dropdown-menu .ant-select-dropdown-menu-item {
  font-size: 13px;
}

.ckTableMeta {
  position: absolute;
  bottom: 18px;
  height: 24px;
  line-height: 24px;
  font-size: 13px;
}
.ckTableMeta .ant-select-selection {
  width: 75px;
  height: 24px !important;
}

.ckTableMeta .ant-select-selection .ant-select-selection__rendered {
  line-height: 24px !important;
}

.ant-message-notice-content,
.ant-alert,
.ant-modal-confirm-content,
.ant-tabs-tab {
  font-size: 13px !important;
}

/* hide sidebar submenu popup when smal size screen */
.ant-menu-submenu-popup {
  display: none;
}

.ant-table-fixed-columns-in-body {
  visibility: visible !important;
  opacity: 0;
}

.ant-table-tbody .ant-table-fixed-columns-in-body {
  opacity: 1;
}

.ant-table-tbody .ant-table-fixed-columns-in-body .ckTbColumn {
  color: white !important;
}

/* drawer 의 footer */
.ckDrawerFooter {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #e8e8e8;
  padding: 10px 16px;
  text-align: right;
  left: 0;
  background: #fff;
  border-radius: 0 0 4px 4px;
}

/* 버튼 왼쪽으로 붙이기 */
.ckLeftButton {
  display: flex;
  float: left;
}

.ckLeftButton:after {
  clear: both;
}

/* footer 가 있는 drawer */
.ckFooterDrawer .ant-drawer-body {
  margin-bottom: 50px;
}

/* markdown editor height size */
/* min16 : textarea row 16 height */
.ckMarkDown.min16 {
  min-height: 291px;
}
.ckMarkDown.max16 {
  max-height: 291px;
}
.ckMarkDown.min8 {
  min-height: 145px;
}
.ckMarkDown.max8 {
  max-height: 145px;
}
.ckMarkDown.min4 {
  min-height: 72px;
}
.ckMarkDown.max4 {
  max-height: 72px;
}

/* webkit UI 제거 */

/* input[type=number] 일때 오른쪽 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* IE UI 제거 */
/* input 의 오른쪽에 등장하는 x 버튼 제거 */
input::-ms-clear {
    display: none;
  }