/*=========================================================================================
    App Name: Siganistun Ditjen Badimiltun
    File Name: style.css
    Description: Custom Stylesheet
    --------------------------------------------------------------------------------------
    Author: R. Idham Aziz Marlin, S.Kom
    Email: idhamaziz390@gmail.com
==========================================================================================*/
/*====================== GENERAL ======================*/
.mrc-1 {
  margin-right: 0.55rem;
}

label,
.text-bold {
  font-size: 0.9rem !important;
  font-weight: 600 !important;
}

i.ico {
  font-size: 15px;
}

.noUi-connect {
  background: #0e29cd !important;
}

.noUi-handle {
  border: 5px solid #0e29cd !important;
}

.age-row {
  margin-top: -90px;
}

.custom-file-label {
  font-size: 0.9rem !important;
  font-weight: 500 !important;
}

.avatar-dashboard {
  cursor: context-menu;
}

.collapsible-header {
  cursor: pointer;
}

.display-none {
  display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.dropdown-toggle.hide-arrow::before {
  display: none;
}

.dropdown-toggle.hide-arrow::after {
  display: none;
}

.dropdown-toggle-hide-arrow > .dropdown-toggle::before {
  display: none;
}

.dropdown-toggle-hide-arrow > .dropdown-toggle::after {
  display: none;
}

.drop .dropdown-menu .dropdown-item {
  margin-bottom: 5px;
  font-size: 1rem;
  padding-top: 5px;
}

.drop .dropdown-menu .dropdown-item:hover {
  color: #384BBE;
}

.page-users-view .card .card-header .detail-name {
  font-size: 1.515rem;
}

.page-users-view .card .card-body .accordion .collapse-title {
  font-weight: 500;
  color: #2C2C2C;
}

.page-users-view .card .card-body .accordion .collapse-margin {
  background-color: #fff;
}

.parsley-error {
  border-color: #ea5455;
  padding-right: calc(1.25em + 1.4rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ea5455' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ea5455' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(.3125em + .35rem);
  background-size: calc(.625em + .7rem) calc(.625em + .7rem);
}

.parsley-errors-list {
  display: none;
  margin: 0;
  padding: 0;
}

.parsley-errors-list > li {
  font-size: 12px;
  font-weight: 600;
  list-style: none;
  color: #F06543;
  margin-top: 5px;
}

.parsley-errors-list.filled {
  display: block;
}

.error-code {
  font-size: 10rem;
}

span.asterisk {
  color: #ea5455;
}

span.label-info {
  font-size: 0.75rem;
  font-weight: 500;
  margin-right: 0.45rem;
}

form.form-delete {
  display: inline;
}

/*====================== APPLICATION ======================*/
.header-nav {
  background-color: #0e29cd !important;
}

.header-nav .navbar-container ul.nav li.nav-item .custom-switch .custom-control-label .switch-text-left,
.header-nav .navbar-container ul.nav li.nav-item .custom-switch .custom-control-label .switch-text-right,
.header-nav .navbar-container ul.nav li.nav-item .custom-switch .custom-control-label .switch-icon-left,
.header-nav .navbar-container ul.nav li.nav-item .custom-switch .custom-control-label .switch-icon-right {
  font-size: 0.8rem;
  font-weight: 700;
}

.header-nav .navbar-container ul.nav li.dropdown a.nav-link .badge {
  background-color: #DB1974 !important;
}

.header-nav .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:hover,
.header-nav .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:active {
  background: #384BBE;
  border-radius: 5px;
}

.header-nav .navbar-container ul.nav a.nav-link-main,
.header-nav .navbar-container ul.nav a.dropdown-user-link {
  color: #fff !important;
}

.main-menu .main-menu-content .navigation li.nav-item ul li.active {
  background: #384BBE;
}

.dropdown .dropdown-menu .dropdown-item:hover {
  color: #384BBE;
}

.horizontal-menu .header-navbar .navbar-container ul.nav li.dropdown ul.dropdown-menu li.active a {
  color: #384BBE !important;
}

.horizontal-menu .navbar-brand-center .navbar-header .navbar-brand .brand-logo {
  background: url(../../images/logo/logo.png) no-repeat;
  height: 65px;
  width: 250px;
}

ul.nav .ficon {
  color: #fff !important;
}

.btn .btn-primary {
  background-color: #384BBE !important;
}

.footer a {
  color: #384BBE;
}

.card-login .card .login-footer .version {
  font-size: 11px;
}

table.dataTable thead .dt-checkboxes-select-all {
  padding-left: 0 !important;
}

table.dataTable thead .dt-checkboxes-select-all input {
  width: 0;
  position: relative;
}

table.dataTable thead .dt-checkboxes-select-all input:before {
  border: 2px solid #B4B4B4;
  content: '';
  width: 1.071rem;
  height: 1.071rem;
  padding: 0;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  overflow: hidden;
  transition: all 0.2s ease;
  position: absolute;
}

table.dataTable thead .dt-checkboxes-select-all input:after {
  background-color: #384BBE;
  border: 2px solid #384BBE;
  font-family: 'feather';
  content: '\e83f';
  font-size: 0.75rem;
  line-height: 1.2;
  color: #FFFFFF;
  opacity: 0;
  position: absolute;
  width: 0.928rem;
  height: 1rem;
  -webkit-transform: translate(100%);
  transform: translate(100%);
  -webkit-transform-origin: right;
  transform-origin: right;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  overflow: hidden;
}

table.dataTable thead .dt-checkboxes-select-all input:active:checked:after {
  -webkit-transform: translate(3px);
  transform: translate(3px);
}

table.dataTable thead .dt-checkboxes-select-all input:checked:before {
  border: 2px solid #384BBE;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

table.dataTable thead .dt-checkboxes-select-all input:checked:after {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
}

table.dataTable tbody td.dt-checkboxes-cell input {
  width: 0;
  position: relative;
}

table.dataTable tbody td.dt-checkboxes-cell input:before {
  border: 2px solid #B4B4B4;
  position: absolute;
  left: -8px;
  content: '';
  width: 1.071rem;
  height: 1.071rem;
  padding: 0;
  border-radius: 2px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

table.dataTable tbody td.dt-checkboxes-cell input:after {
  background-color: #384BBE;
  font-family: 'feather';
  content: '\e83f';
  font-size: 0.75rem;
  color: #FFFFFF;
  opacity: 0;
  position: absolute;
  left: -0.4285rem;
  width: 0.857rem;
  height: 1rem;
  overflow: hidden;
  -webkit-transform: rotate(-90deg) translate(100%);
  transform: rotate(-90deg) translate(100%);
  -webkit-transform-origin: right;
  transform-origin: right;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

table.dataTable tbody td.dt-checkboxes-cell input:active:checked:after {
  -webkit-transform: translate(3px);
  transform: translate(3px);
}

table.dataTable tbody td.dt-checkboxes-cell input:checked:before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  border: 2px solid #384BBE;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

table.dataTable tbody td.dt-checkboxes-cell input:checked:after {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: rotate(0deg) translate(0);
  transform: rotate(0deg) translate(0);
}
/*# sourceMappingURL=style.css.map */