/*
 * Style tweaks
 * --------------------------------------------------
 @font-face{
 	font-family:tengwar;
 	src:url('fonts/tngan.ttf')
 }
 */
 
 
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
th {
	font-weight:bold;
    white-space: nowrap;
}
body {
  padding-top: 70px;
  padding-bottom:110px;
}
footer {
  padding: 30px 0;
}
.selected,
.list-group-item .selected{
	font-weight:bold;
}
.form-control:focus-within {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);
}
.row {
  padding-top: 2px;
}
.clickable{
	cursor:pointer;
}
.image-input,
.input-group .image-input{
	height:34px !important;
    margin-right: 0em !important;
    margin-left: 0em !important;
}
.tundra .dijitSelect .dijitArrowButton, 
.tundra .dijitTextBox .dijitButtonNode
{
	padding: 0.2em 0.2em 0.2em 0.2em !important;
}
textarea{
	resize:vertical;
}
.smArea,
.form-group .smArea{
	height:60px;
}
.mdArea,
.form-group .mdArea{
	height:100px;
}
.lgArea,
.form-group .lgArea{
	height:200px;
}
.xlArea,
.form-group .xlArea{
	height:400px;
}
.unselectable{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
	user-select:none;
	-o-user-select:none;
}
.fullWidth{
	width:100.0%;
}
.activityHelp,
.halfWidth{
	width:50.0%;
}
.hidden{
	display:none;
}
.paddingLS{
	padding-left:5.0px;
}
.paddingRS{
	padding-right:5.0px;
}
.tableHeadSort{
	border-width:thin;
	border-color:rgb(192,192,192);
	border-style:solid
}
.left-dialog{
	text-align:left;
}
.pager,
.ict-link,
.levelDisplay{
	text-align:right;
}
.navbar-brand{
	text-align:center;
}
.menuImage{
	max-width:100.0px;
	background-position:center center;
}
.textDashboard{
	margin-left:5px;
	margin-right:5px;
}
.faMenuIcon{
	width:15.0px;
	text-align:center;
}
.lcItem{
	width:80%;
}
.lcCount{
	width:20%;
}
.lcCountD{
	width:100.0px;
}
.lcCheck{
	width:50px;
}
.disabledLevel{
	color:rgb(211,211,211);
}
.activityHelp{
	padding-right:15.0px;
}
.collapseCarret{
	width:20px;
}
.selectIcon{
	width:55px;
}
.bTitle{
	font-weight:bold;
}
.nLabel{
	font-weight:normal;
}
.helpCarret,
.helpDelete{
	width:35px;
}
.helpCarret{
	font-size:24pt;
}
.helpDCarret{
	width:30px;
	font-size:16pt;
}
.compCatCarret{
	width:20px;
	font-size:16pt;
}
.moduleBtn{
	margin-top:-5.0px;
	margin-bottom:-5.0px;
}
.modSectionDelete{
	width:30px;
}
.infiniteScroll{
	display:none;
}
.cke_combo_text{
	height:24px !important;
}
.cke_combo_open{
	width:15px !important;
	height:24px !important;
}
.icon-blue{
	color:#26f;
}
.icon-red{
	color:#f00;	
}
.icon-green{
	color:#090;	
}
.icon-gray{
	color:#666;	
}
.empty-fa-desktop{
	padding-right:14px;
}
.stats-cell{
	padding-left:2.0px;padding-right:2.0px;padding-top:2.0px;padding-bottom:2.0px;
}

.logo{
    display: block;
    max-width: none;
    width:200px;
    height:auto;
    padding: 5px 0;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}
@media (prefers-color-scheme: dark) {
	.icon-blue{
		color:#48f;
	}
	.icon-red{
		color:#f22;	
	}
	.icon-green{
		color:#2b2;	
	}
	.icon-gray{
		color:#888;	
	}
	html, body, .input-group-text, .normal, .normal-italic {
		color: #999;
		background: #121212;
		background-color: #121212;
	}
	a:hover, .selected {color: #8ab4f8;}
	h1, h2, h3, h4, h5, h6, .labels {color: #ddd;}
	.col-form-label {color: #bbb;}
	input[type="text"],
	input[type="password"],
	select,
	textarea,
	.form-control,
	.form-control:focus,
	.modal-content,
	.xspInputFieldRichText,
	.tundra .dijitTextBox,
	.dijitTooltipContainer.dijitTooltipContainer,
	.list-group{
		background: #121212;
		background-color: #121212;
		border: 1px solid #bbb;
	    color: #bbb;
	}
	.form-control:focus,
	.form-control:focus[aria-invalid=true] {
		box-shadow: 0 0 0 0.2rem rgba(255,128,64,.5);
		border: 1px solid rgba(255,128,64);
	}
	.btn.btn-primary
	{background: #1471b4;}
	.btn:hover
	{ background: #FF8000;
	 }
	[aria-invalid=true],
	input[type="text"][aria-invalid=true],
	input[type="password"][aria-invalid=true],
	select[aria-invalid=true],
	textarea[aria-invalid=true],
	.tundra .dijitTextBox[aria-invalid=true],
	.form-control[aria-invalid=true] {border-color: #CF5669;}
	.alert-warning {
		background: #121212;
		background-color: #121212;
		border: 1px solid #CF5669;
	    color: #CF5669;
	}
	.table-hover>tbody>tr {
		background-color: #121212;
	}
	.table-hover>tbody>tr:hover,
	.list-group-item:active, 
	a.list-group-item:active, 
	button.list-group-item:active,
	.list-group-item:hover, 
	a.list-group-item:hover,
	button.list-group-item:hover,
	.list-group-item:focus, 
	a.list-group-item:focus,
	button.list-group-item:focus{
		background-color: #222222;
		color: #ccc;
	}
	
	.navbar-default,
	.panel-footer {
		background-image: linear-gradient(to bottom,#404040 0,#383838 100%);
		border-color: #383838;
	}
	.btn {
		color: #e0e0e0;
	}
	.btn-default {
		background-color: #121212;
		background-image: linear-gradient(to bottom,#121212 0,#333333 100%);
		border-color: #101010;
		text-shadow: 0 1px 0 #121212;
	}
	.btn-default:focus,
	.btn-default:hover{
		/*background-color: #242424;*/
		border-color: #222222;
		color: #e8e8e8;
	}
	.close {
		color: #e0e0e0;
		opacity: .4;
	}
	.close:focus, .close:hover {
		color: #fff;
	}
	
	.table>tbody>tr>td, 
	.table>tbody>tr>th, 
	.table>tfoot>tr>td, 
	.table>tfoot>tr>th, 
	.table>thead>tr>td, 
	.table>thead>tr>th{
    	border-top: 1px solid #444;
	}
	.list-group-item {
		background-color: #121212;
    	border-top: 1px solid #444;
	}
	a.list-group-item, button.list-group-item {
		color: #bbb;
	}
	button.list-group-item-success,
	a.list-group-item-success,
	.list-group-item-success,
	.table > thead > tr > td.success,
	.table > tbody > tr > td.success,
	.table > tfoot > tr > td.success,
	.table > thead > tr > th.success,
	.table > tbody > tr > th.success,
	.table > tfoot > tr > th.success,
	.table > thead > tr.success > td,
	.table > tbody > tr.success > td,
	.table > tfoot > tr.success > td,
	.table > thead > tr.success > th,
	.table > tbody > tr.success > th,
	.table > tfoot > tr.success > th {
		background-color: #124212;
		color: #aca;
	}
	button.list-group-item-warning,
	a.list-group-item-warning,
	.list-group-item-warning,
	.table > thead > tr > td.warning,
	.table > tbody > tr > td.warning,
	.table > tfoot > tr > td.warning,
	.table > thead > tr > th.warning,
	.table > tbody > tr > th.warning,
	.table > tfoot > tr > th.warning,
	.table > thead > tr.warning > td,
	.table > tbody > tr.warning > td,
	.table > tfoot > tr.warning > td,
	.table > thead > tr.warning > th,
	.table > tbody > tr.warning > th,
	.table > tfoot > tr.warning > th {
		background-color: #423212;
		color: #cba;
	}
	button.list-group-item-danger,
	a.list-group-item-danger,
	.list-group-item-danger,
	.table > thead > tr > td.danger,
	.table > tbody > tr > td.danger,
	.table > tfoot > tr > td.danger,
	.table > thead > tr > th.danger,
	.table > tbody > tr > th.danger,
	.table > tfoot > tr > th.danger,
	.table > thead > tr.danger > td,
	.table > tbody > tr.danger > td,
	.table > tfoot > tr.danger > td,
	.table > thead > tr.danger > th,
	.table > tbody > tr.danger > th,
	.table > tfoot > tr.danger > th {
		background-color: #421212;
		color: #caa;
	}
	button.list-group-item-info,
	a.list-group-item-info,
	.list-group-item-info,
	.table > thead > tr > td.info,
	.table > tbody > tr > td.info,
	.table > tfoot > tr > td.info,
	.table > thead > tr > th.info,
	.table > tbody > tr > th.info,
	.table > tfoot > tr > th.info,
	.table > thead > tr.info > td,
	.table > tbody > tr.info > td,
	.table > tfoot > tr.info > td,
	.table > thead > tr.info > th,
	.table > tbody > tr.info > th,
	.table > tfoot > tr.info > th {
		background-color: #121242;
		color: #aac;
	}
	button.list-group-item-success:hover,
	button.list-group-item-success:active,
	button.list-group-item-success:focus,
	a.list-group-item-success:hover,
	a.list-group-item-success:active,
	a.list-group-item-success:focus,
	.list-group-item-success:hover ,
	.list-group-item-success:active,
	.list-group-item-success:focus{
		background-color: #225222;
	}
	button.list-group-item-warning:hover,
	button.list-group-item-warning:active,
	button.list-group-item-warning:focus,
	a.list-group-item-warning:hover,
	a.list-group-item-warning:active,
	a.list-group-item-warning:focus,
	.list-group-item-warning:hover ,
	.list-group-item-warning:active,
	.list-group-item-warning:focus {
		background-color: #524222;
	}
	button.list-group-item-danger:hover,
	button.list-group-item-danger:active,
	button.list-group-item-danger:focus,
	a.list-group-item-danger:hover,
	a.list-group-item-danger:active,
	a.list-group-item-danger:focus,
	.list-group-item-danger:hover ,
	.list-group-item-danger:active,
	.list-group-item-danger:focus {
		background-color: #522222;
	}
	button.list-group-item-info:hover,
	button.list-group-item-info:active,
	button.list-group-item-info:focus,
	a.list-group-item-info:hover,
	a.list-group-item-info:active,
	a.list-group-item-info:focus,
	.list-group-item-info:hover ,
	.list-group-item-info:active,
	.list-group-item-info:focus {
		background-color: #222252;
	}
	
	.panel-primary>.panel-heading,
	.panel-green>.panel-heading,
	.panel-yellow>.panel-heading {
    	color: #eee;
	}
	.table-striped>tbody>tr:nth-of-type(odd) {
	    background-color: #222222;
	}
	.popover,
	.modal-content,
	.popover-title {
	  border: 1px solid #222222;
	  border: 1px solid rgba(255, 255, 255, .4);
	}
	.dropdown-menu {
    	background-color: #121212;
	 	border: 1px solid #222222;
	 	border: 1px solid rgba(255, 255, 255, .4);
	}
	.dropdown-menu>li>a {
		color: #9d9d9d;
	}
	.dropdown-menu .divider {
	    background-color: #9d9d9d;
	}
	.table>thead>tr>th {
	    border-bottom: 2px solid #9d9d9d;
	    border-bottom-width: 2px;
	    border-bottom-style: solid;
	    border-bottom-color: rgb(157, 157, 157);
	}
	.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover 
	{
	    background-color: #444;
	    color: #888;
	    border-color: #121212;
	    border-top-color: rgb(18, 18, 18);
	    border-right-color: rgb(18, 18, 18);
	    border-bottom-color: rgb(18, 18, 18);
	    border-left-color: rgb(18, 18, 18);
	}
	.input-group .input-group-btn .btn-default {
		border-color: #e8e8e8;
	}
	.input-group-addon {
		background-color: #444;
		color: #888;
	}
	.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	    background-color: #121212 !important; 
	}
	.hoverDiv{
	    background: #121212;
	    color: #eee;
	}
	.hoverDiv:hover {
	    background: #181818;
	    color: #eee;
	}
	.tableHeadSort {
	    border-color: #444;
	    border-top-color: #444;
	    border-right-color: #444;
	    border-bottom-color: #444;
	    border-left-color: #444;
	}
	.panel,
	.table .table,
	.list-group {
	    background-color: #121212;
	}
	.well {
		background-color: #181818;
		border-color: #222222;
		background-image: -webkit-linear-gradient(top,#282828 0,#181818 100%);
		background-image: -o-linear-gradient(top,#282828 0,#181818 100%);
		background-image: -webkit-gradient(linear,left top,left bottom,from(#282828),to(#181818));
		background-image: linear-gradient(to bottom,#282828 0,#181818 100%);
	}
	
	canvas {
		background-color: #fff;
	}
	
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	    color: #fff;
	    background-color: #121212;
	    background-image: none;
	}
	
	.table-border{
		background-color:#222222;
	}
	input[type="text"].xspInputFieldTimePickerIcon {
	    background: url(/domjava/xsp/theme/webstandard/images/iconTimePicker.png) no-repeat left center;
	}
	input[type="text"].xspInputFieldDatePickerIcon {
	    background: url(/domjava/xsp/theme/webstandard/images/iconDatePicker.gif) no-repeat left center;
	}
	input[type="text"].xspInputFieldDateTimePickerIcon {
	    background: url(/domjava/xsp/theme/webstandard/images/iconDateTimePicker.png) no-repeat left center;
	}
}