/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

:root{
  --vz-secondary: #0b4b3a;
  --vz-secondary-rgb: 11, 75, 58;
  --vz-vertical-menu-sub-item-color: #0b4b3a;
    --vz-vertical-menu-sub-item-hover-color: #0b4b3a;
    --vz-vertical-menu-sub-item-active-color: #0b4b3a;
    --vz-vertical-menu-bg-dark: #0b4b3a;
}

.btn-secondary {
  color: #fff;
  background-color: #0b4b3a;
  border-color: #0b4b3a;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #0d795c;
  border-color: #0d795c;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  color: #fff;
  background-color: #0d795c;
  border-color: #0d795c;
  -webkit-box-shadow: 0 0 0 0 rgba(83, 139, 243, 0.5);
          box-shadow: 0 0 0 0 rgba(83, 139, 243, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #0d795c;
  border-color: #0d795c;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(83, 139, 243, 0.5);
          box-shadow: 0 0 0 0 rgba(83, 139, 243, 0.5);
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: #fff;
  background-color: #0b4b3a;
  border-color: #0b4b3a;
}
.auth-bg-login {
    background-image: url("../images/gedung.jpg");
    background-position: center;
    background-size: cover;
    opacity: 1;
  }

  .bg-login {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    opacity: 0.3;
    background-color: #000000;
  }
  .bg-login-overlay {
    background-color: #1F9D20;
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    opacity: 1;
  }

  .text-hijau {
    --vz-text-opacity: 1;
    color: #1F9D20 !important;
  }
  .btnok {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
   
    border: 1px solid transparent;
    padding: 0.5rem 0.9rem;
    font-size: 0.8125rem;
    border-radius: 0.25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    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;
    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, -webkit-box-shadow 0.15s ease-in-out;
  }
  .btn-hijau {
    color: #ffffff;
    background-color: #1F9D20;
    border-color: #1F9D20;
  }

  .form-check-input:checked {
    background-color: #0b4b3a;
    border-color: #0b4b3a;
  }

  [data-layout=vertical][data-sidebar=dark] .navbar-menu {
    background: var(--vz-secondary);
    border-right: 1px solid var(--vz-secondary);
  }

  [data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-link {
    color: var(--vz-light);
  }

  [data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-sm .nav-link {
    color: var(--vz-light);
  }

  [data-layout=vertical][data-sidebar=dark][data-sidebar-size=sm] .navbar-brand-box {
    background: var(--vz-secondary);
  }

  .profile-wid-bg::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0.9;
    background: #0b4b3a;
    background: -webkit-gradient(linear, right bottom, right top, from(#171e32), to(#0b4b3a));
    background: linear-gradient(to top, #ffffff, #0b4b3a);
  }

  .gap-6 {
    gap: 4rem !important;
  }
  
  .text-justify {
    text-align: justify;
  text-justify: inter-word;
  }

  .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0b4b3a;
    border-color: #0b4b3a;
  }
  
  .form-check-secondary .form-check-input:checked {
    background-color: #0b4b3a; 
    border-color: #0b4b3a; 
}

.btn-ghost-secondary:active, .btn-ghost-secondary:focus, .btn-ghost-secondary:hover {
  color: #0b4b3a;
  background-color: rgba(53,119,241,.1);
}

.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: initial;
  border-radius: 7px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 400;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  margin-top: 2px;
  background-color: #0b4b3a;
  border: 1px solid #0b4b3a;
  word-break: break-all;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.border-dark-bottom {
  border-color: var(--vz-dark) !important;
  border-width: 3px;
}

  .table-secondary {
  --vz-table-bg: #0b4b3a;
  --vz-table-striped-bg: #d3dff7;
  --vz-table-striped-color: #000;
  --vz-table-active-bg: black;
  --vz-table-active-color: #fff;
  --vz-table-hover-bg: black;
  --vz-table-hover-color: #fff;
  color: #fff;
  border-color: #c2cde3;
  }

  .pt-tt {
    padding-top: 4rem!important;
}
/* 
@media print {
  body *:not(#print-area):not(#print-area *){
    visibility: hidden;
  } 
  #print-area{
    position: absolute;
    top: 0;
    left: 0;
  }
} */