/*================================
=            uiversal            =
================================*/
* {
  margin: 0;
  padding: 0; }

body {
  font-family: 'Open Sans', sans-serif;
  overflow-x: hidden; }

a, a:hover, a:focus {
  text-decoration: none;
  color: unset; }

a, p, span, button {
  font-family: 'Open Sans', sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700; }

h1, h2, h3, h4, h5, h6 {
  margin: 0; }

hr {
  margin: 0; }

button:focus {
  outline: none; }

dl, ol, ul {
  margin-bottom: 0; }

p {
  margin-top: 0;
  margin-bottom: 0; }

label {
  text-transform: capitalize;
  margin-bottom: 0.25rem; }

::placeholder {
  text-transform: capitalize;
  font-size: 14px; }

.form-control:focus {
  border-color: #00813F;
  box-shadow: 0 0 0 0.2rem rgba(0, 129, 63, 0.25); }

.pt15 {
  padding-top: 15px; }

.pt30 {
  padding-top: 30px; }

.pt60 {
  padding-top: 60px; }

.pb15 {
  padding-bottom: 15px; }

.pb30 {
  padding-bottom: 30px; }

.pb60 {
  padding-bottom: 60px; }

.ptb15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.ptb30 {
  padding-top: 30px;
  padding-bottom: 30px; }

.ptb60 {
  padding-top: 60px;
  padding-bottom: 60px; }

.mt15 {
  margin-top: 15px; }

.mt30 {
  margin-top: 30px; }

.mt60 {
  margin-top: 60px; }

.mb15 {
  margin-bottom: 15px; }

.mb30 {
  margin-bottom: 30px; }

.mb60 {
  margin-bottom: 60px; }

.mtb15 {
  margin-top: 15px;
  margin-bottom: 15px; }

.mtb30 {
  margin-top: 30px;
  margin-bottom: 30px; }

.mtb60 {
  margin-top: 60px;
  margin-bottom: 60px; }

/* width */
.sidebar::-webkit-scrollbar {
  width: 5px;
  cursor: pointer; }

/* Track */
.sidebar::-webkit-scrollbar-track {
  background: #DCEDE4; }

/* Handle */
.sidebar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  opacity: 0.5;
  background: #00813F; }

/*=====  End of uiversal  ======*/
/*==============================
=            header            =
==============================*/
.navbar {
  background: #DCEDE4; }
  .navbar .logo {
    width: 100%;
    max-width: 150px; }

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 15px;
  padding-left: 15px; }

.navbar-nav li {
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 5px; }

.user-btn {
  display: flex;
  align-items: center;
  justify-content: center; }

.avatar-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
  width: 32px;
  height: 32px;
  border: 1px solid #EC1C24;
  border-radius: 32px;
  margin-right: 15px; }
  .avatar-wrapper img {
    width: 100%; }

/*=====  End of header  ======*/
/*===============================
=            sidebar            =
===============================*/
.wrapper {
  display: flex; }
  .wrapper .sidebar {
    overflow-y: auto;
    height: calc(100vh - 65px);
    padding: 15px;
    flex-shrink: 0;
    background: #f5f5f5;
    position: fixed; }
    .wrapper .sidebar .menu {
      display: flex;
      align-items: center;
      background: #DCEDE4;
      white-space: nowrap;
      padding: 10px 15px;
      border-radius: 5px;
      border: #98D7B6;
      cursor: pointer;
      transition: 0.3s all;
      font-size: 14px; }
      .wrapper .sidebar .menu:hover {
        background: #98D7B6; }
      .wrapper .sidebar .menu:not(:last-child) {
        margin-bottom: 15px; }
      .wrapper .sidebar .menu div {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        background: #00813F;
        margin-right: 10px; }
        .wrapper .sidebar .menu div i, .wrapper .sidebar .menu div svg {
          font-size: 14px;
          color: #ffffff;
          fill: #ffffff; }
        .wrapper .sidebar .menu div svg {
          height: 14px; }
  .wrapper .content {
    padding: 30px;
    width: 100%; }

/*=====  End of sidebar  ======*/
/*===============================
=            content            =
===============================*/
.cust-card {
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #00813F; }
  .cust-card:not(:last-child) {
    margin-bottom: 30px; }
  .cust-card .title {
    background: #00813F;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    padding: 2.5px 0; }
  .cust-card .body {
    padding: 15px; }

.custom-file-label {
  color: #00813F;
  border: 1px solid #00813F; }

.custom-file-input:focus ~ .custom-file-label {
  border-color: #00813f;
  box-shadow: 0 0 0 0.2rem #00813f40; }

.btn-primary {
  color: #fff;
  background-color: #00813F;
  border-color: #00813F; }

.btn-primary:hover {
  color: #fff;
  background-color: #125c2e;
  border-color: #125c2e; }

.btn-primary.focus, .btn-primary:focus {
  color: #fff;
  background-color: #125c2e;
  border-color: #167439;
  box-shadow: 0 0 0 0.2rem rgba(0, 129, 63, 0.25); }

.btn-primary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #125c2e;
  border-color: #167439;
  box-shadow: 0 0 0 0.2rem rgba(0, 129, 63, 0.25); }

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 129, 63, 0.25); }

.modal-dialog {
  max-width: 1000px; }

.title-secondary {
  font-weight: bold;
  text-transform: uppercase;
  color: #00813F; }

.title-divider {
  border-color: #00813F;
  margin-bottom: 15px; }

/*=====  End of content  ======*/