/* JQuery Confirm */

.jconfirm-buttons {
  text-align: right !important;
  border-top: none !important;
  padding-bottom: 15px !important;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box {
  border: 0px solid transparent !important;
  border-radius: 1em !important;
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* End */

hr {
  height: 1px;
  background-color: #ccc;
  border: none;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
}

/* Select2 */
.select2-container--default .select2-selection--single {
  background-color: white !important;
  color: #597191 !important;
  border: 1px solid #dee2e6 !important;
  padding-left: 13px !important;
  padding-top: 3px !important;
  font-size: 1em !important;
  height: 38px !important;
}

.select2-selection__arrow {
  display: none;
}

.select2-results__options {
  font-size: 1em !important;
  padding-left: 13px !important;
  padding-right: 13px !important;
  padding-bottom: 13px !important;
}

.select2-search--dropdown {
  padding-left: 13px !important;
  padding-right: 13px !important;
  padding-top: 13px !important;
}

.select2-dropdown--below,
.select2-dropdown--above {
  border: 0;
  -webkit-box-shadow: -1px 6px 14px -1px rgba(0, 0, 0, 0.19) !important;
  -moz-box-shadow: -1px 6px 14px -1px rgba(0, 0, 0, 0.19) !important;
  box-shadow: -1px 6px 14px -1px rgba(0, 0, 0, 0.19) !important;
}

.select2-selection__rendered {
  line-height: 29px !important;
}

.select2-selection__arrow {
  height: 34px !important;
}

.select2-selection__placeholder {
  color: #91a1bb !important;
}

/* Datatable */
thead {
  background-color: #e1e4ea;
  color: #5f789b;
  border-top: 1px solid #cacfd9;
  border-bottom: 1px solid #cacfd9;
}

table.dataTable {
  border-collapse: collapse;
  border-spacing: 0;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #42464d;
}

table.dataTable thead th,
table.dataTable thead td {
  padding: 15px 18px;
  border-bottom: none;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 15px 18px;
  border-bottom: 0.5px solid rgb(228, 228, 228)
}

table.dataTable,
table.dataTable tbody {
  border-bottom: 0.5px solid rgb(228, 228, 228) !important;
}

.dataTables_wrapper {
  font-size: 14px;
}

.dataTables_wrapper .dataTables_length {
  float: right;
  padding-right: 2em;
}

.dataTables_wrapper .dataTables_filter {
  float: left;
  text-align: left;
  padding-left: 2em;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
  margin-bottom: 1em;
}

.dataTables_filter label input {
  border: 1px solid #cacfd9;
  border-radius: 3px;
}

.dataTables_filter label input:focus {
  border: 1px solid #cacfd9;
  border-radius: 3px;
}

.dataTables_length label select {
  border: 1px solid #cacfd9;
  border-radius: 3px;
}

.dataTables_wrapper .dataTables_paginate {
  padding-top: 0.755em;
  margin-right: 1em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 5px 15px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #f36f21 !important;
  background: linear-gradient(to bottom, #fac5a6 0%, #fac5a6 100%);
  border-radius: 50%;
  border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 7px 15px;
}

.dataTables_wrapper .dataTables_info {
  padding-top: 1.55em;
}

.btn-detail-table {
  color: #5f789b;
}

.top-card {
  border-top: 4px solid #F36F21;
}

a {
  cursor: pointer !important;
}

div.status {
  display: inline-block;
  border-radius: 50px;
  padding: 8px 14px;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  color: white;
}

.status.success {
  background-color: #49D198;
}

.status.danger {
  background-color: #F85359;
}

.status.warning {
  background-color: #EFB403;
}

.status.muted {
  background-color: #6e6e6e;
}

.label-verify {
  background-color: #efb403;
  color: #fff;
  padding: 2px 8px;
  border-radius: 12.5px;
}

.label-success {
  background-color: #49d198;
  color: #fff;
  padding: 2px 8px;
  border-radius: 12.5px;
}

.label-failed {
  background-color: #f85359;
  color: #fff;
  padding: 2px 8px;
  border-radius: 12.5px;
}

.label-process {
  background-color: #777777;
  color: #fff;
  padding: 2px 8px;
  border-radius: 12.5px;
}