/* scroll */
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(223, 223, 223);
  border-radius: 2px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #d1d1d1;
  border-radius: 2px;
}

// .content-wrapper {
//   padding: 0.5rem 0.5rem !important;
// }

/* icon */
.icon-demo-content {
  text-align: center;
  color: #707070;
}

.icon-demo-content i {
  display: block;
  font-size: 20px;
  margin-bottom: 5px;
}

.icon-demo-content .col-sm-6 {
  margin-bottom: 30px;
  font-size: 12px;
}

.icon-demo-content .col-sm-6:hover i {
  color: #2f8ee0;
}

/* icon end */

/* table level */
/*
.table {
  width: 100% !important;
}

.table td {
  padding: 0.9999rem 0.9375rem !important;
  white-space: inherit !important;
  line-height: 20px !important;
  word-wrap: break-word !important;
}


.table-level {
  font-size: 14px !important;
}

.table-level th {
  font-weight: normal !important;
  padding: 10px 10px 10px 10px !important;
  border-top: none !important;
}

.table-level ul {
  list-style: none;
}
*/
/* end table level */

// .btn {
//   color: #fff !important;
// }

.btn-default {
  color: #fff !important;
  background-color: #ff4747 !important;
  border-color: #ff4747 !important;
}

.btn-info-2 {
  color: #ffffff !important;
  background-color: #3bcfb0 !important;
  border-color: #3bcfb0 !important;
}

/* //table btn */

.dataTables_wrapper .dataTable .btn,
.dataTables_wrapper .dataTable .fc button,
.fc .dataTables_wrapper .dataTable button,
.dataTables_wrapper .dataTable .ajax-upload-dragdrop .ajax-file-upload,
.ajax-upload-dragdrop .dataTables_wrapper .dataTable .ajax-file-upload,
.dataTables_wrapper .dataTable .swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .dataTables_wrapper .dataTable .swal2-styled,
.dataTables_wrapper .dataTable .wizard>.actions a,
.wizard>.actions .dataTables_wrapper .dataTable a {
  padding: 0.3rem 0.3rem !important;
  border: 1px solid #dddddd;
}

/* icon-sidebar */
/* *** SUDAH DITANGANI SAMA STYLE ***
.sidebar {
  background: #fff !important;
}

.sidebar .nav .nav-item .nav-link .menu-title {
  font-family: sans-serif !important;
}

.sidebar .nav.sub-menu .nav-item .nav-link {
  font-family: sans-serif !important;
}

.sidebar .nav.sub-menu {
  background: #f5f5f5 !important;
  padding: 0.25rem 0 0 2rem !important;
}

.sidebar .nav:not(.sub-menu) {
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.sidebar .nav:not(.sub-menu) > .nav-item {
  margin-top: 0 !important;
}

.sidebar .nav:not(.sub-menu) > .nav-item > .nav-link[aria-expanded="true"] {
  background: #f5f5f5 !important;
}

.sidebar .nav:not(.sub-menu) > .nav-item.active {
  background: #f5f5f5 !important;
  border-radius: 0 !important;
}

.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link,
.sidebar .nav:not(.sub-menu) > .nav-item:hover[aria-expanded="true"] {
  background: #f9f9f9 !important;
  border-radius: 0 !important;
}
.sidebar .nav.sub-menu .nav-item .nav-link:hover {
  color: #248afd !important;
}

.sidebar .nav.sub-menu .nav-item .nav-link.active {
  color: #248afd !important;
}

.sidebar .nav .nav-item .nav-link {
  padding: 0.55rem 1.937rem 0.55rem 1rem !important;
}

.sidebar .nav .nav-item .nav-link i.menu-icon {
  padding-bottom: 4px !important;
}

.sidebar .nav.sub-menu .nav-item::before {
  content: none !important;
}
*/

/* tab */
.tab-content {
  border: none !important;
  padding: 10px 10px 10px 2px !important;
}

/* table-setting edit table */
.editable-click,
a.editable-click,
a.editable-click:hover {
  text-decoration: none;
  border-bottom: dashed 1px #797979 !important;
  color: #797979 !important;
}

.btn-outline-success,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit {
  color: #fff !important;
  border-color: #166ac1 !important;
}

.btn-outline-success:hover,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:hover {
  color: #fff;
  background-color: #166ac1 !important;
  border-color: #166ac1 !important;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle,
.editable-container.editable-inline .editableform .control-group .editable-buttons .show>.dropdown-toggle.editable-submit {
  color: #fff;
  background-color: #166ac1 !important;
  border-color: #166ac1 !important;
}

.help-block {
  font-size: 12px;
  color: #cb3737;
  font-style: italic;
  white-space: break-spaces !important;
  word-wrap: break-word !important;
  max-width: 300px;
}

.editable-error-block {
  margin: 5px 0 0 0px !important;
  width: 100% !important;
}

.table-setting {
  width: 100%;
}

.table-setting tr td {
  padding: 9px;
  color: #676767;
  font-size: 14px;
}

.table-setting .table-title {
  width: 30%;
}

/* //nesttable */
.dd-handle {
  font-weight: normal !important;
}

.spinner-border-custom {
  width: 1rem !important;
  height: 1rem !important;
}

/* //toast js */
// .jq-toast-wrap {
//   width: 200px!important;
// }

/* /// tabss */
.nav-pills .nav-item {
  margin-top: 0.2rem;
}

/* multi column */
.multi-column {
  margin-top: 10px;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  -ms-column-gap: 15px;
  -o-column-gap: 15px;
  column-gap: 15px;
  columns: 4;
}

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

.multi-column ul>li {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}

.form-check-no-margin {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#search {
  border: none;
  border-bottom: 1px solid #cecece;
  padding: 5px;
}

/* sosmed color */
.cl-facebook {
  color: #0060f1;
}

.cl-instagram {
  color: #f1005e;
}

.cl-youtube {
  color: #f10000;
}

.cl-twitter {
  color: #00dbf1;
}

/* nestatble */
.drag_disabled {
  pointer-events: none;
}

.drag_enabled {
  pointer-events: all;
}

/* modalFooter */
// .modal-open .modal {
//   overflow-y: hidden !important;
//   padding-right: 0px !important;
// }

// .modal-header .close {
//   padding: .2rem 1.2rem !important;
//   font-size: 30px !important;
// }

// .modal .modal-dialog .modal-content .modal-header .close span {
//   color: #ffffff !important;
// }

.close {
  opacity: 1 !important;
}

// .modal-dialog-scrollable .modal-content {
//   border: 0 !important;
//   border-radius: 0 !important;
// }

// .modal .modal-dialog .modal-content .modal-header {
//   // padding: 6px 6px !important;
//   // border-radius: 0 !important;
// }

// .modal .modal-dialog {
//   margin-top: 30px !important;
// }

.modal-footer {
  padding: 0 !important;
  margin: 0 !important;
}

// .modal .modal-dialog .modal-content .modal-footer {
//   padding: 0 !important;
//   margin: 0 !important;
// }

/* table profile */
.table-profile tr td {
  padding: 5px;
  font-size: 14px;
  color: #4a4a4a;
  font-family: sans-serif;
}

/* grid column */

.grid-container {
  display: grid;
  width: 100%;
  /* background-color: red; */
  margin: 10px auto;
  grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
}

.grid-container .grid-items {
  justify-content: center;
  display: flex;
  margin: 5px;
  /* max-width: 50%; */
}

.grid-container .grid-items .grid-content {
  width: 100%;
  margin-bottom: 10px;
}

.form-group select.form-control {
  color: #2d2d2d !important;
}

.bg-custom {
  background-color: #0a9cef !important;
}

.bg-primary,
.settings-panel .color-tiles .tiles.primary {
  background-color: #0d9def !important;
}

.form-control-smm {
  height: 2rem !important;
}

/*
.form-control-sm{
  height: 2.3999rem!important
} */

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile img {
  border: 2px solid #a7a7a7;
}

/* summernote */
.note-toolbar .btn,
.note-children-container .btn {
  color: #fff !important;
  background-color: #606060ab !important;
  //border: solid 0.8em #eeee;
}

.modal-footer .btn,
p {
  margin: 5px !important;
}

.note-editor.note-frame {
  border: 1px solid #c9ccd7 !important;
}

.note-popover .popover-content>.btn-group,
.card-header.note-toolbar>.btn-group {
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.note-popover .popover-content,
.card-header.note-toolbar {
  padding: 0 0 1px 1px !important;
}

.card-header.note-toolbar .note-btn {
  padding: 0.8em !important;
}

.card-header.note-toolbar .note-btn i {
  font-size: 0.875rem !important;
}


/* /// */
.select2 {
  width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 8px !important;
}

.select2-container--default .select2-selection--single {
  padding: 0.875rem 0.375rem !important;
}

.content-filter {
  display: none;
  border: 1px solid #d0d0d0;
  padding: 15px 10px 10px 10px;
  margin: 5px 1px 1px 1px;
}

/* TOMI TAMBAH */

.card-judul {
  // font-weight: 500;
  // font-weight: bolder !important;
  background-color: #eaeaf1;
  border: 1px solid #d1d1d1;
  border-bottom: 2px solid #c4c4c4;
  padding: 10px 10px;
}

.text-red {
  color: #dd4b39 !important;
}

.text-yellow {
  color: #f39c12 !important;
}

.text-aqua {
  color: #00c0ef !important;
}

.text-blue {
  color: #0073b7 !important;
}

.text-black {
  color: #111111 !important;
}

.text-light-blue {
  color: #3c8dbc !important;
}

.text-green {
  color: #00a65a !important;
}

.text-gray {
  color: #d2d6de !important;
}

.text-navy {
  color: #001f3f !important;
}

.text-teal {
  color: #39cccc !important;
}

.text-olive {
  color: #3d9970 !important;
}

.text-lime {
  color: #01ff70 !important;
}

.text-orange {
  color: #ff851b !important;
}

.text-fuchsia {
  color: #f012be !important;
}

.text-purple {
  color: #605ca8 !important;
}

.text-maroon {
  color: #d81b60 !important;
}

.bg-black {
  background-color: #111111 !important;
}

.bg-red {
  background-color: #dd4b39 !important;
}

.bg-yellow {
  background-color: #f39c12 !important;
}

.bg-aqua {
  background-color: #00c0ef !important;
}

.bg-blue {
  background-color: #0073b7 !important;
}

.bg-light-blue {
  background-color: #3c8dbc !important;
}

.bg-green {
  background-color: #00a65a !important;
}

.bg-navy {
  background-color: #001f3f !important;
}

.bg-teal {
  background-color: #39cccc !important;
}

.bg-olive {
  background-color: #3d9970 !important;
}

.bg-lime {
  background-color: #01ff70 !important;
}

.bg-orange {
  background-color: #ff851b !important;
}

.bg-fuchsia {
  background-color: #f012be !important;
}

.bg-purple {
  background-color: #605ca8 !important;
}

.bg-maroon {
  background-color: #d81b60 !important;
}

.bg-gray-active {
  color: #000;
  background-color: #b5bbc8 !important;
}

.bg-black-active {
  background-color: #000000 !important;
}

.bg-red-active {
  background-color: #d33724 !important;
}

.bg-yellow-active {
  background-color: #db8b0b !important;
}

.bg-aqua-active {
  background-color: #00a7d0 !important;
}

.bg-blue-active {
  background-color: #005384 !important;
}

.bg-light-blue-active {
  background-color: #357ca5 !important;
}

.bg-green-active {
  background-color: #008d4c !important;
}

.bg-navy-active {
  background-color: #001a35 !important;
}

.bg-teal-active {
  background-color: #30bbbb !important;
}

.bg-olive-active {
  background-color: #368763 !important;
}

.bg-lime-active {
  background-color: #00e765 !important;
}

.bg-orange-active {
  background-color: #ff7701 !important;
}

.bg-fuchsia-active {
  background-color: #db0ead !important;
}

.bg-purple-active {
  background-color: #555299 !important;
}

.bg-maroon-active {
  background-color: #ca195a !important;
}

.label,
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.label {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/*delay animation*/
/*.delay-2s{
  animation-delay: 0.2s;
}*/