/* ============  */
/* Media Queries */
/* ============= */

@media (min-width: 1px) {
	.tppm-chart {
		width: 100%;
		min-height: 250px !important;
		height: 250px !important;
	}
}

@media (min-width: 576px) {
	.tppm-chart {
		width: 100%;
		min-height: 500px !important;
		height: 500px !important;
	}
}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}

body {
	background-color: #222124;
	color: #8e8e8e;
}

.page-item.disabled .page-link {
	background-color: transparent;
	color: #4e4e4e;
	border-color: #4e4e4e;
}

.page-item.active .page-link {
	background-color: transparent;
	color: #a7852d;
	border-color: #a7852d;
}

.page-link {
	background-color: transparent;
	color: #8e8e8e;
	border-color: #8e8e8e;
}

.page-link:hover {
	background-color: transparent;
	color: #a7852d !important;
	border-color: #a7852d;
	transition: 0.05s;
}
th:hover, .standard-table tbody tr:hover {
	color: #a7852d;
	cursor: pointer;
	transition: 0.05s;
}

/* ========================================================================================  */
/* ==================================== BOOTSTRAP =========================================  */
/* ========================================================================================  */

.fade {
	transition: 0.05s;
}
.btn-primary {
	border: 1px solid #a7852d;
	background-color: transparent;
	color: #a7852d !important;
	padding: 4px 8px;
}
.btn-primary:hover {
	transition: 0.01s;
	border: 1px solid #776025;
	background-color: transparent;
	color: #776025 !important;
}
.btn-primary.disabled, .btn-primary:disabled {
	background-color: #3a311b;
	border-color: #3a311b;
}
.btn-primary:focus, .btn-primary:active {
	outline: none;
	box-shadow: none;
	background-color: transparent;
	border-color: #776025;
}
.btn-info {
	border: 1px solid #de940c;
	background-color: transparent;
	color: #de940c !important;
	padding: 4px 8px;
}
.btn-info:hover {
	transition: 0.1s;
	border: 1px solid #92620a;
	background-color: transparent;
	color: #92620a !important;
	padding: 4px 8px;
}
.btn-info.disabled, .btn-info:disabled {
	background-color: #3a311b;
	border-color: #3a311b;
}
.btn-danger {
	border: 1px solid #dc3545;
	background-color: transparent;
	color: #dc3545 !important;
	padding: 4px 8px;
}
.btn-danger:hover {
	transition: 0.1s;
	border: 1px solid #a72935;
	background-color: transparent;
	color: #a72935 !important;
	padding: 4px 8px;
}
.btn-secondary {
	border: 1px solid #6c757d;
	background-color: transparent;
	color: #6c757d !important;
	padding: 4px 8px;
}
.btn-secondary:hover {
	transition: 0.1s;
	border: 1px solid #494f54;
	background-color: transparent;
	color: #494f54 !important;
	padding: 4px 8px;
}
.btn-secondary.disabled, .btn-secondary:disabled {
	background-color: transparent !important;
}
.btn-success {
	border: 1px solid #198754;
	background-color: transparent;
	color: #198754 !important;
	padding: 4px 8px;
}
.btn-success:hover {
	transition: 0.01s;
	border: 1px solid #13613d;
	background-color: transparent;
	color: #13613d !important;
}
.btn-success.disabled, .btn-success:disabled {
	background-color: transparent !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	color: #ccc;
}
.card {
	background-color: #2c2c2c;
}
.text-muted {
	color: #8e8e8e !important;
}
.modal-content {
	background-color: #2c2c2c;
}
.modal-header {
	border-bottom: 1px solid #3c3c3c;
}
.modal-footer {
	border-top: 1px solid #3c3c3c;
}
.form-group label {
	color: #ccc;
}
.form-control {
	border: none;
	border-radius: 0;
	border-bottom: 2px solid #a7852d;
	color: #ccc;
	background-color: transparent;
}
.form-control:active, .form-control:focus {
	box-shadow: none;
	background-color: transparent;
	border: none;
	border-bottom: 2px solid #ccc;
	color: #ccc;
	transition: 0.1s;
}
select.form-control:before {

	content: "v";
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	margin-left: -3px;
}
.form-control:disabled, .form-control[readonly] {
	border: none;
	border-radius: 0;
	border-bottom: 2px solid #5f5f5f;
	background-color: transparent;
	color: #5f5f5f;
}
.form-control[readonly]:hover {
	cursor: not-allowed;
}
.form-check-input:checked {
	background-color: #198754;
	border-color: #198754;
}
.input-group-text {
	background-color: transparent;
	border: none;
	border-radius: 0;
	border-bottom: 2px solid #a7852d;
	color: #a7852d;
}
a {
	color: #a7852d;
}
a:hover {
	color: #776025;
}
.table, table {
	border-color: #3c3c3c;
}
.table {
	color: #ccc;
}
.dataTable-table:not(.table-borderless) thead th, .table:not(.table-borderless) thead th {
	border-bottom: 1px solid #3c3c3c !important;
}
.text-primary {
	color: #a7852d !important;
}
.text-info {
	color: #de940c !important;
}
.form-check-input {
    cursor: pointer;
}

/* ========================================================================================  */
/* ========================================================================================  */
/* ========================================================================================  */

.sidebar-wrapper .sidebar-header img {
	height: 100%;
}
.sidebar-wrapper {
	background-color: #2c2c2c;
}
.sidebar-wrapper .menu .sidebar-link {
	color: #a7852d;
}
.sidebar-wrapper .menu .sidebar-link i, .sidebar-wrapper .menu .sidebar-link svg {
	color: #a7852d;
}
.sidebar-wrapper .menu .sidebar-item.active .sidebar-link {
	border-radius: 0px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.20);
	border-left: 4px solid #a7852d;
	transition: 0s;
}
.sidebar-wrapper .menu .sidebar-item .sidebar-link:hover {
	border-radius: 0px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.20);
	border-left: 4px solid #a7852d;
	transition: 0.1s;
}
.sidebar-wrapper .menu .sidebar-title {
	color: #ccc;
}
.bi {
	vertical-align: -.125em;
	width: 1em;
	height: 1em;
}
.sidebar-title {
	font-size: 0.75rem !important;
	opacity: 0.66;
}
.warning-banner {
	color: #dc3545;
	margin: 0.25rem;
	border-radius: 8px;
	padding: 0.66rem;
	background-color: rgba(125, 0, 0, 0.08);
}
.warning-banner-sm {
	font-size: 13px;
	color: #dc3545;
	margin: 0.08rem;
	border-radius: 8px;
	padding: 0.15rem;
	background-color: rgba(155, 0, 0, 0.08);
}
.info-banner {
	color: #de940c;
	margin: 0.25rem;
	border-radius: 8px;
	padding: 0.66rem;
	background-color: rgba(85, 85, 0, 0.08);
}
.info-banner-sm {
	font-size: 13px;
	color: #de940c;
	margin: 0.08rem;
	border-radius: 8px;
	padding: 0.15rem;
	background-color: rgba(155, 155, 0, 0.08);
}
.success-banner {
	color: #198754;
	margin: 0.25rem;
	border-radius: 8px;
	padding: 0.66rem;
	background-color: rgba(25, 85, 25, 0.08);
}
.success-banner-sm {
	font-size: 13px;
	color: #198754;
	margin: 0.08rem;
	border-radius: 8px;
	padding: 0.15rem;
	background-color: rgba(55, 155, 55, 0.08);
}
.disabled-hover {
	cursor: not-allowed !important;
}
.border-blue {
	border: 2px solid #607080;
}
.border-gold {
	border: 2px solid #a7852d;
}
.btn-sm-primary {
	border: 1px solid #a7852d;
	background-color: transparent;
	color: #a7852d;
	padding: 2px 4px;
	font-size: 12px;
	cursor: pointer;
}
.btn-sm-primary:hover {
	border: 1px solid #776025;
	background-color: transparent;
	color: #776025;
}
.btn-sm-success {
	border: 1px solid #198754;
	background-color: transparent;
	color: #198754;
	padding: 2px 4px;
	font-size: 12px;
	cursor: pointer;
}
.btn-sm-success:hover {
	border: 1px solid #13613d;
	background-color: transparent;
	color: #13613d;
}
.btn-sm-secondary {
	border: 1px solid #6c757d;
	background-color: transparent;
	color: #6c757d;
	padding: 2px 4px;
	font-size: 12px;
	cursor: pointer;
}
.btn-sm-secondary:hover {
	border: 1px solid #596067;
	background-color: transparent;
	color: #596067;
}
.cursor-pointer:hover {
	cursor: pointer;
}
.input-label {
	font-size: 12px;
}
.choose-employee {
	font-size: 18px;
	margin-top: 0.35em;
	padding: 0.5em;
	border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}
.choose-employee span {
	margin-left: 0.75em;
}
.choose-employee:hover {
	cursor: pointer;
	padding-left: 0.65em;
	border-radius: 12px;
	background-color: rgba(0, 0, 0, 0.08);
	transition: 0.05s;
}
.db-identifier:before {
	content: "#";
}
.highlighted {
	background-color: #123826 !important;
	color: #ebebeb !important;
}
.standard-card-btn-primary {
	border-radius: 6px;
	border: 2px solid #a7852d;
	color: #a7852d;
}
.standard-card-btn-success {
	border-radius: 6px;
	border: 2px solid #198754;
	color: #198754;
}
.standard-card-btn .card-btn-icon {
	font-size: 28px;
}
.standard-card-btn .card-btn-text {
	font-size: 18px;
	margin-bottom: -5px;
	font-weight: bold;
}
.standard-card-btn:hover {
	margin-top: 2px;
	opacity: 0.75;
	cursor: pointer;
	transition: 0.05s;
}
.standard-tooltip-title {
	color: #ccc;
	font-size: 14px;
}
.standard-tooltip-text {
	color: #8e8e8e;
	font-size: 16px;
}
.standard-input-pad {
	padding: .375rem !important;
}
.select-first-gray:first-child {
	color: #6c7277;
}