body {
}

#dnsdata, #ssl {
	padding: 2px 0 0 0;
}

#categorypane, #detailspane, #domainpane {
	padding: 7px;
}

#detailstab {
	overflow: hidden;
}

.detailsbox {
	overflow: auto;
	padding: 4px;
}

.detailsbox pre, .detailsbox .card  {
	background-color: {{BODY.BG}};
	color: {{BODY.TEXT}};
	border:none;
}

.navbar {
	display: block;
	float: right;
	padding-right: 2px;
	padding-top: 3px;
}

#header, #footer
{
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 2px;
	overflow: hidden;
	margin: 0;
}

#header {
	height: 40px;
}

#footer {
	height: 36px; 
	padding-top: 5px;
}

#popmenu
{
	position: fixed; 
	top: 42px;
	overflow: hidden;
	border-radius: 0px;
	z-index: 140;
	padding-top:10px;
	display:none;
	border-left-width: 6px;
	border-left-style: solid;
}

#domaintable
{
	border-collapse: separate;
}

#domaincategories .ui-widget.ui-widget-content, #domainqueries .ui-widget.ui-widget-content {
	border: none; 
	padding: 0px;
}

.ui-widget.ui-widget-content {
	padding: 2px;
}

td.dtcell {padding-left: 5px !important;} 


.ui-state-active a, .ui-state-hover a, .ui-state-visited a, .ui-state-focus a  {
    outline: none;
}

.ui-pg-button, .ui-button-icon-only, .btn, .ui-button, .ui-corner-all .ui-jqdialog-titlebar-close, .ui-slider-handle
{
	outline-color: transparent;
    outline: none;
}



.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

.ui-tabs .ui-tabs-panel {
	padding: 10px;
}

#customqueries-box {
	padding: 5px;
}
	
#customqueries {
	overflow-x: hidden;
	overflow-y: auto;
}

#customqueries-box input {border-width: 1px;}

.r-h-disp-cell {
    padding: 0px !important;
}

#displaylist, #dnsdisplaylist, #ssldisplaylist, #categorylist, #querylist  {overflow-x: hidden; overflow-y:auto;}
#displaylist ul, #dnsdisplaylist ul, #ssldisplaylist ul, #categorylist ul, #querylist ul {list-style: none; margin: 0; padding: 0;}

#displaylist li, #dnsdisplaylist li , #ssldisplaylist li, #categorylist li, #querylist li { 
	position:relative; 
	/* margin: 2px 0; 
	border-bottom: 1px solid {{BORDER.COLOR}}; */
	list-style: none; 
	padding: 5px; 
	padding-left: 42px;
	border-radius:0;
}

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

.domaincolumns.list-group-flush li.list-group-item,
.userlist.list-group-flush li.list-group-item
{
	background-image: url({{ROOTPATH}}lib/layouts/images/icons/16/list-columns.png);
	padding-left: 20px;
}

.domaincolumns.list-group-flush li.list-group-item.defaultcolumn,
.userlist.list-group-flush li.list-group-item.defaultcolumn
{
	background-image: url({{ROOTPATH}}lib/layouts/images/icons/16/list-columns-default.png);
}

.list-group-flush li.list-group-item.font-serif
{
	background-image: url({{ROOTPATH}}lib/layouts/images/icons/16/list-serif-icon.png);
}

.list-group-flush li.list-group-item.font-sans-serif
{
	background-image: url({{ROOTPATH}}lib/layouts/images/icons/16/list-sans-serif-icon.png);
}

.list-group-flush li.list-group-item.font-handwriting
{
	background-image: url({{ROOTPATH}}lib/layouts/images/icons/16/list-handwriting-icon.png);
}

.list-group-flush li.list-group-item.font-display
{
	background-image: url({{ROOTPATH}}lib/layouts/images/icons/16/list-display-icon.png);
}

.list-group-flush li.list-group-item.font-monospace
{
	background-image: url({{ROOTPATH}}lib/layouts/images/icons/16/list-monospace-icon.png);
}

#csverrors {
	overflow: auto;
	margin-bottom: 20px;
	background: {{BOX.SELECT.BACKGROUND}};
	color: {{BOX.SELECT.TEXT}};
	padding: 5px;
	min-height: 0px;
	max-height: 150px;
}

.domaincolumns, .userlist, .categorylist, .catuserlist, .caticonlist {
	overflow: auto;
	padding: 2px;
	border: 1px solid {{BORDER.COLOR}};
}

#customcolumns-editor {
	height: auto;
}

.selected_domains {
	margin-top: 20px;
	margin-bottom: 20px;
	max-height: 100px;
	overflow: auto;
	background: {{BOX.SELECT.BACKGROUND}};
	color: {{BOX.SELECT.TEXT}};
	padding: 5px;
}

.highlight {
	font-weight: bold;
}

.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}};
}

.panel input[type="checkbox"] {
  margin-right: 5px;
}

.panel-footer, .panel-header {
	height: auto;
	overflow: visible;
	position: relative;
}

.fontlist  {
	background-color: {{BODY.BG}};
}

@media (max-width: 767px) {
	#customcolumns-columns, #bulkedit-columns {
		margin-bottom: 30px;
	}
}
