html,
body {
	padding: 0;
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
		Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

a {
	color: #2a9d8f;
	text-decoration: none;
}

* {
	box-sizing: border-box;
}

.bg-iron {
	background: #cacdcf !important;
}

.bg-geranium {
	background: #d62d2a !important;
}

.bg-jungle {
	background: #2a9d8f !important;
}

.bg-tale-geranium {
	background: #fcf4f4 !important;
}

.bg-tale-jungle {
	background: #f0f4f4 !important;
}

.gray-chateau {
	color: #a9adb0 !important;
}

.geranium {
	color: #d62d2a !important;
}

.jungle {
	color: #2a9d8f !important;
}

.silver-sand {
	color: #bcbfc2 !important;
}

.white {
	color: #ffffff !important;
}

.ant-tabs-tab {
	color: #a9adb0;
}

::placeholder {
	color: #485158 !important;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
	color: #485158 !important;
}

::-ms-input-placeholder {
	color: #485158 !important;
}

.ant-select-selection-placeholder,
.ant-select-arrow,
.anticon-calendar {
	color: #485158 !important;
}

.ant-layout.login, .ant-layout.login .ant-layout-footer {
    background: #fefffe;
}

.ant-layout.login * > a {
    color: #2a9d8f !important;
}

.ant-layout-content.sampingan-layout-content {
  padding: 0 40px !important;
  padding-top: 54px !important;
}

.ant-layout-sider.sampingan-sider {
  box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.15);
  padding: 40px 1rem 26px 1rem;
  overflow: auto;
  height: 100vh;
}
.ant-layout-sider.sampingan-sider .ant-layout-sider-children {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ant-layout-sider.sampingan-sider .ant-menu-vertical > .ant-menu-item,
.ant-layout-sider.sampingan-sider .ant-menu-vertical-left > .ant-menu-item,
.ant-layout-sider.sampingan-sider .ant-menu-vertical-right > .ant-menu-item,
.ant-layout-sider.sampingan-sider .ant-menu-inline > .ant-menu-item,
.ant-layout-sider.sampingan-sider .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-layout-sider.sampingan-sider .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-layout-sider.sampingan-sider .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-layout-sider.sampingan-sider .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 50px;
  line-height: 50px;
}
.ant-layout-sider.sampingan-sider .ant-menu.sampingan-menu {
  border-right: none;
  margin-top: 28px;
  font-weight: bold;
}
.ant-layout-sider.sampingan-sider .ant-menu.sampingan-menu .ant-menu-item.ant-menu-item-selected {
  background-color: #f4c152;
  border-radius: 4px;
  color: white;
}

.ant-modal.sampingan-modal .ant-modal-content .ant-modal-close {
  min-height: 77px;
}
.ant-modal.sampingan-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ant-modal.sampingan-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .ant-modal-close-icon {
  background: white;
  padding: 8px;
  border-radius: 100px;
  width: 24px;
}
.ant-modal.sampingan-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .ant-modal-close-icon svg {
  width: 8px;
  height: 8px;
}

.organism-dttbl * > .ant-table tbody > tr > td,
.organism-dttbl * > .ant-table thead > tr > th,
.organism-dttbl * > .ant-pagination-table {
	background: white;
}

.organism-dttbl * > .ant-table tbody > tr > td {
    padding: 20px 24px;
}

.organism-dttbl * > .ant-table thead > tr > th {
    padding: 16px 24px 36px 24px;
    color: #a9adb0;
    font-size: 14px;
}

/*.organism-dttbl * > .ant-pagination-prev .ant-pagination-item-link,*/
/*.organism-dttbl * > .ant-pagination-next .ant-pagination-item-link,*/
/*.organism-dttbl * > .ant-pagination-item {*/
/*	!*border: none !important;*!*/
/*}*/

.organism-dttbl * > .ant-pagination {
    padding: 0 2rem;
}

.organism-dttbl * > .ant-pagination-item,
.organism-dttbl * > .ant-pagination-item-link
{
    background: transparent;
    border: none;
}

.organism-dttbl * > .ant-pagination-item-link {
    font-size: 18px;
}

.organism-dttbl * > .ant-pagination-item.ant-pagination-item-active {
    background: #f4c55f;
    border-radius: 5px;
}

.organism-dttbl * > .ant-pagination-item.ant-pagination-item-active a {
    color: white;
}

.organism-dttbl * > .ant-pagination-item a,
{
    color: #cacdcf;
    font-size: 12px;
}

.organism-dttbl * > .ant-pagination-item a:hover {
    color: #a9adb0;
}

.organism-dttbl * > .ant-pagination-total-text {
    position: absolute;
    left: 24px;
    font-size: 15px;
    color: #a1a1a1;
}

.organism-dttbl-container {
    background: white;
    border-radius: 8px;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.sampingan-search {
    padding-left: 22px;
}
.sampingan-search .ant-input {
    padding: 0 16px !important;
}
.sampingan-search .ant-input-suffix {
    display: none;
}