@charset "UTF-8";
/* Custom styles for Synn */

/* Fonts */
body {
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    color: #000000;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Urbanist', sans-serif;
    font-weight: 800;
}
.btn {
    font-weight: 600;
    text-transform: uppercase;
}
.dropdown-item {
    font-weight: 600;
}

a {
    color: #a57f2d;
}
a:hover {
    color: #000000;
}

/* Logo */
.synn-logo {
    max-height: 50px;
    padding: 5px;
}

/* Colors */
.bg-synn {
    background-color: #a57f2d;
}
.bg-synn-dark {
    background-color: #111111;
    color: #ffffff;
}
.bg-synn-overlay {
    background-color: rgba(0,0,0,0.4);
    color: #ffffff;
}

/* Backgrounds */
.bg-synn-pattern {
    background-color: #111111;
    background: url('https://www.jjmportal.com/assets/synn/bg-synn.jpg');
    background-repeat: repeat;
}

/* Links */
.btn-link-white {
    color: #ffffff;
}
.btn-link-white:hover {
    color: #929292;
}

/* Buttons */
.btn-danger {
    background-color: #a57f2d;
    border-color: #a57f2d;
}
.btn-danger:hover {
    background-color: #222222;
    border-color: #222222;
}
.btn-trash {
	background-color: #111111;
	border-color: #111111;
	color: #ffffff;
}
.btn-approve {
	background-color: #09ce20;
	border-color: #09ce20;
	color: #ffffff;
}
.btn-spam {
	background-color: #ff0000;
	border-color: #ff0000;
	color: #ffffff;
}

/* Header */
.app-header {
    background-color: #111111;
    color: #ffffff;
    border-bottom: 1px solid #000000;
}

/* Search Bar */
.dataTables_filter input {
    max-width: 150px;
}

/* Sidebar */
.sidebar .nav-link:hover {
    background-color: #111111;
}
.sidebar .nav-link.active .nav-icon {
    color: #ffffff;
}
.sidebar .nav-link {
    padding: 0.5rem 1rem;
}
.sidebar .sidebar-nav {
    width: 225px;
}
.sidebar .nav {
    width: 225px;
}
/*
.sidebar .nav-link {
    padding: 0.2rem 1rem !important;
}
main.main {
    margin-left: 250px !important;
}
.sidebar .nav, .sidebar .sidebar-nav, .sidebar-fixed .sidebar {
    width: 250px !important;
}
*/
@media (min-width: 992px) {
    .sidebar-minimized .sidebar .nav-item:hover {
        width: 50px;
        overflow: hidden;
        background: #111111;
    }
}
@media (min-width: 992px) {
    .sidebar-minimized .sidebar .nav-link:hover {
        width: 250px;
        background: #111111;
    }
}
@media (min-width: 992px) {
    .sidebar-minimized .sidebar .nav-item:hover > .nav-link {
        background: #111111;
    }
}
@media (min-width: 992px) {
    .sidebar-fixed .sidebar {
        width: 225px;
    }
    html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .main, html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .app-footer, html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .main, html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .app-footer {
        margin-left: 225px;
    }
}


/* Pagination */
.page-item.active .page-link {
    background-color: #111111;
    border-color: #111111;
}

/* No Access */
.bg-restricted {
    background: url('http://synngentlemensclub.com/synn-splash-files/images/Synn_Background2.jpg');
    background-position: center top;
    background-repeat: no-repeat;
}