/* Dark Theme

    background: #17242c;

    sidebar_background: #17242c;
    sidebar_color: #80959a;
    sidebar_hoover_Background: #324f61;
    sidebar_hover_color: #778c95
    panel_background: #22333b;
    panel_color: #83837c;
    menu_background: #3f4f5f;
    menu_color: #8c93a1;
    menu_hover_background: #364252;
    menu_hover_color: #cfccd1;
    label_color/primary: #33707f;
    input_borders: #29586f;
    input_background: #3f4f5f
    input_color: #aaa
    border_color: #648391;

    table-alternate-row: #2d4757
    testcolor_gray: #aaa
    placeholder: #ccc
*/

body {
	background-color: #17242c;
	color: #aaa;
}

h1, h2, h3, h4, h5, h6 {
	color: #33707f;
}

.paneltheme {
	background-color: #22333b;
	color: #ccc;
}

.menutheme, .subpaneltheme {
	background-color: #3f4f5f;
	color: #8c93a1;
}

.theme {
	background-color: #17242c;
	color: #ccc;
}

.table {
	color: #aaa;
}

	.table td, .table th {
		border-top-color: #648391;
		padding: 0.20rem;
	}

input.form-control, select.form-control, textarea.form-control, label.form-control {
	border-color: #3f4f5f;
	background-color: #3f4f5f;
	color: #aaa;
}

	input.form-control:active,
	input.form-control:focus,
	select.form-control:active,
	select.form-control:focus,
	textarea.form-control:active,
	textarea.form-control:focus {
		border-color: white;
		background-color: #324f61;
		color: #aaa;
	}

label:focus-within .checkmark {
	border: 1px solid white;
}

.form-control[readonly] {
	background-color: #17242c !important;
}

.main .top-row {
	background-color: #e6e6e6;
}

/* All this stuff to colorize a checkbox.. */

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 19px;
	width: 19px;
	background-color: #3f4f5f;
}

/* On mouse-over, add a grey background color */
label.container:hover input ~ .checkmark {
	background-color: #364252;
}

/* When the checkbox is checked, add a blue background */
label.container input:checked ~ .checkmark {
	background-color: #33707f;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
label.container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
label.container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* End of checkbox css*/

.sidebar {
	background-color: #17242c;
	color: #80959a;
}

	.sidebar .top-row {
		background-color: #3f4f5f;
		color: #8c93a1;
	}

li > a.sidebar-link, div.sidebar-link {
	color: #aaa;
}

	li > a.sidebar-link:hover, div.sidebar-link:hover {
		color: #ccc;
		text-decoration: underline;
	}

li > a.nav-link {
	color: #8c93a1;
}

.nav-item a {
	color: #8c93a1;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background-color: #364252;
	color: #ccc;
}

.nav-item a:hover {
	background-color: #364252;
	color: #cfccd1;
	border-color: #364252;
}

::placeholder {
	color: #777 !important;
}

.navbar {
	padding: .2rem .2rem;
}

.navbar-toggler {
	background-color: rgba(255, 255, 255, 0.1);
}

validation-message {
	color: red;
}

/* Menu */
span.baseTextColor, div.baseTextColor {
	color: #aaa;
}

.navbar-dark {
	color: #aaa;
	margin: 3px 10px 3px 10px;
	border-radius: 7px;
}

/* Dialog */
.dialog-container {
	background-color: #22333b;
	border: 1px solid rgb(222,226,230)
}

.dialog {
	background-color: #22333b;
	box-shadow: 0 0 12px rgba(0,0,0,0.6);
}

.dialog-title {
	background-color: #22333b;
	color: #33707f;
}

	.dialog-title h2 {
		color: #33707f;
	}


/* Tabs */
.nav-tabs .nav-link {
	border-color: #648391;
	border-bottom-color: #648391;
	background-color: #3f4f5f;
}

	.nav-tabs .nav-link:hover {
		border-color: #648391;
		background-color: #364252;
	}

.nav-tabs .active {
	border-top: 4px solid #648391 !important;
	border-bottom: 1px solid transparent;
	background-color: #3f4f5f;
}


.nav-tabs-body {
	border: 1px solid #648391;
}

.nav-tabs {
	border-bottom: 1px solid #648391;
}

	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
		border-color: #648391 #648391 #648391;
	}

.icon-green {
	color: #41AE3C
}

.icon-red {
	color: #BD1E1E
}

.icon-yellow {
	color: #f6c414 !important;
}

/* Active  / inactive on lists*/
.oi-circle-x, .oi-arrow-circle-bottom {
	color: #BD1E1E;
}

.oi-circle-check, .oi-arrow-circle-top {
	color: #41AE3C;
}

.oi-circle-check {
	color: #41AE3C
}

.oi-arrow-circle-left {
	color: #aaa;
}

.oi-star {
	color: #aaa;
}

.oi-shield {
	color: #BD1E1E;
}

.oi-warning {
	color: #e07912;
}

/*a > span.oi {
	color: #aaa
}*/
/* CSS For Multiple selector Listbox component */
.selectable-ul li:hover {
	background-color: #364252;
}

/* Table color overrides */
.table-success, .btn-success, .testresultlabel-True, .testresultlabel-success {
	background-color: #297326;
	color: #ccc;
	border-color: #297326;
}

.table-danger, .testresultlabel-False, .testresultlabel-danger, .btn-danger {
	background-color: #8f1b1b;
	color: #ccc;
	border-color: #8f1b1b
}



.table-primary, .testresultlabel-primary, .btn-primary {
	background-color: #33707f;
	color: #ccc;
	border-color: #33707f;
}

	.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:hover:active, button.btn.btn-primary.float-left:hover, button.btn.btn-primary.float-left:active {
		background-color: #29586f;
		color: #ccc;
		border-color: #33707f;
	}

/* hover row color to identify selected record */
.table > tr:hover {
	color: white;
}


.card {
	background-color: #22333b;
	color: #83837c;
}

.card-header {
	padding: .15rem .15rem;
}

	.card-header > h5 > button, .card-header button {
		background-color: #22333b;
		color: #ccc;
	}

		.card-header > h5 > button:hover, .card-header button:hover {
			color: #aaa;
		}

	/* override custom rendering bookmark-tablestyle row*/
	.card-header .bookmarkrow {
		padding-left: 0px
	}

.card-body {
	padding: 0px 5px 2px 5px;
}

.btn {
	font-size: 14px;
	padding: 2px 4px 2px 4px;
}

.list-group-item {
	background-color: none;
	padding: 2px 5px 3px 35px;
}

li.list-group-item.paneltheme > span {
	padding-right: 10px;
}

li.list-group-item-dark {
	opacity: 0.2;
}

.information {
	color: #33707f;
}


.debug {
	color: #828282;
}

h5 > span.oi {
	font-size: 12pt;
}

a {
	color: #33707f;
	text-decoration: none;
}

	a:hover {
		color: #33707f;
		text-decoration: underline;
	}

hr {
	border-top: 1px solid gray;
}

	hr.menu {
		margin: 1px;
		border-top: 1px solid #648391;
	}

.sub-menu > .nav-link {
	color: #aaa;
	text-decoration:none;
}

	.sub-menu > .nav-link:hover > label {
		text-decoration: underline;
	}