/* Config */
:root {
    --primary: #ed1c24;
    --secondary: #F6941F;
    --dark: #3A2D2F;
    --light-secondary: #FFF6ED;
    --input-shadow-primary: 0 0 0 2px rgba(237, 28, 36, .2);
    --input-shadow-secondary: 0 0 0 2px rgba(246, 148, 31, .2);
}

body {
    /* font-size: 12px !important; */
}

body,
.sidebar {
    background-color: #fff !important;
}

.form-control:focus {
    border-color: var(--secondary);
    box-shadow: var(--input-shadow-secondary);
}

/* Header */
.app-header ul.nav li a {
    color: var(--dark);
}

/* Sidebar */
.sidebar.sidebar-pills .nav-dropdown.open .nav-link {
    color: var(--dark) !important;
}

.sidebar .nav-link .nav-icon {
    color: var(--dark) !important;
}

.sidebar-pills .nav-link:hover .nav-icon,
.sidebar.sidebar-pills .nav-link:hover {
    color: var(--primary) !important;
}

.sidebar.sidebar-pills .nav-dropdown.open .nav-link:hover {
    color: var(--primary) !important;
}

.sidebar.sidebar-pills .nav-dropdown.open .nav-link.active,
.sidebar.sidebar-pills .nav-dropdown.open .nav-link.active .nav-icon {
    color: var(--primary) !important;
}

.sidebar.sidebar-pills .nav-link.active,
.sidebar.sidebar-pills .nav-link.active .nav-icon {
    color: var(--primary) !important;
}


/* Main */
#datatable_info_stack a {
    color: var(--primary);
}

/* Breadcrumbs */
.breadcrumb a {
    color: var(--primary);
}

/* DataTable */
#crudTable tr td a {
    color: var(--primary);
}

#crudTable tr:hover {
    background-color: var(--light-secondary);
}

/* Pagination */
.page-item.active .page-link {
    background-color: var(--primary);
}

/* Footer */
.app-footer {
    color: var(--dark) !important;
}
.app-footer a {
    color: var(--primary) !important;
}

/* Link */


/* Button */
.main .btn-primary {
    background-color: var(--primary);
    border: 1px solid var(--primary);
}

.main .btn-primary:hover {
    background-color: var(--secondary);
    border: 1px solid var(--secondary);
}


.main .btn-primary:active {
    border: 1px solid var(--secondary) !important;
    background-color: var(--secondary) !important;
    box-shadow: var(--input-shadow-secondary) !important;
}


/*
    Page Details
 */


 /* Login Page */
 .login-wrapper .btn-primary {
    background-color: var(--primary);
    border: 1px solid var(--primary);
}

.login-wrapper .btn-primary:hover {
    background-color: var(--secondary);
    border: 1px solid var(--secondary);
}

.login-wrapper .btn-primary:active {
    border: 1px solid var(--secondary) !important;
    background-color: var(--secondary) !important;
    box-shadow: var(--input-shadow-secondary) !important;
}


.login-wrapper a {
    color: var(--primary) !important;
}


/*
    Create Page
 */

.d-print-none {
    color: #767676 !important;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:disabled):not(.disabled).active, .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:disabled):not(.disabled):active, .dataTables_wrapper .dataTables_paginate .show>.dropdown-toggle.paginate_button.current, .show>.btn-primary.dropdown-toggle {
    background-color: #ed1c24 !important;
    border-color: #ed1c24 !important;
  }

  .dropdown-item.active, .dropdown-item:active {
    background-color: var(--secondary) !important;
  }