.bg-back{
	background-color: #f8f8f8;
}
.p-content{
	padding: .5rem 1rem;
}
.text-yellow{
	color: yellow;
}
.main-menu .navbar-header .navbar-brand .brand-logo .logo {
	left: 0;
}
.form-control, .btn, .custom-file-label, .custom-select,
.select2-container--default .select2-selection--single,
option,
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-results__option,
.select2-container--classic .select2-selection--single,
.select2-dropdown,
.select2-container--classic .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-selection--multiple,
.picker .picker__holder,
.picker__list-item,
.daterangepicker,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect,
.daterangepicker .ranges li,
.dropdown-menu{
	border-radius: 1.267rem !important;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle){
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.btn-group > .btn:not(:first-child){
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.custom-file-label::after,
.input-group-append > .input-group-text,
.select2-container--classic .select2-selection--single .select2-selection__arrow{
	border-radius: 0 1.267rem 1.267rem 0;
}
.custom-file-label::after{
	height: auto !important;
}
.input-group-prepend > .input-group-text{
	border-radius: 1.267rem 0 0 1.267rem;
}
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-prepend > .btn {
	border-radius: 2rem 0 0 2rem;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-append > .btn{
	border-radius: 0 2rem 2rem 0;
}
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-prepend > .btn{
	border-radius: 1rem 0 0 1rem;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-append > .btn{
	border-radius: 0 1rem 1rem 0;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
	border-radius: 0 1rem 0 0;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
	border-radius: 0 0 1rem 0;
}
.bootstrap-touchspin.input-group input.touchspin-vertical {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
option,
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-results__options,
.select2-container--classic .select2-search--dropdown .select2-search__field,
{
	padding: .3rem .7rem;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow{
	width: 30px;
}
.picker__select--month,
.picker__select--year,
.daterangepicker select.monthselect,
.daterangepicker select.yearselect{
	border-radius: 1rem;
	border: 1px solid var(--light);
	padding: 0 1rem;
	width: auto;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect{
	padding: .5rem 1rem;
}
.picker__list-item{
	margin: 0 .5rem;
}
.picker__list-item--selected, .picker__list-item--selected:hover, .picker--focused .picker__list-item--selected,
.picker__list-item--highlighted, .picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted{
	background-color: var(--primary);
}
.daterangepicker.opensright::before {
  left: 14px;
}
.daterangepicker.opensright::after {
  left: 15px;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect{
	text-align: center;
}
.daterangepicker .ranges li{
	margin: 0 5px;
}
.table td,
.table th {
	padding: .7rem;
}
.table.dataTable thead .sorting::after,
.table.dataTable thead .sorting_asc::after,
.table.dataTable thead .sorting_desc::after,
.table.dataTable thead .sorting_desc_disabled::after {
	padding-top: 0.6rem;
}
.select2-results__options {
	margin: 0 .5rem 0 .5rem !important;
	padding: .5rem 0 .5rem 0 !important;
}
body.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a > i {
	width: 1.6rem !important;
}
.vertical-overlay-menu .main-menu .navigation > li ul li > a > i {
  width: 1.6rem !important;
}
.label-select2{
	color: var(--gray) !important;
	text-transform: uppercase !important;
	position: absolute;
	padding: .25rem 0;
	font-size: .7rem;
	top: -20px;
	left: 3px;
	display: block;
	margin-bottom: .2rem;
	line-height: 1.4;
}
.select2-search__field {
	color: var(--gray);
}
.select2-search--dropdown .select2-search__field {
	padding: 4px 10px;
}
.has-icon-left .select2-container--default .select2-selection--single {
	padding-left: 2rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: unset !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #E2ECFF !important;
	color: var(--primary) !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: var(--primary) !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	padding: .05rem .3rem;
}
.hide {
  display: none;
}
.preview-chat{
	box-shadow: 0 1px 0.5px rgba(11,20,26,.13);
	background-color: #d9fdd3;
	border-radius: 7.5px;
	padding: 6px 7px 8px 9px;
	min-height: 35px;
}
.preview-chat-text{
	white-space: pre-wrap;
}
.main-menu.menu-light .navigation li a,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.has-sub > a:not(.mm-next)::after,
.vertical-overlay-menu .main-menu .navigation li.has-sub > a:not(.mm-next)::after {
	color: var(--white);
}
.main-menu.menu-light .navigation > li.active:not(.sidebar-group-active) > a,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li.active a,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li.menu-collapsed-open {
	background: #FFFFFF4D;
	color: var(--white);
	border: 1px solid #DFE3E7;
}
.main-menu.menu-light .navigation, .main-menu .main-menu-content {
	background: var(--primary);
}
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub > a:not(.mm-next)::after {
	color: var(--white);
}
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub.sidebar-group-active > a:not(.mm-next)::after {
	color: #8494A7;
}
.main-menu.menu-light .navigation > li.nav-item.open.has-sub.open {
	background-color: transparent;
}
.main-menu.menu-light .navigation > li {
	margin-bottom: 5px;
}
.main-menu .navbar-header {
	height: 74.5px;
}
.table td, .filters th {
  padding: .3rem;
}
.table th {
  padding: .5rem;
}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
  padding-right: 20px;
}
.dropdown-item {
  padding: .5rem .8rem;
}
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation-header {
  margin-top: 10px;
}
.select2-selection--multiple{
	padding-left: calc(2rem + 8px)
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding-left: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {
	margin-top: 8px;
	padding-left: 0;
}
.main-menu.menu-light .navigation > li ul .open > a, .main-menu.menu-light .navigation > li ul .sidebar-group-active > a {
	color: var(--white);
}
.main-menu.menu-light .navigation > li.nav-item.open > a, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active > a {
	margin: 0;
	padding: 10px 12px;
}
.main-menu.menu-light .navigation > li ul .open.active,
.main-menu.menu-light .navigation > li ul .sidebar-group-active.active,
.main-menu.menu-light .navigation > li ul .active {
  background-color: #FFFFFF4D;
}
.main-menu.menu-light .navigation > li ul .active > a {
  color: var(--white);
}
.main-menu.menu-light .navigation > li > ul > li.has-sub > ul > li:first-child > a {
  border-top: 1px solid #DFE3E7;
}
.form-label-group .controls > textarea:not(:placeholder-shown) ~ label,
.form-label-group > .controls > input:not(:placeholder-shown) ~ label {
  padding: .25rem 0;
  font-size: .7rem;
  top: -20px;
  left: 3px;
}
.form-label-group > .controls > label {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  padding: .6rem;
  color: var(--gray);
  font-size: .85rem;
  opacity: 0;
}
.form-label-group textarea:focus:not(:placeholder-shown) ~ label,
.form-label-group textarea:not(:active):not(:placeholder-shown) ~ label,
.form-label-group > .controls > input:focus:not(:placeholder-shown) ~ label,
.form-label-group > .controls > input:not(:active):not(:placeholder-shown) ~ label {
  color: var(--primary) !important;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  opacity: 1;
}
.help-block ul{
	margin: 0;
}
.form-label-group {
  margin-top: 1rem;
  margin-bottom: .5rem;
}
.background-solid{
	background-color: var(--primary);
}
.background-gradient{
	background: rgb(9,72,134);
	background: -moz-linear-gradient(135deg, rgba(9,72,134,1) 0%, rgba(15,89,161,1) 50%, rgba(58,110,209,1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(9,72,134,1) 0%, rgba(15,89,161,1) 50%, rgba(58,110,209,1) 100%);
	background: linear-gradient(135deg, rgba(9,72,134,1) 0%, rgba(15,89,161,1) 50%, rgba(58,110,209,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#094886",endColorstr="#3a6ed1",GradientType=1)
}
.form-control-position.right {
	right: 0;
}
.has-icon-right .form-control{
  padding-right: 2.5rem;
}
.popover, .popover-header{
	font-size: 13px;
}

.mobile{
	margin: 0 auto;
	max-width: 480px;
	min-height: 100vh;
	position: relative;
	background-color: #f8f8f8;
}
.mobile #content{
	height: calc(100vh - 54px);
}
.mobile.blank-page #content{
	height: 100vh;
}
.mobile-area{
	height: 100%;
	overflow: auto;
}
.blank-page .mobile-area{
	height: 100vh;
}
.blank-page .nav-mobile ~ .mobile-area{
	height: calc(100% - 54px);
}
.nav-mobile ~ .mobile-area{
	height: calc(100% - 54px);
}
.mobile .pace{
	display: none;
}
.mobile .menu {
	height: 54px;
	box-shadow: rgba(20, 42, 91, 0.08) 0px -2px 16px;
	position: fixed;
	bottom: 0;
	max-width: 480px;
}
.mobile .menu > div > button.active{
	color: var(--primary);
	font-weight: bold;
}
.mobile .menu > div > button > i.bx{
	font-size: 25px;
	position: unset;
}
.mobile .menu > div > button > i.bx.no-label{
	font-size: 43px;
	margin-bottom: auto;
	height: 100% !important;
}
.mobile .menu > div > button > span{
	font-size: 12px;
}
.logo-loader{
	height: auto;
	padding: 4px;
	border-radius: 8px;
	width: 50px;
}
.logo-header{
	width: 27px;
	filter: grayscale(100%) brightness(200%);
}
.el-fitur-header{
	background: url('https://tyxma.net/appmobile/header_background.png');
	background-size: auto;
	background-size: 100% 100%;
	height: 120px;
	border-radius: 0 0 20px 20px;
}
.mobile .nav-tabs .nav-link {
	padding: .3rem .1rem;
}
.mobile .nav.nav-tabs {
	margin-bottom: 5px;
}
nav.nav-mobile{
	min-height: 54px;
	box-shadow: rgba(20, 42, 91, 0.31) 0px 2px 3px;
}
.mobile .modal{
	bottom: 0;
	top: auto;
	left: auto;
	height: fit-content;
	max-height: calc(100vh - 54px);
	padding:0;
	overflow: hidden;
	max-width: 480px;
}
.mobile .modal .modal-dialog{
	margin: 0;
}
.mobile .modal .modal-dialog-scrollable {
  max-height: inherit;
}
.mobile .modal .modal-content{
	border-radius: 25px 25px 0 0;
	border: 0;
	margin-top: 10px;
	box-shadow: none;
}
.mobile .modal .modal-content .modal-header .close {
	background-color: transparent;
	height: 2rem;
	width: 2rem;
	text-align: right;
}
.mobile .modal .modal-header{
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.mobile .modal .modal-header, .mobile .modal .modal-body, .mobile .modal .modal-footer{
	padding: 1rem;
}
.mobile .modal .modal-header{
	padding-bottom: .5rem;
	padding-top: .5rem;
	cursor: pointer;
}
.mobile .modal .modal-header-title{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.mobile .modal .modal-header .modal-title{
	font-size: 1rem;
}
.mobile .modal .modal-footer{
	padding-bottom: 1.5rem;
	justify-content: center;
}
.drag-el{
	width: 15%;
	height: 5px;
	background-color: #E6EAEE;
	border-radius: .267rem
}
.btn-board{
	-webkit-flex: 0 0 33.33333%;
	-ms-flex: 0 0 33.33333%;
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
	-webkit-box-flex: 0;
	padding: 1rem;
	text-align: center;
	cursor: pointer;
	font-weight: 600;
	font-size: 1.3rem;
	align-self: center;
}
.btn-board.no{
	font-weight: 400;
	font-size: 1rem;
}
.btn-board.no > i.bx{
	font-size: 2rem;
}
.no-user-select{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.status-transaksi{
	padding: .2rem .5rem;
	color: var(--white);
}
.card .status-transaksi{
	border-radius: 0 0 .267rem .267rem;
}
table.tables-ku tbody th, table.tables-ku tbody td {
    -moz-user-select: none;
}
table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
	background-color: var(--primary) !important;
	border-bottom: 1px solid #DFE3E7;
}
.disabled:hover, :disabled:hover {
  cursor: not-allowed !important;
}
.action button {
	padding-left: .5rem;
	padding-right: .5rem;
}
div.dataTables_wrapper div.dataTables_length select {
	padding-right: 1.5rem;
}
.form-label-group > .controls > label.show {
	opacity: 1;
	top: -20px;
	left: 3px;
	color: var(--primary) !important;
	padding: .25rem 0;
	font-size: .7rem;
	z-index: 0;
}
.form-group .help-block ul li::before {
	content: "\274C";
	top: 0px;
}
.has-icon-left .custom-file-label {
	padding-left: 2.5rem;
	color: gray;
}
.file-area{
	cursor: pointer;
	text-transform: none;
	padding: 0 !important;
}
label.file-area{
	position: unset !important;
	opacity: 1 !important;
}
.upload-area{
	border: 2px dashed var(--light);
	border-radius: .267rem;
	min-height: 275px;
}
.preview-area{
	border: 1px solid #DFE3E7;
	border-radius: .267rem;
	padding: .2rem;
}
select[readonly].select2-hidden-accessible + .select2-container {
	pointer-events: none;
	touch-action: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
	background: #F2F4F4;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #E7EDF3;
	color: #727E8C;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
	background-color: var(--primary);
	color: var(--white);
}
ul#main-menu-navigation li.disabled{
	opacity: .5;
}
ul#main-menu-navigation li.disabled a{
	color: var(--white) !important;
}
span.select2 ~ label{
	z-index: -1;
}
.vertical-overlay-menu .main-menu .navigation > li ul li > a > i,
.vertical-overlay-menu .main-menu .navigation > li > a > i,
body.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a > i,
body.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a > i,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation>li>a i {
	margin-right: 0.5rem;
}
.main-menu.menu-light .navigation > li ul li > a {
	margin: 0;
}
html body .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item,
html body .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
	padding: 0;
}
div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_length {
	margin: 0;
}
div.dataTables_wrapper div.dataTables_filter label {
	margin-bottom: 0;
}
.page-link {
	padding: .25rem !important;
	min-width: 29px;
	text-align: center;
}
.dropdown-item:focus, .dropdown-item:hover,
.dropdown-item.active, .dropdown-item:active {
	background-color: unset;
}
.dropdown-item.active, .dropdown-item:active,
.dropdown-menu .dropdown-item:active i {
	color: unset;
}
.has-icon-left.error .form-control-position:not(.right) i,
.has-icon-left.error .select2-selection__rendered,
.form-label-group.error:not(.has-icon-left) i,
.form-label-group.error .custom-file-label,
.custom-file-input[data-validation-required-message]~.custom-file-label {
	color: var(--danger) !important;
}
.has-icon-left.issue .form-control-position:not(.right) i,
.form-label-group.issue:not(.has-icon-left) i {
	color: var(--warning) !important;
}
.has-icon-left.validate .form-control-position:not(.right) i,
.form-label-group.validate:not(.has-icon-left) i {
	color: var(--teal) !important;
}
select:required:invalid.select2 ~ .select2-container .select2-selection__rendered,
select:required:invalid.select2-icons ~ .select2-container .select2-selection__rendered {
	color: #ff000087 !important;
}
.form-label-group.validate .controls select[data-validation-required-message].select2 ~ .select2-container .select2-selection__rendered {
	color: unset;
}
.form-control[data-validation-required-message]::-webkit-input-placeholder {
    color: #ff000087;
    opacity: 1;
}
.form-control[data-validation-required-message]::-moz-placeholder {
    color: #ff000087;
    opacity: 1;
}
.form-control[data-validation-required-message]:-ms-input-placeholder {
    color: #ff000087;
    opacity: 1;
}
.form-control[data-validation-required-message]::-ms-input-placeholder {
    color: #ff000087;
    opacity: 1;
}
.form-control[data-validation-required-message]::placeholder {
    color: #ff000087;
    opacity: 1;
}
select[data-validation-required-message].select2 ~ .select2-container .select2-selection__rendered .select2-search input.select2-search__field::-webkit-input-placeholder {
	color: #ff000087;
    opacity: 1;
}
select[data-validation-required-message].select2 ~ .select2-container .select2-selection__rendered .select2-search input.select2-search__field::-moz-placeholder {
	color: #ff000087;
    opacity: 1;
}
select[data-validation-required-message].select2 ~ .select2-container .select2-selection__rendered .select2-search input.select2-search__field::-ms-input-placeholder {
	color: #ff000087;
    opacity: 1;
}
select[data-validation-required-message].select2 ~ .select2-container .select2-selection__rendered .select2-search input.select2-search__field::-ms-input-placeholder {
	color: #ff000087;
    opacity: 1;
}
select[data-validation-required-message].select2 ~ .select2-container .select2-selection__rendered .select2-search input.select2-search__field::placeholder {
	color: #ff000087;
    opacity: 1;
}
table.dataTable tbody tr.selected {
	color: var(--white);
}
table.dataTable tbody tr.bg-success.selected,
table.dataTable tbody tr.bg-success.selected td {
	color: var(--success) !important;
}
table.dataTable tbody tr.bg-danger.selected,
table.dataTable tbody tr.bg-danger.selected td {
	color: #F49595 !important;
}
table.dataTable tbody tr.bg-danger,
table.dataTable tbody tr.bg-success {
	border-bottom: 1px solid #C1C3C6;
}
table.dataTable tbody tr.bg-danger td,
table.dataTable tbody tr.bg-success td {
	border-right: 1px solid #C1C3C6;
}
div.dataTables_processing > div:last-child > div {
	background: var(--primary) !important;
}
div.dataTables_wrapper div.dataTables_processing {
	top: 20% !important;
}
.dtfh-floatingparenthead{
	height: auto !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control::before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
	margin-right: 0.2em !important;
	color: var(--info) !important;
}