:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #ffffff;
    --gray: #7E8299;
    --gray-dark: #3F4254;
    --primary: #3699FF;
    --primary-dark: #1b81e8;
    --primary-light: #51a8ff;
    --secondary: #E4E6EF;
    --success: #1BC5BD;
    --info: #8950FC;
    --warning: #FFA800;
    --danger: #F64E60;
    --light: #F3F6F9;
    --dark: #181C32;
    --white: #ffffff;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1400px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.chokrojan-category {
    color: var(--primary);
}

.company-category {
    color: var(--green);
}

.btn.btn-pill {
    border-radius: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.btn.btn-primary {
    color: #ffffff;
    background-color: var(--primary-dark);
    border-color: var(--primary);
}
.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text) {
    color: #ffffff;
    background-color: var(--primary-light);
    border-color: var(--primary);
}
.btn.btn-hover-bg-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-bg-primary:focus:not(.btn-text), .btn.btn-hover-bg-primary.focus:not(.btn-text) {
    background-color: var(--primary)!important;
    border-color: var(--primary-dark)!important;
}
.btn.btn-outline-primary {
    color: var(--primary);
    background-color: transparent;
    border-color: var(--primary);
}
.btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-primary:focus:not(.btn-text), .btn.btn-outline-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: var(--primary-light);
    border-color: var(--primary);
}
.brand .brand-logo a{
    color: #ffffff;
}
.card.card-custom > .card-header {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    min-height: 60px;
    padding: 0 1.5rem;
    background-color: transparent;
    border-top: 2px solid var(--primary);
}
.card.card-custom > .card-header .card-title,
.card.card-custom > .card-header .card-title .card-label {
    font-weight: 500;
    font-size: 1.275rem;
    color: var(--primary-dark);;
}
.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.5rem;
}
.card.card-custom > .card-body {
    padding: 1.5rem;
}
.card-footer {
    padding: 1.5rem;
    background-color: #ffffff;
    border-top: 1px solid #ECF0F3;
}
.aside-menu .menu-nav > .menu-item {
    position: relative;
    margin: 0;
    border-bottom: 1px solid #e6e6e6;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item {
    margin: 0;
    border-top: 1px solid #f6f6f6;
}
.table-bordered th,
.table-bordered td {
    border: 1px solid #e3e7ea;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f2f3f7;
}
.table-striped tbody tr:nth-of-type(even) {
    background-color: #fdfeff;
}
.dataTables_wrapper .dataTable th{
    padding: 1rem 0.5rem;
}
.dataTables_wrapper .dataTable td {
    padding: 0.5rem 0.5rem;
}