/* Add here all your CSS customizations */
.border.border-primary{
  border-color: #5a6327;
}

html body .opt-tabs .nav-tabs .nav-link,
html.dark body .opt-tabs .nav-tabs .nav-link,
html body .opt-tabs .nav-tabs .nav-link:hover,
html.dark body .opt-tabs .nav-tabs .nav-link:hover {
	/* color: #5a6327; */
	background: #5a6327;
	color: #FFF;
}

html body .opt-tabs .nav-tabs .nav-link:hover,
html.dark body .opt-tabs .nav-tabs .nav-link:hover,
html body .opt-tabs .nav-tabs .nav-link:focus,
html.dark body .opt-tabs .nav-tabs .nav-link:focus {
	border-top-color: #5a6327;
	background: #FFF;
	color: #5a6327;
}

html body .opt-tabs .nav-tabs li.active .nav-link,
html.dark body .opt-tabs .nav-tabs li.active .nav-link {
	border-top-color: #5a6327;
	color: #5a6327;
	background: #FFF;
}

.bg-hidden {
  background-color: #ffcccc;
}

.bg-hidden:hover {
  background-color: #e1e1e1;
}


/* BEGIN Sizeable Edits: */
.message { margin: 1em 0; border-left: 3px solid #ccc; padding: 1em; background: #fff; }
.message p { margin: 0 0 1em; }
.message p:last-child { margin-bottom: 0; }
.message.message--error { border-color: #c00; }
.message.message--error * { color: #c00; }
.message.message--success { border-color: #080; }
.message.message--success * { color: #080; }
.message.message--warning { border-color: #c9c900; }
.message.message--warning * { color: #c9c900; }

header.header .notifications,
header.header .separator-notifications-left { display: none; }
.form-control.form-control-contract-date { min-width: 110px; width: 110px; }
.currency { font-family: monospace; }
h5 .currency { color: #999; }
table.change-order { border-top: 1px solid #eee; width: 100%; }
table.change-order tr.bordered td { border-bottom: 1px solid #eee; }
table.change-order td { font-size: 12px; vertical-align: top; }
table.change-order td.change-action { width: 80px; }
table.change-order td.opt-name { width: 300px; }
table.change-order td.sel-name { width: 200px; font-weight: bold; }
table.change-order td.currency { width: 120px; text-align: right; }
table.change-order thead th { font-weight: normal; font-size: 10px; border-bottom: 1px solid #eee; }
body table.change-order--small.change-order { width: 100%; margin-bottom: 2rem; }
body table.change-order--small.change-order tr td { font-size: 10px; }
/* END Sizeable Edits: */

form fieldset { border: 1px solid #ccc; display: block; padding: 1em; }
form fieldset legend { font-size: 1em; padding: 0 1em; display: inline-block; width: auto; font-weight: bold; }

/* Import Export CSS */
form#opt-export label { cursor: pointer; }
form .checkbox-grid { margin-top: -1em; }
form .checkbox-grid label { display: inline-block; width: 30%; padding: 0 .25em .25em; vertical-align: top; }

table.data { border-collapse: collapse; border: 1px solid #333; font-size: 10px; max-width: 80%; }
table.data th,
table.data td { font-family: monospace; vertical-align: top; text-align: left; padding: 10px; min-width: 125px; border: 1px solid #555; }
/* table.data td div { overflow: scroll; height: 2em; } */
table.data th { background: #333; color: #fff; }
.log--data { background: #333; color: #f0f0f0; line-height: 1.5em; padding: 1em; font-family: monospace; overflow: scroll; }
.log--data hr { height: 1px; border-top: 1px solid #666; margin: .5em auto; }

table.general--data { border-collapse: collapse; width: 100%; }
table.general--data th { vertical-align: top; font-weight: bold; text-align: left; border-bottom: 2px solid #aaa; padding: 10px; }
table.general--data td { font-size:11px; vertical-align: top; text-align: left; border-bottom: 1px solid #ddd; padding: 10px; }
table.general--data td.actions { font-size: 12px; }
table.general--data td.actions a { display: inline-block; margin-right: .5em; }
table.general--data td.file { font-size: 10px; font-family: monospace; }
table.general--data td.date { font-size: 11px; }

.qt-discount-actions { padding: 1rem 0; text-align: right; }
.qt-discount-action { font-size: .7rem; display: inline-block; }
.qt-discount-lineitem { padding-bottom: 1rem; border-bottom: 1px solid #eee; margin-bottom: 1rem; }
.qt-remove-canvas { display: block; text-align: right; width: 100%; flex: none; padding: 0 1rem 0 0; }


@media only screen and (min-width: 768px) and (max-width: 991px){
	.d-md-none {
		position: absolute;
		top: 10px;
		right: 10px;
		display: block !Important;
	}
}

.d-md-none { cursor: pointer; }