html {
	font-family: 'Roboto', sans-serif;
	height: 100vh;
	margin: 0;
}

body {
	background-color: #eee;
	color: #636363;
	font-family: 'Roboto', sans-serif;
	height: 100vh;
	margin: 0;
}


h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2.5em;
	font-weight: 300;
	color: #666;
	margin-top: 5px;
}

h1 > i.fa {
    font-size: 0.7em;
    padding: 0px;
    margin-top: -8px;
    display: inline-block;
    vertical-align: middle;
    color: #bbb;
}

h1 > b {
	color: #ddd;
	font-weight: 200;
}

h1 > span {
	color: #999;
	font-weight: 100;
}

h1 > em {
	color: #ccc;
	font-style: normal;
	font-weight: 300;
}

h2 {
	margin-top: 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 3.6rem;
	color: #333;
	font-weight: 400;
	line-height: 1em;
}

h3 {
	font-family: 'Roboto', sans-serif;
	color: #333;
	letter-spacing: -0.025em;
	font-weight: 400;
}

h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.5em;
	font-weight: 500;
	color: #00ac6c;
	margin-bottom: 5px;
}

h4 > span {
	font-weight: 300;
}

h5 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.35em;
	font-weight: 400;
	color: #009b61;
	margin-bottom: 5px;
}

h6 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.3em;
	font-weight: 700;
	color: #666;
	margin-bottom: 5px;
}

h6 + h1 {
	margin-top: -5px;
}


a {
	color: #572f95;
	transition: all 0.5s ease;
}

a:hover, a:active, a:hover:active {
	color: #911efc;
	cursor: pointer;
}

button {
	transition: all 0.5s ease;
}

::placeholder {
	color: rgba(51, 51, 51, 0.4);
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
}
::-moz-placeholder { /* Firefox 19+ */
	color: rgba(51, 51, 51, 0.4);
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
}
:-ms-input-placeholder { /* IE 10+ */
	color: rgba(51, 51, 51, 0.4);
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
}
:-moz-placeholder { /* Firefox 18- */
	color: rgba(51, 51, 51, 0.4);
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: rgba(51, 51, 51, 0.4);
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
}


label {
	color: #999;
	margin-bottom: 0px;
	margin-top: 5px;
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1em;
}


code, kbd, pre, samp {
	font-family: Consolas, Menlo, Monaco, monospace;
	line-height: 1em;
}

kbd {
	padding: 2px 4px 0px;
    font-size: 85%;
    color: #fff;
    background-color: #666;
}

kbd.sub {
	font-weight: 300;
	color: #fff;
	background-color: #ccc;
	-webkit-box-shadow: none;
    box-shadow: none;
}


.table-form {
	text-align: left;
}

.table-form > label {
	margin-bottom: 1px;
	margin-top: 20px;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 1rem;
	color: #666;
	letter-spacing: 1px;
	line-height: 1em;
}

.table-form > label span {
	color: #aaa;
}

.table-form > label.error {
	font-weight: 600;
	color: #900;
}

.table-form > label:first-child {
	margin-top: 0px;
}

.table-form .sub-group label, .sub-group label, sublabel {
	margin-bottom: 1px;
	margin-top: 0px;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1rem;
	letter-spacing: 1px;
	color: #999;
	display: block;
}

.table-form .sub-group, .sub-group {
	border-left: 1px dotted #ccc;
	padding-left: 5px;
}

.table-form .sub-group label, .sub-group label, sublabel {
	margin-top: 10px;
}

.table-form .sub-group label:first-child, sublabel:first-child {
	margin-top: 0px;
}

.table-form .sub-group label.for-toggle, .sub-group label.for-toggle {
	letter-spacing: 0px;
	font-weight: 400;
	color: #333;
	font-size: 1.2rem;
}

.table-form label.section-cap, label.section-cap {
	font-weight: 500; color: #666; display: block; margin-bottom: 3px; padding-bottom: 2px; border-bottom: 1px dotted #ccc;
}


.form-table label {
	margin-bottom: 1px;
	margin-top: 15px;
}

.form-table label:first-child {
	margin-top: 0px;
}


.label-help {
	font-size: 1.33rem;
	color: #999;
	line-height: 1em;
	margin-bottom: 5px;
	font-weight: 300;
}

label.alt {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2.25rem;
	color: #7b7b7b;
	font-weight: 300;
	text-transform: inherit;
}

label.alt:not(:first-child) {
	margin-top: 15px;
}

.sub-navigation {
	margin: 0px;
	padding: 5px 0px;
	margin-left: auto;
	margin-right: auto;
}

.sub-navigation > li {
	display: inline-block;
	margin: 0px 5px;
}

.sub-navigation > li a:hover {
	text-decoration: none;
}


#sub-tabs > li > a {
	padding: 5px 10px;
	border-radius: 2px 2px 0 0;
}

#sub-tabs > li:not(.active) > a:focus, #sub-tabs > li:not(.active) > a:hover {
	background: #eee;
	color: #666;
}


.nowrap {
	white-space: nowrap;
}

.wrap-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main-section > h1 {
	margin-top: 0px;
}

.page-screen {
	z-index: 4500;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255,255,255,0.66);
}

#page-ajax-success {
	display: none;
	position: fixed;
	z-index: 10000;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin-left: -100px;
	margin-top: -50px;
	text-align: center;
	opacity: 0.66;
}

#page-ajax-processing {
	display: none;
	position: fixed;
	z-index: 10000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

#page-ajax-processing div {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -35px;
	text-align: center;
}

#page-ajax-processing div p {
	font-weight: 200;
	color: #ccc;
}

.noscroll {
	overflow: hidden;
}

.full-page-over-control {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(255,255,255,0.95);
	background: #eee;
	display: none;
	overflow-y: scroll;
	padding-bottom: 15px;
	z-index: 1500;
}

.full-page-over-control.colored, .full-page-under-control.colored {
	background: #f3ecff;
}

.full-page-over-close {
	position: absolute;
/* 
	right: 10px;
	top: 22px;
 */
    right: 14px;
    top: 25px;
    font-size: 4em;
	color: #999;
	font-weight: 200;
	line-height: 0px;
	cursor: pointer;
	transition: all 0.66s ease;
	line-height: 0px;
	width: 25px;
	z-index: 1100;
}

.full-page-over-alternate {
	position: absolute;
    left: 14px;
    top: 14px;
	color: #999;
	transition: all 0.66s ease;
	line-height: 0px;
	z-index: 1100;
}


.full-page-over-close:hover {
	transform: rotate(45deg);
	transform-origin: center;
}

.full-page-over-content {
	position: static;
}

/* ### */

.full-page-under-control {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(255,255,255,0.95);
	background: #fff;
	display: none;
	overflow-y: scroll;
	z-index: 5000;
}

.full-page-under-control.collapsed {
	left: 0px;
}


/* ### */



#alerts-box {
	position: relative;
	z-index: 5000;
}

.alert-fade {
	display: none;
}

.alert {
	border-radius: 2px;
	border-width: 0px;
	border-bottom-width: 2px;
	line-height: 1em;
	font-weight: 300;
}


.close, .close > span {
	font-size: 5rem !important;
	line-height: 1em;
	font-weight: 100;
}

.alert-dismissable .close, .alert-dismissible .close {
	top: -20px;
}

.password-strength {
	border-radius: 3px;
	height: 5px;
	background: #eee;
	width: 100%;
	margin-top: 2px;
}

.password-strength-meter {
	border-radius: 3px;
	height: 5px;
	background: #eee;
	width: 0px;
	transition: all 0.5s ease;
}


@media screen and (min-width: 320px) and (max-width: 991px) {
	.row > div.reading {
		padding-bottom: 10px;
	}
}

.table-tight tbody td {
	font-size: 0.9em;
	line-height: 1em !important;
}

.table-tight > tbody > tr > td, .table-tight > tbody > tr > th, .table-tight > tfoot > tr > td, .table-tight > tfoot > tr > th, .table-tight > thead > tr > td, .table-tight > thead > tr > th {
	padding: 3px 6px 3px;
	line-height: 1em;
	vertical-align: middle;
}

.table.alt tbody td {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.66rem !important;
	color: #727272;
	font-weight: 300;
	padding-top: 5px;
	padding-bottom: 5px;
}

.table.alt > thead > tr > th {
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-size: 1.25rem;
	color: #333;
}

.table-list tbody tr.tap-open-ticket td {
	cursor: grab;
	cursor: -webkit-grab;
}

.table-list tbody tr.unviewed td {
	font-weight: 900;
	color: #333;
	background: rgba(140,47,94,0.15);
}

.table-list tbody tr.untaken td {
	color: #333;
	background: rgba(140,47,94,0.15);
	cursor: pointer;
}


.table-list tbody tr:not(.no-records):not(.no):hover td {
	/* background: rgba(210, 140, 176, 0.5); */
	background: rgba(150, 150, 150, 0.25);
}

.table-list tbody tr.untaken:hover td, .table-list tbody tr.unviewed:hover td {
	/* background: rgba(210, 140, 176, 0.5); */
	background: rgba(140,47,94,0.25);
}


.table-tight tbody td.row-controls, td.row-controls {
	text-align: right;
	white-space: nowrap;
	font-size: 1.25em;
	padding-top: 4px;
}


.row.header-row,
.table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
	line-height: 0.9em;
/* 	font-size: 1.1rem; */
	text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    color: #333;
    font-weight: 700;
    vertical-align: bottom;
    font-size: 1.33rem;
    padding-bottom: 1px;
}

th[data-sort] {
	cursor: pointer;
	white-space: nowrap;
}

th[data-sort] .sort-mark {
	margin-left: 5px;
	line-height: 0;
}


.form-control {
	padding: 2px 6px;
	position: relative;
	z-index: 1;
	border-radius: 2px;
	height: 26px;
}

.form-control.alt {
	width: 100%;
	padding-left: 14px;
	padding-right: 14px;
/* 	margin: 6px 0; */
/* 	display: inline-block; */
	border: 1px solid #ccc;
/* 	border-radius: 4px; */
/* 	box-sizing: border-box; */
	font-size: 18px;
}

input.form-control.alt[type="text"], input.form-control.alt[type="color"], input.form-control.alt[type="file"], input.form-control.alt[type="password"], select.form-control.alt, input.form-control.alt[type="email"], input.form-control.alt[type="number"], input.form-control.alt[type="search"] {
	height: 42px;
}

.form-control-lg {
	padding: 3px 6px;
	height: 46px;
	font-size: 1.5em;
}

.form-control.inline {
	width: auto;
	display: inline-block;
}

.form-control:focus {
	border-color: #999;
	outline: 1px #999;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form-control.control, .btn.control {
	height: auto;
	font-size: 1em;
	line-height: 1.25em !important;
}

.form-control.control {
	padding: 2px 4px;
}

.form-control.sm {
	padding: 1px 2px; height: auto;
}

select.form-control.sm {
	padding: 3px 3px 2px; height: auto;
}

.form-control.v-resize {
	resize: vertical;
}

.form-group-sm {
    margin-bottom: 5px;
}

.form-group-md {
    margin-bottom: 10px;
}

textarea.form-control {
	line-height: 1.25em;
}

label.inline {
	display: inline-block;
	padding-top: 3px;
}

span.form-error {
	font-weight: 400;
	color: #900;
}

input.form-error {
	border: 1px solid #900;
}

.btn {
	border-radius: 2px;
	padding: 5px 9px;
	border: 0px;
	background: #474747;
	color: #fff;
	font-weight: 300;
	line-height: 1em;
	min-height: 25px;
}

.btn-lg {
	padding: 10px 18px !important;
}

/* 
.btn:hover {
	color: #fff;
    background-color: #777;
    text-decoration: none;
}
 */

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
	outline: none;
}

.btn-success {
    background-color: #5cb85c;
	border-color: #4cae4c;
	color: #fff;
}

.btn-danger {
	background-color: #d9534f;
	border-color: #d43f3a;
	color: #fff;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-primary {
	background-color: #1ce997;
	border-color: #1ce997;
	color: #111;
}

.btn.focus, .btn:focus, .btn:hover {
	color: #000;
}

.btn-simple {
    color: #666;
    background: transparent;
    border: 1px solid #666;
    border-radius: 0;
}

.btn-plain {
	color: #333;
	background-color: rgba(255,255,255,0.125);
	border: 1px solid #ccc;
    border-radius: 0;
}

.btn.btn-simple:hover, .btn.btn-simple:focus {
	color: #000;
}

.btn.btn-plain:hover, .btn.btn-plain:focus {
	color: #555;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:focus:active, .btn-primary:hover:active {
	background-color: #16df8f;
	border-color: #1ce997;
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
	background-color: #aaa;
	border-color: #999;
}

.btn-info, .btn-tertiary {
	background-color: #49edab;
	border-color: #49edab;
	color: #000;
}

.btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info:focus:active, .btn-info:hover:active,
.btn-tertiary:hover, .btn-tertiary:active, .btn-tertiary:focus, .btn-tertiary:focus:active, .btn-tertiary:hover:active 
{
	background-color: #2eea9f;
	border-color: #49edab;
	color: #000;
}


.btn-link {
	background-color: #666;
}

.btn-link:hover, .btn-link:active, .btn-link:focus, .btn-link:focus:active, .btn-link:hover:active {
	color: #fff;
	background-color: #999;
	border-color: #888;
	text-decoration: none;
}

.btn-secondary {
	color: #fff;
	background-color: #af2c76;
	border-color: #af2c76;
	color: #fff;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:focus:active, .btn-secondary:hover:active {
	color: #fff;
	background-color: #af2c76;
	border-color: #af2c76;
}

.btn-alternate {
	color: #fff;
	background-color: #dbc937;
	border-color: #b0a127;
	color: #fff;
}

.btn-alternate:hover, .btn-alternate:active, .btn-alternate:focus, .btn-alternate:focus:active, .btn-alternate:hover:active
{
	color: #fff;
	background-color: #b0a127;
	border-color: #776d12;
}

.btn-cancel {
	color: #999;
	background-color: #ddd;
	border-color: #ccc;
}

.btn-cancel:hover, .btn-cancel:active, .btn-cancel:focus, .btn-cancel:focus:active, .btn-cancel:hover:active {
	color: #888;
	background-color: #ddd;
	border-color: #bbb;
}


.btn-feature {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: 300;
    background-color: #474747;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 14px 20px;
    margin: 2px 0;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

.btn-feature:hover {
	color: #fff;
    background-color: #777;
    text-decoration: none;
}

a.button {
	color: #666;
	font-size: 1.05em;
}

a.button:hover {
	color: #555;
	text-decoration: none;
}

.button {
	border: 1px solid #aaa;
	color: #666;
	background: #ccc;
	border-radius: 2px;
	padding: 4px 9px;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1em;
	font-weight: 400;
	font-family: Roboto, sans-serif;
	display: inline-block;
}

.button:hover, .button:focus, .button:active {
	background: #ddd;
	border-color: #777;
	cursor: pointer;
	text-decoration: none;
}

.button:focus, .button:active, .button:focus:active {
	outline: none;
}

.button.sm {
	border: 1px solid #999;
	color: #333;
	padding: 3px 7px;
	font-size: 1.1rem;
	line-height: 1em;
	font-weight: 300;
}

.button-link {
	border: 1px solid #4b96be;
	color: #367a9e;
	background: rgba(75, 150, 190, 0.33);
	border-radius: 2px;
	padding: 4px 9px;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1em;
	font-weight: 400;
	font-family: Roboto, sans-serif;
}

.button-link:hover {
	text-decoration: none;
	background: rgba(75, 150, 190, 0.25);
	color: #275872;
}

.button-link.sm {
	padding: 2px 7px;
	font-size: 1.1rem;
	line-height: 1em;
	font-weight: 300;
}

.button-block {
	width: 100%;
	margin-bottom: 15px;
	padding: 2px 0 5px 0;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
}

.btn-sm {
    padding: 6px 5px 4px !important;
    line-height: 1em;
    font-size: 12px;
}

.btn-xs {
    padding: 3px 5px !important;
    line-height: 1em;
    font-size: 11px;
    min-height: inherit;
}

a.cancel {
	font-size: 1.1rem;
	color: #666;
}

a.cancel {
	text-decoration: none;
	color: #888;
}

.pagination {
	margin: 0px;
	line-height: 0px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #dbc937;
	border-color: #b0a127;
}

.pagination>li>a, .pagination>li>span{
	color: #b0a127;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	color: #fae74c;
}

.table-pagination-box {
	padding: 2px;
	margin-bottom: 15px;
}
.table-pagination-box .pagination>li>a, .table-pagination-box .pagination>li>span {
	line-height: 1em;
	padding: 3px 6px;
}


.success-text {
	color: #527614;
	line-height: 0.8em;
	font-size: 1.1em;
	display: inline-block;
}
.success-text.alt {
	color: #D28CB0;
}

.error-box {
	border: 1px solid #c00;
	border-bottom: 2px solid #c00;
	padding: 10px;
	color: #900;
	line-height: 0.8em;
	font-size: 1.1em;
	background: #fff;
	margin-bottom: 10px;
}

.danger-box {
	padding: 5px; 
	border: 1px solid #c00; 
	background-color: rgba(225,100,100,0.25); 
	line-height: 1em;
	color: #900;
}

.danger-box a {
	color: #600;
}

.error-text {
	color: #900;
	line-height: 0.8em;
	font-size: 1.1em;
	display: inline-block;
}

.warning-text {
	color: #eb0;
	line-height: 0.8em;
	font-size: 1.1em;
	display: inline-block;
}

.note-text {
	display: inline-block;
	color: #999;
	font-weight: 300;
	line-height: 1em;
	font-size: 1.1em;
}

.help-text {
	display: inline-block;
	color: #aaa;
	font-weight: 300;
	line-height: 1em;
	font-size: 0.9em;
}

.instruction-text {
	font-size: 1.25em;
/* 	font-weight: 300; */
	line-height: 1em;
/* 	color: #999; */

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	color: #b6b6b6;
	font-weight: 200;
}


.no-records {
	line-height: 1em;
	font-style: oblique;
/* 	font-size: 1.25em; */
	font-size: 1.5rem;
	font-weight: 300;
}

.table > tbody > tr.no-records > td {
	text-align: center;
	padding: 10px 0px !important;
}

.table > tbody > tr.vertical-middle td {
	vertical-align: middle;
}

.table-striped > tbody > tr.no-records:nth-of-type(odd):hover
, .table-striped > tbody > tr.no-records:nth-of-type(even):hover {
	background: #f9f9f9;
}

.input-feedback {
	color: #999;
	z-index: 500;
	position: absolute;
	right: 10px;
	top: calc(50% - 10px);
}

.toggle-password {
	cursor: pointer;
}


.user-hint-icon {
	color: #999;
}


.button-list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.button-list > li {
	display: inline-block;
	margin: 0px 5px;
}

.button-list > li:last-child {
	margin-right: 0px;
}


.table-control-box, .control-box {
	border: 1px dotted #ccc;
	padding: 5px 10px;
	border-radius: 3px;
	margin-bottom: 5px;
}



label.clickthrough {
	color: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
	font-weight: inherit;
	font-size: inherit;
	margin-top: inherit!important;
	margin-bottom: inherit;
	display: inline;
}




.lined-header {
	line-height: 1em;
	text-align: center;
	font-size: 0.8em;
	color: #999;
}

.lined-header span {
	display: inline-block;
	position: relative;  
}

.lined-header span:before,
.lined-header span:after {
	content: "";
	position: absolute;
	border-bottom: 1px solid #ccc;
	top: 45%;
	width: 250%;
	width: 3em;
}

.lined-header span:before {
	right: 100%;
	margin-right: 15px;
}

.lined-header span:after {
	left: 100%;
	margin-left: 15px;
}


/* checkbox toggles (https://codepen.io/mallendeo/pen/eLIiG) */
.tgl-box {
	margin: 0px;
	text-align: left;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	position: relative;
	line-height: 1;
}

/*
.tgl-light:checked + .tgl-btn:before {
}

.tgl-box > span {
}
*/
.tgl-box label {
	margin: 0px;
}

label.tgl-btn {
	margin: 0px;
	margin-top: 0px!important;
}

.tgl {
	display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
	box-sizing: border-box;
}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
	background: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
	background: none;
}
.tgl + .tgl-btn {
	outline: 0;
	display: inline-block;
	width: 35px;
	height: 15px;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
	position: relative;
	display: inline-block;
	content: "";
	width: 13px;
	height: 100%;
}
.tgl + .tgl-btn:after {
	left: 0;
}
.tgl + .tgl-btn:before {
	display: none;
}
.tgl:checked + .tgl-btn:after {
	left: calc(100% - 13px);
}

.tgl-light + .tgl-btn {
	background: #ccc;
	border-radius: 2rem;
	padding: 1px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.tgl-light + .tgl-btn:after {
	border-radius: 50%;
	background: #fff;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
}
.tgl-light:checked + .tgl-btn {
	background: #a0c562;
	position: relative;
}

.tgl-light:checked:disabled + .tgl-btn {
	background: #ecc;
}

.tgl-light:disabled + .tgl-btn {
	background: #ecc;
}

.tgl-flat + .tgl-btn {
	padding: 2px;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
	background: #fff;
	border: 4px solid #ccc;
	border-radius: 2em;
}
.tgl-flat + .tgl-btn:after {
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
	background: #ccc;
	content: "";
	border-radius: 1em;
}
.tgl-flat:checked + .tgl-btn {
	border: 4px solid #7FC6A6;
}
.tgl-flat:checked + .tgl-btn:after {
	left: 50%;
	background: #7FC6A6;
}

.tgl-text-off {
	color: #999;
	font-style: oblique;
}

.tgl-text-on {
	color: #666;
	font-style: oblique;
}
/* checkbox toggles */


label.chk-box {
	margin: 0;
	font-weight: 300;
	max-width: auto;
	vertical-align: baseline;
}

.chk-box input[type=checkbox], .chk-box input[type=radio] {
	display: none;
}

.chk-mark:before {
    content: "\f096";
    font-family: "Font Awesome 5 Pro";
    font-size: 1.5rem;
    font-weight: 300;
    color: #666;
    line-height: 0;
    margin: 0;
    padding: 0;
	cursor: pointer;
}

.chk-box input[type=checkbox] + .chk-mark:before {
	content: "\f0c8";
/* 	margin-right: 0.25em; */
}

.chk-box input[type=checkbox]:checked + .chk-mark:before {
	content: "\f14a";
	color: #777;
/* 	margin-right: 0.125em; */
}

.chk-box input[type=checkbox]:disabled + .chk-mark:before {
	color: #ccc;
	cursor: not-allowed;
}

.chk-box input[type=checkbox]:disabled:checked + .chk-mark:before {
	color: #ccc;
	cursor: not-allowed;
}

/**/
.chk-box input[type=radio] + .chk-mark:before {
	content: "\f111";
/* 	margin-right: 0.25em; */
}

.chk-box input[type=radio]:checked + .chk-mark:before {
	content: "\f058";
	color: #777;
/* 	margin-right: 0.125em; */
}

.chk-box input[type=radio]:disabled + .chk-mark:before {
	color: #ccc;
	cursor: not-allowed;
}

.chk-box input[type=radio]:disabled:checked + .chk-mark:before {
	color: #ccc;
	cursor: not-allowed;
}
/**/

.chk-mark {
	line-height: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}




r {
	display: inline;
	font-family: Consolas, monospace;
	color: #c6f;
	background: rgba(204, 102, 255, 0.10);
	border: 1px dotted rgba(204, 102, 255, 0.50);
	border-radius: 3px;
	padding: 0px 1px;
}



.padless {
	padding: 0px;
}

.customer-id {
	color: #ccc;
}

.clear-search-link {
	position: absolute;
	top: -5px;
	right: 5px;
	font-size: 1.5em;
	color: #ccc;
	cursor: pointer;
	z-index: 25;
}


ul.text-images {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}
ul.text-images > li {
	display: inline-block;
	margin: 0 3px;
}
ul.text-images > li > div {
	width: 75px;
	height: 75px;
	background-position: 50% 50%;
	background-size: cover;
	border-radius: 3px;
}

.image-zoom {
	cursor: pointer;
}







/* new template ----------------------------------------------------------------------- { */
nav {
	background: #333;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 200px;
	z-index: 5000;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.nav-release {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #f00;
	z-index: 975;
}

nav .cap {
	height: 160px;
	padding: 5px 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid rgba(25,25,25,0.1);
}

/* #-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#- */

nav .cap a {
	height: 100%;
	display: block;
	position: relative;
}

nav .cap img {
	max-height: 100%;
	max-width: 100%;
}

nav .cap .close-nav {
	display: none;
	cursor: pointer;
}

/* #-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#- */

nav .navigation {
	position: relative;
}

nav ul.navigation {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

nav .navigation > a,
nav .navigation > div > a,
nav .navigation > div > div > a {
	display: block;
	width: 100%;
	padding: 3px 13px;
	border-bottom: 1px solid #343434;
	color: #999;
	border-left: 4px solid transparent;
}

nav .navigation > a:hover,
nav .navigation > a:active, 
nav .navigation > a:focus, 
nav .navigation > a:focus:active,

nav .navigation > div > a:hover,
nav .navigation > div > a:active, 
nav .navigation > div > a:focus, 
nav .navigation > div > a:focus:active,
nav .navigation > div > div > a:hover,
nav .navigation > div > div > a:active, 
nav .navigation > div > div > a:focus, 
nav .navigation > div > div > a:focus:active
{
	color: #fff;
	background: #323232;
	text-decoration: none;
}

nav .navigation > a.active, 
nav .navigation > div > a.active,
nav .navigation > div > div > a.active {
	color: #ccc;
/* 	background: #367a9e; */
	border-left: 4px solid #367a9e;
}

nav .navigation > div > span {
	display: block;
	margin: 10px 0 10px;
	margin-left: 15px;
	color: #ddd;
	font-size: 1.05rem;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
}

nav .navigation > div > span.active:after {
	content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 30px;
    right: 5px;
    margin-left: -18px;
    top: 0;
    line-height: 0.5em;
    color: rgba(255,255,255,0.25);
    z-index: 1;
}

nav .navigation > div > div {
	margin-top: -10px;
}

nav .navigation > div {
	border-bottom: 1px dotted rgba(250,250,250,0.25);
}

nav .navigation > div:first-child {
	border-top: 1px solid rgba(250,250,250,0.1);
	margin-top: -1px;
}

/* 
nav .navigation > a.active:hover, nav .navigation > a.active:active, nav .navigation > a.active:focus, nav .navigation > a.active:focus:active {
	color: #4b96be;
	background: #367a9e;
}
 */

/* #-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#- */

nav .nav-foot {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	line-height: 1em;
}

#view {
	position: relative;
	margin-left: 200px;
	padding-top: 65px;
/* 	background: #eee; */
	height: calc(100% - 65px);
	z-index: 425;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

/* 
#view .full-page-over-control {
	left: 200px;
}
 */
 
 
.nav-tabs > li {
	display: inline-block;
}

.nav-tabs > li > a {
	display: inline-block;
	padding: 0 5px !important;
	cursor: pointer !important;
}

.nav-tabs > li:hover {
	background-color: #ff0;
}

div.nav-tabs {
	margin-bottom: -2px;
}

.nav-tabs > a {
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px 4px 0 0;
	margin-right: 2px;
	line-height: 1.42857143;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #eee;
	color: #666;
	border-bottom: 1px solid #ddd;
}

.nav-tabs > a:hover {
	background-color: rgba(255,255,255,0.33);
}

.nav-tabs > a.active {
	background-color: #fff;	
	color: #000;
	border-bottom: 1px solid #fff;
}


/* #-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#- */

section#cap {
	background: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 60px;
	padding: 0px;
	border-bottom: 1px solid #ededed;
	
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
}

section#cap .account {
	text-align: right;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	position: relative;
}

/* #-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#- */

nav.collapsed {
	left: -200px;
}

#view.collapsed {
	margin-left: 0px;
}

nav.collapsed .cap {
	justify-content: space-between;
}

#view.collapsed .full-page-over-control {
	left: 0px;
}

.nav-collapse {
	cursor: pointer;
}

/* #-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#- */


@media screen and (max-width: 525px) {
	.flex-box-break-sm {
		display: block !important;
	}
}

@media (min-width: 768px) {
	.container {
		width: 100%;
		max-width: 750px;
	}
}

@media (min-width: 992px) {
	.container {
		width: 100%;
		max-width: 970px;
	}	
}

@media (min-width: 1200px) {
	.container {
		width: 100%;
		max-width: 1170px;
	}
}

/* #-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#- */

@media (max-width: 992px) {
	#view {
		margin-left: 0px;
	}
	
	nav {
		left: -200px;
	}
	
	nav.collapsed {
		left: 0px;
	}

	nav .cap .close-nav {
		display: inline-block;
		margin-right: 10px;
		margin-left: -10px;
	}

	#view .full-page-over-control {
		left: 0px;
	}

}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}



/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
/* 
	.menu-items {
		flex-direction: column;
	}

	#header .container {
		height: 115px !important;
		max-height: 115px !important;
		min-height: 115px !important;
	}
 */
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}




/* #-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#- */

#profile-image, .profile-image {
	background: #999;
	border-radius: 50px;
	height: 44px;
	width: 44px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	background-size: cover;
	background-position: 50% 50%;
}

#profile-image.no-image:after, .profile-image.no-image:after {
	content: "\f007"; 
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	font-size: 50px;
	left: 40%;
	margin-left: -18px;
	top: -5px;
	color: rgba(255,255,255,0.5);
	z-index: 1;
}

.profile-image {
	height: 150px;
	width: 150px;
	border-radius: 100px;
}
.profile-image.no-image:after {
	font-size: 370px;
    margin-left: -132px;
    margin-top: -45px;
}

.profile-image-huge.no-image:after {
    font-size: 350px;
    margin-left: -123px;
    top: -5px;
}


#profile-image-menu {
	color: #999;
	font-size: 2.5em;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	background-size: cover;
	background-position: 50% 50%;
}

#profile-image-menu.no-image:after {
	content: "\f007";
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 75px;
    left: 40%;
    margin-left: -27px;
    top: -10px;
    color: rgba(255,255,255,0.5);
    z-index: 1;
}
/* #-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#- */

.item-image.profile-image.no-image:after {
	content: "\f1b2";
	font-size: 270px;
}

/* #-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#- */


#profile-menu {
	position: absolute;
	background: #fff;
	top: 54px;
	right: -5px;
	min-height: 50px;
	min-width: 200px;
	z-index: 985;
	text-align: left;
	border: 1px solid #ddd;
	display: none;
}

#profile-menu > div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

/* #-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#- */

#profile-menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#profile-menu ul > li {
	border-top: 1px solid #ccc;
	padding: 7px 10px;
	text-align: left;
}

#profile-menu ul > li > a {
	padding: 3px 0px;
	display: block;
	color: #666;
}

#profile-menu ul > li > a:hover {
	text-decoration: none;
	color: #999;
}

/* ------------------------------------------------------------------------------------ } */


.mce-branding-powered-by {
	display: none !important;
}



.search-results-box {
	padding: 10px;
	border-radius: 4px;
	border: 1px dotted #ccc;
/* 	background: rgba(245,245,245,0.5); */
	background: #fefefe;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.11);
	-moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.11);
	box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.11);
	position: absolute;
	top: 36px;
	left: 0;
	right: 0;
	z-index: 1000;
}


.input-group-addon {
	background-color: rgba(250,250,250,0.5);
}


ul.dashed {
	list-style: none;
	padding-left: 0;
}

ul.dashed > li {
	margin-left: 1.25em;
	padding-left: 0;
}

ul.dashed > li:before {
	content: "\2014";
	margin-left: -1.33em;
	padding-right: 0.66em;
}


.ctl-alt {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.1rem;
	margin: 5px 0;
	color: #1d5370;
}

.ctl-alt:hover, .ctl-alt:active, .ctl-alt:focus, .ctl-alt:hover:active {
	color: #1d5370;
	text-decoration: none;
}


.ctl, a.ctl {
	display: block; 
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.1rem;
	margin: 5px 0;
	color: #1d5370;
	background-color: rgba(75,150,190,0.03);
	border: 1px solid #4b96be;
	border-radius: 2px;
	padding: 3px 4px 1px;
}

.ctl:hover, .ctl:active, .ctl:focus, .ctl:hover:active {
	text-decoration: none;
	background-color: rgba(75,150,190,0.13);
}

.hover-to-reveal {
	opacity: 0.5;
}

.hover-to-reveal:hover {
	opacity: 1;
}

.tag-only {
	color: #fff; 
	background: #900; 
	font-size: 10px; 
	border-radius: 3px; 
	border: 1px dotted #f00; 
	padding: 3px 4px 1px;
	line-height: 1em;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 5px;
}

.vozzi-box {
	display: block; border: 1px solid #900; border-radius: 3px; padding: 10px; background: rgba(255,225,225,0.33); margin-top: -10px; margin-bottom: 25px;
}

.box-only {
	position: relative;
	border-radius: 5px;
	border: 1px dotted #900;
	background: rgba(255,255,255,0.33);
	padding: 3px 5px 7px;
}

.box-only > span.tag-only {
	position: absolute;
	top: -10px;
}

.box-only > pre {
	margin-bottom: 0;
	margin-top: 4px;
}


.simple-flex, .flex-even {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-even > * {
	flex-basis: 0;
	flex-grow: 1;
}


.flex-box {
	display: moz-flex;
	display: ms-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex-box.align-start, .flex-box.flex-start, .flex-box.flex-left, .flex-box.align-left {
	justify-content: flex-start;
}

.flex-box.align-end, .flex-box.flex-end, .flex-box.flex-right, .flex-box.align-right {
	justify-content: flex-end;
}

.flex-box.align-middle {
	align-items: center;
}

.flex-box.align-stretch {
	align-items: stretch;
}

.flex-box.inline {
	display: inline-flex;
}

.flex-box.flush-left {
	justify-content: flex-start;
}

.flex-box.flush-right {
	justify-content: flex-end;
}

.flex-box.flex-wrap {
	flex-wrap: wrap;
}

.flex-box.align-top {
	align-items: flex-start;
}

.flex-box.align-bottom {
	align-items: flex-end;
}

.flex-box.align-middle {
	align-items: center;
}

.flex-box.align-fill {
	align-items: stretch;
}

.flex-box.flex-spaced > * {
	margin-left: 2px;
	margin-right: 3px;
}

.flex-box.flex-spaced > *:first-child {
	margin-left: 0;
}

.flex-box.flex-spaced > *:last-child {
	margin-right: 0;
}

.flex-box.flex-even > * {
	flex: 1 0;
}






@media print {    
    nav {
        display: none !important;
    }
}

#main {
	background-color: #eee;
	padding-top: 15px;
}

.status-icon {
	font-size: 16px;
}

.social-icon {
	background-color: #333;
	color: #fff;
	border-radius: 13px;
	height: 25px;
	width: 25px;
	font-size: 19px;
	line-height: 1em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.social-icon.twitter {
	background-color: #37b1e1;
}

.social-icon.facebook {
	background-color: #4b69b0;
}

.social-icon.instagram {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
/* 
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
*/
}


.tempus-dominus-widget {
	box-shadow: none !important;
}

@media (min-width: 576px) {
    .tempus-dominus-widget.timepicker-sbs {
        width: 37em;
    }
}

@media (min-width: 768px) {
    .tempus-dominus-widget.timepicker-sbs {
        width: 37em;
    }
}

@media (min-width: 992px) {
    .tempus-dominus-widget.timepicker-sbs {
        width: 37em;
    }
}