@font-face {
    font-family: Roboto;
    src: url(../fonts/roboto/Roboto-Regular.ttf);
}
@font-face {
  font-family: Poppins;
  src: url(../fonts/poppins/Poppins-Regular.ttf);
}
@font-face {
  font-family: poppins;
  src: url(../fonts/poppins/Poppins-Regular.ttf);
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-text, 
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-icon, 
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-icon {
    color: #adb0c0;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover {
    background-color: #262730;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background-color: #272831;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background: #2c2e3e;
}
.m-aside-left {
    width: 240px;
}
.m-brand {
    height: 62px;
}
@media (min-width: 1025px) {
    .m-brand {
        width: 240px;
    }
    .m-header--fixed .m-body {
        padding-top: 62px !important;
    }
    .m-header--static.m-aside-left--fixed .m-header .m-header-head {
        width: 240px;
        padding-left: 240px;
    }
    .m-aside-left--fixed .m-body {
        padding-left: 240px;
    }
    .m-aside-left--fixed.m-page--boxed .m-aside-left {
        margin-left: -240px;
    }
    .m-aside-left--fixed.m-aside-left--minimize-hover .m-aside-left {
        width: 240px;
    }
    .m-aside-left--minimize .m-aside-menu .m-menu__nav>.m-menu__item:not([m-menu-submenu-mode='accordion']).m-menu__item--hover>.m-menu__submenu,.m-aside-menu.m-aside-menu--dropdown .m-menu__nav>.m-menu__item:not([m-menu-submenu-mode='accordion']).m-menu__item--hover>.m-menu__submenu{
        margin-left: 240px;
    }
    .m-footer--fixed.m-footer--push.m-aside-left--enabled .m-footer {
        left: 240px;
    }
    .m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-footer {
        margin-left: 240px;
    }
    /* --- */
    .m-header {
        height: 62px;
    }
    .m-brand .m-brand__logo,
    .m-brand .m-brand__tools {
        height: 62px !important;
    }
    .m-header--static.m-aside-left--fixed .m-brand {
        height: 62px !important;
    }
    .m-header--static.m-aside-left--fixed .m-brand .m-brand__tools,
    .m-header--static.m-aside-left--fixed .m-brand .m-brand__logo {
        height: 62px !important;
    }
    .m-aside-left--fixed.m-header--static .m-aside-left,
    .m-aside-left--fixed.m-header--fixed .m-aside-left {
        top: 62px;
    }
    .m-header--fixed.m-header--hide .m-header {
        height: 62px;
    }
    .m-header--fixed.m-header--show .m-header {
        height: 62px;
    }
}
@media (max-width: 1024px) {
    .m-aside-left {
         width: 240px !important;
    }
    .m-aside-header-menu-mobile {
        width: 240px;
    }
}
@media (max-width: 240px) {
    .m-aside-left {
        width:90% !important;
    }
}

/*form*/
.form-control[readonly], 
.form-control[disabled],
.form-control {
    border-color: #cbcfdb;
}
.form-control.focus, 
.form-control:focus {
    border-color: #37aff3;
}
/*end: form*/

/*table*/
thead tr th {
    border: 1px solid #e5e8ff !important;
}
table::-webkit-scrollbar,
.dataTables_scrollBody::-webkit-scrollbar {
    width: 5px;
    height: 15px;
}
table::-webkit-scrollbar-track,
.dataTables_scrollBody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
    border-radius: 10px;
}
table::-webkit-scrollbar-thumb,
.dataTables_scrollBody::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
}
/*---*/
thead tr th {
    border: 1px solid #e5e8ff !important;
}
.table-detail thead tr th {
    border-color: transparent !important;
    background: #E4F6F6;
}
thead tr th.group1 {
    background: #37aff3;
    color: #fff;
    text-align: center;
}
thead tr th.group2 {
    background: #feba43;
    color: #fff;
    text-align: center;
}
thead tr th.group3 {
    background: #38ed45;
    color: #fff;
    text-align: center;
}
.table-main thead th {
    padding: 7px 12px !important;
} 
.table-main th, 
.table-main td {
    white-space: nowrap; 
    padding: 4px 12px !important;
} 
.table-detail th,
.table-detail td { 
    white-space: nowrap; 
    padding: 10px 15px !important;
}
.dataTables_wrapper .pagination .page-item.active>.page-link {
    background: #36a3f7;
    color: #fff;
}
.dataTables_wrapper .pagination .page-item:hover>.page-link,
.dataTables_wrapper .pagination .page-item.previous>.page-link:hover, 
.dataTables_wrapper .pagination .page-item.next>.page-link:hover, 
.dataTables_wrapper .pagination .page-item.last>.page-link:hover, 
.dataTables_wrapper .pagination .page-item.first>.page-link:hover {
    background: #1192f6;
    color: #fff;
}
/*end: table*/
/*Modal*/
.modal { overflow: auto !important; }
.dataTables_wrapper .dataTable {
    font-size: 11px;
}
#table_inventory_detail {
    font-size: 11px;
}
/*end: modal*/

/*general*/
.m-body .m-content {
    padding: 15px 30px 0;
}
a {
    color: #37a1f2;
}
a:hover {
    color: #37a1f2;
    text-decoration: underline;
}
.m-brand.m-brand--skin-dark {
    background: #272831;
}
table a.btn  {
    display: block !important;
    margin: auto !important;
}
.form-src-outer {
    position: relative;
    padding: 30px 15px;
    border: 1px solid #f0f1f5;
    background: #f2f3f8;
}
.m-btn--icon.m-btn--icon-only.btn-sm {
    width: 25px;
    height: 25px;
}
/*end: general*/