@charset "UTF-8";
/* CSS Document */

/*** 01. FONTS ***/
@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Light.eot");
    src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/Roboto-Light.eot#iefix") format("embedded-opentype"), url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Regular.eot");
    src: local("Roboto"), local("Roboto-Regular"), url("../fonts/Roboto-Regular.eot#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype");
    font-weight: normal;
}

@font-face {
    font-family: "Gotham Rounded";
    src: url("../fonts/gothamrnd_bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Gotham Rounded";
    src: url("../fonts/gothamrnd_bolditalic.otf") format("opentype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Gotham Rounded";
    src: url("../fonts/gothamrnd_book.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Gotham Rounded";
    src: url("../fonts/gothamrnd_bookitalic.otf") format("opentype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Gotham Rounded";
    src: url("../fonts/gothamrnd_light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Gotham Rounded";
    src: url("../fonts/gothamrnd_lightitalic.otf") format("opentype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Gotham Rounded";
    src: url("../fonts/gothamrnd_medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Medium.eot");
    src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/Roboto-Medium.eot#iefix") format("embedded-opentype"), url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Bold.eot");
    src: local("Roboto Bold"), local("Roboto-Medium"), url("../fonts/Roboto-Bold.eot#iefix") format("embedded-opentype"), url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Nunito";
    src: url("../fonts/Nunito-Regular.eot");
    src: local("Nunito Regular"), local("Nunito-Regular"), url("../fonts/Nunito-Regular.eot#iefix") format("embedded-opentype"), url("../fonts/Nunito-Regular.woff2") format("woff2"), url("../fonts/Nunito-Regular.woff") format("woff"), url("../fonts/Nunito-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Nunito";
    src: url("../fonts/Nunito-Bold.eot");
    src: local("Nunito Bold"), local("Nunito-Bold"), url("../fonts/Nunito-Bold.eot#iefix") format("embedded-opentype"), url("../fonts/Nunito-Bold.woff2") format("woff2"), url("../fonts/Nunito-Bold.woff") format("woff"), url("../fonts/Nunito-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

.ff-base {
    font-family: Roboto, sans-serif !important;
}

.ff-alt {
    font-family: Nunito, sans-serif !important;
}

.ff-carvice {
    font-family: "Gotham Rounded", sans-serif !important;
    font-weight: 700;
    font-style: normal;
}

.font-monospace,
.ff-mono {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.fw-medium {
    font-weight: 500 !important;
}



/*** 02. COLORS ***/
.cv-bgblack {
    background-color: #242930 !important;
}


/* ============================================================================
   DATATABLES CUSTOM STYLING
   ============================================================================
   Custom styles to integrate DataTables with Tabler theme
   Applied to all DataTable instances across CentralHub
   ============================================================================ */

/* ============================================================================
   TABLE: #carviceUsersTable (users.php)
   Description: Carvice Users Management DataTable
   ============================================================================ */

/* Search Input Field */
#carviceUsersTable_wrapper .dataTables_filter input {
    border: 1px solid #d9dbde;
    border-radius: 4px;
    padding: 0.4375rem 0.75rem;
    font-size: 0.875rem;
}

/* Length (Show X entries) Dropdown */
#carviceUsersTable_wrapper .dataTables_length select {
    border: 1px solid #d9dbde;
    border-radius: 4px;
    padding: 0.4375rem 2rem 0.4375rem 0.75rem;
    font-size: 0.875rem;
}

/* Table Header Styling */
#carviceUsersTable thead th {
    border-bottom: 1px solid #e6e7e9;
    font-weight: 600;
    color: #232e3c;
}

/* Table Cell Padding */
#carviceUsersTable tbody td {
    padding: 0.75rem;
}

/* Pagination Buttons */
#carviceUsersTable_wrapper .dataTables_paginate .paginate_button {
    padding: 0.25rem 0.5rem;
    margin: 0 2px;
    border-radius: 4px;
}

/* Info Text (Showing X to Y of Z entries) */
#carviceUsersTable_wrapper .dataTables_info {
    font-size: 0.875rem;
    color: #626976;
}

/* ============================================================================
   GLOBAL DATATABLES STYLES
   ============================================================================
   Styles that apply to all DataTable instances
   ============================================================================ */

/* Generic DataTable Wrapper Styles */
.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #d9dbde;
    border-radius: 4px;
    padding: 0.4375rem 0.75rem;
    font-size: 0.875rem;
}

.dataTables_wrapper .dataTables_length select {
    border: 1px solid #d9dbde;
    border-radius: 4px;
    padding: 0.4375rem 2rem 0.4375rem 0.75rem;
    font-size: 0.875rem;
}

table.dataTable thead th {
    border-bottom: 1px solid #e6e7e9;
    font-weight: 600;
    color: #232e3c;
}

table.dataTable tbody td {
    padding: 0.75rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.25rem 0.5rem;
    margin: 0 2px;
    border-radius: 4px;
}

.dataTables_wrapper .dataTables_info {
    font-size: 0.875rem;
    color: #626976;
}

/* ============================================================================
   END DATATABLES STYLING
   ============================================================================ */