body
{
    font-family:
        Roboto,
            /*        Ubuntu, */
        system,
        BlinkMacSystemFont,
        "Segoe UI",
        "Helvetica Neue",
        Arial,
        "Noto Sans",
        "Liberation Sans",
        sans-serif,
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoj";
        font-weight:400;

    color:#000000;
}



.btn-primary {

    /* bootstrap override */

  color: #FFFFFF;
  background-color: #000000 !important;
}

.select-event .bootstrap-select > .dropdown-toggle
{
    white-space:normal;
}

/* =============================== NAV/HEADER  ==================== */
.navbar
{
    background:#000000;
    font-weight:400;

}

.navbar .navbar-nav .nav-item .nav-link,
    .navbar a,
.navbar-dark .navbar-brand,
    .navbar-dark .navbar-brand:focus,
     .navbar.navbar-dark .navbar-nav .nav-item .nav-link,
     .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover,
     .navbar.navbar-dark .navbar-toggler
{
    background:#000000;
    color:#FFFFFF;

}
.navbar .navbar-nav .nav-item .nav-link:hover
{
    color:#FFFFFF;
    text-decoration:underline;
}

.navbar-brand
{
    margin-right:3rem;
}


.navbar .navbar-nav .nav-item.active > .nav-link
{


}
span#internal-notes p
{
    margin:1rem 0;
}
div#eventName
{
    margin-top:1rem;
    color:black;
    min-height:5rem;
}
#eventName .name, #eventName .eventDate,#eventVenue,#venueContact
{
     display:block;
}
 #eventName #eventDate,#eventHost,#eventVenue,#eventDownloads,#venueContact,.event-details
{
    color:#000000;
    font-size:75%;
}
#eventDownloads
{
    line-height:2rem;
}
#eventDownloads a
{    text-decoration:underline;

    color:black !important;
}
#eventHost,.eventDate
{

}

h1,h2
{
    text-align:center;
    font-size:160%;
    font-weight:400;


}
h1
{
    background:#b48e3f;
    color:#FFFFFF;
    border:1px solid :#FFFFFF;;
    margin-left:-15px;
    margin-right:-15px;
    padding-top:6px;
    padding-bottom:6px;

}
h2
{
    color: #b48e3f;
    font-size:130%;
    text-align:left;
}
.subhead h2
{
   color: #b48e3f;
   font-size:1.1rem;
   margin-left:2rem;

}
.inline h2,.inline div.fields, .numeric h2,.numeric div.fields,.fields.inline .form-group
{
    display:inline-block;
}
.inline h2
{
    width:35%;
}
.numeric input.fmtxt,
.numeric div.form-group .fmtxt
{
    width:3rem;
}


div#attendeeStatus
{

    font-size:75%;
    padding:7px 0;

}
@media screen and (max-width:768px){
.subhead h2
{


   margin-left:0rem;

}

	.inline h2
	{
	    width:inherit;;
	}
	.inline h2,.inline div.fields
	{
	    display:block;
	}
	.inline.numeric h2
	{
	    display:inline-block;
	}


    div#attendeeStatus
    {
        top:0;
    }
    div#eventName
    {
        min-height:1.5rem;
    }
#eventDownloads
{

    line-height:inherit;
}
#eventDownloads a
{
    font-size:85%;
}

}
/* =============================== LOGIN  ==================== */
div.elements-container
{
    text-align:center;
}
div.elements-wrapper
{
    width:300px;
    margin:auto;
    margin-top:5rem;
    text-align:left;
}
div#loginMsg
{
    text-align:center;
    margin-top:-1rem;
    padding-bottom:1rem;
}
.form-group.addendum
{

    margin-top:1.5rem;

}
.button-panel.compact
{
    margin-top:1rem;
}


/* =============================== CHOOSE EVENT  ==================== */
div.form.select-event,div.form.search
{
    text-align:center;
    margin-top:3rem;
}
div.form .btn
{
    text-transform:inherit;
    font-size:1rem;
}
div.form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)
{
    width:500px;
}
div.form  div.assessor .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)
{
    width:70%;
}
@media screen and (max-width:768px){
    div.form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    div.form div.assessor .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)
    {
        width:95%;
    }
}
/* =============================== SEARCH  ==================== */

div.form.search.concise
{
    text-align:left;
    margin-top:1rem;
}
div.form.search.concise div.elements-wrapper
{
    width:100%;
    margin:0;
}
div.form.search.concise .form-control
{
    display:inline;
    width:20rem;
}
div.instructions div.elements-wrapper
{
    width:350px;
}
.bsearch div.instructions div.elements-wrapper,
.bsearch div.elements-wrapper
{
    width:400px;
}

div.search div.elements-wrapper
{
    margin-top:1rem;
}
div.form.confirm
{
    width:500px;
    margin:auto;
    margin-top:1rem;
}
.bsearch .result-assessment
{
    font-size:80%;
}
.bsearch .result-assessment .label
{
    color:#999;
}
.bsearch .assessment-notes
{
    display:block;
    color:#676767;
}

div#confirmation div.attendee
{
    padding-bottom:1rem;
}
div#confirmation div.attendee.uline
{
    border-bottom:1px solid #b48e3f;
}
div.attendee-details span.done
{
    display:block;
    font-style:italic;
}
div#confirmation div.ctl
{
    margin-top:1rem;
}
div#confirmation div.attendee-details,
    div#confirmation div.ctl
{
    margin-left:3.5rem;
}
div#confirmation div.attendee-details.bsearch

{
    margin-left:0rem;
}
        div#confirmation div.chk
    {
        text-align:left;
        position:relative;
        width:2rem;
        top:3rem;
    }

@media screen and (max-width:768px){

    div.form.search
    {
        margin-top:0rem;
    }
    div.form.search.concise
    {
        /* booking search form above results */
        display:none;
    }
    div.instructions div.elements-wrapper
    {
        margin-top:2rem;
    }
    div.form.confirm
    {
        width:100%;
    }
,
    div#confirmation div.attendee-details
    {
        margin-left:2rem;
    }
    div#confirmation div.ctl
    {
        margin-left:0;
    }
}

/* =========================== ROLL CALL ================================= */
div#kioskContent
{
    width:80%;
    margin:auto;
}
@media screen and (max-width:992px){
    div#kioskContent
    {
        width:100%;
    }
}
table.roll-call
{
    width:90%;
}
@media screen and (max-width:992px){
    table#attendeeSelect
    {
        width:100%;
    }
}
@media screen and (max-width:768px){

    div.formControl, #attendeeSelect, #attendeeSelect thead, #attendeeSelect tbody, #attendeeSelect th, #attendeeSelect td, #attendeeSelect tr
    {
       display: block;
    }
    table#attendeeSelect td.ctl a
    {
        width:80%;
    }
    div#kioskContent
    {
        clear:both;
    }
}
.kiosk-highlight
{

    color:#090;
}
.kiosk-highlight-off
{

    color:#900;
}
table#attendeeSelect tr.extra span.property
{
    margin-right:1rem;
    /*    white-space:nowrap; */
}
@media screen and (max-width:992px){
    table#attendeeSelect tr.extra span.property
    {
        white-space:normal;
    }
}
@media screen and (max-width:768px){
    table#attendeeSelect tr.extra span.property
    {
        display:block;
    }
}
table#attendeeSelect tr.primary td
{
  padding-top: 8px;

    font-weight:400;
}

table#attendeeSelect tr.main td
{
  border-top: 1px solid #b48e3f;
}
table#attendeeSelect tr.main.order-heading td
{

    padding:1rem;
    text-align:center;
    color:#b48e3f;
}
table#attendeeSelect thead td
{
    color:#ccc;
}
table#attendeeSelect tr.main td.chk
{
    text-align:center;
}
table#attendeeSelect tr.extra td span.sub-label {
  color: #bbb;
}

@media screen and (max-width:768px){
    table#attendeeSelect tr.main td
    {
        border-top:0;
    }
    table#attendeeSelect tr.primary td
    {
        padding-top:0;
    }
    table#attendeeSelect tr.primary td.name,
    div.attendee-details span.name
    {
        font-weight:bold;
        font-size:120%;
    }
    table#attendeeSelect tr.primary td.name,
    table#attendeeSelect tr.primary td.co,
    table#attendeeSelect tr.primary td.tid
    {
        margin-left:3.5rem;
    }
    table#attendeeSelect tr.main td.chk,
        div#confirmation div.chk
    {
        text-align:left;
        position:relative;
        width:2rem;
        top:3rem;
    }
    table#attendeeSelect tr.primary
    {
        border-top:1px solid #ccc;
    }
    table#attendeeSelect tr.primary td.ctl
    {
        padding-top:1rem;
        width:100%;
    }
    table#attendeeSelect tr.extra td
    {
        padding-bottom:.5rem;
    }
    table#attendeeSelect td.ctl a.btn.release
    {
        margin-top:1rem;
    }
}

div.footer
{
    margin-top:5rem;
}

/*
   Intuto status ===============================

*/
	table#attendeeSelect tr.extra td span.property .failed
	{
		color:#c00;
	}
	table#attendeeSelect tr.extra td span.property .in-progress
	{
		color:#f59323;
	}
	table#attendeeSelect tr.extra td span.property .completed
	{
		color:#3ab73c;
	}

/* =========================== ASSESSED BUTTONS ================================= */
table#attendeeSelect td.ctl
{
    text-align:center;
    padding-left:4px;
    width:5.5rem;
}

table#attendeeSelect td.ctl a,
div#confirmation div.ctl a
{
    display:inline-block;
    width:5.5rem;
    background:#CCCCCC;
    color:#000000;
    padding:3px;

}
table#attendeeSelect td.ctl a.release
{
    background:white;
    color:#676767;
}

table#attendeeSelect td.ctl a.release.disabled
{
    box-shadow:none;
    webkit-box-shadow:none;
    transition:none;
}

table#attendeeSelect td.ctl a.new
{
    display:none;
}
table#attendeeSelect td.ctl a.prompt,
div#confirmation div.ctl a.prompt
{
    color:white;
    box-shadow:none;
}

@media screen and (max-width:768px){
    table#attendeeSelect td.ctl a.btn,
    div#confirmation div.ctl a.btn
    {
        width:100%;
        margin:0;
    }
}

table#attendeeSelect td.ctl a.done,
    div#confirmation div.ctl a.btn.done
{
	color:#999;
}
table#attendeeSelect td.ctl a.not-awarded,
    div#confirmation div.ctl a.btn.not-awarded
{
	color:#bf0000;
	background:#FFFFFF;
	border:1px solid #CCCCCC;

}
table#attendeeSelect td.ctl a.awarded,
    div#confirmation div.ctl a.btn.awarded
{
    color:#FFFFFF;
	background:#009900;
	border:#009900;
}

table#attendeeSelect td.ctl a.nzta
{
    background:#b48e3f;
    color:#FFFFFF;

}

/* =========================== ASSESSMENT FORM ================================= */

h1 .fas /* edit-icon */
{
    font-size:60%;
    margin-left:1em;
    position:relative;
    top:-.5em;
}
div#assessment
{
    width:60%;
    margin:auto;
}

div.section-container
{
    margin:2rem auto;

}
div#allunits
{
    margin-bottom:4rem;

}
div.field-note
{
    font-size:85%;
    color:#999;
    padding-top:.5rem;
}
span.field-note
{
    font-size:85%;
    color:#999;
    display:inline;
}
div#profile
{
    text-align:left;
    /*
    float:left;
    width:300px;

    */
    padding-bottom:1rem;
    border-bottom:1px solid #000000;
}
div#profile h1
{
    text-align:left;
    color:black;
}
/*
div#profile div#details
{
    margin-top:2rem;
    padding-left:1rem;
}
*/
div#profile span.extra
/* Same as  #eventName #eventDate,#eventHost,#eventVenue */
{

    color:#000000;
    font-size:90%;
    line-height:1.4rem;
    white-space:nowrap;
    overflow:hidden;
    margin-right:1rem;
}
div#profile span.extra span.extraLabel
{
    font-weight:bold;
    color:black;
}
div#profile span.extra.missing-value span.extraLabel
{
    color:#dc3545;
}
div.section
{
    margin:2rem auto;
}
div.section.compact
{
    margin:1rem auto 2rem auto;
}
div#attendeeAssessment label span:not(.btn)
{
    display:inline-block;
    width:6rem;
}
span.lbl.unit-result
{
    display:block;
    margin-bottom:1.0rem;
}
span.lbl.code
{
    margin-bottom:1rem;
    padding:3px 10px;
    display:inline-block;
    width:100%;
    color:#FFFFFF;
    background:#b48e3f;
    border-radius:5px;
    border:1px solid #FFFFFF;
}

.toggler.fa
{
    position:relative;
    display:block;
    float:right;
    top:4px;
    cursor:pointer;
}
.modal-header {
  background: #212d6e !important;
  color: #ffffff !important;
}

div.received .md-form.md-outline .input-prefix
{
    color:#000000;
}
div.received .md-form.md-outline
{
    margin-top:.5rem;
}
div.radio-group,
    div.form-group,
    div.datepicker,
    div.received span.lbl,
    div.ufields span.lbl
{
    margin-bottom:.5rem;
    margin-left:2rem;
}
#kioskAttendeeEditForm div.datepicker
{

    margin-left:0rem;
}
div.fields div.form-group.notes
{
    margin-top:1rem;
    margin-left:2rem;
}
div.form-group .fmtxt
{
    width:70%;
}
div.cfg-fields .fmtxt,
div.cfg-fields .fdate
{
    margin-top:1.0rem;
}
@media screen and (max-width:768px){
	div.fields div.form-group,
    div.form-group .fmtxt

	{
	    width:100%;
	}

	.numeric div.form-group .fmtxt
	{
	    width:3rem;

	}


	div.form-group,div.fields div.form-group.notes,
       div.datepicker,div.received span.lbl,
    div.ufields span.lbl
	{

	    margin-left:0rem;
	}

	body.kiosk div.pass-container div.radio-group
	{
	    text-align:left;
	}
	div#attendeeAssessment h2
	{
        margin-top:1rem;

	}
    div#profile
    {
        margin-bottom:2rem;
    }
    div#profile span.extra
    {
        display:block;
    }

    div.received,div.radio-group
    {
        margin-bottom:1.0rem;
        margin-left:0rem;
    }
    .form-check-input[type="radio"]:not(:checked) + label, .form-check-input[type="radio"]:checked + label, label.btn input[type="radio"]:not(:checked) + label, label.btn input[type="radio"]:checked + label
     {
         padding-left:30px;
         height:inherit;
     }
}
div.cert-info
{
    margin-left:2.5rem;
}
div.cert-info span
{
    color:#000000;
}
.button-panel
{
    text-align:center;
    margin-top:3rem;

}
.button-panel input.btn,
.top-panel input.btn
{
    width:10rem;
}
@media screen and (max-width:768px){
    .button-panel input.btn
    {
        width:8.0rem;
    }
}
/* =========================== EDIT ATTENDEE ================================= */
#pageSource
{
    width:75%;
    margin:auto;

}
#kioskAttendeeEditForm,#kioskTimesheetForm
{
    width:90%;
    margin:auto;

}
#kioskAttendeeEditForm .col-form-label,
#kioskTimesheetForm .col-form-label
{
    padding-top:0;
}
#kioskAttendeeEditForm div#assessment,
#kioskTimesheetForm div#timesheet
{
    width:70%;
}

@media screen and (max-width:768px)
{
    #kioskAttendeeEditForm,#kioskTimesheetForm
    {
        width:inherit;
    }
	#kioskAttendeeEditForm div#assessment,
    #kioskTimesheetForm div#timesheet
	{
	    width:100%;
	}

    #pageSource
    {
        width:100%;
        margin-top:2rem;
    }
    #pageSource div.intro
    {
        font-size:85%;
    }
}
div.form-group .fmtxt#mf_textarea_address{height:70px;}
.fancybox__backdrop
{
       opacity:.6;

}
body.iframe h1.page-title
{
    margin-bottom:2rem;
}

#kioskAttendeeEditForm .col-form-label,
#kioskTimesheetForm .col-form-label
{
    text-align:right;

}
span.warning
{
    display:inline-block;
    color:#900;
    margin-bottom:1rem;
}

#kioskAttendeeEditForm input.fmtxt,#kioskAttendeeEditForm textarea.fmtxt,#kioskAttendeeEditForm select.custom-select.fsel,
#kioskTimesheetForm input.fmtxt,#kioskTimesheetForm textarea.fmtxt,#kioskTimesheetForm select.custom-select.fsel
{
    width:50%;
}
#kioskAttendeeEditForm input.fdate
{
    width:150px;
   height:calc(1.5em + .75rem + 2px);
    color:#495057;
}
#kioskAttendeeEditForm input.fstxt,
#kioskTimesheetForm input.fstxt
{
    width:150px;
}
.truncated
{
    display:inline;
}
@media screen and (max-width:900px){

	div#assessment,div#timesheet
	{
	    width:100%;
	    margin:auto;
	}
    #kioskAttendeeEditForm input.fmtxt, #kioskAttendeeEditForm textarea.fmtxt, #kioskAttendeeEditForm select.custom-select.fsel
    #kioskTimesheetForm input.fmtxt, #kioskTimesheetForm textarea.fmtxt, #kioskTimesheetForm select.custom-select.fsel
    {
        width:100%;
    }
}

@media screen and (max-width:768px)
{
    .fancybox__content
    {
        padding:0;
    }
    /*  */
    #kioskAttendeeEditForm input.fmtxt,#kioskAttendeeEditForm select.custom-select.fsel,#kioskAttendeeEditForm textarea.fmtxt,
    #kioskTimesheetForm input.fmtxt,#kioskTimesheetForm select.custom-select.fsel,#kioskTimesheetForm textarea.fmtxt
    {
        width:100%;
    }
    #kioskAttendeeEditForm .col-form-label,
    #kioskTimesheetForm .col-form-label
    {
        text-align:left;
    }
    .form-group
     {

     }
    .truncated
     {
         display:none;
     }

}
#kioskAttendeeEditForm .md-form.md-outline .input-prefix,
#kioskTimesheetForm .md-form.md-outline .input-prefix
{
    color:#000000;
}
/* div.md-form#dobDatepicker, .md-form.md-outline#dobDatepicker,*/
div.md-form.datepicker.date-container
{
    width:200px !important;
}
div.md-form.datepicker, .md-form.md-outline.datepicker
{
    margin-top:0;
    width:150px;
    margin-bottom:0;
}

.form-control.i-code,.form-control.ph
{
    display:inline-block;
}
.form-control.i-code
{
    width:6rem;
}

div.md-form.datepicker input
{
    height:calc(1.5em + .75rem + 2px);
}
#kioskAttendeeEditForm .form-check,
#kioskTimesheetForm .form-check
{
    padding-left:0;
}

div.bootstrap-select .btn
{
    text-transform:none;
    box-shadow:none;
    -webkit-box-shadow:none;
    font-size:1rem;
    color:#495057;
}
div.select-event div.bootstrap-select .btn
{ /* select event */
    color:inherit;
}
.numeric div.bootstrap-select .btn
{
    width:5rem;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)
{
    width:50%;
}
.numeric .bootstrap-select .dropdown-menu
{
    min-width:5rem;
    width:5rem;

}
.section.ufields .btn
{
    margin-left:0;
}
@media screen and (max-width:868px){
    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)
    {
        width:100%;
    }
}
.section-container.cfg-fields .form-inline label
{
    margin-right:1rem;
    min-width:10rem;
}
.section-container.cfg-fields
{
  margin-top: 0;
  margin-bottom: 4rem;

}


@media screen and (max-width:768px){
    .section-container.cfg-fields
    {

    margin:2rem auto;
    }

}
/* =========================== UTIL ================================= */

/* MD-style selects just for international phone codes */
div.select-wrapper.i-code
{
    width:100px;
    margin-top:-0.1rem;
    margin-right:0.2rem;
}
div.select-wrapper.i-code input,
.md-form input[type="text"]:not(.browser-default),
.md-form.icode input[type="text"]:not(.browser-default)
{
    border-left: 1px solid #ced4da;
        padding-left:5px;
        border-top: 1px solid #ced4da;

}

a,
a:not([href]):not([tabindex])
{
   color:#000000;
}
a:hover,
    a:not([href]):not([tabindex]):hover
{
    color:#000000;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
span.property a,
span.property a:not([href]):not([tabindex])
{
    /* upload-type custom question values */
    color:#090;
}
span.property a:hover,
    span.property a:not([href]):not([tabindex]):hover
{
    color:#090;
}


h1 a,
h1 a:not([href]):not([tabindex])
{
    color:#FFFFFF;
}
h1 a:hover,
   h1 a:not([href]):not([tabindex]):hover
{
    color:#FFFFFF;
}

div#bookingAuth,div.bookingPopup
{
    display:none;
}
div#ajax-wrap
{
	position: fixed;
	display:none;
    right: 50%;
    top: 50%;

    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         transform: translateY(-50%);
		 z-index:1499;
}

div#ajaxBusy {

	display:none;
	margin:auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);

width: 60px;
height: 60px;
border-radius: 50%;
background:white;
box-shadow: 6px 6px 4px #888888;
text-align:center;
border:1px solid #ccc;

z-index:1500;
}


div#ajaxBusy img {
position:relative;
top:10px;
z-index:1501;
}

div#statusMsg
{

    color:#000000;
    padding:5px;

}
ul.dropdown-menu .dropdown-item
{
    white-space:normal;
}
.btn.dropdown-toggle
{
    background:white !important;
    padding:8px;
    border:1px solid #ced4da;
}
.show > .btn-light.dropdown-toggle {
  background-color: inherit !important;
 }

@media screen and (max-width:768px){

    .container-fluid
    {
        padding:0 2% 0 2%;
    }
    div#eventName
    {
        font-size:130%;
        margin-bottom:1rem;
    }
    span#eventDate,
    span#eventDetails,div#attendeeStatus
    {
        display:none;
    }
    body.show-details span#eventDate,
    body.show-details span#eventDetails,
        body.show-details div#attendeeStatus
    {
        display:block;
    }
}
/* ======================== TIMESHEET =============================== */

#timesheet
{
    margin:auto
}
#kioskTimesheetForm .form-control
{
    display:inline;
}
/* ======================== FILE UPLOAD =============================== */
div.custom-upload-box
{
    display: inline-block;
	padding:8px;
	width:50%;
	border: 1px solid #cccccc;
	border-radius:5px;
}
label.custom-upload-box
{
	cursor:default;
    width:100%;
}
span.custom-upload-button
{
}
span.custom-upload-notes
{
	display:inline-block;
	padding:0px 10px 0px 5px;
}

.tooltip-inner
{
    /* override bootstrap.css */
    color:white;
    background:#0069D9;

}
.tooltip .arrow
{
    display:none;
}
@media screen and (max-width:868px){
	div.custom-upload-box
	{
	    width:100%;
	}
}
a.disabled,a.disabled:hover,.nav-link.disabled
{
    color:#ccc !important;
    text-decordation:none !important;

}