:root {
	--bk-white: #ffffff;
	--bk-grey: #f6f6f6;
	--bk-black: #242424;
	--bk-black-dark: #1D1C1C;
	--bk-green: #96a843;
	--bk-green-dark: #758434;
}

/* Off Canvas Vertical Menu */

table {
	border-collapse: unset;
}

.title-bar {
	background: var(--bk-green);
}

.bk-off-canvas-menu {
	background: var(--bk-black);
}

.bk-off-canvas-menu a{
	color: var(--bk-white);
}

.bk-off-canvas-menu a:hover
{
	color: var(--bk-green);
}

.bk-off-canvas-menu .close-button {
	color: var(--bk-white);
	z-index: 10;
}

.bk-off-canvas-menu .close-button:hover {
	color: var(--bk-green);
}

.bk-off-canvas-menu .accordion-menu > li.is-accordion-submenu-parent > a::after {
	border-color: var(--bk-white) transparent transparent;
}

#page-container {
	position: relative;
	min-height: 100vh;
}

#content-wrap {
	padding-bottom: 2.5rem;	 /* Footer height */
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2.5rem;			 /* Footer height */
}

#side-menu a.menu-header {
	line-height: 1;
	display: block;
	padding: 0.7rem 1rem;
	font-weight: 700;
	font-size: 100%;
	color: #7e7e7f;
	background-color: #e3e3e3;
	text-transform: uppercase;
	cursor: default;
}

#side-menu a.menu-header:hover {
	color: #7e7e7f;
	background-color: #e3e3e3;

}

.success-block {
	color: #4F8A10;
	background-color:#DFF2BF;
	border: 1px solid;
	font-size: 0.8em;
	background-image: url('/static/icons/success.png');
	background-repeat: no-repeat;
	background-position: 10px center;
	padding:15px 10px 15px 50px;
}

.info-block {
	color: #00529B;
	background-color: #BDE5F8;
	border: 1px solid;
	font-size: 0.8em;
	background-image: url('/static/icons/info.png');
	background-repeat: no-repeat;
	background-position: 10px center;
	padding:15px 10px 15px 50px;
}

.orders-block {
	background: none repeat scroll 0 0 #ffd77c;
	border: 1px solid;
	font-size: 0.8em;
	padding:1px 1px 1px 5px;
}

.red-x {
	color: #FF0000;
}

.dt-buttons .button {
	margin-right: 2px;
}


table.table-orders {
	background: transparent;}

table.table-orders thead {
	background: transparent;}

table.table-orders thead tr th,
table.table-orders thead tr td {
	padding: 0;
	color: #222222; }

table.table-orders tr th,
table.table-orders tr td {
	   padding: 0;
}
table.table-orders tr.even,
table.table-orders tr.alt,
table.table-orders tr:nth-of-type(even) {
	background: transparent; }

td.edit-cell {
	width: 1px;
	padding: 0;
}

table.editor {
	margin: 0;
	border: 0;
	background: transparent;
	width: 90px;
}

table.editor tr td {
	padding: 0;
	margin: 0;
	background: transparent;
}

hr {
	max-width: 180em;
}

.fake-form { background: #FFF; border:1px solid #DFDFDF; padding:1em; }
.min-form {
	padding: 0;
	background-color: unset;
	border: 0;

}

.bk-green { background: #669E0F; }
.bk-dark-green { background: #558C01; }

/*form { padding: 1em; margin: 0 1em 1em 1em; background-color: #FAFAFA; border: 1px solid #dfdfdf; }
*/
form { padding: 1em; background-color: #FAFAFA; border: 1px solid #dfdfdf; }
form:hover { background: #F8F8F8; }
form a { color: #333333; font-size: 0.8em;	  }
form a:hover { color: #222222; text-decoration: underline; }


button.success, .button.success {
	background-color: #669E0F;
	border-color: #558C01;
	color: #FFFFFF;
}
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #558C01; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: #FFFFFF; }

.progress.success .meter {
	background: #669E0F;
}

table {
	width: 100%;
}
table td form,
table td form:hover {
		padding: 0;
		margin: 0;

		background-color: inherit;
		border: none;
}
table td .button.small,
table td .button.success,
table td .button.alert {
	padding: 0.4em; margin: 0;
}

.main-content .row:first-child {
	margin-top: 1em;
}

#bullet-points div.row div p:first-child { padding-top: 0.5em; }
#bullet-points div.row div { border: 1px dotted #FFFFFF; }
#bullet-points div.row div:hover { background: #FAFAFA; border: 1px dotted #DFDFDF; }
#bullet-points div.row div:hover img { filter: grayscale(0); }
#bullet-points p { text-align: center; }
#bullet-points img { padding: 0.5em 0 0 0; filter: grayscale(100%); }
#bullet-points img:hover { filter: grayscale(0); }

.row-grey { background-color: #F2F2F2; border-top: 1px solid #DFDFDF;border-bottom: 1px solid #DFDFDF; }

input[type="radio"] {
	margin: 3px;
}

/*SMALL*/
@media only screen and (max-width: 22.5em) {
	#logo {
		padding-top: 1em;
	}
	#nav-top,
	#nav-main {
		display: table;
		margin: 0 auto;
	}
	#nav-main { padding-top: 0; }
	#nav-main li { width: auto; }
	#nav-main a { font-size: 0.8em; width: auto; padding-left: 0.6em; padding-right: 0.6em; }
}
@media only screen and (max-width: 40.063em) {
	#logo {
		padding-top: 1em;
	}
	#nav-top,
	#nav-main {
		display: table;
		margin: 0 auto;
	}
	#nav-main {
		padding-top: 0;
	}
	#nav-main li { width: auto; }
	#nav-main a { font-size: 0.8em; width: auto; padding-left: 0.6em; padding-right: 0.6em; }
}
/*MEDIUM*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	#logo {
		padding-top: 1em;
	}
	#nav-top,
	#nav-main {
		display: table;
		margin: 0 auto;
	}
	#nav-main {
		padding-top: 0;
	}
	#nav-main li { }
	#nav-main a { width: 100%; padding-left:1em; padding-right:1em; }
}
@media only screen and (min-width: 40.063em) {

}

/*LARGE*/
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
	#nav-top,
	#nav-main { float: right; }
}
@media only screen and (min-width: 64.063em) {
	#nav-top,
	#nav-main { float: right; }
}
/*LARGER*/
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
	#nav-top,
	#nav-main { float: right; }
}
.error {
	color: #d34d4f;
}
[type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
	margin: 0 0 0rem;
}
select {
	margin: 0 0 0rem;
}
.input_error {
	margin-bottom: 1rem;
}

div .expander-header {
	background-color:#c3c3c3;
	cursor: pointer;
}

div .edt-header {
	background-color:#c3c3c3;
}

div .non-expander-header {
	background-color:#c3c3c3;
	padding-bottom: 0.3rem;
}

div .expander-header-title {
	margin-top: 0.25rem;
}

div .expander-header-button-container {
	height: 2rem; padding-right:0;
}

div .expander-header-button {
	float: right;
	width:4rem;
	height:100%;
	background-color:#7e7e7f;
	padding-left:1.45rem;
	padding-top:.2rem;
}

div .expander-header-button i {
	color: #ffffff;
}

div .section-body-up {
	display: none;
}

.clip-tooltip {
	position: relative;
	display: inline-block;
}

.clip-tooltip .clip-tooltiptext {
	visibility: hidden;
	width: 140px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 150%;
	 left: 50%;
	margin-left: -75px;
	opacity: 0;
	transition: opacity 0.3s;
	font-size: small;
}

.clip-tooltip .clip-tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.clip-tooltip:hover .clip-tooltiptext {
	visibility: visible;
	opacity: 1;
}

table.broadband-notification {
	padding-left: 0rem; margin-bottom: 0rem;
}

table.broadband-notification tbody tr td {
	vertical-align: top; padding: 0rem 0rem 0rem .5rem;
}
table.broadband-notification thead tr th {
	padding: 0rem 0rem 0rem .5rem;;
}

.underline {
	text-decoration: underline;
}

.password {
	font-family: monospace;
	font-size: 1.3em;
}

div .header-button {
	height: 2rem; padding-right:0;
	cursor: pointer;
}

div .maximizer-header-button {
	float: right;
	width:4rem;
	height:100%;
	background-color:#7e7e7f;
	padding-left:1.45rem;
	padding-top:.2rem;
}

div .maximizer-header-button i {
	color: #ffffff;
}

div .closer-header-button-container {
	height: 2rem; padding-right:0;
}

div .closer-header-button {
	float: right;
	width:4rem;
	height:100%;
	background-color:#7e7e7f;
	padding-left:1.45rem;
	padding-top:.2rem;
}

div .closer-header-button i {
	color: #ffffff;
}

div .edt-header {
	background-color:#c3c3c3;
}

.input_info {
	font-size: 80%;
}

table .dt-buttons {
	margin:0;
}

table .dt-buttons tbody {
	border: unset;
	background-color: unset;
}

table .dt-buttons tbody tr td:first-child {
	width: 50%;
	padding: 0em 0.5em 0em 0.0em;
}

table .dt-buttons tbody tr td {
	width: 50%;
	padding: 0em 0.5em 0em 0.5em;
}