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

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

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

/* 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://beta.onegc.app/admin/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;
}


/* Fonts */
.oswald {
    font-family: 'Oswald', sans-serif;
}

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

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

/* Sidebar */
.sidebar {
    font-family: 'Oswald', sans-serif;
}
.sidebar .nav-link:hover {
    background-color: #111111;
}
.sidebar .nav-link.active .nav-icon {
    color: #ffffff;
}
@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;
    }
}

/* 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;
}