:root {
  --color-pri: #000;
  --color-sec: #f0f0f0;
  --color-hover: #f39d09;
  --color-btn-primary: #f79d03;
  --color-btn-primary-border: #f79d03;
  --color-btn-primary-hover: #f3ae37;
  --color-btn-primary-shadow: #f8bd5855;
  --color-load-p1: #faa004;
  --color-load-p2: #e9be74;
}


.bg-menu-theme .menu-inner > .menu-item.active::before {
  background: #000;
}


.menu-vertical .app-brand {
  margin-bottom: 10px !important;
  padding: 35px 30px 35px 30px;
}


.page-item.active .page-link {
  border-color: #000!important;
  background-color: #000!important;
}


.bg-menu-theme.menu-vertical {
  box-shadow: 0 4px 6px 0 rgba(67, 89, 113, 0.12)!important;
}

.modal-header{
    padding: 25px 25px 7px 25px !important
}    

.modal-title{
    margin-top: -8px !important;
    margin-bottom: 12px !important;
}

.modal .btn-close {
    background: red url("data:image/svg+xml,%3Csvg width='150' height='151' viewBox='0 0 150 151' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon fill='%23ffffff' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'/%3E%3C/svg%3E") center/0.8em auto no-repeat;
}