body, html {font-family: 'Fira Sans', sans-serif; font-size:16px; margin:0;}

h1, h2, h3, h4, h5, h6 { font-family: 'Basic'; }

a {color:#555;}

.error {color:#f00;}
.hilite {background:#f00; color:#fff;}

#popup {position:fixed; width:0; height:0; z-index:15}
#popup.open {height:auto; width:auto; background:#fff; border-radius:8px; padding:0; position:absolute; top:174px; left:50%; margin-right:-50%; transform:translate(-50%); overflow:hidden; min-width:200px; min-height:100px; max-width:90%;}
.popup-top-bar {color:#fff; background:#1b365d; font-size:21px; font-weight:200; padding:7px 20px 10px;}
.popup-top-bar a {float:right; margin:2px; text-decoration:none; color:#fff;}
.popup-content {padding:20px;}
.popup-bottom-bar {border-top:1px solid #d2d2d2; padding:17px 20px 20px; text-align:right;}
#popup button {font-size:14px; font-weight:100; padding:3px 30px 5px; margin:2px 4px;}

#overlay {position:fixed; top:174px; left:0; z-index:10; background:#555; opacity:0; transition:opacity .5s;}
#overlay.open {bottom:0; right:0; opacity:.75;}

.form {font-size:16px; padding:4px 8px; margin:8px 0; font-family:inherit;} 
.form-widget { clear:both; }
.form-widget .tinywrapper { float:left; }
.form-widget-radio-wrapper { float:left; }
.form-widget .switch { margin:8px; }
.form .tinywrapper,
.form .file-drop-wrapper,
.form-widget .file-moxie-wrapper,
.form .advanced-list-wrapper { float: left; }
label+.advanced-list-wrapper,
label+.file-drop-wrapper { float:left; }
label.form {float:left; clear:both; padding-left:0; min-width:120px;}
label.label-right {clear:none; padding:0 0 0 10px;}
input.form,
textarea.form,
select.form {float:left; border:1px solid #999; border-radius:5px;}
textarea.form { height:8em; }
input.form:focus,
textarea.form:focus,
select.form:focus {box-shadow:0 0 5px #048a93;}
.form-inline {font-size:14px; margin:0; float:none;}
.big-checkbox {transform:scale(1.5, 1.5);}
input.form-big {min-width:300px;}

.nowrap {white-space:nowrap;}

textarea.form:read-only,
input.form:read-only { border-color: #eee; background-color: #f3f3f3; cursor: default; }
textarea.form:-moz-read-only,
input.form:-moz-read-only { border-color: #eee; background-color: #f3f3f3; cursor: default; }
input.form:read-only:focus { box-shadow: none; }

input.inplaceeditor { width: calc(100% - 50px); }
input.inplaceeditor:disabled { border: 1px solid white; background-color: #fff; color: #000; }
input.inplaceeditor + button > span { display: none; }
input.inplaceeditor + button > span + span { display: inline; }
input.inplaceeditor:disabled + button > span { display: inline; }
input.inplaceeditor:disabled + button > span + span { display: none; }

/*
.switch {display:inline-block; text-decoration:none; min-width:70px; height:26px; text-indent:76px; color:#000; line-height:26px; font-size:14px; background:url(../i/icon-switch.png) 0 -26px no-repeat;}
.switch:hover {color:#000;}
.switch-on {background-position:0 0;}
*/
.switch {display:inline-block; text-decoration:none; line-height:2;}

.form-widget-required label:after, label.form-widget-required:after { content:"*"; color:#900; }
.form-widget-inputnumber input { text-align:right; }
.form-widget-inputmoney input { background-image: url(../img/dollar.svg); background-repeat: no-repeat; background-position:5px center; background-size:7px; padding-left:16px; text-align:right; }

.form-widget-imagemoxie input,
.form-widget-filemoxie input { border-top-right-radius:0; border-bottom-right-radius:0; border-right:0;}
button.moxie-picker { margin:8px 0; padding:4px 8px; float:left; font-size:16px; box-sizing:border-box; border:1px solid #999; cursor:pointer; border-top-right-radius:5px; border-bottom-right-radius:5px; }

.tiny-label { width: 80px; }
.tiny-input:not([type=checkbox]):not([type=radio]) { width: 80px; }
.short-label {width:120px;}
.short-input:not([type=checkbox]):not([type=radio]) { width: 200px; }
.long-label {width:200px;}
.long-input:not([type=checkbox]):not([type=radio]) { width: 300px; }

.form-widget-radio-wrapper br { clear: left; }
.form-widget-radio-wrapper input + label { margin:.3em .5em; display:inline-block; }

h1, .heading {font-family:'Roboto';}
.event-title {font-size:.65em;}

header {position:fixed; background:#fff; z-index:2; width:100%; height:164px; padding:4px 0; border-bottom:2px solid #555;}
#logo {margin:0 0 0 20px; max-height:56px;}
header h1 {display:inline-block; text-transform:uppercase; line-height:44px; font-size:44px; margin:0 0 0 20px;}
header h1.user {margin:0 0 0 100px; padding-left:50px; border-left:2px solid;}

header ul li {margin:0 20px; padding:0;}
header ul li a {font-size:16px; display:inline-block; text-decoration:none; color:#555;}
header ul li a:hover {text-decoration:underline; color:#00c;}
header ul li a i {margin:0 10px;}


.login-container {width:470px; max-width:100%; padding-top:190px;}
/*
#nav {position:fixed; width:10%; top:74px; bottom:0; padding:3rem 1rem 0 1rem; background:#f2f2f2; z-index:2;}
.nav-heading {text-transform:uppercase; font-size:1.1em; padding:0 0 10px 0; border-bottom:1px solid;}
.nav-container {font-size:.9em;}
#nav h3 {font-size:.9em;}
#nav address {font-style:normal; padding-bottom:8px; font-size:.9em;}
#nav dl {padding-bottom:20px; margin:.5em 0;}
#nav dl dt {float:left; clear:left; margin:0 0 6px 0; font-weight:bold; width:45%;}
dt.cust-email {display:block; width:20px; height:15px; text-indent:-10000px; background: url(../i/icon-email-grey.svg) 0 center/13px no-repeat;}
#nav dl dd {float:left; margin:0 0 2px 4px; font-size:.9em;}
#nav .form {width:100%;}
.nav-list .nav-section {padding:16px 0 10px 0; border-bottom:1px solid #d7d7d7;}
.nav-list a {text-decoration:none; color:#000;}
.nav-list a:hover {text-decoration:underline; color:#555;}
.nav-list .nav-section-title {text-transform:uppercase; font-size:1em;}
.nav-list .nav-arrow {float:right; display:block; width:12px; height:15px; text-indent:-10000px;}
.nav-list .nav-collapsed {background:url(../i/nav-arrow-collapsed.svg) center bottom no-repeat;}
.nav-list .nav-expanded {background:url(../i/nav-arrow-expanded.svg) center bottom no-repeat;}
.nav-list .nav-subs {font-size:.9em; list-style:none; margin:0 0 10px 0; padding:0;}
.nav-list .nav-subs li {padding:3px 0;}
#nav select {float:none;}
.ui-menu-item-wrapper {font-size:.8em;}
*//*
#stage {position:absolute; left:12%; width:87%; padding:114px 20px 20px 20px;}
#admin-stage, #form-stage {padding:114px 20px 20px 20px;}
*/

header .btn {padding:8px 12px;}
header .btn:hover {text-decoration:none; color:#fff; background:#555;}

.nav-ctrls input, .nav-ctrls select {padding:4px;}
.nav-ctrls select {width:96px;}

#stage {padding:180px 30px;}

#breadcrumb-trail {list-style:none; padding:0; margin:0;}
#breadcrumb-trail li {display:inline-block; margin:0; padding:0; color:#ccc; font-size:12px;}
#breadcrumb-trail li:nth-last-child(n+2):after {content: " > "; padding:0 10px 0 0;}
#breadcrumb-trail li.selected {color:#b97476; font-size:14px; font-weight:bold;}
#breadcrumb-trail li a, #breadcrumb-trail li.jump-to-link {cursor:pointer; color:#333; font-size:14px;}
#breadcrumb-trail li a:hover, #breadcrumb-trail li.jump-to-link:hover {color:#c00;}
#breadcrumb-trail li.jump-to-link span {text-decoration:underline;}

#bookmark-link a.btn {margin-left:30px; border:1px solid; border:1px solid #d2d2d2;}

.main-table {border:1px solid; border-collapse:collapse;}
.main-table tr {vertical-align:top;}
.main-table th {text-align:left;}
.main-table th, .main-table td {padding:4px 8px; border-bottom:1px solid #999}

/* lists */
.list-loading {background:#555;}
.dhlist-header-cell {background:#555; color:#fff;}
.dhlist-nav a:hover, .dhlist-btn:hover, .dhlist-nav input:focus {color:#fff; background:#d7d7d7;}
.dhlist-search input, .dhlist-filters select, .dhlist-orderby select, .dhlist-date_range input {font-size:16px; padding:4px 8px; margin:8px 0;}
#popup .list-loading, #popup .dhlist-header-cell {background:#1b365d}
.dhlist-table tr:nth-child(even) {background:#f2f2f2;}
.dhlist-table tr:hover {color:#555; background:#d7d7d7; transition:background-color .5s ease-out;}
.dhlist-btn:hover {transition:background-color .5s ease-out;}
.dhlist-container p {margin:0; padding:0;}


.activity-history {width:90%; border-collapse:collapse;}
.activity-history th {text-align:left; font-size:1.2em; line-height:2em;}
.activity-history th, td {padding:2px 4px;}
.activity-history td {font-size:14px;}
tr:not(:first-child) div.heading-open {border-top:1px solid; padding-top:30px; margin-top:30px;}
div.heading a {text-decoration:none;}

.pt-pass {color:#3c3; font-weight:bold; font-size:.9em;}
.pt-fail {color:#c33; font-weight:bold; font-size:.9em;}

#form-container {width:80%; max-width:1000px; margin:0 auto;}

#form-stage input[disabled],
#form-stage select[disabled],
#form-stage textarea[disabled] {opacity:1; color:#000; border-color:#000; /*border:1px solid #000; background:#fff; color:#000; padding:2px 6px;*/}

.test-grade {padding:4px; display:inline-block; margin:10px;}
.test-grade-correct {border:1px solid #3c3; color:#3c3;}
.test-grade-incorrect {border:1px solid #c33; color:#c33;}

#analytics-stage {padding-bottom:40px;}
#analytics-stage dt {float:left; font-weight:bold; margin:0; padding:0;} 
#analytics-stage dd {float:left; margin:0 20px 0 0; padding:0 20px 0 4px; border-bottom:1px solid #ccc;}


@media print {
    body {background:#fff !important; color:#000;}
    
    header, #nav, #trail-container, #main-export-btn, hr, #quote-btn, .dhlist-search, .dhlist-filters, .dhlist-orderby, .dhlist-nav {display:none;}
    #stage {position:revert; width:90%; padding:20px 5%;}
    
}