
/* general */

html {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	color: #555;
}

body {
	background-color: #f1f1f1;
	font-size: 1rem;
}

a {
	color: #193a63;
	text-decoration: none;
}

a:hover {
	color: #336699;
	text-decoration: none;
}

select, textarea, button, input[type=button], input[type=submit], input[type=text], input[type=password], input[type=radio], input[type=checkbox] {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

#view {
	background-color: #ffffff;
}


/* header */


/* body */

#body {
	margin-top: 10px;
}


/* menu */

#menu {
	color: #555;
}

table.dcp_menu {
	background-color: #f8f8f8;
	border-radius: 0px;
	border: 1px solid #eee;
}

table.dcp_menu tr.menu_type:first-child td {
	padding-top: 8px;
}

div.dcp_menuhead {
	background-color: white;
	color: #5e5854;
	font-size: 1.2rem;
	margin-bottom: 0;
	text-align: center;
}

tr.menu_type td a {
	font-size: 1.1rem;
}

tr.menu_type:hover {
	background-color: #dadada;
	cursor: pointer;
}
	

tr.menu_type_selected > td {
	background-color: #dadada;
}

tr.menu_type_selected.menu_feature_selected > td {
	background-color: #f09060;
}

tr.menu_feature td {
	background-color: #eaeaea;
}

tr.menu_feature td:hover {
	background-color: #dadada;
	cursor: pointer;
}

tr.menu_feature td a {
	font-size: 1.05rem;
}

tr.menu_feature_first td {
}

tr.menu_feature_last td {
}

tr.menu_feature td.selection {
	padding-left: 3px !important;
}

tr.menu_feature td.has_subfeature:after {
	content: url("/images/subitems.gif");
}

tr.menu_feature td.has_subfeature_selected:after {
	content: url("/images/subitems_selected.gif");
}

tr.menu_feature_selected > td {
	background-color: #dadada;
}

tr.menu_feature_selected td.selection {
	border-left: 3px solid #fc8100;
}


/* content box */

#content {
	color: #555;
}

#dirselect.dcp_box {
	box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 10px 0px;
	background-color: #eff0f2;
}

#dirselect .scroll_box {
	background-color: #fff;
	border: 1px solid #eff0f2;
}

#fileselect.dcp_box {
	box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 10px 0px;
	background-color: #eff0f2;
}

#fileselect .scroll_box {
	background-color: #fff;
	border: 1px solid #eff0f2;
}

#dbselect.dcp_box {
	box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 10px 0px;
	background-color: #eff0f2;
}

#dbselect .scroll_box {
	background-color: #fff;
	border: 1px solid #eff0f2;
}

#emailselect.dcp_box {
	box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 10px 0px;
	background-color: #eff0f2;
}

#emailselect .scroll_box {
	background-color: #fff;
	border: 1px solid #eff0f2;
}

#actionselect.dcp_box {
	box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 10px 0px;
	background-color: #eff0f2;
}

#actionselect .scroll_box {
	background-color: #fff;
	border: 1px solid #eff0f2;
}

div.dcp_box.overlay {
	background-color: #fff;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
	border-radius: 0px;
}

div.dcp_boxhead {
	font-size: 1.2rem;
}

div.dcp_boxfoot {
	font-size: 1rem;
}

div.dcp_boxfoot.border {
	border-top: 1px solid #eee;
}

#totp_key_page, #totp_recovery_keys_page {
	box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 10px 0px;
	background-color: #eff0f2;
}

#totp_key_page .dcp_boxbody, #totp_recovery_keys_page .dcp_boxbody {
	text-align: center;
	background-color: #fff;
	border: 1px solid #eff0f2;
}

.tfa_totp_verify input[name=totp_code] {
	width: 130px;
	font-family: Hack, Monaco, "Lucida Console", monospace;
}


/* messages */

#ajax_ok, #ajax_ok_static, .dcp_ok {
	background-color: #bbffbb;
	border: 1px solid #77bb77;
	border-radius: 0px;
	font-size: 1rem;
}

#ajax_warning, .dcp_warning {
	background-color: #eeeeaa;
	border: 1px solid #bbbb77;
	border-radius: 0px;
	font-size: 1rem;
}

#ajax_error, .dcp_error {
	background-color: #ffbbbb;
	border: 1px solid #bb7777;
	border-radius: 0px;
	font-size: 1rem;
}


/* list */

table.list > tbody {
	border: 1px solid #eee;
	border-radius: 0px;
}

div.scroll_box table.list > tbody {
	border: 0;
}

table.list > tbody tr.odd {
	background-color: #fff;
}

table.list > tbody tr.even {
	background-color: #f8f8f8;
}

table.list > tbody tr.click:hover {
	background-color: #eff0f2;
	cursor: pointer;
}

table.list > thead {
	border: 1px solid #eee;
	border-radius: 0px;
}

table.list > thead > tr > td, thead > tr > th {
	background-color: #e1e1e1;
	font-size: 1rem;
	font-weight: normal;
	color: #445566;
}

table.list > thead > tr > td:first-child, thead > tr > th:first-child {
	border-radius: 0px;
}

table.list > thead > tr > td:last-child, thead > tr > th:last-child {
	border-radius: 0px;
}

table.list > thead > tr > td > a, thead > tr > th > a {
	font-size: 1rem;
	color: #445566;
}

table.list > thead > tr > td > a:hover, thead > tr > th > a:hover {
	font-size: 1rem;
	color: #555;
}

table.list > tbody > tr > td {
	font-size: 1rem;
}

table.list td.expired {
	color: #a00;
}

table.list td.number {
	font-family: Hack, Monaco, "Lucida Console", monospace;
	font-size: 0.9rem;
	letter-spacing: -0.05rem;
}

table.list td.monospace {
	font-family: Hack, Monaco, "Lucida Console", monospace;
	font-size: 0.9rem;
	letter-spacing: -0.05rem;
}

.descr_box {
	border-bottom: 0;
}

.scroll_box a {
	color: #003366;
}

.listfoot td {
	border: 0 !important;
}

.breadcrumbs {
	font-size: 1.1rem;
}

.path-separator {
	margin: 0 3px 0 3px;
}

td.near_quota_warning:before {
	position: relative;
	top: 2px;
	padding-right: 3px;
	line-height: 0.8;
	font-family: bootstrap-icons;
	font-size: 1.1rem;
	content: "\f334";
	color: #f0b060;
}

td.over_quota_warning:before {
	position: relative;
	top: 2px;
	padding-right: 3px;
	line-height: 0.8;
	font-family: bootstrap-icons;
	font-size: 1.1rem;
	content: "\f334";
	color: #f06030;
	opacity: 0.8;
}


/* single */

table.single > tbody {
	font-size: 1rem;
	background-color: #f8f8f8;
	border: 1px solid #eee;
	border-radius: 0px;
}

table.single td {
	font-size: 1rem;
}

table.single tr.margin {
	display: none;
}

table.single tr.odd {
	background-color: #fff;
}

table.single tr.even {
	background-color: #f8f8f8;
}

table.single tr.notice td {
	font-style: italic;
	color: #875;
}

table.single tr.listfoot td {
	background-color: #fff;
}

table.single .subcaption {
	background-color: #e0e1e5;
	border-radius: 0px;
}

table.single td.number {
	font-family: Hack, Monaco, "Lucida Console", monospace;
	font-size: 0.9rem;
	letter-spacing: -0.05rem;
}

table.single td.monospace {
	font-family: Hack, Monaco, "Lucida Console", monospace;
	font-size: 0.9rem;
	letter-spacing: -0.05rem;
}

table.single > tbody > tr[data-help] > td.ident, span[data-help] > span {
	cursor: help;
}

table.single tbody td.ident.required {
	font-weight: bold;
}
table.single tbody td.ident.required::before {
	content: "\002a\0020";
}

.dcp_box > .single_separator {
	border-top: 0;
}


/* table elements */

td.ident, span.ident, label.ident {
	color: #445566 !important;
}

td.number_head {
	font-size: 1rem;
}


/* form elements */

/* buttons */

button.new, button.new:hover {
	color: #408040;
}

button.help, button.help:hover {
	color: #6060aa;
}

button.submit {
	background-color: #fc8100;
	border-color: #fc8100;
	color: white;
}

button.submit:hover {
	background-color: #fc8100;
	border-color: #fc8100;
	color: white;
	opacity: 0.8;
}

button.submit:focus {
	background-color: #fc8100;
	border-color: #fc8100;
	color: white;
}

button.submit:active {
	background-color: #c96700;
	border-color: #c96700;
	color: white;
}

button.submit:active:hover {
	background-color: #c96700;
	border-color: #c96700;
	color: white;
}

button.submit:active:focus {
	background-color: #c96700;
	border-color: #c96700;
	color: white;
}

button.submit[disabled], button.submit[disabled]:hover, button.submit[disabled]:focus {
	background-color: #fc8100;
	border-color: #fc8100;
	color: white;
	opacity: 0.5;
}

button.alert:before {
	position: relative;
	top: 2px;
	padding-right: 5px;
	line-height: 0.8;
	font-family: 'Glyphicons Halflings';
	font-size: 1.1rem;
	content: "\e209";
	opacity: 0.5;
}

button.warn:before {
	position: relative;
	top: 2px;
	padding-right: 3px;
	line-height: 0.8;
	font-family: bootstrap-icons;
	font-size: 1.1rem;
	content: "\f33b";
	opacity: 0.5;
}

button.remove:before, button.cancel:before {
	position: relative;
	top: 2px;
	padding-right: 3px;
	line-height: 0.8;
	font-family: 'Glyphicons Halflings';
	font-size: 1.1rem;
	content: "\e088";
	opacity: 0.5;
}

button.add:before, button.done:before {
	position: relative;
	top: 2px;
	padding-right: 3px;
	line-height: 0.8;
	font-family: 'Glyphicons Halflings';
	font-size: 1.1rem;
	content: "\e089";
	opacity: 0.5;
}

button.block:before {
	position: relative;
	top: 2px;
	padding-right: 3px;
	line-height: 0.8;
	font-family: 'Glyphicons Halflings';
	font-size: 1.1rem;
	content: "\e090";
	opacity: 0.5;
}

.af-button-add {
	color: #080;
}

.af-button-remove {
	color: #800;
}

.af-button-cancel {
	color: #800;
}


/* start page */

tr.info_subhead {
	background-color: #e0e1e5;
}

tr.info_subhead > td {
	font-weight: normal !important;
}

tr.info_list_item:hover {
	background-color: #eff0f2;
	cursor: pointer;
}

tr.info_list_item td {
	font-size: 1em;
}

tr.info_list_item_urgent td {
	font-weight: bold !important;
}

tr.info_list_item_nohover td {
	font-size: 1em;
}


/* misc */

.single_separator {
	border-top: 1px solid #eee;
}

.scroll_separator {
	border: 0;
}

.separator2_top td {
	border-bottom: 1px solid #ddd;
}

.separator2_bottom td {
	border-top: 0;
}

.separator4_top td {
	border-bottom: 1px solid #ddd;
}

.separator4_bottom td {
	border-top: 0;
}

.pending {
	color: #555;
}

.running {
	color: #0000aa;
}

.finished {
	color: #00aa00;
}

.failed {
	color: #aa0000;
}

.attrib_default {
	color: #909090;
}

.tablesorter-pager {
	border-top: 0;
}

.link_tablehead {
	color: #193a63;
}

.monospace {
	font-family: Hack, Monaco, "Lucida Console", monospace;
}


/* bootstrap */
.btn-default {
	border-color: #ddd;
}


/* tooltip */

#help_tooltip {
	color: #555;
	background: #fff;
}

#help_tooltip > div.title {
	font-size: 1.2rem;
	font-weight: bold;
}

#help_tooltip > div.content {
	font-size: 1.1rem;
}

#close_tooltip {
	font-size: 1.3rem;
	color: #999;
}


/* login */

.login-password-reset {
    width: 30%;
	margin: -35px auto 0 auto;
	text-align: right;
	font-size: 0.9rem
}

.bar-graph {
	border-radius: 0px;
}

.bar-graph div:nth-child(1),
.graph-legend li:nth-of-type(1):before {
	background-color: #962d3e;
}
.bar-graph div:nth-child(2),
.graph-legend li:nth-of-type(2):before {
	background-color: #e640bc;
}
.bar-graph div:nth-child(3),
.graph-legend li:nth-of-type(3):before {
	background-color: #f28729;
}
.bar-graph div:nth-child(4),
.graph-legend li:nth-of-type(4):before {
	background-color: #f4ce4d;
}
.bar-graph div:nth-child(5),
.graph-legend li:nth-of-type(5):before {
	background-color: #797;
}
.graph-legend li:before {
	background-color: #778899;
}

.menu_is_beta, .title_is_beta {
	color: white;
	background-color: gray;
	font-size: 9px;
}

.menu_is_new, .title_is_new {
	color: white;
	background-color: gray;
	font-size: 9px;
}

td #clarification {
	color:#fc8100;
}
.changes-not-saved {
	color:#fc8100;
}
