/*===================================
* RESET
*===================================*/
body {
  background-color: var(--body-bg);
}

a {
  color: var(--primary);
}

a:hover {
  outline: none;
  text-decoration: none;
  color: var(--primary-darker);
}

a.text-primary:focus,
a.text-primary:hover {
  color: var(--primary-darker) !important;
}

.bg-primary,
.bg-secondary,
.bg-success,
.bg-danger,
.bg-info,
.bg-dark {
  color: #fff;
}

button:focus {
  outline: none;
}

.btn {
  cursor: pointer;
  font-size: 0.875rem;
}

.btn-lg {
  font-size: 1.25rem;
}

.btn.disabled, .btn:disabled {
  cursor: default;
}

.btn:focus, .btn.focus,
.form-control:focus,
button:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  outline: 0;
  box-shadow: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

.form-control,
.custom-file,
.custom-select,
.form-control-plaintext {
  border-radius: 0;
  font-size: 0.875rem;
  height: auto;
}

.input-group-text {
  font-size: 0.875rem;
}

.breadcrumb {
  padding: 0;
  background: transparent;
}

.dropdown-menu>.dropdown-item i {
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.card {
  box-shadow: 0 2px 10px -1px rgb(69 90 100 / 30%);
  transition: box-shadow 0.2s ease-in-out;
  border-radius: 1rem;
}

.card-img-top {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.card-img-bottom {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.card-header,
.card-footer {
  position: relative;
  background-color: transparent;
}

.card-header:first-child {
  border-top: none;
}

.card .card-header h1,
.card .card-header h2,
.card .card-header h3,
.card .card-header h4,
.card .card-header h5,
.card .card-header h6 {
  margin-bottom: 0;
  display: inline-block;
  margin-right: 10px;
  position: relative;
}

.modal-header {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem
}

@media (min-width: 992px) {
  .modal-xl {
    max-width: 900px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1100px;
  }
}

.custom-select:focus,
.page-link:focus {
  box-shadow: none;
}

.list-group-item>.form-check-input {
  margin-left: 0;
  position: relative;
}

/*=============================
 * RESET PALETTE COLOR
 *=============================*/
/* reset color */
.btn-outline-primary.disabled,
.btn-outline-primary:disabled,
.btn-link,
.btn-link:hover,
.page-link,
.page-link:hover {
  color: var(--primary);
}

.bg-primary,
.bg-secondary,
.bg-success,
.bg-danger,
.bg-info,
.bg-dark {
  color: #fff;
}

.bg-warning,
.bg-light {
  color: #212529;
}

/* reset background-color */
.badge-primary,
.progress-bar,
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle,
.show>.btn-outline-primary.dropdown-toggle {
  background-color: var(--primary);
  color: #fff;
}

.list-group-item.active,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.dropdown-item.active,
.dropdown-item:active,
.page-item.active .page-link {
  background-color: var(--primary);
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before,
.custom-control-input:checked~.custom-control-label::before {
  background: var(--primary);
}

.custom-switch .custom-control-input:checked~.custom-control-label::before {
  background: var(--primary-light);
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
  background-color: var(--primary);
}

input[type='range'].custom-range::-webkit-slider-thumb {
  background-color: var(--primary);
}

input[type='range'].custom-range::-moz-range-thumb {
  background-color: var(--primary);
}

input[type='range'].custom-range::-ms-thumb {
  background-color: var(--primary);
}

.custom-control-input:focus~.custom-control-label::before {
  box-shadow: none;
}

/*.select2-container--default .select2-results__option--highlighted[aria-selected],
 */
/* reset background */
.switch input[type="checkbox"]:checked+.cr:before,
.switch.switch-primary input[type="checkbox"]:checked+.cr:before {
  background: var(--primary);
}

/* reset border-color */
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.custom-select:focus,
.custom-control-input:checked~.custom-control-label::before,
.custom-control-input:focus:not(:checked)~.custom-control-label::before,
.custom-file-input:focus~.custom-file-label,
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before,
.form-control:focus,
.list-group-item.active,
.page-item.active .page-link,
.page-item.active .page-link,
.show>.btn-outline-primary.dropdown-toggle {
  border-color: var(--primary);
}

/* important */
.bg-primary {
  background-color: var(--primary) !important;
}

.border-primary {
  border-color: var(--primary) !important;
}

.text-primary,
.text-h-primary:hover {
  color: var(--primary) !important;
}

.b-primary {
  border: 1px solid var(--primary) !important;
}

/* [ overrides bootstrap color ] */
.btn-primary:hover {
  background-color: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
}

.btn-outline-primary {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.btn-outline-primary:hover {
  color: #fff !important;
}

.list-group-item-primary {
  color: var(--primary);
  background-color: var(--primary-light);
}

.border-bottom-primary td {
  border-bottom: 1px solid var(--primary);
}

.border-bottom-primary th {
  border-bottom: 1px solid var(--primary) !important;
}

.alert-primary {
  color: var(--primary-dark);
  background-color: var(--primary-light);
  border-color: var(--primary-light);
}

.alert-primary .alert-link {
  color: var(--primary-darker);
}

.custom-range::-webkit-slider-thumb,
.custom-range::-moz-range-thumb,
.custom-range::-ms-thumb {
  background-color: var(--primary);
}

.custom-range::-webkit-slider-thumb:active,
.custom-range::-moz-range-thumb:active,
.custom-range::-ms-thumb:active {
  background-color: var(--primary-light);
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
  background-color: var(--primary-light);
  border-color: var(--primary-light);
}

.slider-handle {
  background-color: var(--primary);
  background-image: linear-gradient(to bottom, var(--primary) 0, var(--primary) 100%);
  background-repeat: repeat-x;
}

/*=============================
 * END OF RESET PALETTE COLOR
 *=============================*/

.table-responsive>table {
  margin-bottom: 0;
}

/*.card.card-load .card-loader i,*/
/*

.widget-primary-card.flat-card,
.flat-card.widget-purple-card,
.widget-chat-box .receive-chat,
.swal-button,
.br-theme-bars-movie .br-widget a.br-active,
.br-theme-bars-movie .br-widget a.br-selected,
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.available:hover,
.daterangepicker th.available:hover,
.daterangepicker .ranges ul li.active,
.daterangepicker .ranges ul li:hover,
.auth-wrapper .card-body .carousel-indicators li.active,

a.badge-light-primary.active,
a.badge-light-primary:active,
a.badge-light-primary:focus,
a.badge-light-primary:hover,

.b-brand .b-bg,
.chat-card .send-chat .msg,
.chat-card .widget-chat-box .receive-chat .msg,
.widget-chat-box .chat-card .receive-chat .msg,
.bootstrap-tagsinput .tag,
.bootstrap-maxlength,
.user-profile .profile-tabs .nav-item .nav-link:after,
.user-profile-list table tbody tr .overlay-edit,
.user-profile-list table tbody tr:hover td,
.highcharts-menu-item:hover,

.footable .pagination>.active>a,
.footable .pagination>.active>span,
.footable .pagination>.active>a:focus,
.footable .pagination>.active>a:hover,
.footable .pagination>.active>span:focus,
.footable .pagination>.active>span:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--primary);
}

.user-profile-list table tbody tr:hover {
  box-shadow: 0 0 6px 0 var(--primary);
}

div.dt-button-info h2 {
  border-bottom: 1px solid var(--primary);
  background-color: var(--primary);
}

table.dataTable tbody td.focus,
table.dataTable tbody th.focus {
  box-shadow: inset 0 0 1px 2px var(--primary);
}

.chat-card .send-chat .msg:after,
.chat-card .widget-chat-box .receive-chat .msg:after,
.widget-chat-box .chat-card .receive-chat .msg:after {
  border-right-color: var(--primary);
}

.highcharts-selection-marker {
  fill: var(--primary);
}

.highcharts-legend-nav-active,
.highcharts-navigator-mask-inside {
  fill: var(--primary);
}

.highcharts-color-0,
.highcharts-navigator-series {
  fill: var(--primary);
  stroke: var(--primary);
}

.slider.slider-horizontal .slider-handle.triangle,
.slider.slider-horizontal .slider-tick.triangle {
  border-bottom-color: var(--primary);
}

.slider.slider-vertical .slider-handle.triangle,
.slider.slider-vertical .slider-tick.triangle {
  border-left-color: var(--primary);
  border-right-color: var(--primary);
}

.menu-styler .style-toggler>a:before {
  box-shadow: 0 0 0 2px var(--primary);
}

.nav-tabs .nav-link {
  background-image: linear-gradient(to top, var(--primary) 2px, rgba(255, 255, 255, 0) 2px);
}

#row-delete .selected,
#row-select .selected {
  background-color: var(--primary);
}

table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected {
  background: var(--primary);
}
a.badge-light-primary.active,
a.badge-light-primary:active,
a.badge-light-primary:focus,
a.badge-light-primary:hover,
.footable .pagination>.active>a,
.footable .pagination>.active>span,
.footable .pagination>.active>a:focus,
.footable .pagination>.active>a:hover,
.footable .pagination>.active>span:focus,
.footable .pagination>.active>span:hover,
.select2-container--classic .select2-selection--single:focus,
.select2-container--classic.select2-container--open .select2-selection--single,
.select2-container--classic .select2-selection--multiple:focus,
.select2-container--classic.select2-container--open .select2-selection--multiple,
.select2-container--classic.select2-container--open .select2-dropdown,
div.dt-button-info {
  border-color: var(--primary);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 1px solid var(--primary);
}

*/