@font-face {
    font-family: 'MMC-Font-regular';
    font-style: normal;
    font-weight: 400;
    src:  url('../fonts/MMC-Regular.woff') format('woff'), url('../fonts/MMC-Regular.woff2') format('woff2');
    /* src:  url('../fonts/MMC-Regular.otf') format('otf'); */
  }

  @font-face {
    font-family: 'MMC-Font-Medium';
    src:  url('../fonts/MMC-Medium.woff') format('woff'), url('../fonts/MMC-Medium.woff2') format('woff2');
  }
  @font-face {
    font-family: 'MMC-Font-Bold';
    src:  url('../fonts/MMC-Bold.woff') format('woff'),url('../fonts/MMC-Bold.woff2') format('woff2');
  }


:root {
  --color-deg: 221;
  --color-white: #ffffff;
  --color-black: #5A646E;
  --color-dark: #555555;
  --color-primary: #ED0000!important;
  --color-secondary: #A3A9AD;
  --color-info: #0dcaf0;
  --color-danger: #dc2626;
  --color-warning: #f59e0b;
  --color-success: #23c55d;
  --color-light: #f6f6f6;
  --color-gray: #c8c8c8;
  --color-body: rgb(241 245 249);
  --primary: hsl(var(--color-deg), 39%, 10%);
  --secondary: hsl(var(--color-deg), 39%, 15%);
  --shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important;
  --slide-annimation: cubic-bezier(.25, .8, .25, 1);
  --font-size: 14px;
  --line-height: 25px;
  --mmcfont: 'MMC-Font-regular';
  --mmcfontmd: 'MMC-Font-Medium';
  --mmcfontbd: 'MMC-Font-Bold';
}

button:focus,button:focus-visible,button:focus-within,
input:focus,input:focus-visible,input:focus-within,
select:focus,select:focus-visible,select:focus-within,
textarea:focus,textarea:focus-visible,textarea:focus-within{
  outline: 0 !important;
  box-shadow: none !important;
}



body{
  font-family: 'MMC-Font-regular';
  font-size: var(--font-size);
  line-height: var(--line-height);
}
#sidebar{
  background-color: #fff;
  border-right: 1px solid #dee2e6;
  overflow-x: hidden;
}
body #splash-screen{
  background: #000000d6;
}
.sidebarmenu li a,
.sidebarmenu li a i,
.sidebarmenu li.active a,
.sidebarmenu li.active a i,
.sidebarmenu li:hover a,
.sidebarmenu li:hover a i{
  color: var(--color-black);
}

.sidebarmenu > li.active, .sidebarmenu > li:hover{
  background-color: var(--color-light);
}
.sidebarmenu > li.active{
  border-color: var(--color-gray);
}
.sidebarmenu > li:not(.menu-title){
  border-radius: 0;
}
.sidebarmenu li a i{
  font-size: 18px;
}

.sidebarmenu li.menu-title{
  letter-spacing: 0.12rem;
  color: var(--color-black);
  font-size: 12px;
}
.sidebarmenu > li:not(.menu-title){
  border-width: 1px;
}

/* breadcrum */
body.admin .breadcrumb .breadcrumb-item {
  font-size: 13px;
  line-height: 25px;
}
body.admin .breadcrumb .breadcrumb-item a {
  color: var(--color-black);
}
body.admin .breadcrumb .breadcrumb-item.active {
  color: var(--color-black);
  font-family: var(--mmcfontmd);
}
body.admin .breadcrumb-item+.breadcrumb-item::before{
  height: 22px;
  font-size: 20px;
  padding-right: 0;
}
body.admin .breadcrumb .breadcrumb-item.active{
  padding-left: 0;
}
/* breadcrumb */

.bg-gray{
  background-color: var(--color-light) !important;
}
.text-muted{
  color: var(--color-secondary) !important;
}
h6.text-muted{
  color: #000 !important;
}
.table{
  color: var(--color-dark);
}
.table th{
  color: var(--color-black);
}

.table-hover > tbody > tr:hover,
.table-hover > tbody > tr.active {
  color: inherit;
  --bs-table-accent-bg: var(--color-light);
}

.btn{
  padding: 8px 15px;
  letter-spacing: .12em;
  line-height: 18px;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  font-family: var(--mmcfontmd);
  justify-content: center;
  transition: 0.5s ease-in-out;
  min-width: 100px;
}
.btn-primary{
  color: #fff;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.btn-danger{
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-rounded{
  border-radius: 0;
}

/*.nav-tabs-custom.light .nav-item .nav-link{
  color: var(--color-secondary);
}
.nav-tabs-custom.light .nav-item .nav-link.active{
  color: #000;
  border-bottom: 2px solid #000;
}*/
.btn.btn-outline{
  color: #000;
  border: 1px solid #000;
}
.btn-primary:hover,.btn.btn-outline:hover{
  background: #000;
  color: #fff;
  border-color: #000;
}

.form-control,
.selectize-input{
  padding: 6px 0;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--color-gray);
  color: #000;
}

label.form-label{
  margin-bottom: 0;
  color: var(--color-black);
  letter-spacing: 0.12rem;
  text-transform: uppercase;
}
#mainmenu{
  background: #000;
}
/*.nav-tabs-custom.light .nav-link:hover:not(.disabled){
  border-color: #000;
  color: #000;
}*/
.page-header{
  height: 64px;
}
.h4, h4 {
  font-size: 1.3rem;
}
.modal-content{
  border-radius: 0;
}
#userbar h5{
  color: #000 !important;
  font-family: var(--mmcfontmd);
}

#userbar ul li.menu-title span.text-white{
  color: var(--color-black) !important;
}
#userbar{
  background-color: #fff;
}
#mainmenu .nav-item.active .nav-link{
  background: rgba(255, 255, 255, .25);
}
.text-gray{
  color: var(--color-secondary);
}
.nav-tabs-custom .nav-item .nav-link{
  color: var(--color-secondary);
}
.nav-tabs-custom .nav-link:hover:not(.disabled),.nav-tabs-custom .nav-item .nav-link.active{
  border-color: var(--color-primary);
  color: var(--color-primary);
}
body.notificationbar-active #notificationbar{
  background: #fff;
}

/* sidebar logo */
.sidebar-logo {
  height: 80px;
  margin: 7px auto;
}
/* sidebar logo */