

.ui-pg-table {
	background-color: {{TABLE.HEAD.BG}};
	color: {{TABLE.HEAD.TEXT}};
}

.domain_grid_alt_row, .category_grid_alt_row, .dns_grid_alt_row, .ssl_grid_alt_row {
	background-color: {{TABLE.EVEN.BG}} !important;
	color: {{TABLE.EVEN.TEXT}} !important;
}

.ui-jqgrid .ui-widget-content {
	background-color: {{TABLE.ODD.BG}};
	color: {{TABLE.ODD.TEXT}};
}

.input-elm, .opsel, .selectLabel, .selectopts {
	border-width: 1px;
	border-style: solid;
}

.ui-search-toolbar
{
	border-top-width: 1px;
	border-style: solid;
}

.ui-state-highlight .jqgrid-link
{
	color: #FFFFFF !important;
}

.ui-widget-content {
	background-color: {{BODY.BG}};
	color: {{BODY.TEXT}};
}

.ui-widget-content, .ui-search-toolbar, .input-elm, .opsel, .selectLabel, .selectopts,
#customqueries-box input, #customqueries-box textarea, .panel textarea, .panel input, .panel select,
.query-box textarea, .query-box input, .query-box select
{
	border-color: {{CONTROL.BORDER}} !important;
}

.form-control:focus {
	background-color: {{CONTROL.BG}};
	color: {{CONTROL.TEXT}};
}

.panel textarea, .panel input, .panel select,
.query-box textarea, .query-box input, .query-box select {
	background-color: {{CONTROL.BG}};
	color: {{CONTROL.TEXT}};
}

.panel input:not([readonly]) {
	background: url("{{ROOTPATH}}lib/layouts/images/icons/16/edit.png") no-repeat scroll 3px 4px;
	padding-left:38px;
	background-color: {{CONTROL.BG}};
	color: {{CONTROL.TEXT}};
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border-color: {{BORDER.COLOR}} !important;
}

.ui-tabs .ui-tabs-nav li {
	background-color: {{TAB.NORMAL.BG}};
	color: {{TAB.NORMAL.TEXT}};
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background-color: {{TAB.ACTIVE.BG}};
	color: {{TAB.ACTIVE.TEXT}};
}

.ui-tabs .ui-tabs-nav li a {
	color: {{TAB.NORMAL.TEXT}};
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: {{TAB.ACTIVE.TEXT}} !important;
}

.ui-tabs .ui-tabs-nav{ 
	padding-left: 3px;
	min-height: 1em;
	background-color: transparent;
	border-bottom: 1px solid {{BORDER.COLOR}};
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 2px 8px 2px 8px;
}

.fm-button, .ui-add, .ui-del {
	margin-right: 4px;
	background-color: {{BUTTON.NORMAL.BG}} !important;
	color: {{BUTTON.NORMAL.TEXT}} !important;
	border-color: {{BUTTON.NORMAL.BORDER}} !important;
}

.fm-button:hover {
	background-color: {{BUTTON.HOVER.BG}} !important;
	color: {{BUTTON.HOVER.TEXT}} !important;
}

.btn-menu, .btn-dlg {
	background-color: {{BUTTON.NORMAL.BG}};
	color: {{BUTTON.NORMAL.TEXT}};
	border-color: {{BUTTON.NORMAL.BORDER}};
}

.btn-wipe {background-image:url({{ROOTPATH}}lib/layouts/images/menu/remove.png); background-size: auto; background-repeat: no-repeat;  background-position: center center; }
.btn-refresh {background-image:url({{ROOTPATH}}lib/layouts/images/icons/16/refresh.png); background-size: auto; background-repeat: no-repeat; background-position: center center; }

.btn-selected {
	background-color: {{BUTTON.SELECT.BG}} !important;
	color: {{BUTTON.SELECT.TEXT}} !important;
	border-color: {{BUTTON.SELECT.BORDER}} !important;
}

.ui-jqdialog .ui-jqdialog-titlebar, .ui-jqgrid .ui-jqgrid-errorbar, .ui-jqgrid .ui-jqgrid-titlebar {
	background-color: {{TABLE.HEAD.BG}};
	color: {{TABLE.HEAD.TEXT}};
}

.ui-jqdialog {
	border-width: 8px !important;
	border-color: {{BORDER.COLOR}};
}

.ui-jqdialog-content {
	border-width: 1px;
	border-color: {{BORDER.COLOR}};
}

hr.ui-widget-content {
	border: none;
	height: 0px;
	background: {{BORDER.COLOR}};
}

.ui-jqgrid .ui-state-default, .ui-jqgrid .ui-widget-content .ui-state-default,.ui-jqgrid .ui-widget-header {
	background-color: {{TABLE.HEAD.BG}};
	color: {{TABLE.HEAD.TEXT}};
	border-color: {{BORDER.COLOR}};
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url({{ROOTPATH}}lib/layouts/images/jqgrid/{{ICONS}});
}

.ui-state-hover .ui-icon {
    background-image: url({{ROOTPATH}}lib/layouts/images/jqgrid/{{ICONS}});
}

.btn-vsep {
	border-color: {{BORDER.COLOR}};
}


.odd {
	background-color: {{TABLE.ODD.BG}};
	color: {{TABLE.ODD.TEXT}};
}

.even {
	background-color: {{TABLE.EVEN.BG}};
	color: {{TABLE.EVEN.TEXT}};
}

.panel-box {
	border: 0px dotted {{BORDER.COLOR}};
	margin-bottom: 15px;
	margin-top: 0;
	padding: 0;
}

.panel-box .form-control, .query-box .form-control {margin-bottom: 10px;}
.panel .form-control {margin-bottom: 10px;}

.query-box .form-control input {height: 1.7em;}

.panel .card h4 {
	margin-bottom: 30px;
	margin-top: 0px;
	font-size: 17px; /*
	background-color: {{TABLE.SELECT.BG}};
	color: {{TABLE.SELECT.TEXT}}; */
	font-weight: bold;
	text-align: center;
}

.panel-card-body {
	overflow-y: auto;
	overflow-x: hidden;
}

#panel-alert, #panel-alert .card-body , #panel-alert .card-header, #panel-alert .card-footer {
	background-color: {{ALERT.BG}}};
	color: {{ALERT.TEXT}};
	border-radius: 0 !important;
	font-size: 15px;
	padding: 4px;
}

ul.list-group-flush li.list-group-item {
	/* border-color: {{BORDER.COLOR}}; */
	border: none;
	background-image: url({{ROOTPATH}}lib/layouts/images/icons/16/list-columns.png);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	padding: 0px 5px 3px 24px;
	padding-left: 24px;
	background-color: {{TABLE.ODD.BG}};
	color: {{TABLE.ODD.TEXT}};
}

#alertmod_domainquerytable .jqResize,
#alertmod_domaincategorytable .jqResize,
#alertmod_domaintable .jqResize,
#alertmod_dnstable .jqResize ,
#alertmod_ssltable .jqResize 
{ 
	display: none; 
}

.ui-jqdialog-content td.navButton  {padding-left: 5px; }

.ui-jqdialog .ui-jqdialog-content, .ui-jqdialog-content {
	padding: 0;
	background-color: {{BODY.BG}};
	color:{{BODY.TEXT}};
}

.ui-jqgrid-jquery-ui .ui-widget .ui-widget-content .ui-corner-all .ui-front .ui-jqdialog { padding: 0; }


.jqboldrow .category-name-cell {font-weight : bold !important;}
.jqboldrow .category-name-cell:after   {content: " *";}

#detailstab, #categorytab, #gbox_domaintable {
	border-radius: {{BORDER.RADIUS}};
}

.cq-query {
	background-color: {{PANEL.BG}};
	color: {{PANEL.TEXT}};
	min-height: 20px;
	margin-bottom: 10px;
	overflow: visible;
	height: 100%;
}

#custom-queries {
	margin-bottom: 20px;
}

.btn-details {
	cursor: pointer;
}

.btn-details a:link {
	text-decoration: none;
}

.ui-sortable {
	background-color: {{TABLE.EVEN.BG}};
	color: {{TABLE.EVEN.TEXT}};
}

#displaylist  {overflow-x: hidden; overflow-y:auto;}
#displaylist ul {list-style: none; margin: 0; padding: 0;}

#displaylist li { 
	position:relative; 
	list-style: none; 
	padding: 5px; 
	padding-left: 42px;
	border-radius:0;
}

#displaylist li .handle  {position: absolute; left: 0; top: 0; bottom: 0; padding: 8px 16px 8px 10px; border-right: 0px solid {{BORDER.COLOR}};}
#displaylist label input {margin-right: 16px;}
#displaylist label  {margin-bottom: 2px;}

ul#tablecolumns li, ul#categorylist li, ul#querylist li {
	background-color: {{TABLE.ODD.BG}};
	color: {{TABLE.ODD.TEXT}};
}

ul#tablecolumns li.ui-state-highlight, ul#categorylist li.ui-state-highlight, ul#querylist li.ui-state-highlight {
	border: none;
	background-color: {{TABLE.SELECT.BG}} !important;
	color: {{TABLE.SELECT.TEXT}} !important;
}

ul.list-group-flush li.list-group-item:nth-child(odd), ul#tablecolumns li:nth-child(odd), ul#categorylist li:nth-child(odd),
ul#querylist li:nth-child(odd) {
	background-color: {{TABLE.EVEN.BG}};
	color: {{TABLE.EVEN.TEXT}};
}

.ui-icon.grip-drag-action-button { background-image: url({{ROOTPATH}}lib/layouts/images/icons/16/grip.png); }
.ui-icon.grip-drag-action-custom { background-image: url({{ROOTPATH}}lib/layouts/images/icons/16/grip-custom.png); }
.ui-icon.grip-drag-action-catedit { background-image: url({{ROOTPATH}}lib/layouts/images/icons/16/grip-catedit.png); margin-left:5px; margin-right: 5px;}