/* copyright 2016 jg customer services ltd */

/* fonts */
@font-face{font-family:'open_sansregular';src:url('../fonts/OpenSans-Regular-webfont.eot');src:url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'open_sansbold';src:url('../fonts/OpenSans-Bold-webfont.eot');src:url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'open_sanssemibold';src:url('../fonts/OpenSans-Semibold-webfont.eot');src:url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'iconicfont';src:url('../fonts/Material-Design-Iconic-Font.eot');src:url('../fonts/Material-Design-Iconic-Font.eot?#iefix') format('embedded-opentype'),url('../fonts/Material-Design-Iconic-Font.woff') format('woff'),url('../fonts/Material-Design-Iconic-Font.ttf') format('truetype'),url('../fonts/Material-Design-Iconic-Font.svg#open_sansregular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'fontawesome';src:url('../fonts/fontawesome-webfont.eot?v=4.4.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}

/* main styles */
/* colours */
.red-colour{color:#ff0000 !important}
.green-colour{color:#008000 !important}
.amber-colour{color:#ff7e00 !important}
.blue-colour{color:#0051ff !important}
.grey-colour{color:#5f5f5f !important}
.black-colour{color:#000000 !important}
.m2cblue-colour{color:#2c276c !important}
.m2cred-colour{color:#d92726 !important}
.m2cpurple-colour{color:#8d4867 !important}
.darkred-colour{color:#d9534f !important}

/* extras */
.small-text{font-size:0.8em !important}
.center{text-align:center}
.nowrap{white-space:nowrap}
img{-ms-interpolation-mode: bicubic}
.highlight{ background-color:yellow}
.clearboth{clear:both}
::selection{background:#336699;color:#ffffff}
::-moz-selection{background:#336699;color:#ffffff}
.ui-widget{font-size:1em !important;font-family:'open_sansregular',sans-serif !important}.ui-widget-content{border-color:#e6e6e6 !important;color:inherit !important}.ui-state-focus{border-color:#e6e6e6 !important;background:#3399ff !important;color:#ffffff !important}.ui-widget button{font-family:'open_sansregular',sans-serif !important}
.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:250px;cursor:pointer;border:1px solid #e6e6e6;word-wrap:break-word;white-space:pre-line;background-color:#ffffff;border-radius:3px}
.strong{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}
button.ui-datepicker-close{display: none}​
.ui-widget-shadow{-webkit-box-shadow:none !important;box-shadow:none !important}

/* clearfix */
.clearfix:after{content:"\00a0";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}
.clearfix{display:block}

/* elements */
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
html,body{height:100%;margin:0;padding:0;border:0;background:#ebeef0}
body{position:relative;font-family:'open_sansregular',sans-serif !important;font-size:13px;line-height:18px;color:#31373d}
body.login{height:auto}

div[name='toggle_debug_info']{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;text-decoration:underline;color:#c12e2a;padding:10px;cursor:pointer}
div[name='debug_info']{display:none;padding:10px}
div[name='debug_info'] pre{word-wrap:break-word;white-space:pre-wrap;word-break:break-word}

h1,h2,h3,h4,h5,h6{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;font-size:1.2em}
strong{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}
input,select,button,textarea{font-family:inherit}
input,select,textarea{font-size:0.85em;padding:5px}
textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="file"]{-webkit-appearance:none;border-radius:0}
input[name*='postcode']{text-transform:uppercase}
input[name='postcodelookup'],input[name='postcode_lookup_apikey']{text-transform:none}
hr{border:0;height:0;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3)}
sup{font-size:65%}
a{text-decoration:none;cursor:pointer;color:#003366}
a:hover{background: #f5f5f5}
input:focus,textarea:focus,select:focus{-webkit-box-shadow: 0px 0px 5px 0px rgba(51,153,255,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(51,153,255,0.75);box-shadow: 0px 0px 5px 0px rgba(51,153,255,0.75);outline: none}
pre[name='small']{font-size:0.8em !important}
.red-bold-text{color:#c9302c;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}
div#beta_banner{width:50%;background:red;position:fixed;z-index:9999;text-align:center;font-size:1.2em;color:white;padding:10px;bottom:0;margin:0 auto;left:25%}

/* loading overlay */
div#loading-mask{position:fixed;z-index:9999;inset:0;width:100%;height:100%;background-color:#fefefe;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center}
div#loading-mask .loading-brand{width:96px;height:96px;filter:drop-shadow(0 10px 18px rgba(203,59,124,0.22));animation:loading-breathe 2.6s ease-in-out infinite}
div#loading-mask .loading-logo{display:block;width:100%;height:100%;overflow:visible}
div#loading-mask .loading-orbit-track{fill:none;stroke:#f3e6ec;stroke-width:3}
div#loading-mask .loading-orbit{fill:none;stroke-width:3;stroke-linecap:round;transform-origin:50% 50%;transform-box:fill-box}
div#loading-mask .loading-orbit-g{stroke:#8d4867;stroke-dasharray:88 264;animation:loading-orbit 1.35s linear infinite}
div#loading-mask .loading-orbit-j{stroke:#cb3b7c;stroke-dasharray:56 296;animation:loading-orbit-reverse 1.05s linear infinite}
div#loading-mask .loading-letter-g{fill:#8d4867;transform-origin:50% 50%;transform-box:fill-box;animation:loading-letter-g 2.4s ease-in-out infinite}
div#loading-mask .loading-letter-j{fill:#cb3b7c;transform-origin:50% 50%;transform-box:fill-box;animation:loading-letter-j 2.4s ease-in-out infinite}
div#loading-mask p.loading-message{position:static;margin:0;color:#5f6368;letter-spacing:0.04em}
div#loading-mask p.loading-message::after{display:inline-block;width:1.2em;text-align:left;content:"";animation:loading-dots 1.4s steps(4,end) infinite}
@keyframes loading-orbit{to{transform:rotate(360deg)}}
@keyframes loading-orbit-reverse{to{transform:rotate(-360deg)}}
@keyframes loading-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes loading-letter-j{0%,100%{transform:translateY(0)}35%{transform:translateY(-3px)}55%{transform:translateY(0)}}
@keyframes loading-letter-g{0%,18%,100%{transform:translateY(0)}55%{transform:translateY(-3px)}75%{transform:translateY(0)}}
@keyframes loading-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
@media (prefers-reduced-motion:reduce){
div#loading-mask .loading-brand,div#loading-mask .loading-orbit-g,div#loading-mask .loading-orbit-j,div#loading-mask .loading-letter-j,div#loading-mask .loading-letter-g,div#loading-mask p.loading-message::after{animation:none}
}

/* no js */
#nojavascript{background-color:rgba(0,0,0,0.35);position:fixed;top:0;left:0;width:100%;height:100%;z-index:550;display:block}
#nojavascript div.nojsmodal{position:fixed;top:100px;left:0;right:0;margin:auto;width:100%;max-width:650px;min-width:10%;min-height:10%;background:#ffffff;border-radius:3px}
#nojavascript header{position:relative;margin:0;padding:20px;min-height:20px;border-bottom:1px solid #e6e6e6}
#nojavascript header h2{margin:0}
#nojavascript div.nojsbody{padding:0 20px;overflow:auto}

/* modal */
div.modal-container{background-color:rgba(0,0,0,0.35);position:fixed;top:0;left:0;width:100%;height:100%;z-index:550;display:none}
div.modal-container div.modal{position:fixed;top:10%;left:0;right:0;margin:auto;width:100%;max-width:650px;min-width:10%;min-height:10%;background:#ffffff;border-radius:3px}
div.modal-container header{position:relative;margin:0;padding:20px;min-height:20px;border-bottom:1px solid #e6e6e6;background:#d9edf7}
div.modal-container header h2{margin:0}
div.modal-container div.modal-body{padding:0 20px;overflow:auto;width:100%;max-height:500px}
div.modal-container div.modal-body span[name='document_name']{color:#003366;background-color:#ebeef0;padding:0 5px}
div.modal-container div.modal-buttons{width:100%;margin:0.5em 0 1.5em 0}
div.modal-container div.modal-buttons input{display:inline-block;min-width:85px;margin:0;padding:0.5em;font-size:1em;background-color:#336699;color:#ffffff;border:1px solid #e6e6e6;cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
div.modal-container div.modal-buttons input:hover{background-color:#3399ff}
div.modal-container[data-size='full'] div.modal{max-width:90%}
div.modal-container[data-size='large'] div.modal{max-width:75%}
div.modal-container[name='revert_template_check']{z-index:650}
div.modal-container[name='revert_template_check'] div.modal-body{max-height:70vh}
div.modal-container[name='revert_template_check'] div.modal-body h3{margin:14px 0 6px 0;font-size:1em}
div.modal-container[name='revert_template_check'] div[name='revert_backup']{background:#fdfaec;border:1px solid #e6e6e6;border-radius:3px;padding:12px 14px;margin:8px 0 16px 0}
div.modal-container[name='revert_template_check'] div[name='revert_backup'] h3{margin-top:0}
div.modal-container[name='revert_template_check'] div[name='revert_backup'] div.modal-buttons{margin-bottom:0}
div.modal-container[name='revert_template_check'] div.template-diff{font-family:Consolas,'Courier New',monospace;font-size:0.85em;background:#f7f7f7;border:1px solid #e6e6e6;padding:8px;margin:0 0 14px 0;max-height:220px;overflow:auto}
div.modal-container[name='revert_template_check'] div.template-diff span{display:block;white-space:pre-wrap;min-height:1.2em}
div.modal-container[name='revert_template_check'] div.template-diff span.diff-del{background:#f8d7da}
div.modal-container[name='revert_template_check'] div.template-diff span.diff-add{background:#e6f4ea}
div.modal-container[name='revert_template_check'] div.template-diff span.diff-same{color:#666666}
div.modal-container[name='revert_template_check'] div.modal-buttons input{margin:0 8px 8px 0}
div.modal-container[name='revert_template_check'] div.modal-buttons input[name='confirm_revert_template']{background-color:#d9534f}
div.modal-container[name='revert_template_check'] div.modal-buttons input[name='confirm_revert_template']:hover{background-color:#c12e2a}
div.modal-container[name='revert_template_check'] div.modal-buttons input:disabled{background-color:#e0e0e0;cursor:not-allowed}
div.modal-container[name='revert_template_check'] div.modal-buttons input:disabled:hover{background-color:#e0e0e0}

/* red buttons */
div.modal-container div.modal-buttons input[name='reject'],div.modal-container div.modal-buttons input[name='confirm_doc_delete'],div.modal-container div.modal-buttons input[name='delete_from_cloud'],div.modal-container div.modal-buttons input[name='interviewer_access_revoke_submit'],div.modal-container div.modal-buttons input[name='interviewer_delete_submit'],div.modal-container div.modal-buttons input[name='interview_cancel'],div.modal-container div.modal-buttons input[name='scheduleheader_delete'],div.modal-container div.modal-buttons input[name='scheduleholiday_delete'],div.modal-container div.modal-buttons input[name='delete_template'],div.modal-container div.modal-buttons input[name='letter_idcard_print_no'],div.modal-container div.modal-buttons input[name='send_custom_letter_no'],div.modal-container div.modal-buttons input[name='assign_interviewer_remove'],div.modal-container div.modal-buttons input[name='delete_variables'],div.modal-container div.modal-buttons input[name='confirm_disconnect_cloud_account'],div.modal-container div.modal-buttons input[name='deletephoto'],div.modal-container div.modal-buttons input[name='confirm_remove_cloud_account'],div.modal-container div.modal-buttons input[name='confirm_disconnect_personal_cloud_account'],div.modal-container div.modal-buttons input[name='confirm_photo_delete'],div.modal-container div.modal-buttons input[name='delete_exit_interview_details'],div.modal-container div.modal-buttons input[name='pending_deletion_final_submit'],div.modal-container div.modal-buttons input[name='pending_deletion_check_continue'],table.main_table[name='expense_claim_interviews'] input[name='expenses_interview_line_remove'],table.main_table[name='expense_claim_hourly'] input[name='expenses_hourly_line_remove'],table.main_table[name='expense_claim_custom_exp'] input[name='expenses_custom_line_remove'],table.main_table[name='prior_expense_claims'] input[name='expenses_delete'],div.modal-container div.modal-buttons input[name='expenses_delete_submit'],div.modal-container div.modal-buttons input[name='expense_claim_reject_confirm'],div.modal-container div.modal-buttons input[name='company_dpa_disable_submit'],input.dialog-btn[name='interviewer_delete'],input.dialog-btn[name='interview_cancel'],input.table-buttons[name='reject'],input.table-buttons[name='disconnect_cloud_account'],input.table-buttons[name='remove_cloud_account'],input.table-buttons[name='disconnect_personal_cloud_account'],input.table-buttons[name='expense_claim_reject'],input.table-buttons[name='company_data_processing_disable'],input.table-buttons[name='documents-delete'],input.table-buttons[name='pending_deletion_delete'],div.modal-container div.modal-buttons input[name='dpa_delete_agreement_submit'],div.modal-container div.modal-buttons input[name='confirm_block_applicant'],input.table-buttons[name='remove_block'],div.modal-container div.modal-buttons input[name='confirm_remove_block'],div#record-topbar input.table-buttons[name='block_applicant'],div.modal-container div.modal-buttons input[name='purge_new_applicants_submit'],div.modal-container div.modal-buttons input[name='purge_unbooked_interviews_submit'],input.table-buttons[name='clearup_new_applicants'],input.table-buttons[name='clearup_unbooked_interviews'],input.table-buttons[name='calendly_integration_disable'],div.modal-container div.modal-buttons input[name='disable_calendly_integration_submit'],input.table-buttons[name='index_clearup_new_applicants'],div.modal-container div.modal-buttons input[name='index_clearup_new_applicants'],input.table-buttons[name='purge_applicant_records'],div.modal-container div.modal-buttons input[name='purge_applicant_records_submit']{background-color:#d9534f}

div.modal-container div.modal-buttons input[name='reject']:hover,div.modal-container div.modal-buttons input[name='confirm_doc_delete']:hover,div.modal-container div.modal-buttons input[name='delete_from_cloud']:hover,div.modal-container div.modal-buttons input[name='interviewer_access_revoke_submit']:hover,div.modal-container div.modal-buttons input[name='interviewer_delete_submit']:hover,div.modal-container div.modal-buttons input[name='interview_cancel']:hover,div.modal-container div.modal-buttons input[name='scheduleheader_delete']:hover,div.modal-container div.modal-buttons input[name='scheduleholiday_delete']:hover,div.modal-container div.modal-buttons input[name='delete_template']:hover,div.modal-container div.modal-buttons input[name='letter_idcard_print_no']:hover,div.modal-container div.modal-buttons input[name='send_custom_letter_no']:hover,div.modal-container div.modal-buttons input[name='assign_interviewer_remove']:hover,div.modal-container div.modal-buttons input[name='delete_variables']:hover,div.modal-container div.modal-buttons input[name='confirm_disconnect_cloud_account']:hover,div.modal-container div.modal-buttons input[name='deletephoto']:hover,div.modal-container div.modal-buttons input[name='confirm_remove_cloud_account']:hover,div.modal-container div.modal-buttons input[name='confirm_disconnect_personal_cloud_account']:hover,div.modal-container div.modal-buttons input[name='confirm_photo_delete']:hover,div.modal-container div.modal-buttons input[name='delete_exit_interview_details']:hover,div.modal-container div.modal-buttons input[name='pending_deletion_final_submit']:hover,div.modal-container div.modal-buttons input[name='pending_deletion_check_continue']:hover,table.main_table[name='expense_claim_interviews'] input[name='expenses_interview_line_remove']:hover,table.main_table[name='expense_claim_hourly'] input[name='expenses_hourly_line_remove']:hover,table.main_table[name='expense_claim_custom_exp'] input[name='expenses_custom_line_remove']:hover,table.main_table[name='prior_expense_claims'] input[name='expenses_delete']:hover,div.modal-container div.modal-buttons input[name='expenses_delete_submit']:hover,div.modal-container div.modal-buttons input[name='expense_claim_reject_confirm']:hover,div.modal-container div.modal-buttons input[name='company_dpa_disable_submit']:hover,input.dialog-btn[name='interviewer_delete']:hover,input.dialog-btn[name='interview_cancel']:hover,input.table-buttons[name='reject']:hover,input.table-buttons[name='disconnect_cloud_account']:hover,input.table-buttons[name='remove_cloud_account']:hover,input.table-buttons[name='disconnect_personal_cloud_account']:hover,input.table-buttons[name='expense_claim_reject']:hover,input.table-buttons[name='company_data_processing_disable']:hover,input.table-buttons[name='documents-delete']:hover,input.table-buttons[name='pending_deletion_delete']:hover,input.table-buttons[name='interviewer_revoke']:hover,div.modal-container div.modal-buttons input[name='dpa_delete_agreement_submit']:hover,div.modal-container div.modal-buttons input[name='confirm_block_applicant']:hover,input.table-buttons[name='remove_block']:hover,div.modal-container div.modal-buttons input[name='confirm_remove_block']:hover,div#record-topbar input.table-buttons[name='block_applicant']:hover,div.modal-container div.modal-buttons input[name='purge_new_applicants_submit']:hover,div.modal-container div.modal-buttons input[name='purge_unbooked_interviews_submit']:hover,input.table-buttons[name='clearup_new_applicants']:hover,input.table-buttons[name='clearup_unbooked_interviews']:hover,input.table-buttons[name='calendly_integration_disable']:hover,div.modal-container div.modal-buttons input[name='disable_calendly_integration_submit']:hover,input.table-buttons[name='index_clearup_new_applicants']:hover,div.modal-container div.modal-buttons input[name='index_clearup_new_applicants']:hover,input.table-buttons[name='purge_applicant_records']:hover,div.modal-container div.modal-buttons input[name='purge_applicant_records_submit']:hover{background-color:#c12e2a}

/* green buttons */
div.modal-container div.modal-buttons input[name='import_from_cloud'],div.modal-container div.modal-buttons input[name='interviewer_access_grant_submit'],div.modal-container div.modal-buttons input[name='interview_book'],div.modal-container div.modal-buttons input[name='export_application_submit'],div.modal-container div.modal-buttons input[name='modify_template'],div.modal-container div.modal-buttons input[name='add_template'],div.modal-container div.modal-buttons input[name='letter_idcard_print_yes'],div.modal-container div.modal-buttons input[name='send_custom_letter_yes'],div.modal-container div.modal-buttons input[name='confirm_text_applicant'],div.modal-container div.modal-buttons input[name='contact_applicant_email_send'],div.modal-container div.modal-buttons input[name='contact_applicant_sms_send'],div.modal-container div.modal-buttons input[name='contact_applicant_history_send'],div.modal-container div.modal-buttons input[name='assign_interviewer'],div.modal-container div.modal-buttons input[name='modify_variables'],div.modal-container div.modal-buttons input[name='add_variables'],div.modal-container div.modal-buttons input[name='confirm_connect_account'],div.modal-container div.modal-buttons input[name='send_for_review_submit'],div.modal-container div.modal-buttons input[name='dpa_agree_sign_submit'],div.modal-container div.modal-buttons input[name='company_dpa_enable_submit'],input.table-buttons[name='accept'],input.table-buttons[name='upcoming_sendconfirm'],input.table-buttons[name='connect_cloud_account'],input.table-buttons[name='assign_cloud_account'],input.table-buttons[name='connect_personal_cloud_account'],input.table-buttons[name='log_exit_interview'],input.table-buttons[name='dpa_agree_sign'],input.table-buttons[name='company_data_processing_enable'],input.table-buttons[name='accept_immediate_contact'],input.table-buttons[name='calendly_integration_enable']{background-color:#5cb85c}

input.dialog-btn:hover,div.modal-container div.modal-buttons input[name='import_from_cloud']:hover,div.modal-container div.modal-buttons input[name='interviewer_access_grant_submit']:hover,div.modal-container div.modal-buttons input[name='interview_book']:hover,div.modal-container div.modal-buttons input[name='export_application_submit']:hover,div.modal-container div.modal-buttons input[name='modify_template']:hover,div.modal-container div.modal-buttons input[name='add_template']:hover,div.modal-container div.modal-buttons input[name='letter_idcard_print_yes']:hover,div.modal-container div.modal-buttons input[name='send_custom_letter_yes']:hover,div.modal-container div.modal-buttons input[name='confirm_text_applicant']:hover,div.modal-container div.modal-buttons input[name='contact_applicant_email_send']:hover,div.modal-container div.modal-buttons input[name='contact_applicant_sms_send']:hover,div.modal-container div.modal-buttons input[name='contact_applicant_history_send']:hover,div.modal-container div.modal-buttons input[name='assign_interviewer']:hover,div.modal-container div.modal-buttons input[name='modify_variables']:hover,div.modal-container div.modal-buttons input[name='add_variables']:hover,div.modal-container div.modal-buttons input[name='confirm_connect_account']:hover,div.modal-container div.modal-buttons input[name='send_for_review_submit']:hover,div.modal-container div.modal-buttons input[name='dpa_agree_sign_submit']:hover,div.modal-container div.modal-buttons input[name='company_dpa_enable_submit']:hover,input.table-buttons[name='accept']:hover,input.table-buttons[name='upcoming_sendconfirm']:hover,input.table-buttons[name='savechanges']:hover,input.table-buttons[name='account-add-save']:hover,input.table-buttons[name='interviewer-save-changes']:hover,input.table-buttons[name='company-settings-save']:hover,input.table-buttons[name='import_history']:hover,input.table-buttons[name='import_history_data']:hover,input.table-buttons[name='add_template']:hover,input.table-buttons[name='generate_export_report']:hover,input.table-buttons[name='add_custom_variables']:hover,input.table-buttons[name='cloud_account_enable']:hover,input.table-buttons[name='grant_account_access']:hover,input.table-buttons[name='expense-options-save']:hover,input.table-buttons[name='add_expense_claim']:hover,input.table-buttons[name='save_expense_claim']:hover,input.table-buttons[name='expense_claim_accept']:hover,input.table-buttons[name='connect_cloud_account']:hover,input.table-buttons[name='assign_cloud_account']:hover,input.table-buttons[name='connect_personal_cloud_account']:hover,input.table-buttons[name='log_exit_interview']:hover,input.table-buttons[name='dpa_agree_sign']:hover,input.table-buttons[name='company_data_processing_enable']:hover,input.table-buttons[name='commentadd']:hover,input.table-buttons[name='upload-document']:hover,input.table-buttons[name='import-document']:hover,input.table-buttons[name='send_sms']:hover,input.table-buttons[name='confirm_text_unknown']:hover,input.table-buttons[name='download-exit-interviews']:hover,input.table-buttons[name='interviewer_grant']:hover,input.table-buttons[name='waitsrefs']:hover,input.table-buttons[name='exportapplication']:hover,input.table-buttons[name='send_for_review']:hover,input.table-buttons[name='accept_immediate_contact']:hover,input.table-buttons[name='calendly_integration_enable']:hover,input.table-buttons[name='expenses_download_invoice']:hover{background-color:#419641}

/* amber buttons */
input.table-buttons[name='viewrecord'],input.table-buttons[name='viewmultiple'],input.table-buttons[name='documents-rename'],input.table-buttons[name='reference-upload'],input.table-buttons[name='upcoming_sendtointerviewer'],div.modal-container div.modal-buttons input[name='confirm_reauthorise_personal_cloud_account'],input.table-buttons[name='reauthorise_personal_cloud_account'],input.table-buttons[name='change_exit_interview']{background-color:#f0ad4e}
input.table-buttons[name='markascompleted']:hover,input.table-buttons[name='letters_modify']:hover,input.table-buttons[name='custom_variables_modify']:hover,input.table-buttons[name='reference_upload']:hover,input.table-buttons[name='interviewer_change']:hover,input.table-buttons[name='documents-rename']:hover,input.table-buttons[name='reference-upload']:hover,input.table-buttons[name='upcoming_sendtointerviewer']:hover,input.table-buttons[name='reauthorise_personal_cloud_account']:hover,input.table-buttons[name='change_exit_interview']:hover,input.table-buttons[name='viewrecord']:hover,input.table-buttons[name='viewmultiple']:hover,div.modal-container div.modal-buttons input[name='confirm_reauthorise_personal_cloud_account']:hover,input.table-buttons[name='expenses_generate_invoice']:hover{background-color:#eb9316}

/* other modal buttons */
div.modal-container div.modal-buttons input[name='delete_template'],div.modal-container div.modal-buttons input[name='letter_idcard_print_no'],div.modal-container div.modal-buttons input[name='send_custom_letter_no'],div.modal-container div.modal-buttons input[name='assign_interviewer_remove'],div.modal-container div.modal-buttons input[name='delete_variables'],div.modal-container div.modal-buttons input[name='delete_from_cloud'],div.modal-container div.modal-buttons input[name='deletephoto'],div.modal-container div.modal-buttons input[name='delete_exit_interview_details'],div.modal-container div.modal-buttons input[name='pending_deletion_final_submit'],div.modal-container div.modal-buttons input[name='pending_deletion_check_continue'],div.modal-container div.modal-buttons input[name='dpa_agree_sign_submit'],div.modal-container div.modal-buttons input[name='company_dpa_enable_submit'],div.modal-container div.modal-buttons input[name='block_applicant'],div.modal-container[name='send_reference'] div.modal-buttons input[name='send_reference_print']{position:relative;float:right;right:0}
div.modal-container[name='send_reference'] div.modal-buttons:after{content:'';display:table;clear:both}
div.modal-container[name='send_reference'] div.modal-buttons input[name='send_reference_email_sms'],div.modal-container[name='send_reference'] div.modal-buttons input[name='send_reference_email'],div.modal-container[name='send_reference'] div.modal-buttons input[name='send_reference_sms']{margin-right:6px}
div.modal-container[name='send_reference'] div.modal-buttons input[name='send_reference_email_sms'][data-disabled="true"],div.modal-container[name='send_reference'] div.modal-buttons input[name='send_reference_email'][data-disabled="true"],div.modal-container[name='send_reference'] div.modal-buttons input[name='send_reference_sms'][data-disabled="true"],div.modal-container[name='send_reference'] div.modal-buttons input[name='send_reference_print'][data-disabled="true"],div.modal-container[name='send_reference_reminder'] div.modal-buttons input[name='send_reference_reminder_email_sms'][data-disabled="true"],div.modal-container[name='send_reference_reminder'] div.modal-buttons input[name='send_reference_reminder_email'][data-disabled="true"],div.modal-container[name='send_reference_reminder'] div.modal-buttons input[name='send_reference_reminder_sms'][data-disabled="true"]{background-color:#e0e0e0;cursor:not-allowed}
div.modal-container[name='send_reference'] div.modal-buttons input[name='send_reference_email_sms'][data-disabled="true"]:hover,div.modal-container[name='send_reference'] div.modal-buttons input[name='send_reference_email'][data-disabled="true"]:hover,div.modal-container[name='send_reference'] div.modal-buttons input[name='send_reference_sms'][data-disabled="true"]:hover,div.modal-container[name='send_reference'] div.modal-buttons input[name='send_reference_print'][data-disabled="true"]:hover,div.modal-container[name='send_reference_reminder'] div.modal-buttons input[name='send_reference_reminder_email_sms'][data-disabled="true"]:hover,div.modal-container[name='send_reference_reminder'] div.modal-buttons input[name='send_reference_reminder_email'][data-disabled="true"]:hover,div.modal-container[name='send_reference_reminder'] div.modal-buttons input[name='send_reference_reminder_sms'][data-disabled="true"]:hover{background-color:#e0e0e0}
div.modal-container[name='send_reference_reminder'] div.modal-buttons input[name='send_reference_reminder_email_sms'],div.modal-container[name='send_reference_reminder'] div.modal-buttons input[name='send_reference_reminder_email'],div.modal-container[name='send_reference_reminder'] div.modal-buttons input[name='send_reference_reminder_sms']{margin-right:6px}
div#record-topbar input.table-buttons[name='block_applicant'],div#record-topbar input.table-buttons[name='forward_applicant']{position:absolute;float:right;right:5px}
div#record-topbar input.table-buttons[name='forward_applicant']{right:120px}

div.modal-container header div.modal-close{position:absolute;top:20px;right:20px;font-size:2.5em;cursor:pointer}
div.modal-container header div.modal-close:hover{color:#777777}
div.modal-container div.modal-error,div.form-error{color:#d9534f;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;display:none}
div.modal-container div.modal-success{color:#449d44;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;display:none}
div.modal-container div.modal-infomsg{color:#ec971f;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;display:none}
div.modal-container[name='documents_import'] div.modal-success,div.modal-container[name='documents_import'] div.modal-error{margin-bottom:20px}
div.modal-container div.modal-buttons input[name='delete_from_cloud'],div.modal-container div.modal-buttons input[name='scheduleheader_delete'],div.modal-container div.modal-buttons input[name='preview_from_cloud'],div.modal-container div.modal-buttons input[name='scheduleholiday_delete']{margin-left:10px}
div.modal-container[name='pending_deletion_final_confirm'] div.modal-body > div.alert.alert-error.pd-deletion-final-warning:first-of-type{margin-top:1em;margin-bottom:1em}
div.modal-container[name='pending_deletion_final_confirm'] div.modal-body > div.alert.alert-error.pd-deletion-final-warning p{margin:0 0 0.5em 0}
div.modal-container[name='pending_deletion_final_confirm'] div.modal-body div.modal-error.pd-deletion-final-modal-error{margin-top:0.5em}
div.modal-container[name='pending_deletion_final_confirm'] div.modal-buttons input[name='pending_deletion_final_cancel'],div.modal-container[name='pending_deletion_final_confirm'] div.modal-buttons input[name='pending_deletion_final_submit']{width:auto;max-width:none;white-space:normal}
div.modal-container[name='pending_deletion_admin_check'] div.form-container.pd-deletion-summary{margin:1em 0}
div.modal-container[name='pending_deletion_admin_check'] div.modal-buttons input[name='pending_deletion_check_cancel'],div.modal-container[name='pending_deletion_admin_check'] div.modal-buttons input[name='pending_deletion_check_continue']{width:auto;max-width:none;white-space:normal}
div.modal-container[name='pending_deletion_admin_check'] div.modal-buttons:after{content:'';display:table;clear:both}
div.modal-container[name='pending_deletion_final_confirm'] div.form-container.pd-deletion-final-summary{margin:0 0 1em 0}
div.modal-container[name='pending_deletion_final_confirm'] div.modal-buttons:after{content:'';display:table;clear:both}
input.table-buttons[name='purge_applicant_records']{width:auto;max-width:none}
div.modal-container[name='purge_applicant_records'] p[name='purge_count']{margin:0.25em 0 1em 0}
div.modal-container[name='purge_applicant_records'] label.purge-confirm{display:block;margin:0 0 1em 0}
div.modal-container[name='purge_applicant_records'] label.purge-confirm input{margin:0 6px 0 0}
div.modal-container[name='purge_applicant_records'] div.modal-buttons input[name='purge_applicant_records_submit']:disabled,div.modal-container[name='purge_applicant_records'] div.modal-buttons input[name='purge_applicant_records_submit']:disabled:hover{background-color:#e6e6e6;cursor:not-allowed}
div.modal-container p.confirm_sent{color:#449d44;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;font-size:1.1em;display:none}

div.modal-container[data-icontype="good"] header{background:#eef7eb}
div.modal-container[data-icontype="good"] header h2:before{font-family:'fontawesome';content:'\f058';margin-right:10px;color:#449d44}
div.modal-container[data-icontype="info"] header{background:#fdfaec}
div.modal-container[data-icontype="info"] header h2:before{font-family:'fontawesome';content:'\f071';margin-right:10px;color:#ec971f}
div.modal-container[data-icontype="error"] header{background:#f8eded}
div.modal-container[data-icontype="error"] header h2:before{font-family:'fontawesome';content:'\f057';margin-right:10px;color:#c9302c}
div.modal-container[data-icontype="update"] header{background:#d9edf7}
div.modal-container[data-icontype="update"] header h2:before{font-family:'fontawesome';content:'\f0a1';margin-right:10px;color:#31708f}

/* core */
#wrapper{height:auto;min-height:1700px;position:relative;max-width:3000px;margin:0;padding-bottom:20px} /* increase this with each sidebar element ~40px */

#login-container{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:960px;margin-top:10%}
#login-form{padding:20px;width:70%;max-width:960px;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;border-radius:5px;background:#ffffff;text-align:center}
div.dialog-logo{font-family:'open_sansbold',sans-serif !important;font-size:18px;border-bottom:1px solid #eee;padding:10px 0 10px 0}
div.dialog-logo img{display:block;margin:0 auto 10px auto;height:auto;width:90px}
div.dialog-heading{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;font-size:16px;padding:10px}

#login-form-elements{margin:auto;width:100%;max-width:300px;padding:10px}
#form-fields{text-align:left}
.form-label{padding-bottom:0.65em}
.form-field{padding-bottom:10px}
input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"],textarea,input[type="date"],input[type="file"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:100%;border:1px solid #babbbd;padding:8px}
input:hover,textarea:hover,select:hover{color:#777777;background:#f5f5f5}
select{border:0;outline:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:100%;border:1px solid #babbbd;padding:8px;background: #fff}
input.dialog-btn{display:inline-block;width:100%;padding:0.5em;margin:0.5em auto;font-size:1em;background-color:#5cb85c;border:1px solid #e6e6e6;color:#fff;cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
div#companychange-go input{font-size:0.85em;padding:8px;margin:0;background-color:#336699}
div#companychange-go input:hover{background-color:#3399ff !important}
input[data-changed='changed'],select[data-changed='changed'],textarea[data-changed='changed']{background:#def1de}
input:disabled,select:disabled,textarea:disabled,input:disabled:hover,select:disabled:hover,textarea:disabled:hover{background:#e6e6e6}
input:disabled:hover,select:disabled:hover,textarea:disabled:hover{background-color:#e6e6e6;cursor:not-allowed}
.form-field[data-valerror='1'] input,.form-field[data-valerror='1'] select,.form-field[data-valerror='1'] textarea{border:1px solid #ebccd1;background:#f2dede}

input.dialog-btn[name='interview_change'],input.dialog-btn[name='assign_interviewer']{background-color:#336699;margin-right:10px}
input.dialog-btn[name='interview_change']:hover,input.dialog-btn[name='assign_interviewer']:hover{background-color:#3399ff}
input.dialog-btn[name='interview_book'],input.dialog-btn[name='interview_change'],input.dialog-btn[name='interview_cancel'],input.dialog-btn[name='assign_interviewer']{max-width:150px}
input.dialog-btn[name='assign_interviewer']{margin-left:10px}

/* alert boxs */
.alert{width:100%;padding:15px;margin-bottom:10px;border:1px solid transparent;cursor:pointer}
.alert.noclear{cursor:default}
.alert-error{color:#a94442;background-color:#f2dede;border-color:#ebccd1}
.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
.alert-warning{color:#9c5700;background-color:#fff3e0;border-color:#ffb74d}
.alert-close{float:right;font-size:2.5em;cursor:pointer}
.alert button.close{float:right;font-size:1.5em;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;line-height:1;opacity:0.2;padding:0;cursor:pointer;background:none;border:0}
.alert:hover button.close{opacity:1}

div.info-card{display:block;box-sizing:border-box;width:100%;padding:14px 16px;margin:0 0 16px 0;background:#d9edf7;border:1px solid #bce8f1;border-left:4px solid #1686a8;border-radius:3px;color:#31708f}
div.info-card.orange{background:#fdfaec;border-color:#f5e0b8;border-left-color:#ec971f;color:#9c5700}
div.info-card.red{background:#f8eded;border-color:#ebccd1;border-left-color:#c9302c;color:#a94442}
div.info-card .info-card-title{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;margin:0 0 10px 0;color:#245269}
div.info-card ul{margin:0;padding:0 0 0 18px}
div.info-card li{margin:0 0 8px 0}
div.info-card li:last-child{margin-bottom:0}

/* sidebar */
#sidebar{position:absolute;top:0px;bottom:0px;width:250px;height:1700px;min-height:100%;padding:0;background:#003366;display:block} /* increase this with each sidebar element ~40px */
#sidebar #navbar{display:block;width:250px;margin:0 auto;padding:30px 0 0 0;background:#003366}
#copyright{display:block;width:250px;text-align:center;color:#ffffff;padding:10px 0px;background:#003366}

#sidebar .sidebar-head{font-size:1.2em;color:#ffffff;padding:5px 0px 5px 20px;margin:5px 0px;border-bottom:1px solid #3399ff}

#sidebar ol.sidebar-list{list-style:none;padding:0 0 10px 0;margin:0}
#sidebar .sidebar-link{position:relative;display:block;font-size:13px;padding:10px 0px 10px 20px;margin-bottom:2px;width:250px;min-height:40px;background-color:#336699;color:#ffffff}
#sidebar .sidebar-link:hover{background-color:#3399ff}
#sidebar li.selected>a{background-color:#3399ff !important}
#sidebar .nav-count{position:absolute;right:0px;top:0px;bottom:0px;width:38px;background-color:#3399ff;color:#ffffff;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;text-align:center;border-left:1px solid #336699;line-height:38px}

#sidebar div.sidebar-text{display:block;width:250px;text-align:center;color:#ffffff;padding-bottom:10px;background:#003366}
#sidebar div.sidebar-text a,#sidebar div.sidebar-text[data-type='clickable']{display:block;color:#ffffff;width:100%}
#sidebar div.sidebar-text a:hover,#sidebar div.sidebar-text[data-type='clickable']:hover{background:#003366;text-decoration:underline;cursor:pointer}

/* main page */
#header{margin:0;padding:0;background-color:#f5f6f7;border-bottom:3px solid #003366}
#header-container{position:relative;margin-left:250px;padding:0 0 0 20px;height:56px}
#header-container h1{position:absolute;height:32px;bottom:12px;font-size:16px;line-height:32px;margin:0;padding:0}
#header-container div.companychange{position:absolute;right:20px;top:11px;line-height:32px;max-width:325px}
#header-container div.companychange.has-territory{max-width:680px}
#header-container div.companychange div{display:inline-block;vertical-align:middle}
#header-container div.companychange div{display:inline-block;vertical-align:middle}
#header-container div.companychange div#territorychange-text{padding-right:10px}
#header-container div.companychange div#companychange-text{padding-right:10px}
#header-container div.companychange.has-territory div#companychange-text{padding-left:15px}
#header-container div.companychange div#companychange-option{max-width:150px}
#header-container div.companychange div#territorychange-option{max-width:250px}
#header h1{color:#003366}
h1[data-type='company-settings']:before{font-family:'fontawesome';content:'\f013';margin-right:5px}
h1[data-type='dashboard']:before{font-family:'fontawesome';content:'\f0e4';margin-right:5px}
h1[data-type='applications']:before{font-family:'fontawesome';content:'\f234';margin-right:5px}
h1[data-type='record']:before{font-family:'fontawesome';content:'\f007';margin-right:5px}
h1[data-type='search']:before{font-family:'fontawesome';content:'\f002';margin-right:5px}
h1[data-type='interviewers']:before{font-family:'fontawesome';content:'\f0c0';margin-right:5px}
h1[data-type='reports']:before{font-family:'fontawesome';content:'\f115';margin-right:5px}
h1[data-type='references']:before{font-family:'fontawesome';content:'\f0c5';margin-right:5px}
h1[data-type='unbooked']:before{font-family:'fontawesome';content:'\f133';margin-right:5px}
h1[data-type='cloud']:before{font-family:'fontawesome';content:'\f0c2';margin-right:5px}
h1[data-type='expenses']:before{font-family:'fontawesome';content:'\f154';margin-right:5px}
h1[data-type='agreements']:before{font-family:'fontawesome';content:'\f15c';margin-right:5px}
h1[data-type='pending_deletion']:before{font-family:'fontawesome';content:'\f1f8';margin-right:5px}
p.sidebar-head[data-type="applications"]:before{font-family:'fontawesome';content:'\f234';margin-right:5px}
p.sidebar-head[data-type="interviews"]:before{font-family:'fontawesome';content:'\f0c0';margin-right:5px}
p.sidebar-head[data-type="reports"]:before{font-family:'fontawesome';content:'\f115';margin-right:5px}
p.sidebar-head[data-type="settings"]:before{font-family:'fontawesome';content:'\f013';margin-right:5px}
p.sidebar-head[data-type="expenses"]:before{font-family:'fontawesome';content:'\f154';margin-right:5px}
p.sidebar-head[data-type="personal_account"]:before{font-family:'fontawesome';content:'\f2bd';margin-right:5px}
a.sidebar-link[data-type="dashboard"]:before{font-family:'fontawesome';content:'\f0e4';margin-right:5px}
a.sidebar-link[data-type="quick_tools"]:before{font-family:'fontawesome';content:'\f090';margin-right:5px}
a.sidebar-link[data-type="settings"]:before{font-family:'fontawesome';content:'\f013';margin-right:5px}
a.sidebar-link[data-type="cloud_accounts"]:before{font-family:'fontawesome';content:'\f0c2';margin-right:5px}
a.sidebar-link[data-type="dpa"]:before{font-family:'fontawesome';content:'\f0f6';margin-right:5px}
a.sidebar-link[data-type="blocked_applicants"]:before{font-family:'fontawesome';content:'\f05e';margin-right:5px}
a.sidebar-link[data-type="pending_deletion"]:before{font-family:'fontawesome';content:'\f1f8';margin-right:5px}

div[name='sidebar_menu_icon']{display:none;height:56px;line-height:52px;width:56px;color:#ffffff;background:#003366;font-size:2em;cursor:pointer;text-align:center}
div[name='sidebar_menu_icon']:hover{background:#3399ff}
div[name='sidebar_menu_icon']:before{font-family:'fontawesome';content:'\f0c9';padding-top:2px}
div.sidebar_menu_actioncount{position:relative;width:30px;height:56px;color:#ffffff;right:0;font-size:0.5em;float:right}

#page{margin-left:250px;padding:10px 20px 20px 20px;overflow:hidden;height:100%}
#page.no-sidebar{margin-left:0}

.heading{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;font-size:1.1em}
form[name='company_settings'] .heading,form[name='company_settings'] .form-label,form[name='company_settings'] .form-row[id],form[name='company_settings'] p[id]{scroll-margin-top:16px}
.heading span.heading-new-pill{display:inline-block;vertical-align:middle;margin:-2px 6px 0 0;padding:2px 7px;border-radius:3px;background-color:#1686a8;color:#ffffff;font-family:'open_sanssemibold',sans-serif !important;font-size:11px;line-height:1.4;letter-spacing:0.03em;text-transform:uppercase}
.headinglarge{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;font-size:1.4em}
div.form-container{padding:10px;border:1px solid #babbbd;border-radius:3px;margin:10px 0 20px 0}
div.form-container[data-type='minimal']{padding:0;border:0}
div.form-container[data-type='minimal-nomarg']{padding:0;border:0;margin:0}
div.form-container div.form-row{display:block;width:100%}
div.form-container div.form-fields{display:inline-block;width:100%;max-width:200px;vertical-align:top;margin-right:5px;*display:inline;zoom:1;*margin-right:30px}
div.form-container div.form-fields[name='half']{max-width:100px}
div.form-container div.form-fields[name='double']{max-width:400px}
div.form-container div.form-fields[name='full']{max-width:none}
div.form-container div.form-fields[name='halfperc']{max-width:none;width:49%}
div.form-container div.form-fields[data-valign='top']{vertical-align:top !important}
div.form-container div.form-fields[data-valign='middle']{vertical-align:middle !important}
div.form-container div.form-fields[data-valign='bottom']{vertical-align:bottom !important}
div.form-container div.form-fields[name='age']{padding-left:10px;padding-bottom:10px;vertical-align:bottom}
div.form-container div.form-fields[name='age'] span[name='age'].none{font-style:italic;color:#868686}
div.form-field[name='dateselect'] select{display:inline-block;width:30%}
div.form-field[name='dateselect'] select.date-day{width:28%;margin-right:1%}
div.form-field[name='dateselect'] select.date-month{width:35%;margin-right:1%}
div.form-field[name='dateselect'] select.date-year{width:35%}
div.hidden-field{display:none !important}

div.submit-button-holder{width:100%;text-align:left}
div.submit-button-holder input{max-width:200px}
form[name='dpa_supersede_version'] div.submit-button-holder input[name='dpa_supersede_submit']{max-width:none;width:240px}

div.dashboard-box{display:block;width:100%;margin:10px 0 20px 0;background:#ffffff;border:1px solid rgba(0,0,0,0.15);border-radius:3px}
div.dashboard-box header{position:relative;margin:0;padding:20px;min-height:20px;border-bottom:1px solid #e6e6e6}
div.dashboard-box p.dashboard-head{margin:0;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;font-size:1.2em;line-height:1.2em}
div.dashboard-box[data-icontype="good"] header{background:#eef7eb}
div.dashboard-box[data-icontype="good"] p.dashboard-head:before{font-family:'fontawesome';content:'\f058';margin-right:10px;color:#449d44}
div.dashboard-box[data-icontype="info"] header{background:#fdfaec}
div.dashboard-box[data-icontype="info"] p.dashboard-head:before{font-family:'fontawesome';content:'\f071';margin-right:10px;color:#ec971f}
div.dashboard-box[data-icontype="error"] header{background:#f8eded}
div.dashboard-box[data-icontype="error"] p.dashboard-head:before{font-family:'fontawesome';content:'\f057';margin-right:10px;color:#c9302c}

div.dashboard-box[data-width="half"]{display:inline-block;width:49%}
div.dashboard-box[data-pos="left"]{float:left}
div.dashboard-box[data-pos="right"]{float:right}
div.dashboard-box[data-icontype="chart-line"] header,div.dashboard-box[data-icontype="chart-pie"] header{background:#d9edf7}
div.dashboard-box[data-icontype="chart-line"] p.dashboard-head:before{font-family:'fontawesome';content:'\f201';margin-right:10px;color:#31708f}
div.dashboard-box[data-icontype="chart-pie"] p.dashboard-head:before{font-family:'fontawesome';content:'\f200';margin-right:10px;color:#31708f}

div.dashboard-box div.dashboard-box-body{padding:20px}
div.dashboard-box div.dashboard-box-body p:first-child{margin-top:0}
div.dashboard-box div.dashboard-box-body p:last-child{margin-bottom:0}
div.dashboard-box div.dashboard-box-body p.manage-btn a:first-child{margin-right:15px}
div.modal-container[name='company_agreements_setup'] input[readonly]{background:#f5f5f5;color:#31373d}
div.modal-container[name='company_agreements_setup'] div.agreements-signature{width:400px;max-width:100%;margin:30px auto 0 auto}
div.modal-container[name='company_agreements_setup'] div.agreements-signature div.kbw-signature{width:100%;max-width:400px;margin:0;box-sizing:border-box}
div.modal-container[name='company_agreements_setup'] input[name='company_agreements_clear_signature']{display:block;margin:8px 0 0 auto;min-width:85px;padding:0.5em;font-size:1em;background-color:#336699;color:#ffffff;border:1px solid #e6e6e6;cursor:pointer;border-radius:3px}
div.modal-container[name='company_agreements_setup'] input[name='company_agreements_clear_signature']:hover{background-color:#3399ff}
div.modal-container[name='company_agreements_setup'] div.modal-error ul{margin:0.4em 0 0.2em 1.2em;padding:0}
div.modal-container[name='company_agreements_setup'] div.modal-error li{margin:0.2em 0}
div.modal-container[name='company_agreements_setup'] div.form-label span.small-text{display:block;font-weight:normal}
div.modal-container[name='company_agreements_setup'] span.agreements-pounds{display:block;position:relative}
div.modal-container[name='company_agreements_setup'] span.agreements-pounds:before{content:"\00a3";position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#31373d}
div.modal-container[name='company_agreements_setup'] span.agreements-pounds input{padding-left:22px}
div.modal-container div.modal-buttons input[name='company_agreements_submit']{background-color:#5cb85c}
div.modal-container div.modal-buttons input[name='company_agreements_submit']:hover{background-color:#419641}
div.dashboard-box div.dashboard-box-body a{background:#fefefe;border:1px solid #e6e6e6;padding:0.5em;line-height:3em;color:#003366}
div.dashboard-box div.dashboard-box-body a:hover{background: #f5f5f5}

div.dashboard-stats-container div.float-right select,div.record-container div.float-right select{width:auto}

div.dashboard-box[data-boxtype='chart']{min-height:300px}
div.dashboard-box-body p[name='center']{text-align:center;margin:0;margin-bottom:5px}
div.dashboard-box-body div.current-coverage{text-align:center;font-size:3em;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;color:#336699;line-height:normal}
div.dashboard-box-body div.average-coverage{text-align:center;color:#336699;line-height:normal}
div.dashboard-box-body div.chart-container{width:100%;min-height:200px}
div.dashboard-box-body div.chart-container-none{text-align:center;font-size:1.1em;color:#336699;line-height:normal}

div.dashboard-box[data-boxtype='chart'] div.dashboard-box-body div.container-inline{display:inline-block;float:left;width:85%;vertical-align:middle}
div.dashboard-box[data-boxtype='chart'] div.dashboard-box-body div.container-inline[data-name='livecoverage']{width:15%;height:200px;padding-top:53px}

@media screen and (max-width:1279px){
	div.dashboard-box[data-boxtype='chart'] div.dashboard-box-body div.container-inline{display:block;float:none;width:100%}
	div.dashboard-box[data-boxtype='chart'] div.dashboard-box-body div.container-inline[data-name='livecoverage']{display:block;float:none;width:100%;height:auto;padding-top:0}
}

@media screen and (max-width:850px){
	div.dashboard-box[data-width="half"]{display:block;width:100%;float:none !important}
}

table.main_table{width:100%;border-collapse:collapse;border-spacing:0;word-wrap:break-word;margin:10px 0 20px 0;background:#ffffff;border-radius:3px}
.main_table thead{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;font-size:1em;background:#003366;color:#ffffff}
table.main_table th{border:1px solid #e6e6e6;height:60px}
table.main_table tbody td{border:1px solid #e6e6e6;padding:5px;text-align:center;vertical-align:middle;word-break:break-word}
table.main_table tbody tr{height:45px}
table.main_table tbody tr[data-multiple='1']{background:#fdfaec}
table.main_table tbody tr:hover{background:#f8f8f8}
table.main_table pre{margin:0;font-family:'open_sansregular',sans-serif !important;word-wrap:break-word;white-space:pre-wrap;word-break:break-word}
table.main_table pre.nobreak{word-wrap:unset;white-space:unset;word-break:unset}
table.main_table th[name='creation_date'],table.applicants_pending td[name='creation_date']{width:80px}
table.main_table th[name='actions'],table.applicants_pending td[name='actions'],table.main_table[name='manage_letters'] th[name='actions']{width:195px}
table.main_table[name='unique_references_sent'] th[name='actions'],table.main_table[name='unique_references_opened'] th[name='actions']{width:230px}
table.main_table[name='completed_expense_claims'] th[name='actions']{width:230px}
table.main_table th[name='statusreason']{width:15%}
table.main_table[name='inprocess_applications'] th[name='address'],table.main_table[name='inprocess_applications'] th[name='lastcomment'],table.main_table[name='pending_applications'] th[name='otherdetails']{width:15%}
table.main_table[name='inprocess_applications'] th[name='cleaner_rate'],table.main_table[name='pending_applications'] th[name='cleaner_rate']{width:5%}
table.main_table[name='pending_applications'] th[name='address'],table.main_table[name='pending_applications'] th[name='contacts']{width:15%}
table.main_table[name='pending_applications'] th[name='otherdetails']{width:20%}
table.main_table[name='pending_applications'] td[name='otherdetails'] span[name='right_to_work']{background:#d9edf7;color:#31708f;display:inline-block;padding:5px}

table.main_table[name='record_comments']{margin:0}
table.main_table[name='record_comments'] thead,table.main_table[name='record_comments'] tbody{display:block}
table.main_table[name='record_comments'] thead th{height:30px;padding:5px}
table.main_table[name='record_comments'] thead th[name='comment_date'],table.main_table[name='record_comments'] tbody td[name='comment_date'],table.main_table[name='record_comments'] thead th[name='action'],table.main_table[name='record_comments'] tbody td[name='action']{min-width:80px}
table.main_table[name='record_comments'] thead th[name='action'],table.main_table[name='record_comments'] tbody td[name='action']{min-width:40px}
table.main_table[name='record_comments'] thead th[name='comment_who'],table.main_table[name='record_comments'] tbody td[name='comment_who']{min-width:125px}
table.main_table[name='record_comments'] tbody td[name='comment_date']{max-width:80px}
table.main_table[name='record_comments'] tbody td[name='comment_who']{max-width:125px}
table.main_table[name='record_comments'] tbody td[name='action']{max-width:40px}

table.main_table[name='record_comments'] input[name='delete_comment']{margin:auto;width:25px;height:25px;padding:0;cursor:pointer;text-align:center;background-color:#d9534f}
table.main_table[name='record_comments'] input[name='delete_comment']:hover{background-color:#c12e2a}

table.main_table[name='record_documents'] thead th,table.main_table[name='admincentre_documents'] thead th{height:30px;padding:5px}
table.main_table[name='record_documents'] tbody tr,table.main_table[name='admincentre_documents'] tbody tr{height:50px}
table.main_table[name='record_documents'] thead th[name='document_size'],table.main_table[name='record_documents'] tbody td[name='document_size'],table.main_table[name='record_documents'] thead th[name='document_date'],table.main_table[name='record_documents'] tbody td[name='document_date'],table.main_table[name='admincentre_documents'] thead th[name='document_date'],table.main_table[name='admincentre_documents'] tbody td[name='document_date']{width:10%}
table.main_table[name='record_documents'] thead th[name='document_type'],table.main_table[name='record_documents'] tbody td[name='document_type'],table.main_table[name='admincentre_documents'] thead th[name='document_type'],table.main_table[name='admincentre_documents'] tbody td[name='document_type']{width:5%}
table.main_table[name='record_documents'] thead th[name='document_actions'],table.main_table[name='record_documents'] tbody td[name='document_actions'],table.main_table[name='admincentre_documents'] thead th[name='document_actions'],table.main_table[name='admincentre_documents'] tbody td[name='document_actions']{width:160px}
table.main_table[name='record_documents'] thead th[name='document_actions']{width:120px}
table.main_table[name='record_documents'] input.table-buttons{width:auto;min-width:60px}

table.main_table tbody td.bad,table.main_table[name='waiting_references'] tbody td.ref-none{background:#f8eded;color:#c9302c;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}
table.main_table tbody td.good,table.main_table[name='waiting_references'] tbody td.ref-received{background:#eef7eb;color:#449d44;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}
table.main_table tbody td.ok,table.main_table[name='waiting_references'] tbody td.ref-sent{background:#fdfaec;color:#ec971f;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}
table.main_table tbody td.none{background:#f8f8f8;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}

table.main_table tbody td span.good{color:#449d44}
table.main_table tbody td span.ok{color:#ec971f}
table.main_table tbody td span.bad{color:#c9302c}

table.main_table[name='record_comments'] thead th[name='comment'],table.main_table[name='record_comments'] tbody td[name='comment']{width:100%}
table.main_table[name='record_comments'] tbody td[name='comment']{text-align:left}
table.main_table[name='record_comments'] tbody{overflow:auto;max-height:300px}
table.main_table[name='record_comments'] tbody[name='normal']{display:table-row-group}

table.main_table td[data-colourscale='0']{background:#f8f8f8}
table.main_table td[data-colourscale='1']{background:#d9edf7;color:#31708f;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal} /* blue */
table.main_table td[data-colourscale='2']{background:#eef7eb;color:#449d44;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal} /* green */
table.main_table td[data-colourscale='3']{background:#fdfaec;color:#ec971f;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal} /* orange */
table.main_table td[data-colourscale='4']{background:#fdfaec;color:#ec971f;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal} /* orange */
table.main_table td[data-colourscale='5']{background:#f8eded;color:#c9302c;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal} /* red */
table.main_table td[data-colourscale='6']{background:#f8eded;color:#c9302c;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal} /* red */

table.main_table td[name='status'][data-type='inactive']{background:#f8eded;color:#c9302c;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}
table.main_table td[name='status'][data-type='active']{background:#eef7eb;color:#449d44;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}
table.main_table td[name='lastlogin'][data-colour='green'],table.main_table[name='contact_history'] tbody td[name='contact_date'][data-colour='green']{background:#eef7eb;color:#449d44}
table.main_table td[name='lastlogin'][data-colour='amber'],table.main_table[name='contact_history'] tbody td[name='contact_date'][data-colour='amber']{background:#fdfaec;color:#ec971f}
table.main_table td[name='lastlogin'][data-colour='none'],table.main_table[name='contact_history'] tbody td[name='contact_date'][data-colour='none']{background:#f8f8f8}

table.main_table[name='upcoming_interviews'] tr[name='interviewer']{height:50px;background:#f8f8f8}
table.main_table[name='upcoming_interviews'] tr[name='interviewer'] td{text-align:left;padding-left:25px}

table.main_table[name='contact_history']{margin:0 0 10px 0}
table.main_table[name='contact_history'] thead th,table.main_table[name='contact_history'] tbody td[name='contact_date']{height:30px}

div.contact_history{width:100%;margin:10px 0;text-align:center;font-size:0.8em}

/* table buttons main style */
input.table-buttons{display:inline-block;width:85px;margin:2px;padding:0.5em;font-size:1em;background-color:#336699;color:#ffffff;border:1px solid #e6e6e6;cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
input.table-buttons:hover{background-color:#3399ff}

/* save/green buttons with fixed width */
input.table-buttons[name='savechanges'],input.table-buttons[name='account-add-save'],input.table-buttons[name='interviewer-save-changes'],input.table-buttons[name='company-settings-save'],input.table-buttons[name='import_history'],input.table-buttons[name='import_history_data'],input.table-buttons[name='add_template'],input.table-buttons[name='generate_export_report'],input.table-buttons[name='add_custom_variables'],input.table-buttons[name='cloud_account_enable'],input.table-buttons[name='grant_account_access'],input.table-buttons[name='expense-options-save'],input.table-buttons[name='add_expense_claim'],input.table-buttons[name='save_expense_claim'],input.table-buttons[name='expense_claim_accept']{background-color:#5cb85c;width:100%;max-width:174px !important}

/* auto width buttons */
input.table-buttons[name='switch_cloud_accounts_company'],input.table-buttons[name='switch_cloud_accounts_personal'],input.table-buttons[name='connect_cloud_account'],input.table-buttons[name='disconnect_cloud_account'],input.table-buttons[name='assign_cloud_account'],input.table-buttons[name='remove_cloud_account'],input.table-buttons[name='connect_personal_cloud_account'],input.table-buttons[name='reauthorise_personal_cloud_account'],input.table-buttons[name='disconnect_personal_cloud_account'],input.table-buttons[name='personal_cloud_change_default_path'],input.table-buttons[name='view-completed-exit-interviews'],input.table-buttons[name='manage_expense_options'],input.table-buttons[name='submit_expense_claim'],input.table-buttons[name='dpa_agree_sign'],input.table-buttons[name='company_data_processing_enable'],input.table-buttons[name='company_data_processing_disable'],input.table-buttons[name='remove_block'],div#record-topbar input.table-buttons[name='block_applicant'],div#record-topbar input.table-buttons[name='forward_applicant'],input.table-buttons[name='clearup_new_applicants'],input.table-buttons[name='clearup_unbooked_interviews'],input.table-buttons[name='index_clearup_new_applicants'],input.table-buttons[name='expenses_download_invoice'],input.table-buttons[name='expenses_generate_invoice']{width:auto;max-width:none}

/* specific width buttons */
input.table-buttons[name='viewrecord'],input.table-buttons[name='viewmultiple'],input.table-buttons[name='contact_applicant'],input.table-buttons[name='pending_deletion_delete'],input.table-buttons[name='letters_example'],input.table-buttons[name='reference_manage'],input.table-buttons[name='add_account'],input.table-buttons[name='more_details'],input.table-buttons[name='log_exit_interview'],input.table-buttons[name='change_exit_interview'],input.table-buttons[name='expense_claim_reject'],input.table-buttons[name='dpa_view_agreement']{width:100%;max-width:174px !important}

/* disabled button states */
input.table-buttons[name='savechanges'][data-disabled="true"],input.table-buttons[name='account-add-save'][data-disabled="true"],input.table-buttons[name='interviewer-save-changes'][data-disabled='true'],input.table-buttons[name='company-settings-save'][data-disabled='true'],input.table-buttons[name='generate_export_report'][data-disabled='true'],input.table-buttons[name='email_settings_verify'][data-disabled='true'],input.table-buttons[name='expense-options-save'][data-disabled='true'],input.table-buttons[name='save_expense_claim'][data-disabled='true'],input.table-buttons[name='expenses_interview_line_remove'][data-disabled='true'],input.table-buttons[name='expenses_hourly_line_remove'][data-disabled='true'],input.table-buttons[name='expenses_custom_line_remove'][data-disabled='true'],input.table-buttons[name='submit_expense_claim'][data-disabled='true'],input.table-buttons[name='dpa_view_agreement'][data-disabled='true'],input.table-buttons[name='dpa_delete_agreement'][data-disabled='true'],input.table-buttons[name='expenses_download_invoice'][data-disabled='true'],input.table-buttons[name='expenses_generate_invoice'][data-disabled='true'],div.modal-container div.modal-buttons input[name='pending_deletion_final_submit'][data-disabled='true']{background-color:#e0e0e0 !important;cursor:not-allowed}

/* other custom button styles */
input.table-buttons[name='commentadd']{background-color:#5cb85c;width:100%;margin:0}
input.table-buttons[name='postcodelookup'],input.table-buttons[name='contact_history_add']{width:100%;margin:0}
input.table-buttons[name='reference-print'],input.table-buttons[name='reference-upload'],input.table-buttons[name='reference-view-received'],input.table-buttons[name='reference-reject'],input.table-buttons[name='reference-ip-confirm'],input.table-buttons[name='mapview']{width:100%;margin:0}
input.table-buttons[name='reference-remind']{background-color:#f0ad4e;width:auto;margin:0}
input.table-buttons[name='reference-remind']:hover{background-color:#eb9316}
input.table-buttons[name='coverage-clear']{width:auto;margin:0}
input.table-buttons[name='upload-document'],input.table-buttons[name='import-document'],input.table-buttons[name='send_sms'],input.table-buttons[name='confirm_text_unknown'],input.table-buttons[name='download-exit-interviews'],input.table-buttons[name='expenses_download_invoice']{background-color:#5cb85c;width:auto}
input.table-buttons[name='download-all-documents']{width:auto}
input.table-buttons[name='forward_on']{display:block;width:100%;max-width:85px;margin:0 auto;margin-top:10px}
input.table-buttons[name='interviewer_change']{background-color:#f0ad4e;width:100%;max-width:174px !important}
input.table-buttons[name='interviewer_revoke'],input.table-buttons[name='dpa_delete_agreement']{background-color:#d9534f;width:100%;max-width:174px !important}
input.table-buttons[name='interviewer_grant']{background-color:#5cb85c;width:100%;max-width:174px !important}
input.table-buttons[name='waitsrefs'],input.table-buttons[name='exportapplication'],input.table-buttons[name='send_for_review']{width:100%;max-width:250px !important;background-color:#5cb85c}
input.table-buttons[name='reference_upload']{background-color:#f0ad4e;width:100%;max-width:174px !important}
input.table-buttons[name='letters_modify'],input.table-buttons[name='custom_variables_modify']{background-color:#f0ad4e;width:100%;max-width:174px !important}
input.table-buttons[name='letter_idcard_print']{width:auto}
input.table-buttons[name='send_custom_letter']{width:auto}
input.table-buttons[name='email_settings_verify']{width:auto}
input.table-buttons[name='calendly_integration_enable'],input.table-buttons[name='calendly_integration_disable'],input.table-buttons[name='calendly_sync']{width:auto}
input.table-buttons[name='admincentre_forwardapplicant']{width:auto}
input.table-buttons[name='clear_list'],input.table-buttons[name='select_all_list']{width:auto}
input.table-buttons[name='clear_list']{position:relative;float:right}
input.table-buttons[name='expenses_generate_invoice']{background-color:#f0ad4e;width:auto}

table.main_table[name='upcoming_interviews'] input{width:100%}
table.main_table[name='upcoming_interviews'] div.interview_changer{display:block;margin-top:10px;width:100%;text-align:center}
table.main_table[name='upcoming_interviews'] div.interview_changer span.interview_btn{display:inline-block;min-width:70px;margin:2px;padding:3px 5px;border:1px solid #e6e6e6;border-radius:3px;cursor:pointer}
table.main_table[name='upcoming_interviews'] div.interview_changer span.interview_btn[name='change']{background:#fdfaec;color:#ec971f}
table.main_table[name='upcoming_interviews'] div.interview_changer span.interview_btn[name='change']:hover{background:#eb9316;color:#ffffff}
table.main_table[name='upcoming_interviews'] div.interview_changer span.interview_btn[name='cancel']{background:#f8eded;color:#c9302c}
table.main_table[name='upcoming_interviews'] div.interview_changer span.interview_btn[name='cancel']:hover{background:#c12e2a;color:#ffffff}
table.main_table[name='upcoming_interviews'] div.interview_changer span.interview_btn[name='change']:before{font-family:'fontawesome';content:'\f040';margin-right:5px}
table.main_table[name='upcoming_interviews'] div.interview_changer span.interview_btn[name='cancel']:before{font-family:'fontawesome';content:'\f00d';margin-right:5px}

table.main_table[name='upcoming_interviews'] th{width:20%}
table.main_table[name='upcoming_interviews'] pre[name='applicant_name'],table.main_table[name='waiting_references'] pre[name='applicant_name']{cursor:pointer;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;border-bottom:1px solid #e6e6e6;padding-bottom:5px !important;margin-bottom:5px !important}

div#record-topbar{display:block;line-height:1.5em;background:#ffffff;text-align:center;padding:5px;border-bottom:2px solid #e6e6e6;margin-left:250px}
div#record-topbar[name='info']{background:#fdfaec}
div#record-topbar[name='good']{background:#eef7eb}
div#record-topbar p{margin:0;padding-bottom:5px}

div#record-tabs{position:relative;display:block;line-height:1.5em;background:#ebeef0;text-align:center;border-bottom:2px solid #003366;margin-left:250px;min-height:50px}
div#record-tabs div#tab-holder{display:block;position:absolute;bottom:0px;width:100%;overflow:hidden;white-space:nowrap}
div#record-tabs div#tab-holder div.tab{display:inline-block;margin:0;margin-right:10px;padding:0.5em;background:#336699;color:#ffffff;border-top-left-radius:3px;border-top-right-radius:3px;cursor:pointer}
div#record-tabs div#tab-holder div.tab[data-selected="true"]{background:#3399ff}
div#record-tabs div#tab-holder div.tab:hover{background:#3399ff}
div#record-tabs div#tab-holder div.tab[data-disabled="true"]{background:#e0e0e0;cursor:default}
div#record-tabs div#tab-holder div.tab[data-disabled="true"]:hover{background:#e0e0e0}

div.record-container{display:block;width:100%;max-width:1000px;margin:auto}
div.record-container div.record-panel{position:relative;width:100%;padding:10px}
div.record-container div.record-panel[name='right']{position:relative;float:left;width:30%;max-width:300px;height:100%}
div.record-container div.record-panel[name='left']{position:relative;float:left;width:70%;max-width:800px}
div.record-container div.record-panel[name='full']{position:relative;width:100%}

div#photo-container{display:block;margin:10px auto}
div#photo-holder{display:block;width:132px;height:170px;border:1px solid #a4a6a7;margin:auto}
div#photo-holder div#applicant-photo{display:block;padding:2px;width:100%;height:100%;border:0;margin:0}
div#photo-holder div#applicant-photo img{width:100%;height:auto;max-height:164px;border:0;margin:0}
div#photo-action{display:block;width:132px;height:2em;line-height:2em;margin:auto;border-width:0 1px 1px 1px;border-style:solid;border-color:#a4a6a7;background:#336699;color:#ffffff;text-align:center;cursor:pointer;margin-top:5px}
div#photo-action:hover{background:#3399ff}
div#photo-action:before{font-family:'fontawesome';content:'\f067';margin-right:5px}
div#photo-action[name='change']:before{font-family:'fontawesome';content:'\f040';margin-right:5px}
div#photo-action[name='rotate']:before{font-family:'fontawesome';content:'\f01e';margin-right:5px}

div#no-photo{background:#ffffff;margin:auto;font-size:5em;color:#e6e6e6;width:100%;height:100%;padding-top:70px;vertical-align:middle;text-align:center}
div#no-photo:before{font-family:'iconicfont';content:'\f029'}

div.record-container div.record_map{width:100%;height:300px;border:0;text-align:center;margin:0 0 10px 0}

div.comment-add-container{width:100%;margin-bottom:10px;min-height:60px}
div.comment-add-container div{display:inline-block;vertical-align:middle}
div.comment-add-container div.comment-field{width:75%;padding-right:10px}
div.comment-add-container div.comment-button{width:25%}

div.record-status-holder{width:100%;background:#ffffff;text-align:center;padding:2px;border:1px solid;border-radius:3px}
div.record-status-holder div{display:block}
div.record-status-holder div.status{font-family:'open_sansbold',sans-serif !important;font-size:1.2em;line-height:46px}
div.record-container div.record-panel div.button input.table-buttons[name='editstatus']{width:100%;margin:0;margin-top:10px}

div.record-status-holder[data-type='bad']{background:#f8eded;color:#c9302c}
div.record-status-holder[data-type='ok']{background:#fdfaec;color:#ec971f}
div.record-status-holder[data-type='good']{background:#eef7eb;color:#449d44}

div.refsavailable-container{width:100%}
div.refsavailable-container div.form-field{max-width:300px}
div.refsavailable-container p[name='refsavailable-note']{margin:0;color:#c9302c;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;display:none}

div.ref-status-overview{display:block;width:100%;margin:5px 0 10px 0}
div.ref-status-overview div.ref-status-row{display:block;width:100%;padding:10px 12px;margin:0 0 8px 0;border:1px solid #e6e6e6;border-left-width:4px;background:#ffffff;border-radius:3px;box-sizing:border-box;overflow:hidden}
div.ref-status-overview div.ref-status-row[data-type='good']{border-left-color:#449d44;background:#eef7eb}
div.ref-status-overview div.ref-status-row[data-type='ok']{border-left-color:#ec971f;background:#fdfaec}
div.ref-status-overview div.ref-status-row[data-type='bad']{border-left-color:#c9302c;background:#f8eded}
div.ref-status-overview div.ref-status-who{display:inline-block;vertical-align:middle;min-width:180px;max-width:40%;margin-right:10px}
div.ref-status-overview span.ref-status-label{display:block;font-family:'open_sanssemibold',sans-serif !important;font-size:0.85em;color:#336699;text-transform:uppercase;letter-spacing:0.03em}
div.ref-status-overview span.ref-status-name{display:block;font-family:'open_sanssemibold',sans-serif !important;font-size:1.05em;color:#333333;margin-top:2px}
span.ref-status-chip{display:inline-block;vertical-align:middle;width:96px;box-sizing:border-box;padding:3px 6px;margin-right:10px;border-radius:3px;font-family:'open_sanssemibold',sans-serif !important;font-size:0.85em;line-height:1.4;text-align:center;color:#ffffff;background:#868686}
span.ref-status-chip[data-type='good']{background:#449d44}
span.ref-status-chip[data-type='ok']{background:#ec971f}
span.ref-status-chip[data-type='bad']{background:#c9302c}
div.ref-status-overview span.ref-status-meta{display:inline-block;vertical-align:middle;color:#666666;font-size:0.95em;margin-right:10px}
div.ref-status-overview span.ref-status-ip-warn{display:inline-block;vertical-align:middle;margin-right:10px;padding:2px 8px;border-radius:3px;font-family:'open_sanssemibold',sans-serif !important;font-size:0.85em;line-height:1.4;color:#ffffff;background:#c9302c;cursor:help}
div.ref-status-overview span.ref-status-ip-ok{display:inline-block;vertical-align:middle;margin-right:10px;padding:2px 8px;border-radius:3px;font-family:'open_sanssemibold',sans-serif !important;font-size:0.85em;line-height:1.4;color:#ffffff;background:#449d44;cursor:help}
div.ref-status-overview div.ref-status-actions{float:right;vertical-align:middle}
div.ref-status-overview div.ref-status-actions input.table-buttons[name='reference-remind'],div.ref-status-overview div.ref-status-actions input.table-buttons[name='reference-ip-confirm']{width:auto;margin:0 0 0 6px}
div.ref-status-overview div.ref-status-dates{clear:both;margin-top:8px;padding-top:7px;border-top:1px solid rgba(51,102,153,0.15);line-height:1.4}
div.ref-status-overview span.ref-status-date{display:inline-block;margin-right:18px;color:#555555;font-size:0.9em;vertical-align:middle}
div.ref-status-overview span.ref-status-date-label{font-family:'open_sanssemibold',sans-serif !important;color:#336699;margin-right:5px;font-size:0.85em;letter-spacing:0.03em;text-transform:uppercase}
div.record-panel[name='right'] input.table-buttons[name='reference-view-received']{background-color:#449d44}
div.record-panel[name='right'] input.table-buttons[name='reference-view-received']:hover{background-color:#398439}
div.record-panel[name='right'] input.table-buttons[name='reference-reject']{background-color:#d9534f}
div.record-panel[name='right'] input.table-buttons[name='reference-reject']:hover{background-color:#c12e2a}
div.modal-container div.modal-buttons input[name='reject_online_reference_confirm'],div.modal-container div.modal-buttons input[name='expire_online_reference_confirm']{background-color:#d9534f}
div.modal-container div.modal-buttons input[name='reject_online_reference_confirm']:hover,div.modal-container div.modal-buttons input[name='expire_online_reference_confirm']:hover{background-color:#c12e2a}
input.table-buttons[name='reference_expire']{background-color:#d9534f;width:auto}
input.table-buttons[name='reference_expire']:hover{background-color:#c12e2a}
div.record-panel[name='right'] div.form-field input.table-buttons{margin-bottom:4px}

#area-map{width:100%;height:100%;min-height:600px;margin:0;padding:0}
div.area-check{display:inline-block;width:100%;min-height:25px;max-width:150px;vertical-align:top;margin:5px 2px;border:1px solid #e6e6e6;border-radius:3px}
div.area-check label{display:block;min-height:100%;height:auto !important;padding:5px}
div.area-check label:hover{cursor:pointer}
div.area-check:hover{background:#3399ff !important;color:#ffffff}
div.area-check[data-checked='true']{background:#336699;color:#ffffff}
div.area-check input[type='checkbox']{margin:0;margin-right:5px}
div.record-map div.record-panel[name='left']{width:60% !important}
div.record-map div.record-panel[name='right']{width:40% !important;max-width:none}

div.form-container[name='map-list']{max-height:622px;overflow:auto;text-align:center;margin-bottom:5px;margin-top:0}
div.map-options{width:100%;padding:10px 0;text-align:center}
div.map-options input{display:inline-block;margin:0  5px;padding:5px;width:auto !important;vertical-align:middle}

div.modal-container[name='mapview'] div.routemap,div.modal-container[name='upcoming_map'] div.interviewmap,div.modal-container[name='interview_book'] div.interviewbookmap{width:100%;height:auto;min-height:500px;border:0;margin:20px auto}
div.modal-container[name='interview_book'] div.interview_book_map_expand{margin:15px 0 5px 0}
div.modal-container[name='interview_book'] div.interview_book_map_toggle{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;color:#1686a8;text-decoration:underline;cursor:pointer;display:inline-block}
div.modal-container[name='interview_book'] div.interview_book_map_panel{display:none;margin-top:10px}
div.modal-container[name='interview_book'] p.interview_book_map_note{margin:0 0 10px 0;font-size:0.9em;color:#666666}
div.modal-container[name='interview_book'] div.interview_book_map_error{display:none;color:#c12e2a;margin:0 0 10px 0}
div.modal-container[name='interview_book'] div.interview_book_map_loader{display:none;text-align:center;margin:10px 0}
div.modal-container[name='interview_book'] div.interviewbookmap{min-height:350px}
div.modal-container[name='upcoming_map'] div.message_holder{margin:10px 0}

div.modal-container[name='upcoming_map'] div.modal-buttons{text-align:center}

span.cloud_path_default{padding:5px;background:#3399ff;color:#ffffff}
span.cloud_path_dynamic{padding:5px;background:#ffffff}
div[name='import_none']{background:#ebeef0;padding:10px}
div[name='import_error'],div.modify_template_error{background:#f8eded;padding:10px;color:#c9302c}
div.documents_import_error,div.documents_import_found,div.modify_template_error,div.modify_template_found{display:none;margin:20px 0}

div.modify_template_type{width:100%;padding:10px;margin-bottom:10px;border:1px solid #bce8f1;color:#31708f;background-color:#d9edf7}
div.modify_template_type[data-type='default']{border-color:#d6e9c6;color:#3c763d;background-color:#dff0d8}
div.modify_template_type[data-type='modified']{border-color:#bce8f1;color:#31708f;background-color:#d9edf7}

div.form-container[name='company-list']{max-height:150px;overflow:auto;text-align:left;margin-bottom:0px}
div.form-container[name='company-list'] div.area-check{max-width:200px;white-space:nowrap;overflow:hidden}

div.form-container[name='export_field_list']{max-height:300px;overflow:auto;text-align:left}
div.form-container[name='export_field_list'] div.area-check{max-width:225px;white-space:nowrap;overflow:hidden}

div.interview_holder{padding:10px;text-align:center;border:1px solid #babbbd;border-radius:3px;margin-bottom:50px}
div.interview_holder div.interview_details{width:100%;margin:10px 0}
div.interview_holder p.interview_status{font-size:1.1em;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;margin:0}
div.interview_holder[data-type='true']{background:#eef7eb}
div.interview_holder[data-type='false']{background:#fdfaec}
div.interview_holder[data-type='false'] p.interview_status:before{font-family:'fontawesome';content:'\f071';margin-right:10px;color:#ec971f}
div.interview_holder[data-type='true'] p.interview_status:before{font-family:'fontawesome';content:'\f058';margin-right:10px;color:#449d44}
div.interview_holder div.interview_status_btn{width:100%;margin:auto}

div.schedule_container, div.top_container{margin-top:10px;position:relative}
div.schedule_container div.schedule_loader{position:absolute;width:100%;height:100%;background:#ebeef0;text-align:center;z-index:1;display:none}
div.schedule_container div.schedule_loader span.loading{position:relative;top:45%}
div.top_container select{width:auto}

table.schedule{width:100%;border-collapse:collapse;border-spacing:0;word-wrap:break-word;margin:10px 0 20px 0;background:#ffffff}
table.schedule thead{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;font-size:1em}
table.schedule thead th{background:#003366;color:#ffffff;width:12.5%}
table.schedule thead th[name='time']{background:#f8f8f8;color:#31373d}
table.schedule th{border:1px solid #e6e6e6;height:60px}
table.schedule th.selected{background-color:#3399ff}
table.schedule td[name='time']{background-color:#f8f8f8}
table.schedule tbody td,table.schedule tfoot td{border:1px solid #e6e6e6;text-align:center;vertical-align:middle;padding:0}
table.schedule tbody tr:hover{background:#f8f8f8}
table.schedule tbody tr.spacer{background:none;border:0;height:10px}
table.schedule tbody tr.none,table.main_table tbody tr.none{height:60px}
table.schedule div.scheduled_cell{padding:8px 0px;cursor:pointer;border-top:1px solid #e6e6e6}
table.schedule div.scheduled_cell:first-child{border-top:0}
table.schedule div.scheduled_cell:hover{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}
table.schedule tfoot td{background:#f8f8f8}

div.scheduled_cell[data-colour='none']{background-color:#ebeef0}
div.scheduled_cell[data-colour='0'],table.colour_selection td[data-colour='0'],div.colour_container div[name='colour'][data-colour='0'] select{background-color:#001f3f;color:#ffffff} /* navy */
div.scheduled_cell[data-colour='1'],table.colour_selection td[data-colour='1'],div.colour_container div[name='colour'][data-colour='1'] select{background-color:#0074d9;color:#ffffff} /* blue */
div.scheduled_cell[data-colour='2'],table.colour_selection td[data-colour='2'],div.colour_container div[name='colour'][data-colour='2'] select{background-color:#7fdbff} /* aqua */
div.scheduled_cell[data-colour='3'],table.colour_selection td[data-colour='3'],div.colour_container div[name='colour'][data-colour='3'] select{background-color:#39cccc} /* teal */
div.scheduled_cell[data-colour='4'],table.colour_selection td[data-colour='4'],div.colour_container div[name='colour'][data-colour='4'] select{background-color:#3d9970;color:#ffffff} /* olive */
div.scheduled_cell[data-colour='5'],table.colour_selection td[data-colour='5'],div.colour_container div[name='colour'][data-colour='5'] select{background-color:#2ecc40;color:#ffffff} /* green */
div.scheduled_cell[data-colour='6'],table.colour_selection td[data-colour='6'],div.colour_container div[name='colour'][data-colour='6'] select{background-color:#01ff70} /* lime */
div.scheduled_cell[data-colour='7'],table.colour_selection td[data-colour='7'],div.colour_container div[name='colour'][data-colour='7'] select{background-color:#ffdc00} /* yellow */
div.scheduled_cell[data-colour='8'],table.colour_selection td[data-colour='8'],div.colour_container div[name='colour'][data-colour='8'] select{background-color:#ff851b} /* orange */
div.scheduled_cell[data-colour='9'],table.colour_selection td[data-colour='9'],div.colour_container div[name='colour'][data-colour='9'] select{background-color:#ff4136;color:#ffffff} /* red */
div.scheduled_cell[data-colour='10'],table.colour_selection td[data-colour='10'],div.colour_container div[name='colour'][data-colour='10'] select{background-color:#85144b;color:#ffffff} /* maroon */
div.scheduled_cell[data-colour='11'],table.colour_selection td[data-colour='11'],div.colour_container div[name='colour'][data-colour='11'] select{background-color:#f012be;color:#ffffff} /* fuchsia */
div.scheduled_cell[data-colour='12'],table.colour_selection td[data-colour='12'],div.colour_container div[name='colour'][data-colour='12'] select{background-color:#b10dc9;color:#ffffff} /* purple */
div.scheduled_cell[data-colour='13'],table.colour_selection td[data-colour='13'],div.colour_container div[name='colour'][data-colour='13'] select{background-color:#aaaaaa} /* gray */
div.scheduled_cell[data-colour='14'],table.colour_selection td[data-colour='14'],div.colour_container div[name='colour'][data-colour='14'] select{background-color:#dddddd} /* silver */
div.scheduled_cell span[name='interviewer']{display:block;font-size:0.8em;padding:0 3px;word-wrap:break-word}

div.scheduled_cell[data-type='header'],div.scheduled_cell[data-type='appointment']{background-color:#ffa500}
div.scheduled_cell[data-type='header-noints']{background-color:#fff8dc;color:#8b0000}
div.scheduled_cell[data-type='header-holiday']{background-color:#fff685}

div.bar_top{width:100%}
div.bar_top div.row{display:block;width:100%;margin-top:15px;text-align:center;position:relative}
div.bar_top div.row:first-child{margin-top:0}
div.bar_top div.left{position:relative;float:left;width:auto}
div.bar_top div.right{position:relative;float:right;width:auto}
div.bar_top div.center{width:100%;position:absolute;top:0}

div.schbutton{display:inline-block;width:auto;padding:8px;background:#336699;color:#ffffff;border:1px solid #e6e6e6;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;text-align:center;margin-right:10px}
div.schbutton:hover{background-color:#3399ff}
div.schbutton[data-type='colours']:before{font-family:'fontawesome';content:'\f046';margin-right:10px}
div.schbutton[data-type='appointment']:before{font-family:'fontawesome';content:'\f073';margin-right:10px}
div.schbutton[data-type='holiday']:before{font-family:'fontawesome';content:'\f271';margin-right:10px}
div.schbutton[name='schedulenav']{background-color:#003366;color:#ffffff;padding:5px 10px}
div.schbutton[name='schedulenav']:hover{background-color:#3399ff}
div.schbutton[data-type='backday']:before{font-family:'fontawesome';content:'\f053';margin-right:10px}
div.schbutton[data-type='backweek']:before{font-family:'fontawesome';content:'\f053\f053';margin-right:10px}
div.schbutton[data-type='forwardday']:after{font-family:'fontawesome';content:'\f054';margin-left:10px}
div.schbutton[data-type='forwardweek']:after{font-family:'fontawesome';content:'\f054\f054';margin-left:10px}
div.schbutton[data-type='reset']{padding:5px 20px}
div.schbutton[data-type='reset']:before{font-family:'fontawesome';content:'\f0e2';margin-right:10px}
div.schbutton[data-type='subscribe_calendar']:before{font-family:'fontawesome';content:'\f271';margin-right:10px}

div.schedule_foot_btn{width:100%;padding:8px 0;border-top:1px solid #e6e6e6;cursor:pointer}
div.schedule_foot_btn:first-child{border-top:none}
div.schedule_foot_btn[data-btn='map']:hover{background-color:#ebeef0}
div.schedule_foot_btn[data-btn='print']:hover{background-color:#ebeef0}
div.schedule_foot_btn[data-btn='map']:before{font-family:'iconicfont';content:'\f25c';margin-right:5px}
div.schedule_foot_btn[data-btn='print']:before{font-family:'iconicfont';content:'\f056';margin-right:5px}
div.schedule_foot_btn[data-count='0']{color:#e6e6e6;cursor:default}

div.colour_container{width:100%;text-align:center}
div.colour_container:hover{background-color:#ebeef0}
div.colour_container > div{display:inline-block;padding:5px}
div.colour_container div[name='area']{width:50%}
div.colour_container div[name='colour']{width:30%}
div.colour_container div[name='action']{width:15%}
div.colour_container div.btn_remove{color:#d9534f;cursor:pointer}
div.colour_container div.btn_remove:before{font-family:'fontawesome';content:'\f00d';margin-right:5px}
div.btn_add{margin:auto;width:100%;max-width:150px;color:#449d44;cursor:pointer;text-align:center;padding:5px;background-color:#eef7eb;border-radius:3px}
div.btn_add:hover,div.colour_container div.btn_remove:hover{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}
div.btn_add:before{font-family:'fontawesome';content:'\f067';margin-right:5px}

table.colour_selection{width:100%;padding:0;text-align:center;border:0;border-collapse:collapse;border-spacing:0;word-wrap:break-word}
table.colour_selection td{border:3px solid white;padding:8px 5px;width:20%;cursor:pointer}
table.colour_selection td:hover{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}

div[name='options_container']{width:100%;height:200px;overflow:auto}
div[name='update_container']{width:100%;height:300px;overflow:auto;margin:20px 0px}

.sidebar_shown{margin-left:250px !important}
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after{content:" \25B4\25BE"}

div.coverage-map{position:relative;border:1px solid #babbbd;border-radius:3px}
div.coverage-map[data-border='none']{border:none;border-radius:0}
div.coverage-map div.map_loader{position:absolute;width:100%;height:100%;background:#ebeef0;text-align:center;z-index:999;display:none}
div.coverage-map div.map_loader span.loading{position:relative;top:45%}
div.coverage-map input.table-buttons[name='reports_coverage_defaultsave']{position:absolute;bottom:0;right:0;margin-bottom:5px;margin-right:5px;z-index:100;width:auto;max-width:none}
div.coverage-map input.table-buttons[name='maps_print']{position:absolute;bottom:35px;right:0;margin-bottom:5px;margin-right:5px;z-index:100;width:auto;max-width:none}
table.area-map-key{width:100%;padding:0;text-align:center;border:0;border-collapse:collapse;border-spacing:0;word-wrap:break-word;border:1px solid #babbbd;margin-top:10px}
table.area-map-key td{width:16%;font-size:0.8em}
table.area-map-key td[name='col0']{background-color:rgba(255,0,0,0.75);color:#ffffff}
table.area-map-key td[name='col1']{background-color:rgba(255,0,0,0.4)}
table.area-map-key td[name='col2']{background-color:rgba(255,153,0,0.5)}
table.area-map-key td[name='col3']{background-color:rgba(255,255,0,0.5)}
table.area-map-key td[name='col4']{background-color:rgba(0,255,0,0.5)}
table.area-map-key td[name='none']{background-color:rgba(0,0,0,0.1)}

table.main_table[name='pending_completion'] td.bad,table.main_table[name='pending_completion'] td.good{font-family:'open_sansregular',sans-serif !important;cursor:pointer}

table.pending_completion_record{margin:10px auto;border:0;border-collapse:collapse;text-align:left}
table.pending_completion_record td{width:200px;cursor:pointer;padding:5px}

table.pending_completion_record tbody td span,table.main_table[name='pending_completion'] tbody td span{display:inline-block;width:100%}
table.main_table[name='pending_completion'] tbody td span{padding:3px 5px;text-align:left}
table.pending_completion_record tbody td span:hover,table.main_table[name='pending_completion'] tbody td span:hover{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}
table.pending_completion_record tbody td span.incomplete,table.main_table[name='pending_completion'] tbody td span.incomplete{color:#ec971f}
table.pending_completion_record tbody td span.complete,table.main_table[name='pending_completion'] tbody td span.complete{color:#449d44}
table.pending_completion_record tbody td span.incomplete:before,table.main_table[name='pending_completion'] tbody td span.incomplete:before{font-family:'fontawesome';content:'\f071';margin-right:5px}
table.pending_completion_record tbody td span.complete:before,table.main_table[name='pending_completion'] tbody td span.complete:before{font-family:'fontawesome';content:'\f058';margin-right:5px}

table.main_table[name='pending_completion'] td[name='status']{width:220px;cursor:pointer}
table.main_table[name='pending_completion'] th[name='cloud'],table.main_table[name='pending_completion'] td[name='cloud']{width:90px;text-align:center;white-space:normal;line-height:1.2}
table.main_table[name='pending_completion'] tbody td[name='cloud'] span.cloud-status{display:inline-block;width:auto;padding:0;text-align:center;cursor:help;font-size:1.15em}
table.main_table[name='pending_completion'] tbody td[name='cloud'] span.cloud-status:before{font-family:'fontawesome'}
table.main_table[name='pending_completion'] tbody td[name='cloud'] span.cloud-status:hover{font-family:inherit !important;font-weight:normal}
table.main_table[name='pending_completion'] tbody td[name='cloud'] span.cloud-status.cloud-checking{color:#868686}
table.main_table[name='pending_completion'] tbody td[name='cloud'] span.cloud-status.cloud-checking:before{content:'\f110'}
table.main_table[name='pending_completion'] tbody td[name='cloud'] span.cloud-status.cloud-pending{color:#c9302c}
table.main_table[name='pending_completion'] tbody td[name='cloud'] span.cloud-status.cloud-pending:before{content:'\f00d'}
table.main_table[name='pending_completion'] tbody td[name='cloud'] span.cloud-status.cloud-clear{color:#449d44}
table.main_table[name='pending_completion'] tbody td[name='cloud'] span.cloud-status.cloud-clear:before{content:'\f00c'}

div#record-topbar p[name='refsavailable-note']{font-size:1.1em;color:#c9302c;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}
div#record-topbar p[name='refsavailable-note-good']{font-size:1.2em;color:#449d44;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;margin:5px auto}

table.main_table[name='waiting_references'] tbody td[name='ref1_status'],table.main_table[name='waiting_references'] tbody td[name='ref2_status']{width:125px}

table.main_table[name='user_activity'] tbody td[name='date'],table.main_table[name='user_activity'] tbody td[name='company'],table.main_table[name='user_activity'] tbody td[name='ipaddr']{width:150px}
table.main_table[name='user_activity'] tbody td[name='type']{width:300px}
table.main_table[name='user_activity'] tbody td[name='msg']{width:30%}
table.main_table[name='user_activity_all'] input[name='user_activity_all']{width:auto}
table.main_table[name='user_activity_all'] thead th[name='msg']{width:40%}

select[name='user_activity_select']{width:auto}

div.record-container[name='reports'] div.current-coverage{width:100%;margin:20px auto;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;font-size:1.5em;color:#336699;text-align:center}

table.main_table[name='area_coverage'] tbody tr{height:50px}
table.main_table[name='area_coverage'] tbody tr.spacer{height:10px}
table.main_table[name='area_coverage'] tbody tr.checkfirst{background:#fdfaec}
table.main_table[name='area_coverage'] tbody tr.nottrading{background:#f8f8f8}
table.main_table[name='area_coverage'] tbody tr.totalcoverage{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;font-size:1em;background:#f8f8f8;height:50px}
table.main_table[name='area_coverage'] tbody tr.totalcoverage td[name='coveragetext']{text-align:right;padding-right:10px}
table.main_table[name='area_coverage'] pre[name='area_description']{font-size:0.8em}

table.main_table[name='custom_variables'] thead th{height:40px}
table.main_table[name='custom_variables'] tr[name='note']{height:50px;background:#f8f8f8}
table.main_table[name='custom_variables'] tr[name='note'] td{text-align:left;padding-left:25px}

table.main_table[name='custom_variables'] td[name='variable']{width:30%}
table.main_table[name='custom_variables'] td[name='desc']{width:35%}
table.main_table[name='custom_variables'] td[name='example']{width:35%}
table.main_table[name='custom_variables'] td{height:40px}

table.main_table[name='manage_letters'] td[name='letter_type'] span[data-type='letter']:before{font-family:'fontawesome';content:'\f0f6';margin-right:5px;color:#003366}
table.main_table[name='manage_letters'] td[name='letter_type'] span[data-type='email']:before{font-family:'fontawesome';content:'\f0e0';margin-right:5px;color:#003366}
table.main_table[name='manage_letters'] td[name='letter_type'] span[data-type='sms']:before{font-family:'fontawesome';content:'\f095';margin-right:5px;color:#003366}

div.add_template_container{width:100%;text-align:center}
div.add_custom_fields{display:none}

div.modal-container[name='system_updates']{display:block}
div.modal-container[name='system_updates'] div[name='update_container'],div.modal-container[name='system_updates_adhoc'] div[name='update_container']{height:auto;max-height:calc(100vh - 250px);padding:4px 4px 0 0}
div.modal-container[name='system_updates'] div.update_holder,div.modal-container[name='system_updates_adhoc'] div.update_holder{margin:0 0 12px;padding:14px 16px 10px;background:#f7f9fb;border:1px solid #e6e6e6;border-left:4px solid #3399ff;border-radius:3px}
div.modal-container[name='system_updates'] div.update_holder > .heading,div.modal-container[name='system_updates_adhoc'] div.update_holder > .heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px;color:#003366;font-size:16px;line-height:1.35}
div.modal-container[name='system_updates'] div.update_holder > .heading strong,div.modal-container[name='system_updates_adhoc'] div.update_holder > .heading strong{display:inline-block;margin:0;padding:4px 10px;background:#003366;border:0;border-radius:3px;color:#fff;font-size:13px;letter-spacing:0.03em}
div.modal-container[name='system_updates'] div.update_holder > .heading .heading-new-pill,div.modal-container[name='system_updates_adhoc'] div.update_holder > .heading .heading-new-pill{margin:0}
div.modal-container[name='system_updates'] div.update_holder > .heading .update-title,div.modal-container[name='system_updates_adhoc'] div.update_holder > .heading .update-title{display:block;width:100%;margin:2px 0 0}
div.modal-container[name='system_updates'] div.update_holder > hr,div.modal-container[name='system_updates_adhoc'] div.update_holder > hr{margin:0 0 10px;border:0;border-top:1px solid #e6e6e6}
div.modal-container[name='system_updates'] div.update_holder p,div.modal-container[name='system_updates_adhoc'] div.update_holder p{margin:0 0 8px}
div.modal-container[name='system_updates'] div.update_holder ul,div.modal-container[name='system_updates_adhoc'] div.update_holder ul,div.modal-container[name='system_updates'] div.update_holder ol,div.modal-container[name='system_updates_adhoc'] div.update_holder ol{margin:0 0 8px 18px}
div.modal-container[name='system_updates'] div.modal-buttons{text-align:center}
div.modal-container[name='system_updates'] p.system_updates_note{font-size:0.8em}

table.main_table[name='email_history'] thead,table.main_table[name='email_history'] tbody{display:block}
table.main_table[name='email_history'] thead th{height:40px;padding:5px}
table.main_table[name='email_history'] thead th[name='datetime'],table.main_table[name='email_history'] tbody td[name='datetime']{min-width:100px}
table.main_table[name='email_history'] tbody td[name='datetime']{max-width:100px}
table.main_table[name='email_history'] thead th[name='email_from'],table.main_table[name='email_history'] tbody td[name='email_from'],table.main_table[name='email_history'] thead th[name='email_to'],table.main_table[name='email_history'] tbody td[name='email_to'],table.main_table[name='email_history'] thead th[name='email_subject'],table.main_table[name='email_history'] tbody td[name='email_subject']{min-width:150px}
table.main_table[name='email_history'] tbody td[name='email_from'],table.main_table[name='email_history'] tbody td[name='email_to'],table.main_table[name='email_history'] tbody td[name='email_subject']{max-width:150px}
table.main_table[name='email_history'] thead th[name='email_body'],table.main_table[name='email_history'] tbody td[name='email_body']{width:100%}
table.main_table[name='email_history'] tbody td[name='email_body']{text-align:left}
table.main_table[name='email_history'] tbody{overflow:auto;max-height:500px}
table.main_table[name='email_history'] tbody[name='normal']{display:table-row-group}

table.main_table[name='sms_history'] thead,table.main_table[name='sms_history'] tbody{display:block}
table.main_table[name='sms_history'] thead th{height:40px;padding:5px}
table.main_table[name='sms_history'] thead th[name='datetime'],table.main_table[name='sms_history'] tbody td[name='datetime']{min-width:100px}
table.main_table[name='sms_history'] thead th[name='sms_from'],table.main_table[name='sms_history'] tbody td[name='sms_from'],table.main_table[name='sms_history'] thead th[name='sms_to'],table.main_table[name='sms_history'] tbody td[name='sms_to']{min-width:180px}
table.main_table[name='sms_history'] tbody td[name='datetime']{max-width:100px}
table.main_table[name='sms_history'] tbody td[name='sms_from'],table.main_table[name='sms_history'] tbody td[name='sms_to']{max-width:180px}
table.main_table[name='sms_history'] thead th[name='sms_message'],table.main_table[name='sms_history'] tbody td[name='sms_message']{width:100%}
table.main_table[name='sms_history'] tbody td[name='sms_message']{text-align:left}
table.main_table[name='sms_history'] tbody{overflow:auto;max-height:300px}
table.main_table[name='sms_history'] tbody[name='normal']{display:table-row-group}

div.modal-container[name='contact_applicant'] div[name='contact_applicant_email'],div.modal-container[name='contact_applicant'] div[name='contact_applicant_sms'],div.modal-container[name='contact_applicant'] div[name='contact_applicant_history']{display:none}

div.modal-container[name='contact_applicant'] input[name='contact_applicant_email'][data-disabled="true"],div.modal-container[name='contact_applicant'] input[name='contact_applicant_sms'][data-disabled="true"],div.modal-container[name='contact_applicant'] input[name='contact_applicant_history'][data-disabled="true"]{background-color:#e0e0e0;cursor:not-allowed}
div.modal-container[name='contact_applicant'] input[name='contact_applicant_history']{position:relative;float:right}

div.submission_page{margin:15px;margin-bottom:200px}
div.submission_page div.alert{width:90%;margin:auto;position:relative}

table.main_table[name='pending_applications'] pre[name='workexp']{margin-top:5px;padding-top:5px;border-top:1px solid #e6e6e6}
table.main_table[name='pending_applications'] span.none, table.main_table[name='find_portal_details'] span.none, table.main_table[name='waiting_clients'] span.none,table.main_table[name='multiple_records'] span.none{color:#868686}

table.main_table[name='find_portal_details'] th[name='message']{width:400px}
table.main_table[name='waiting_clients'] tr.none_waiting{background:#eef7eb;color:#449d44;height:60px}
table.main_table[name='waiting_clients'] tr.none_waiting span:before{font-family:'fontawesome';content:'\f058';margin-right:10px;color:#449d44}
table.main_table[name='waiting_clients'] pre[name='ironing'][data-val='1'],table.main_table[name='waiting_clients'] pre[name='pets'][data-val='1']{color:#449d44}
table.main_table[name='waiting_clients'] pre[name='ironing'][data-val='0'],table.main_table[name='waiting_clients'] pre[name='pets'][data-val='0']{color:#c9302c}
table.main_table[name='waiting_clients'] pre[name='ironing'][data-val='1']:before,table.main_table[name='waiting_clients'] pre[name='pets'][data-val='1']:before{font-family:'fontawesome';content:'\f058';margin-right:5px}
table.main_table[name='waiting_clients'] pre[name='ironing'][data-val='0']:before,table.main_table[name='waiting_clients'] pre[name='pets'][data-val='0']:before{font-family:'fontawesome';content:'\f057';margin-right:5px}
table.main_table[name='waiting_clients'] pre{padding-bottom:3px}
table.main_table[name='waiting_clients'] span[name='wait_since'][data-val='1']{color:#ec971f}
table.main_table[name='waiting_clients'] span[name='pay_status'][data-val='1']{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;color:#c9302c}
table.main_table[name='waiting_clients'] span[name='pay_status'][data-val='1']:after{font-family:'fontawesome';content:'\f071';margin-left:5px}
table.main_table[name='waiting_clients_stats'] td{height:50px}
table.main_table[name='waiting_clients_stats'] pre.good{color:#449d44}
table.main_table[name='waiting_clients_stats'] pre.info{color:#ec971f}
table.main_table[name='waiting_clients_stats'] pre.good:before{font-family:'fontawesome';content:'\f058';margin-right:5px}
table.main_table[name='waiting_clients_stats'] pre.info:before{font-family:'fontawesome';content:'\f071';margin-right:5px}

table.main_table tbody tr.spacer{background:none;border:0;height:10px}

div[name='franchise_details']{display:none}

div#ui-datepicker-div select{padding:0}

div.email-verify-message{color:#d9534f;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;display:none}
div.email-verify-message[data-type='error']{color:#d9534f}
div.email-verify-message[data-type='success']{color:#449d44}

div.sticky-top{position:fixed;top:0;left:0;right:0;z-index:99}

div.form-container[name='area_coverage_toggles'] div.heading, div.form-container[name='cleaner_management_details'] div.heading{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;font-size:1.1em;text-align:center;margin-bottom:10px}
div.form-container[name='area_coverage_toggles'] div.form-label{text-align:center}
div.form-container[name='area_coverage_toggles'] div.form-fields{width:33%;max-width:none;margin-right:0}
div.form-container[name='area_coverage_toggles'] span.toggle_options{padding:5px;display:inline-block;width:auto;background:#e6e6e6;cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
div.form-container[name='area_coverage_toggles'] span.toggle_options[data-enabled='off']:after{font-family:'fontawesome';content:'\f00d';margin-left:10px}
div.form-container[name='area_coverage_toggles'] span.toggle_options[data-enabled='on']:after{font-family:'fontawesome';content:'\f00c';margin-left:10px}
div.form-container[name='area_coverage_toggles'] span.toggle_options[data-enabled='on']{background:#5cb85c;color:#ffffff}

div.mapping-errors{color:#d9534f;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;margin:10px 0;display:none}

div.modal-container div.modal-row{display:block;width:100%;margin-bottom:10px}
div.modal-container div.modal-row:after{content:"";display:block;clear:both}
div.modal-container[name='client_details'] div.modal-body,div.modal-container[name='cleaner_details'] div.modal-body{padding:20px}
div.modal-container[name='client_details'] div.modal-row-identifier,div.modal-container[name='cleaner_details'] div.modal-row-identifier{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;width:100%;max-width:90px;margin-right:10px;float:left}
div.modal-container[name='client_details'] div.modal-row-content,div.modal-container[name='cleaner_details'] div.modal-row-content{overflow:hidden}

div.modal-container[name='cleaner_details'] div[name='extra_data']{display:none}
div.modal-container[name='cleaner_details'] div.extra-heading{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;width:100%}
div.modal-container[name='cleaner_details'] div.modal-row-content[data-name='areas'] pre,table.main_table[name='jgcs_careers'] td[name='related_sectors'] pre{font-family:'open_sansregular',sans-serif !important;word-wrap:break-word;white-space:pre-wrap;word-break:break-word;display:inline-block;background-color:#e6e6e6;padding:5px;margin:5px;min-width:70px;text-align:center}

div.modal-container[name='client_details'] div[name='extra_data']{display:none}
div.modal-container[name='client_details'] div.extra-heading{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;width:100%}

div.cleaner-management-container[name='half']{display:inline-block;vertical-align:top;width:50%;max-width:none}
div.cleaner-management-container[name='half'][data-pos='left']{padding-right:5px}
div.cleaner-management-container[name='half'][data-pos='right']{padding-left:5px}
div.cleaner-management-container[name='full']{width:100%;max-width:none}
div.cleaner-management-container[name='modal']{width:100%;max-width:none}
div.cleaner-management-container div.form-container{height:auto;max-height:200px;overflow:auto;padding:5px}
div.cleaner-management-container[name='full'] div.form-container{max-height:450px}
div.cleaner-management-container div.form-container table.main_table{margin:0}
div.cleaner-management-container div.form-container table.main_table th{height:35px}
div.cleaner-management-container div.form-container table.main_table th,div.cleaner-management-container div.form-container table.main_table td{padding:5px}

div.cleaner-management-container div.form-container table.main_table td[data-status='good'],div.cleaner-management-container div.form-container table.main_table span[data-status='good']{color:#449d44}
div.cleaner-management-container div.form-container table.main_table td[data-status='bad'],div.cleaner-management-container div.form-container table.main_table span[data-status='bad']{color:#c9302c}
div.cleaner-management-container div.form-container table.main_table td[data-status='ok'],div.cleaner-management-container div.form-container table.main_table span[data-status='ok']{color:#ec971f}

div.cleaner-management-container table.main_table tr.none{height:35px}

div.cleaner-management-container table.main_table[name='payment_history'] td[name='payment_amount'][data-status='positive']{color:#449d44}
div.cleaner-management-container table.main_table[name='payment_history'] td[name='payment_amount'][data-status='negative']{color:#c9302c}

div.cleaner-management-container table.main_table[name='allocation_history'] th[name='cleaner_name']{width:125px}
div.cleaner-management-container table.main_table[name='allocation_history'] th[name*='date']{width:70px}

@media screen and (max-width:1279px){
	div#sidebar{display:none}
	div#header-container,div#page,div#record-topbar,div#record-tabs{margin-left:0}
	div#header-container{padding-left:0}
	#header h1{margin-left:75px}
	div[name='sidebar_menu_icon']{display:block}
}

@media screen and (max-width:1200px){
	table{font-size:0.8em !important}
	table.main_table[name='inprocess_applications'] th:nth-child(5),table.main_table[name='inprocess_applications'] td:nth-child(5),table.main_table[name='inprocess_applications'] th:nth-child(7),table.main_table[name='inprocess_applications'] td:nth-child(7){display:none}
}

@media screen and (max-width:685px){
	#login-container{margin-top:0}
	#login-form{width:100%;max-width:auto;height:100%}
}

@media print{
	div#sidebar{display:none}
	div#header-container,div#page,div#record-topbar,div#record-tabs{margin-left:0}
	div#header-container{padding-left:0}
	div#page{width:960px}
}

div.allocating-map{width:100%;height:100%}
div.allocating-map div#area-map{position:relative}
div.allocating-map div.map_loader{position:absolute;width:100%;height:100%;background:#ebeef0;text-align:center;z-index:999;display:none}
div.allocating-map div.map_loader span.loading{position:relative;top:45%}

table.schedule pre{margin:0;font-family:'open_sansregular',sans-serif !important;word-wrap:break-word;white-space:pre-wrap;word-break:break-word}
div.scheduled_cell pre[data-type='interviewer']:before{font-family:'fontawesome';content:'\f129';margin-right:5px}
div.scheduled_cell[data-type='header-holiday'] pre[data-type='interviewer']:before{content:'\f273'}

div[name='account_access_grant'] li{padding-bottom:10px}
table.main_table td[name='interview_status'][data-interview_status='0']{background:#f8eded;color:#c9302c;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}
table.main_table td[name='interview_status'][data-interview_status='1']{background:#eef7eb;color:#449d44;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}

table.main_table[name='exit_interviews'] th[name='contacts']{width:150px}
table.main_table[name='exit_interviews'] th[name='interview_comments']{width:25%}
table.main_table[name='exit_interviews'] td[name='contacts'] pre{font-family:'open_sansregular',sans-serif !important;white-space:nowrap;display:block;background-color:#e6e6e6;padding:5px;margin:5px;min-width:70px;text-align:center}


div.form-container[name='cleaner_management_details'] div.form-row{margin-bottom:5px}
div.form-container[name='cleaner_management_details'] div.form-label span[data-status='active']{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;color:#449d44}
div.form-container[name='cleaner_management_details'] div.form-label span[data-status='dnu']{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;color:#c9302c}
div.form-container[name='cleaner_management_details'] div.form-label span[data-status='full']{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;color:#ec971f}
div.form-container[name='cleaner_management_details'] pre{font-family:'open_sansregular',sans-serif !important;word-wrap:break-word;white-space:pre-wrap;word-break:break-word;display:inline-block;background-color:#e6e6e6;padding:5px;margin:5px;min-width:70px;text-align:center}
div.cleaner-management-container[name='half']{display:inline-block;vertical-align:top;width:50%;max-width:none}
div.cleaner-management-container[name='half'][data-pos='left']{padding-right:5px}
div.cleaner-management-container[name='half'][data-pos='right']{padding-left:5px}
div.cleaner-management-container[name='full']{width:100%;max-width:none}
div.cleaner-management-container[name='modal']{width:100%;max-width:none}
div.cleaner-management-container div.form-container{height:auto;max-height:200px;overflow:auto;padding:5px}
div.cleaner-management-container[name='full'] div.form-container{max-height:450px}
div.cleaner-management-container div.form-container table.main_table{margin:0}
div.cleaner-management-container div.form-container table.main_table th{height:35px}
div.cleaner-management-container div.form-container table.main_table th,div.cleaner-management-container div.form-container table.main_table td{padding:5px}

div.cleaner-management-container table.main_table[name='cmd_status_history'] th[name='status_date']{width:80px}
div.cleaner-management-container table.main_table[name='cmd_status_history'] th[name='status']{width:25%}

div.cleaner-management-container table.main_table[name='cmd_rating_history'] th[name='rating_date']{width:80px}
div.cleaner-management-container table.main_table[name='cmd_rating_history'] th[name='rating']{width:15%}

div.cleaner-management-container table.main_table[name='cmd_allocation_history'] th[name*='date']{width:10%}
div.cleaner-management-container table.main_table[name='cmd_allocation_history'] th[name='clean_day_time']{width:10%}
div.cleaner-management-container table.main_table[name='cmd_allocation_history'] th[name='status']{width:10%}
div.cleaner-management-container table.main_table[name='cmd_allocation_history'] th[name='client']{width:10%}
div.cleaner-management-container table.main_table[name='cmd_allocation_history'] th[name='reason']{width:20%}
div.cleaner-management-container table.main_table[name='cmd_allocation_history'] th[data-type='partial']{width:auto}
div.cleaner-management-container table.main_table[name='cmd_allocation_history'] th[data-type='partial'][name='client']{width:25%}

div.cleaner-management-container table.main_table[name='cmd_cancellation_history'] th[name*='date']{width:10%}
div.cleaner-management-container table.main_table[name='cmd_cancellation_history'] th[name='status']{width:10%}
div.cleaner-management-container table.main_table[name='cmd_cancellation_history'] th[name='pay_status']{width:10%}
div.cleaner-management-container table.main_table[name='cmd_cancellation_history'] th[name='client']{width:10%}
div.cleaner-management-container table.main_table[name='cmd_cancellation_history'] th[name='reason']{width:30%}
div.cleaner-management-container table.main_table[name='cmd_cancellation_history'] th[data-type='partial']{width:auto}
div.cleaner-management-container table.main_table[name='cmd_cancellation_history'] th[data-type='partial'][name='client']{width:25%}

div.cleaner-management-container div.form-container table.main_table td[data-status='good'],div.cleaner-management-container div.form-container table.main_table span[data-status='good']{color:#449d44}
div.cleaner-management-container div.form-container table.main_table td[data-status='bad'],div.cleaner-management-container div.form-container table.main_table span[data-status='bad']{color:#c9302c}
div.cleaner-management-container div.form-container table.main_table td[data-status='ok'],div.cleaner-management-container div.form-container table.main_table span[data-status='ok']{color:#ec971f}

div.cleaner-management-container table.main_table tr.none{height:35px}

div.cleaner-management-container table.main_table[name='payment_history'] td[name='payment_amount'][data-status='positive']{color:#449d44}
div.cleaner-management-container table.main_table[name='payment_history'] td[name='payment_amount'][data-status='negative']{color:#c9302c}
div.cleaner-management-container table.main_table[name='payment_history'] th[name='payment_detail']{width:250px}
div.cleaner-management-container table.main_table[name='allocation_history'] th[name*='date']{width:80px}

div.tip{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;color:#31708f;margin:10px 0}
div.tip[data-align='left']{text-align:left}
div.tip[data-align='center']{text-align:center}
div.tip[data-align='right']{text-align:right}
div.tip:before{font-family:'fontawesome';content:'\f05a';margin-right:5px}
div.tip.red{color:#c9302c}
div.tip.red:before{content:'\f28d'}
div.tip.yellow{color:#ec971f}
div.tip.green{color:#449d44}
div.tip.green:before{content:'\f00c'}
form[name='company_settings'] div.tip.tip-ready:before{content:none;margin:0}
form[name='company_settings'] div.tip.tip-ready{margin:0}
form[name='company_settings'] button.tip-toggle{display:inline;background:transparent;border:0;padding:0;margin:0 0 0 8px;color:#31708f;cursor:pointer;font-family:'open_sanssemibold',sans-serif;font-size:1em;font-weight:normal;line-height:1;vertical-align:baseline;box-shadow:none;appearance:none;-webkit-appearance:none}
form[name='company_settings'] button.tip-toggle:hover,form[name='company_settings'] button.tip-toggle:focus,form[name='company_settings'] button.tip-toggle:active,form[name='company_settings'] button.tip-toggle[aria-expanded='true']{background:transparent;border:0;outline:none;box-shadow:none;color:#245269}
form[name='company_settings'] button.tip-toggle::-moz-focus-inner{border:0}
form[name='company_settings'] button.tip-toggle .tip-toggle-icon{font-family:'fontawesome';margin-right:4px}
form[name='company_settings'] button.tip-toggle .tip-toggle-icon:before{content:'\f05a'}
form[name='company_settings'] div.tip .tip-body{display:none;box-sizing:border-box;width:100%;padding:14px 16px;margin:0 0 16px 0;background:#d9edf7;border:1px solid #bce8f1;border-left:4px solid #1686a8;border-radius:3px;color:#31708f}
form[name='company_settings'] div.tip.is-open .tip-body,form[name='company_settings'] div.tip.is-hover .tip-body{display:block}

table.main_table[name='cleaner_changes'] td[name='status_why']{width:25%}
table.main_table[name='cleaner_changes'] td[name='status'][data-status='active'],table.main_table[name='cleaner_changes'] td[name='status'] pre[data-status='active']{color:#449d44}
table.main_table[name='cleaner_changes'] td[name='status'][data-status='dnu'],table.main_table[name='cleaner_changes'] td[name='status'] pre[data-status='dnu']{color:#c9302c}
table.main_table[name='cleaner_changes'] td[name='status'][data-status='full'],table.main_table[name='cleaner_changes'] td[name='status'] pre[data-status='full']{color:#ec971f}

table.main_table[name='client_statistics'] tr,table.main_table[name='cleaner_portal_details'] tr,table.main_table[name='cmd_status_history'] tr,table.main_table[name='cmd_rating_history'] tr,table.main_table[name='cmd_allocation_history'] tr,table.main_table[name='cmd_cancellation_history'] tr,table.main_table[name='payment_history'] tr,table.main_table[name='enquiry_summary'] tr,table.main_table[name='accounts_overview'] tr,table.main_table[name='bank_statements'] tr,table.main_table[name='transaction_details'] tr,table.main_table[name='returned_results'] tr,table.main_table[name='allocation_history'] tr,table.main_table[name='cleaner_schedules'] tr,table.main_table[name='bank_statements_vat'] tr{cursor:default}
table.main_table[name='cmd_status_history'] tr,table.main_table[name='cmd_rating_history'] tr,table.main_table[name='cmd_allocation_history'] tr,table.main_table[name='cmd_cancellation_history'] tr,table.main_table[name='payment_history'] tr,table.main_table[name='returned_results'] tr,table.main_table[name='allocation_history'] tr{height:auto}

span.view_workareas_map{cursor:pointer;color:#003366;text-decoration:underline}
span.view_workareas_map:hover{background:#f5f5f5}

div.modal-container[name='cleaner_workareas_map'] div.modal-row-identifier{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;width:100%;max-width:90px;margin-right:10px;float:left}
div.modal-container[name='cleaner_workareas_map'] div.modal-row-content{overflow:hidden}
div.modal-container[name='cleaner_workareas_map'] div.modal-row-content[data-name='areas'] pre{font-family:'open_sansregular',sans-serif !important;word-wrap:break-word;white-space:pre-wrap;word-break:break-word;display:inline-block;background-color:#e6e6e6;padding:5px;margin:5px;min-width:70px;text-align:center}
div.modal-container[name='cleaner_workareas_map'] div.modal-body{padding:20px}
div.modal-container[name='cleaner_workareas_map'] div#workareas_map{width:100%;height:100%;min-height:400px}
div.modal-container[name='cleaner_workareas_map'] div.radius_note{font-size:0.8em;text-align:center;margin:5px auto}

table.main_table[name='upcoming_events'] td[name='cleaner_contacts'] pre,table.main_table[name='upcoming_events'] pre[name='cleaner_contacts']{font-family:'open_sansregular',sans-serif !important;white-space:nowrap;display:block;background-color:#e6e6e6;padding:5px;margin:5px;min-width:70px;text-align:center}

table.main_table[name='upcoming_events'],table.main_table[name='cleaner_changes']{cursor:pointer}

div.range-container select{width:auto}

input.table-buttons[name='markascompleted']{width:100%;max-width:250px !important;background-color:#f0ad4e}


input.table-buttons[name='interviewer_sms']:disabled{background:#e6e6e6}
input.table-buttons[name='interviewer_sms']:disabled:hover{background-color:#e6e6e6;cursor:not-allowed}

div.mega-heading{font-size:1.5em;margin:25px 0}
div.large-heading{font-size:1.2em}

div.form-container[name='add_expense_claim'] table tr.spacer,div.form-container[name='manage_expense_claim'] table tr.spacer{height:10px}
div.form-container[name='add_expense_claim'] table tfoot tr[name='total'],div.form-container[name='manage_expense_claim'] table tfoot tr[name='total']{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;font-size:1em;background:#f8f8f8;height:50px}
div.form-container[name='add_expense_claim'] table tfoot tr[name='total'] td[name='note'],div.form-container[name='manage_expense_claim'] table tfoot tr[name='total'] td[name='note']{text-align:right;padding-right:10px}
div.form-container[name='add_expense_claim'] table tfoot tr[name='total'] td[name='calculated_rate_total'],div.form-container[name='manage_expense_claim'] table tfoot tr[name='total'] td[name='calculated_rate_total']{text-align:center}
div.form-container[name='add_expense_claim'] table tfoot tr[name='add_row'] td,div.form-container[name='manage_expense_claim'] table tfoot tr[name='add_row'] td{text-align:center}

table.main_table[name='expense_claim_interviews'] th,table.main_table[name='expense_claim_mileage'] th,table.main_table[name='expense_claim_hourly'] th,table.main_table[name='expense_claim_custom_exp'] th{height:45px}
table.main_table[name='expense_claim_interviews'] th[name='action']{width:59px}
table.main_table[name='expense_claim_interviews'] td[name='action'] input{width:55px}
table.main_table[name='expense_claim_interviews'] th[name='candidate_postcode']{width:125px}
table.main_table[name='expense_claim_interviews'] th[name='interview_date']{width:150px}
table.main_table[name='expense_claim_interviews'] th[name='interview_status']{width:150px}
table.main_table[name='expense_claim_interviews'] th[name='calculated_rate']{width:150px}
table.main_table[name='expense_claim_interviews'] div[name='candidate_name_other']{display:none;margin-top:10px}

table.main_table[name='expense_claim_mileage'] th[name='mileage_rate']{width:250px}
table.main_table[name='expense_claim_mileage'] th[name='calculated_rate']{width:150px}

table.main_table[name='expense_claim_hourly'] th[name='action']{width:59px}
table.main_table[name='expense_claim_hourly'] td[name='action'] input{width:55px}
table.main_table[name='expense_claim_hourly'] th[name='hourly_date']{width:150px}
table.main_table[name='expense_claim_hourly'] th[name='hourly_rate']{width:250px}
table.main_table[name='expense_claim_hourly'] th[name='calculated_rate']{width:150px}

table.main_table[name='expense_claim_custom_exp'] th[name='action']{width:59px}
table.main_table[name='expense_claim_custom_exp'] td[name='action'] input{width:55px}
table.main_table[name='expense_claim_custom_exp'] th[name='cost']{width:250px}

table.main_table[name='prior_expense_claims'] th[name*='date']{width:150px}
table.main_table[name='prior_expense_claims'] td[name='status'][data-status_type='1']{background:#fdfaec;color:#ec971f;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}
table.main_table[name='prior_expense_claims'] td[name='status'][data-status_type='2']{background:#f8eded;color:#c9302c;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}
table.main_table[name='prior_expense_claims'] td[name='status'][data-status_type='3']{background:#eef7eb;color:#449d44;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}

div.expense_total{height:50px;vertical-align:middle;line-height:50px;font-size:1.2em;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}
div.manage_expenses_notification_holder{width:100%;text-align:center;margin-bottom:30px;background:white;padding:5px;border:1px solid #babbbd;border-radius:3px;padding-bottom: 1em;}
div.manage_expenses_notification_holder[data-type='submitted']{background:#fdfaec;color:#ec971f;}
div.manage_expenses_notification_holder[data-type='paid']{background:#eef7eb;color:#449d44}
div.manage_expenses_notification_holder[data-type='rejected']{background:#f8eded;color:#c9302c}
div.expense_mileage_estimate{margin:0 0 15px 0;padding:10px 12px;border:1px solid #babbbd;border-radius:3px;background:#f7f9fb}
div.expense_mileage_estimate[data-assessment='within']{background:#eef7eb;border-color:#b9dfb0;color:#449d44}
div.expense_mileage_estimate[data-assessment='below']{background:#fdfaec;border-color:#f0d9a8;color:#ec971f}
div.expense_mileage_estimate[data-assessment='above']{background:#f8eded;border-color:#e4b9b9;color:#c9302c}
div.expense_mileage_estimate[data-assessment='error']{background:#f8eded;border-color:#e4b9b9;color:#c9302c}
div.modal-container[name='expense_claim_accept'] div.form-fields{max-width:none}
div.modal-container[name='expense_claim_accept'] div.form-row[name='bank_details'] div.form-fields{max-width:32%}

div.form-container form[name='data_processing_agreement'] span.highlight_element{background-color:#3399ff;color:#ffffff;padding:0 5px}

div.form-container form[name='data_processing_agreement'] ol{list-style-type:none}
div.form-container form[name='data_processing_agreement'] > ol,div.form-container form[name='data_processing_agreement'] div.dpa-agreement-body > ol{padding:0}
div.form-container form[name='data_processing_agreement'] ol > li,div.form-container form[name='data_processing_agreement'] ul{margin:15px 0}
div.form-container form[name='data_processing_agreement'] span.heading{font-size:1.1em;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}
div.form-container form[name='data_processing_agreement'] div.submit-button-holder{text-align:center}
div.form-container form[name='data_processing_agreement'] div.submit-button-holder input.table-buttons[name='dpa_agree_sign']{min-width:150px}

.kbw-signature{display:block;border:1px solid #a0a0a0;-ms-touch-action:none;width:400px;height:200px;margin:30px auto;}
.kbw-signature-disabled{opacity:0.35}

table[name='dpa_agreement_status'] td{height:85px}
table[name='dpa_agreement_status'] td[name='not_required']{color:#e0e0e0}

div.companychange select option:checked{background:#eef7eb;color:#449d44}
div.companychange select option[data-type='inactive']{background:#f8eded;color:#c9302c}

table.main_table[name='success_rates_by_source']{margin:0}
table.main_table[name='success_rates_by_source'] thead{background:#d9edf7;color:inherit}
table.main_table[name='success_rates_by_source'] th{height:45px}
table.main_table[name='success_rates_by_source'] tr{height:auto;cursor:pointer}

div.dashboard-box[data-chartname='success_rates_by_source'] div.dashboard-box-body{max-height:400px;overflow:auto;padding:5px}

div.area-check pre{margin:0;font-family:'open_sansregular',sans-serif !important;word-wrap:break-word;white-space:pre-wrap;word-break:break-word}

table.main_table[name='search_applicants'] th[name='last_comment']{width:10%}
table.main_table[name='success_rates_by_source'] th{width:10%}
table.main_table[name='success_rates_by_source'] th[name='source']{width:20%}

table.main_table[name='success_rates_by_source'] td pre[name='junk']{margin:2px;padding:3px 5px;border-bottom:1px solid #e6e6e6;}
table.main_table[name='success_rates_by_source'] td pre[name='forwarded'],table.main_table[name='success_rates_by_source'] td pre[name='blocked']{display:inline-block;min-width:50px;margin:2px;padding:3px 5px}
table.main_table[name='success_rates_by_source'] td pre[name='forwarded']:before{font-family:'fontawesome';content:'\f064';margin-right:5px}
table.main_table[name='success_rates_by_source'] td pre[name='blocked']:before{font-family:'fontawesome';content:'\f05e';margin-right:5px}
table.main_table[name='success_rates_by_source'] td pre[name='forwarded'] span{color:#7851a9}
table.main_table[name='success_rates_by_source'] td pre[name='blocked'] span{color:#c9302c}

table.main_table[name='jgcs_careers'] th[name='status']{width:85px}
table.main_table[name='jgcs_careers'] td[name='status'][data-status='0']{color:#c9302c;background:#f8eded}
table.main_table[name='jgcs_careers'] td[name='status'][data-status='1']{color:#ec971f;background-color:#fdfaec}
table.main_table[name='jgcs_careers'] td[name='status'][data-status='2']{color:#449d44;background:#eef7eb}
table.main_table[name='jgcs_careers'] th[name='related_sectors']{width:175px}
table.main_table[name='jgcs_careers'] th[name='last_reason']{width:18%}
table.main_table[name='jgcs_careers'] th[name='last_posted'],table.main_table[name='jgcs_careers'] th[name='last_attempted'],table.main_table[name='jgcs_careers'] th[name='last_coverage']{width:10%}

div.edit_document_type{display:inline-block;min-width:70px;margin-top:5px;padding:3px 5px;border:1px solid #e6e6e6;border-radius:3px;cursor:pointer}
div.edit_document_type{background:#fdfaec;color:#ec971f}
div.edit_document_type:hover{background:#eb9316;color:#ffffff}
div.edit_document_type:before{font-family:'fontawesome';content:'\f040';margin-right:5px}

table[name=pending_applications] input.table-buttons[name=mapview], table[name=multiple_records] input.table-buttons[name=mapview], table[name=inprocess_applications] input.table-buttons[name=mapview], table[name=unsuccessful_applicants] input.table-buttons[name=mapview], table[name=unbooked_interviews] input.table-buttons[name=mapview], table[name=inprocess_applications] input.table-buttons[name=view_all_comments]{width:auto;padding:0.3em;background-color:#e6e6e6;color:#31373d}

input.table-buttons[name='go_to_portal']{background:#33cc33;border:1px solid #339933;width:auto}
input.table-buttons[name='go_to_portal']:hover{background:#66cc33}

input.table-buttons[name='admin_extractionpack']{width:auto}

input.table-buttons[name='accept_immediate_contact']{white-space:normal}
div#record-topbar input.table-buttons[name='accept_immediate_contact']{width:auto}

div.modal-container[name='delete_comment'] input[name='delete_comment']{background-color:#d9534f}
div.modal-container[name='delete_comment'] input[name='delete_comment']:hover{background-color:#c12e2a}

select[name='block_by_visa[]'] option:checked{background:#eef7eb;color:#449d44}
select[name='block_by_visa[]'] option[data-type='blocked']{background:#f8eded;color:#c9302c}

input[name='block_by_age_min'], input[name='block_by_age_max']{width:85px}
div.form-field[name='share_code'] input[name='share_code']{width:calc(100% - 105px);display:inline-block}
div.form-field[name='share_code'] input[name='check_share_code_online']{width:95px;margin:0 0 0 5px;padding:0.45em}

div.applicant_jgcs_sys{width:100%;text-align:center;padding:2px}
div.applicant_jgcs_sys p{margin:0;margin-bottom:5px}
div.applicant_jgcs_sys div.applicant_jgcs_data{border:1px solid;border-radius:3px}
div.applicant_jgcs_sys div.applicant_jgcs_data pre{margin:0;font-family:'open_sansregular', sans-serif !important;word-wrap:break-word;white-space:pre-wrap;word-break:break-word}
div.applicant_jgcs_sys div.applicant_jgcs_data pre[name='jgcs_status']{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}
div.applicant_jgcs_sys div.applicant_jgcs_data pre[name='jgcs_status_comment']:before{font-family:'fontawesome';content:'\f0e5';margin-right:5px}
div.applicant_jgcs_sys div.applicant_jgcs_data pre[name='jgcs_rating']{border-top:1px solid}
div.applicant_jgcs_sys div.applicant_jgcs_data[data-status='0']{background:#d9edf7;color:#31708f} /* unknown */
div.applicant_jgcs_sys div.applicant_jgcs_data[data-status='1']{background:#eef7eb;color:#449d44}
div.applicant_jgcs_sys div.applicant_jgcs_data[data-status='2']{background:#fdfaec;color:#ec971f}
div.applicant_jgcs_sys div.applicant_jgcs_data[data-status='3']{background:#f8eded;color:#c9302c}

div.applicant_prior_cleaner_sys{width:100%;box-sizing:border-box;text-align:left;border:1px solid #ead7ac;border-radius:8px;background:linear-gradient(180deg,#fffaf0 0%,#fff4dc 100%);color:#6f5718;padding:10px 12px;box-shadow:0 1px 2px rgba(111,87,24,0.08)}
div.applicant_prior_cleaner_sys div.applicant_prior_cleaner_data + div.applicant_prior_cleaner_data{border-top:1px solid rgba(234,215,172,0.9);margin-top:10px;padding-top:10px}
div.applicant_prior_cleaner_sys p.applicant_prior_cleaner_title{margin:0 0 6px;font-family:'open_sanssemibold',sans-serif !important;font-size:11px;line-height:1.2;letter-spacing:0.04em;text-transform:uppercase;color:#9a761f}
div.applicant_prior_cleaner_sys p.applicant_prior_cleaner_title abbr{text-decoration:none;cursor:help;border-bottom:1px dotted #c9a44d}
div.applicant_prior_cleaner_sys p.applicant_prior_cleaner_message{margin:0;font-family:'open_sansregular',sans-serif !important;font-size:13px;line-height:1.45;word-wrap:break-word;white-space:normal}
div.applicant_prior_cleaner_sys p.applicant_prior_cleaner_action{margin:6px 0 0;font-family:'open_sansregular',sans-serif !important;font-size:12px;line-height:1.4;color:#8a6d3b}
div.applicant_prior_cleaner_sys a.applicant_prior_cleaner_contact{color:#7a5b17;font-family:'open_sanssemibold',sans-serif !important;text-decoration:none;border-bottom:1px solid rgba(122,91,23,0.35)}
div.applicant_prior_cleaner_sys a.applicant_prior_cleaner_contact:hover{color:#5c4512;background:transparent;border-bottom-color:#5c4512}
div.applicant_prior_cleaner_sys-compact{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:100%;max-width:220px;margin-top:6px;padding:0;border:none;background:transparent;box-shadow:none;text-align:left}
span.applicant_prior_cleaner_badge{display:block;width:100%;padding:5px 7px 5px 8px;border:1px solid #e6d5a8;border-left:3px solid #d4a017;border-radius:4px;background:#fff8e8;color:#6f5718;font-family:'open_sansregular',sans-serif !important;font-size:11px;line-height:1.35;box-sizing:border-box}
span.applicant_prior_cleaner_badge span.applicant_prior_cleaner_label{display:block;margin:0 0 2px;font-family:'open_sanssemibold',sans-serif !important;font-size:10px;line-height:1.2;letter-spacing:0.03em;text-transform:uppercase;color:#9a761f}
span.applicant_prior_cleaner_badge span.applicant_prior_cleaner_summary{display:block;margin:0 0 3px;font-size:10px;line-height:1.3;color:#8a6d3b}
span.applicant_prior_cleaner_badge span.applicant_prior_cleaner_meta{display:block;line-height:1.35}
span.applicant_prior_cleaner_badge span.applicant_prior_cleaner_franchise{font-family:'open_sanssemibold',sans-serif !important;color:#6f5718}
span.applicant_prior_cleaner_badge span.applicant_prior_cleaner_sep{margin:0 4px;color:#b99852}
span.applicant_prior_cleaner_badge a.applicant_prior_cleaner_contact{color:#7a5b17;font-family:'open_sanssemibold',sans-serif !important;font-size:11px;text-decoration:none;border-bottom:1px solid rgba(122,91,23,0.4);white-space:nowrap}
span.applicant_prior_cleaner_badge a.applicant_prior_cleaner_contact:hover{color:#5c4512;background:transparent;border-bottom-color:#5c4512}
table.main_table td[name='name'] div.applicant_prior_cleaner_sys-compact{max-width:100%}

div.copyable, div.pass-reveal{position:relative;margin-bottom:10px;padding-bottom:unset}
div.copyable input, div.pass-reveal input{padding-right:40px}
div.copyable div.copy_inside_input, div.pass-reveal div.pass-reveal-inside-input{position:absolute;display:flex;align-items:center;top:0;right:0;width:35px;height:100%;border:1px solid #babbbd;background:#ebeef0;border-top-right-radius:3px;border-bottom-right-radius:3px;cursor:pointer}
div.copyable div.copy_inside_input:hover{background-color:#9b9b9b}
div.copyable div.copy_inside_input:before{font-family:'fontawesome';content:'\f0c5';color:#31373d;margin:0 auto}
div.copyable div.copy_inside_input.copied:before{font-family:'fontawesome';content:'\f00c';color:#449d44;margin:0 auto}
div.copyable div.copy_inside_input.copied{background:unset}

div.pass-reveal div.pass-reveal-inside-input:hover{background-color:#babbbd}
div.pass-reveal div.pass-reveal-inside-input:before{font-family:'fontawesome';content:'\f06e';color:#31373d;margin:0 auto}
div.pass-reveal div.pass-reveal-inside-input.revealed:before{font-family:'fontawesome';content:'\f070'}

abbr{position:relative;border-bottom:1px dotted}
abbr:hover{cursor:pointer}
abbr:hover::before{content:attr(data-title);position:absolute;width:100px;top:-50%;left:-125px;display:block;padding:5px;background:white;border:2px solid #336699;border-radius:5px;z-index:99999;white-space:pre-wrap;font-size:13px !important}
pre.small-text abbr:hover::before{font-size:1.2em !important}
abbr.right:hover::before{display:none}
abbr.right:hover::after{content:attr(data-title);position:absolute;width:100px;top:-50%;right:-125px;display:block;padding:5px;background:white;border:2px solid #336699;border-radius:5px;z-index:99999;white-space:pre-wrap}

table.main_table th[name='mileage_check'],table.main_table td[name='mileage_check']{width:70px}
table.main_table td[name='mileage_check']{overflow:visible}
table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status{display:inline-block;min-width:1.2em;text-align:center;border-bottom:none;position:relative}
table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status span{display:inline-block}
table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status[data-status='within'] span:before{font-family:'fontawesome';content:'\f058'}
table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status[data-status='below'] span:before{font-family:'fontawesome';content:'\f071'}
table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status[data-status='above'] span:before{font-family:'fontawesome';content:'\f057'}
table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status[data-status='missing'] span:before{font-family:'fontawesome';content:'\f059'}
table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status[data-status='within'],table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status[data-status='within']:hover{color:#449d44 !important}
table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status[data-status='below'],table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status[data-status='below']:hover{color:#ec971f !important}
table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status[data-status='above'],table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status[data-status='above']:hover{color:#c9302c !important}
table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status[data-status='missing'],table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status[data-status='missing']:hover{color:#999 !important}
table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status[data-status='na'],table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status[data-status='na']:hover{color:#bbb !important}
table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status:hover::before{display:none !important}
table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status:hover::after{content:attr(data-title);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:220px;display:block;padding:8px 10px;background:white;border:2px solid #336699;border-radius:5px;z-index:99999;white-space:pre-wrap;line-height:1.4;font-size:13px !important;font-weight:normal;text-align:left;color:#31373d !important}
table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status[data-status='within']:hover::after{border-color:#b9dfb0}
table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status[data-status='below']:hover::after{border-color:#f0d9a8}
table.main_table td[name='mileage_check'] abbr.expense_mileage_list_status[data-status='above']:hover::after{border-color:#e4b9b9}

table.main_table[name='interviewers'] th[name='conduct_interviews'], table.main_table[name='interviewers'] td[name='conduct_interviews']{width:90px}
table.main_table[name='interviewers'] td[name='conduct_interviews']{font-family:'open_sansregular',sans-serif !important}

/* printable guides */
body.guide-page{background:#ebeef0;margin:0;color:#31373d;font-size:16px;line-height:1.55;height:auto}
body.guide-page a{color:#003366}
body.guide-page a:hover{background:transparent;text-decoration:underline}
body.guide-page a.guide-settings-link{text-decoration:underline;text-underline-offset:2px}
.guide-bar{position:sticky;top:0;z-index:20;background:#fff;color:#003366;border-bottom:3px solid #3399ff}
.guide-bar-inner{max-width:880px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.guide-bar-brand{display:flex;align-items:center;gap:10px;font-family:'open_sanssemibold',sans-serif;font-size:14px;letter-spacing:0.04em;text-transform:uppercase}
.guide-bar-brand img{display:block;height:36px;width:auto}
.guide-bar-actions{display:flex;gap:8px;flex-wrap:wrap;flex:0 0 auto}
.guide-bar-brand{flex:0 0 auto}
.guide-search{position:relative;flex:1 1 220px;max-width:440px;min-width:0}
.guide-search-field{position:relative}
.guide-search-field:before{font-family:'fontawesome';font-weight:normal;font-style:normal;content:'\f002';position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#5f5f5f;font-size:14px;line-height:1;pointer-events:none;z-index:1}
.guide-search-clip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;pointer-events:none}
.guide-search input[type="search"]{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:100%;margin:0;padding:8px 34px;border:1px solid #babbbd;border-radius:3px;background:#fff;color:#31373d;font:inherit;font-size:14px;line-height:1.3}
.guide-search input[type="search"]::-webkit-search-decoration,.guide-search input[type="search"]::-webkit-search-cancel-button,.guide-search input[type="search"]::-webkit-search-results-button{display:none;-webkit-appearance:none}
.guide-search input[type="search"]::placeholder{color:#5f5f5f;opacity:1}
body.guide-page .guide-search input[type="search"]:hover,body.guide-page .guide-search input[type="search"]:focus{color:#31373d;background:#fff}
.guide-search input[type="search"]:focus{outline:2px solid #3399ff;border-color:#3399ff}
.guide-search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);z-index:2;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:3px;background:transparent;color:#5f5f5f;font-size:20px;line-height:1;cursor:pointer}
.guide-search-clear:hover{background:#f5f8fb;color:#003366}
.guide-search-clear[hidden],.guide-search-results[hidden]{display:none !important}
.guide-search-results{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);max-height:60vh;overflow:auto;background:#fff;border:1px solid #e6e6e6;border-radius:3px;box-shadow:0 8px 24px rgba(0,51,102,0.12)}
.guide-search-meta,.guide-search-empty{margin:0;padding:8px 12px;font-size:13px;color:#5f5f5f}
.guide-search-meta{border-bottom:1px solid #eef1f3;font-family:'open_sanssemibold',sans-serif;color:#003366}
.guide-search-result{display:block;width:100%;margin:0;padding:8px 12px;border:0;border-bottom:1px solid #eef1f3;border-radius:0;background:#fff;color:#31373d;font-family:inherit;font-size:14px;line-height:1.4;text-align:left;cursor:pointer}
.guide-search-result:last-child{border-bottom:0}
.guide-search-result:hover,.guide-search-result.is-active{background:#f5f8fb}
.guide-search-result-title{display:block;font-family:'open_sanssemibold',sans-serif;color:#003366;font-size:13px}
.guide-search-result-snippet{display:block;margin-top:2px;color:#5f5f5f;font-size:13px}
.guide-search-result-snippet mark,.guide-search-mark{background:#fff3c4;color:inherit;padding:0 1px;border-radius:2px}
.guide-main .is-search-current{scroll-margin-top:var(--guide-header-offset,80px);background:#fff8e6;box-shadow:0 0 0 4px #fff8e6;border-radius:3px}
.guide-btn{display:inline-block;padding:8px 14px;border-radius:3px;border:1px solid #e6e6e6;background:#336699;color:#fff;font-size:14px;cursor:pointer;text-decoration:none;font-family:'open_sanssemibold',sans-serif;line-height:1.2}
.guide-btn:hover,body.guide-page a.guide-btn:hover{background:#3399ff;color:#fff;text-decoration:none}
.guide-btn.secondary{background:#fff;color:#003366}
.guide-btn.secondary:hover,body.guide-page a.guide-btn.secondary:hover{background:#f5f5f5;color:#003366}
.guide-wrap{max-width:880px;margin:0 auto;padding:24px 20px 64px}
.guide-hero{background:#003366;color:#fff;padding:28px 28px 24px;border-radius:3px;margin-bottom:18px}
.guide-hero .kicker{margin:0 0 8px;color:#8ec4ff;font-family:'open_sanssemibold',sans-serif;font-size:13px;letter-spacing:0.04em;text-transform:uppercase}
.guide-hero h1{margin:0 0 8px;color:#fff;font-size:32px;line-height:1.2}
.guide-hero .lede{margin:0;color:#d7e6f5;font-size:16px}
.guide-hero .guide-meta{margin:10px 0 0;color:#b8d4f0;font-size:13px}
body.guide-page .guide-hero a{color:#fff;text-decoration:underline}
body.guide-page .guide-hero a:hover{color:#8ec4ff;background:transparent}
.guide-callout,.guide-callout.info{border:1px solid #bce8f1;background:#d9edf7;border-left:6px solid #31708f;padding:12px 16px;margin:0 0 16px;border-radius:3px}
.guide-callout.warn{border-color:#ffb74d;background:#fff3e0;border-left-color:#9c5700}
.guide-callout.ok{border-color:#d6e9c6;background:#dff0d8;border-left-color:#3c763d}
.guide-callout.note{border-color:#e6e6e6;background:#fff;border-left-color:#5f5f5f}
.guide-callout h3{margin:0 0 4px;font-size:15px;color:#003366}
.guide-pill{display:inline-block;vertical-align:middle;margin:-2px 8px 0 0;padding:2px 7px;border-radius:3px;background:#1686a8;color:#fff;font-family:'open_sanssemibold',sans-serif;font-size:11px;line-height:1.4;letter-spacing:0.03em;text-transform:uppercase}
.guide-callout.warn h3{color:#9c5700}
.guide-callout.ok h3{color:#3c763d}
.guide-callout p{margin:0;font-size:15px}
.guide-callout p + p,.guide-callout .guide-steps + p{margin-top:8px}
.guide-table .guide-steps{margin:8px 0 0}
.guide-section > .guide-added{margin:0 0 16px}
.guide-toc{background:#fff;border:1px solid #e6e6e6;border-radius:3px;padding:16px 20px;margin:0 0 28px}
.guide-toc h2{margin:0 0 10px;font-size:18px;color:#003366}
.guide-toc ol{margin:0;padding:0;list-style:none}
.guide-toc li{margin:0;padding:6px 0;border-top:1px solid #eef1f3}
.guide-toc li:first-child{border-top:0}
.guide-toc a{display:flex;gap:12px;text-decoration:none}
.guide-toc a:hover{background:#f5f8fb;text-decoration:none}
.guide-toc .num{color:#336699;font-family:'open_sanssemibold',sans-serif;min-width:28px}
.guide-section{background:#fff;border:1px solid #e6e6e6;border-radius:3px;padding:22px 24px 8px;margin:0 0 20px;scroll-margin-top:var(--guide-header-offset,80px)}
.guide-section.is-arrived,.guide-whats-new.is-arrived{animation:guideArrive 0.7s ease}
.guide-section h2{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:22px;color:#003366;scroll-margin-top:var(--guide-header-offset,80px)}
.guide-section h2 .num{display:inline-block;min-width:40px;padding:6px 0;text-align:center;background:#003366;color:#fff;border-radius:3px;font-size:16px}
.guide-section h3{margin:16px 0 8px;font-size:18px;color:#003366}
.guide-section > p,.guide-section > ul{margin:0 0 12px}
.guide-section > ul{padding:0 0 0 20px}
.guide-section > ul li{margin:0 0 6px}
.guide-callout ul,ul.guide-links{margin:8px 0 12px;padding:0 0 0 18px}
.guide-callout ul li,ul.guide-links li{margin:0 0 4px}
.guide-callout ul li:last-child,ul.guide-links li:last-child{margin-bottom:0}
.guide-section .guide-added > p,.guide-section .guide-added > ul.guide-links{margin:0 0 8px}
.guide-section .guide-added > p:last-child,.guide-section .guide-added > ul.guide-links:last-child{margin-bottom:0}
.guide-table td p{margin:0 0 8px}
.guide-table td p:last-child,.guide-table td ul.guide-links:last-child{margin-bottom:0}
.guide-table.guide-settings th{width:28%}
.guide-steps{margin:0 0 16px;padding:0;list-style:none;counter-reset:step}
.guide-steps li{display:flex;gap:12px;margin:0 0 10px;align-items:flex-start}
.guide-steps li:before{counter-increment:step;content:counter(step);flex:0 0 28px;height:28px;line-height:28px;text-align:center;background:#336699;color:#fff;border-radius:3px;font-family:'open_sanssemibold',sans-serif;font-size:14px}
.guide-steps li span{flex:1;padding-top:3px}
.guide-ui{font-family:'open_sanssemibold',sans-serif;color:#003366}
.guide-table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:15px}
.guide-table th,.guide-table td{border:1px solid #e6e6e6;padding:8px 10px;text-align:left;vertical-align:top}
.guide-table th{width:38%;background:#ebeef0;color:#003366;font-family:'open_sanssemibold',sans-serif;font-weight:normal}
.guide-example{background:#f5f7f8;border:1px solid #e6e6e6;border-radius:3px;padding:14px 16px;margin:0 0 16px;font-style:italic}
.guide-example p{margin:0 0 8px}
.guide-example p:last-child{margin:0}
.guide-footer{margin-top:8px;color:#5f5f5f;font-size:13px;text-align:center}
.guide-changes{margin:0 0 16px;padding:0;list-style:none}
.guide-changes li{margin:0;padding:10px 0;border-top:1px solid #eef1f3}
.guide-changes li:first-child{border-top:0}
.guide-changes a{font-family:'open_sanssemibold',sans-serif}
.guide-changes time.guide-change-date{margin-left:8px;color:#7a8a93;font-size:12px;font-weight:normal;white-space:nowrap}
.guide-changes span{display:block;margin-top:4px;color:#5f5f5f;font-size:14px;line-height:1.45}
.guide-whats-new{scroll-margin-top:var(--guide-header-offset,80px);padding:16px 18px;margin:0 0 20px}
.guide-whats-new > p{margin:0 0 10px}
.guide-whats-new .guide-changes{margin:0}
.guide-whats-new .guide-changes li{border-top-color:#bce8f1}
.guide-whats-new .guide-changes time.guide-change-date{color:#5d87a0}
.guide-whats-new .guide-changes span{color:#31708f}
.guide-added{scroll-margin-top:var(--guide-header-offset,80px)}
.guide-added.is-highlighted{background:#fff3c4;box-shadow:0 0 0 6px #fff3c4;outline:2px solid #d4a017;border-radius:3px;-webkit-print-color-adjust:exact;print-color-adjust:exact;animation:guideHighlight 0.9s ease}
p .guide-added.is-highlighted,.guide-table .guide-added.is-highlighted{box-shadow:0 0 0 3px #fff3c4;padding:0 3px}
.guide-callout.guide-added.is-highlighted{background:#d9edf7}
.guide-callout.warn.guide-added.is-highlighted{background:#fff3e0}
.guide-callout.note.guide-added.is-highlighted{background:#fff}
@keyframes guideHighlight{0%{background:#ffe082;box-shadow:0 0 0 8px #ffe082}100%{background:#fff3c4}}
@keyframes guideArrive{0%{box-shadow:0 0 0 0 rgba(51,153,255,0.45)}40%{box-shadow:0 0 0 8px rgba(51,153,255,0.2)}100%{box-shadow:none}}
@media (prefers-reduced-motion:reduce){
	.guide-section.is-arrived,.guide-whats-new.is-arrived,.guide-added.is-highlighted{animation:none}
}
@media print{
	body.guide-page{background:#fff;font-size:11pt;line-height:1.45}
	body.guide-page .guide-bar,body.guide-page .guide-bar-actions,body.guide-page .guide-btn,body.guide-page .guide-top,body.guide-page #loading-mask{display:none !important}
	body.guide-page .guide-search-mark,body.guide-page .is-search-current{background:transparent !important;box-shadow:none !important;outline:none !important}
	body.guide-page .guide-wrap{max-width:none;padding:0}
	body.guide-page .guide-hero,body.guide-page .guide-callout,body.guide-page .guide-section h2 .num,body.guide-page .guide-steps li:before,body.guide-page .guide-table th,body.guide-page .guide-added.is-highlighted{-webkit-print-color-adjust:exact;print-color-adjust:exact}
	body.guide-page .guide-hero{border-radius:0}
	body.guide-page .guide-section,body.guide-page .guide-toc,body.guide-page .guide-callout,body.guide-page .guide-example,body.guide-page .guide-table{break-inside:avoid;page-break-inside:avoid}
	body.guide-page .guide-table.guide-settings{break-inside:auto;page-break-inside:auto}
	body.guide-page .guide-table.guide-settings tr{break-inside:avoid;page-break-inside:avoid}
	body.guide-page .guide-section,body.guide-page .guide-section h2{scroll-margin-top:0}
	body.guide-page a[href^="http"]:not(.guide-settings-link):after{content:" (" attr(href) ")";font-size:9pt;color:#5f5f5f}
	body.guide-page a[href^="mailto"]:after{content:""}
}
body.guide-docs .guide-bar-inner,body.guide-docs .guide-wrap{max-width:1200px}
.guide-layout{display:flex;gap:32px;align-items:flex-start}
.guide-nav{position:sticky;top:var(--guide-header-offset,80px);flex:0 0 230px;max-height:calc(100vh - var(--guide-header-offset,80px) - 20px);overflow:auto;background:#fff;border:1px solid #e6e6e6;border-radius:3px;padding:8px 0 14px}
html:has(body.guide-page),body.guide-page,body.guide-page .guide-nav{scrollbar-width:thin;scrollbar-color:transparent transparent}
html:has(body.guide-page):hover,body.guide-page:hover,body.guide-page .guide-nav:hover{scrollbar-color:#7a9bb8 #ebeef0}
html:has(body.guide-page)::-webkit-scrollbar,body.guide-page::-webkit-scrollbar,body.guide-page .guide-nav::-webkit-scrollbar{width:8px;height:8px}
html:has(body.guide-page)::-webkit-scrollbar-track,body.guide-page::-webkit-scrollbar-track,body.guide-page .guide-nav::-webkit-scrollbar-track{background:transparent}
html:has(body.guide-page)::-webkit-scrollbar-thumb,body.guide-page::-webkit-scrollbar-thumb,body.guide-page .guide-nav::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}
html:has(body.guide-page):hover::-webkit-scrollbar-thumb,body.guide-page:hover::-webkit-scrollbar-thumb,body.guide-page .guide-nav:hover::-webkit-scrollbar-thumb{background:#7a9bb8}
html:has(body.guide-page):hover::-webkit-scrollbar-track,body.guide-page:hover::-webkit-scrollbar-track,body.guide-page .guide-nav:hover::-webkit-scrollbar-track{background:#ebeef0}
html:has(body.guide-page)::-webkit-scrollbar-thumb:hover,body.guide-page::-webkit-scrollbar-thumb:hover,body.guide-page .guide-nav::-webkit-scrollbar-thumb:hover{background:#336699}
.guide-nav-title,.guide-nav-group{margin:12px 16px 6px;font-family:'open_sanssemibold',sans-serif;font-size:11px;letter-spacing:0.04em;text-transform:uppercase;color:#5f5f5f}
.guide-nav-group{margin-top:14px;padding-top:10px;border-top:1px solid #eef1f3}
.guide-section h2 .guide-pill{margin:0}
.guide-nav a{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:5px 16px;color:#003366;text-decoration:none;font-size:14px;border-left:3px solid transparent;transition:background 0.15s,border-left-color 0.15s}
.guide-nav a:hover{background:#f5f8fb;text-decoration:none}
.guide-nav a.is-active{border-left-color:#3399ff;background:#f5f8fb;font-family:'open_sanssemibold',sans-serif}
.guide-nav .guide-pill{margin:0;font-size:9px;line-height:1.3;padding:1px 5px}
.guide-main{flex:1;min-width:0;padding-bottom:calc(100vh - var(--guide-header-offset,80px) - 8rem)}
.guide-main .guide-hero{margin-bottom:18px}
.guide-top{position:fixed;right:22px;bottom:22px;z-index:15;display:inline-flex;align-items:center;justify-content:center;gap:0;width:42px;height:42px;padding:0;overflow:hidden;white-space:nowrap;border-radius:50%;box-sizing:border-box;line-height:0;box-shadow:0 2px 10px rgba(0,51,102,0.18);opacity:0;visibility:hidden;pointer-events:none;touch-action:manipulation;transition:opacity 0.2s,visibility 0.2s,width 0.2s,padding 0.2s,background 0.15s,border-radius 0.2s,gap 0.2s}
.guide-top.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.guide-top-icon{position:absolute;left:50%;top:50%;display:block;box-sizing:border-box;width:8px;height:8px;margin:0;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:translate(-50%,-50%) translateY(1px) rotate(45deg);flex:0 0 auto}
.guide-top-label{max-width:0;opacity:0;overflow:hidden;font-size:14px;line-height:1.2;transition:max-width 0.2s,opacity 0.2s}
@media (hover:hover) and (pointer:fine){
	.guide-top:hover,.guide-top:focus-visible{width:auto;padding:0 14px 0 12px;border-radius:21px;background:#3399ff;color:#fff;gap:8px;line-height:1.2}
	.guide-top:hover .guide-top-icon,.guide-top:focus-visible .guide-top-icon{position:relative;left:auto;top:auto;transform:translateY(1px) rotate(45deg)}
	.guide-top:hover .guide-top-label,.guide-top:focus-visible .guide-top-label{max-width:140px;opacity:1}
}
@media print{
	body.guide-docs .guide-nav{display:none !important}
	body.guide-docs .guide-layout{display:block}
	body.guide-docs .guide-main{padding-bottom:0}
}
@media (max-width:900px){
	.guide-layout{display:block}
	.guide-nav{position:relative;top:0;max-height:none;margin-bottom:18px;flex:none}
}
@media (max-width:640px){
	.guide-hero{padding:20px}
	.guide-hero h1{font-size:26px}
	.guide-section{padding:16px}
	.guide-bar-inner{flex-direction:column;align-items:flex-start}
	.guide-search{align-self:stretch;max-width:none;width:100%}
	.guide-search-results{max-height:50vh}
}

/* animations */
.animation-slidedown{animation-name:slideDown;-webkit-animation-name:slideDown;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important}@keyframes slideDown{0%{transform:translateY(-100%)}50%{transform:translateY(8%)}65%{transform:translateY(-4%)}80%{transform:translateY(4%)}95%{transform:translateY(-2%)}100%{transform:translateY(0%)}}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%)}50%{-webkit-transform:translateY(8%)}65%{-webkit-transform:translateY(-4%)}80%{-webkit-transform:translateY(4%)}95%{-webkit-transform:translateY(-2%)}100%{-webkit-transform:translateY(0%)}}.animation-slideup{animation-name:slideUp;-webkit-animation-name:slideUp;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important}@keyframes slideUp{0%{transform:translateY(100%)}50%{transform:translateY(-8%)}65%{transform:translateY(4%)}80%{transform:translateY(-4%)}95%{transform:translateY(2%)}100%{transform:translateY(0%)}}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(100%)}50%{-webkit-transform:translateY(-8%)}65%{-webkit-transform:translateY(4%)}80%{-webkit-transform:translateY(-4%)}95%{-webkit-transform:translateY(2%)}100%{-webkit-transform:translateY(0%)}}.animation-slideleft{animation-name:slideLeft;-webkit-animation-name:slideLeft;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}@keyframes slideLeft{0%{transform:translateX(150%)}50%{transform:translateX(-8%)}65%{transform:translateX(4%)}80%{transform:translateX(-4%)}95%{transform:translateX(2%)}100%{transform:translateX(0%)}}@-webkit-keyframes slideLeft{0%{-webkit-transform:translateX(150%)}50%{-webkit-transform:translateX(-8%)}65%{-webkit-transform:translateX(4%)}80%{-webkit-transform:translateX(-4%)}95%{-webkit-transform:translateX(2%)}100%{-webkit-transform:translateX(0%)}}.animation-slideright{animation-name:slideRight;-webkit-animation-name:slideRight;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}@keyframes slideRight{0%{transform:translateX(-150%)}50%{transform:translateX(8%)}65%{transform:translateX(-4%)}80%{transform:translateX(4%)}95%{transform:translateX(-2%)}100%{transform:translateX(0%)}}@-webkit-keyframes slideRight{0%{-webkit-transform:translateX(-150%)}50%{-webkit-transform:translateX(8%)}65%{-webkit-transform:translateX(-4%)}80%{-webkit-transform:translateX(4%)}95%{-webkit-transform:translateX(-2%)}100%{-webkit-transform:translateX(0%)}}.animation-slideexpandup{animation-name:slideExpandUp;-webkit-animation-name:slideExpandUp;animation-duration:1.6s;-webkit-animation-duration:1.6s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease -out;visibility:visible!important}@keyframes slideExpandUp{0%{transform:translateY(100%) scaleX(0.5)}30%{transform:translateY(-8%) scaleX(0.5)}40%{transform:translateY(2%) scaleX(0.5)}50%{transform:translateY(0%) scaleX(1.1)}60%{transform:translateY(0%) scaleX(0.9)}70%{transform:translateY(0%) scaleX(1.05)}80%{transform:translateY(0%) scaleX(0.95)}90%{transform:translateY(0%) scaleX(1.02)}100%{transform:translateY(0%) scaleX(1)}}@-webkit-keyframes slideExpandUp{0%{-webkit-transform:translateY(100%) scaleX(0.5)}30%{-webkit-transform:translateY(-8%) scaleX(0.5)}40%{-webkit-transform:translateY(2%) scaleX(0.5)}50%{-webkit-transform:translateY(0%) scaleX(1.1)}60%{-webkit-transform:translateY(0%) scaleX(0.9)}70%{-webkit-transform:translateY(0%) scaleX(1.05)}80%{-webkit-transform:translateY(0%) scaleX(0.95)}90%{-webkit-transform:translateY(0%) scaleX(1.02)}100%{-webkit-transform:translateY(0%) scaleX(1)}}.animation-expandup{animation-name:expandUp;-webkit-animation-name:expandUp;animation-duration:.7s;-webkit-animation-duration:.7s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important}@keyframes expandUp{0%{transform:translateY(100%) scale(0.6) scaleY(0.5)}60%{transform:translateY(-7%) scaleY(1.12)}75%{transform:translateY(3%)}100%{transform:translateY(0%) scale(1) scaleY(1)}}@-webkit-keyframes expandUp{0%{-webkit-transform:translateY(100%) scale(0.6) scaleY(0.5)}60%{-webkit-transform:translateY(-7%) scaleY(1.12)}75%{-webkit-transform:translateY(3%)}100%{-webkit-transform:translateY(0%) scale(1) scaleY(1)}}.animation-fadein{animation-name:fadeIn;-webkit-animation-name:fadeIn;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}@keyframes fadeIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}80%{transform:scale(0.9);opacity:1}100%{transform:scale(1);opacity:1}}@-webkit-keyframes fadeIn{0%{-webkit-transform:scale(0);opacity:0}60%{-webkit-transform:scale(1.1)}80%{-webkit-transform:scale(0.9);opacity:1}100%{-webkit-transform:scale(1);opacity:1}}.animation-expandopen{animation-name:expandOpen;-webkit-animation-name:expandOpen;animation-duration:1.2s;-webkit-animation-duration:1.2s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;visibility:visible!important}@keyframes expandOpen{0%{transform:scale(1.8)}50%{transform:scale(0.95)}80%{transform:scale(1.05)}90%{transform:scale(0.98)}100%{transform:scale(1)}}@-webkit-keyframes expandOpen{0%{-webkit-transform:scale(1.8)}50%{-webkit-transform:scale(0.95)}80%{-webkit-transform:scale(1.05)}90%{-webkit-transform:scale(0.98)}100%{-webkit-transform:scale(1)}}.animation-bigentrance{animation-name:bigEntrance;-webkit-animation-name:bigEntrance;animation-duration:1.6s;-webkit-animation-duration:1.6s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;visibility:visible!important}@keyframes bigEntrance{0%{transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);opacity:.2}30%{transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);opacity:1}45%{transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%);opacity:1}60%{transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);opacity:1}75%{transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%);opacity:1}90%{transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%);opacity:1}100%{transform:scale(1) rotate(0deg) translateX(0%) translateY(0%);opacity:1}}@-webkit-keyframes bigEntrance{0%{-webkit-transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);opacity:.2}30%{-webkit-transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);opacity:1}45%{-webkit-transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%);opacity:1}60%{-webkit-transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);opacity:1}75%{-webkit-transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%);opacity:1}90%{-webkit-transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%);opacity:1}100%{-webkit-transform:scale(1) rotate(0deg) translateX(0%) translateY(0%);opacity:1}}.animation-hatch{animation-name:hatch;-webkit-animation-name:hatch;animation-duration:2s;-webkit-animation-duration:2s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;visibility:visible!important}@keyframes hatch{0%{transform:rotate(0deg) scaleY(0.6)}20%{transform:rotate(-2deg) scaleY(1.05)}35%{transform:rotate(2deg) scaleY(1)}50%{transform:rotate(-2deg)}65%{transform:rotate(1deg)}80%{transform:rotate(-1deg)}100%{transform:rotate(0deg)}}@-webkit-keyframes hatch{0%{-webkit-transform:rotate(0deg) scaleY(0.6)}20%{-webkit-transform:rotate(-2deg) scaleY(1.05)}35%{-webkit-transform:rotate(2deg) scaleY(1)}50%{-webkit-transform:rotate(-2deg)}65%{-webkit-transform:rotate(1deg)}80%{-webkit-transform:rotate(-1deg)}100%{-webkit-transform:rotate(0deg)}}.animation-bounce{animation-name:bounce;-webkit-animation-name:bounce;animation-duration:1.6s;-webkit-animation-duration:1.6s;animation-timing-function:ease;-webkit-animation-timing-function:ease;transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%}@keyframes bounce{0%{transform:translateY(0%) scaleY(0.6)}60%{transform:translateY(-100%) scaleY(1.1)}70%{transform:translateY(0%) scaleY(0.95) scaleX(1.05)}80%{transform:translateY(0%) scaleY(1.05) scaleX(1)}90%{transform:translateY(0%) scaleY(0.95) scaleX(1)}100%{transform:translateY(0%) scaleY(1) scaleX(1)}}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0%) scaleY(0.6)}60%{-webkit-transform:translateY(-100%) scaleY(1.1)}70%{-webkit-transform:translateY(0%) scaleY(0.95) scaleX(1.05)}80%{-webkit-transform:translateY(0%) scaleY(1.05) scaleX(1)}90%{-webkit-transform:translateY(0%) scaleY(0.95) scaleX(1)}100%{-webkit-transform:translateY(0%) scaleY(1) scaleX(1)}}.animation-pulse{animation-name:pulse;-webkit-animation-name:pulse;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@keyframes pulse{0%{transform:scale(0.9);opacity:.7}50%{transform:scale(1);opacity:1}100%{transform:scale(0.9);opacity:.7}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(0.95);opacity:.7}50%{-webkit-transform:scale(1);opacity:1}100%{-webkit-transform:scale(0.95);opacity:.7}}.animation-floating{animation-name:floating;-webkit-animation-name:floating;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@keyframes floating{0%{transform:translateY(0%)}50%{transform:translateY(8%)}100%{transform:translateY(0%)}}@-webkit-keyframes floating{0%{-webkit-transform:translateY(0%)}50%{-webkit-transform:translateY(8%)}100%{-webkit-transform:translateY(0%)}}.animation-tossing{animation-name:tossing;-webkit-animation-name:tossing;animation-duration:2.5s;-webkit-animation-duration:2.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@keyframes tossing{0%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}100%{transform:rotate(-4deg)}}@-webkit-keyframes tossing{0%{-webkit-transform:rotate(-4deg)}50%{-webkit-transform:rotate(4deg)}100%{-webkit-transform:rotate(-4deg)}}.animation-pullup{animation-name:pullUp;-webkit-animation-name:pullUp;animation-duration:1.1s;-webkit-animation-duration:1.1s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%}@keyframes pullUp{0%{transform:scaleY(0.1)}40%{transform:scaleY(1.02)}60%{transform:scaleY(0.98)}80%{transform:scaleY(1.01)}100%{transform:scaleY(0.98)}80%{transform:scaleY(1.01)}100%{transform:scaleY(1)}}@-webkit-keyframes pullUp{0%{-webkit-transform:scaleY(0.1)}40%{-webkit-transform:scaleY(1.02)}60%{-webkit-transform:scaleY(0.98)}80%{-webkit-transform:scaleY(1.01)}100%{-webkit-transform:scaleY(0.98)}80%{-webkit-transform:scaleY(1.01)}100%{-webkit-transform:scaleY(1)}}.animation-pulldown{animation-name:pullDown;-webkit-animation-name:pullDown;animation-duration:1.1s;-webkit-animation-duration:1.1s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;transform-origin:50% 0;-ms-transform-origin:50% 0;-webkit-transform-origin:50% 0}@keyframes pullDown{0%{transform:scaleY(0.1)}40%{transform:scaleY(1.02)}60%{transform:scaleY(0.98)}80%{transform:scaleY(1.01)}100%{transform:scaleY(0.98)}80%{transform:scaleY(1.01)}100%{transform:scaleY(1)}}@-webkit-keyframes pullDown{0%{-webkit-transform:scaleY(0.1)}40%{-webkit-transform:scaleY(1.02)}60%{-webkit-transform:scaleY(0.98)}80%{-webkit-transform:scaleY(1.01)}100%{-webkit-transform:scaleY(0.98)}80%{-webkit-transform:scaleY(1.01)}100%{-webkit-transform:scaleY(1)}}.animation-stretchleft{animation-name:stretchLeft;-webkit-animation-name:stretchLeft;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;transform-origin:100% 0;-ms-transform-origin:100% 0;-webkit-transform-origin:100% 0}@keyframes stretchLeft{0%{transform:scaleX(0.3)}40%{transform:scaleX(1.02)}60%{transform:scaleX(0.98)}80%{transform:scaleX(1.01)}100%{transform:scaleX(0.98)}80%{transform:scaleX(1.01)}100%{transform:scaleX(1)}}@-webkit-keyframes stretchLeft{0%{-webkit-transform:scaleX(0.3)}40%{-webkit-transform:scaleX(1.02)}60%{-webkit-transform:scaleX(0.98)}80%{-webkit-transform:scaleX(1.01)}100%{-webkit-transform:scaleX(0.98)}80%{-webkit-transform:scaleX(1.01)}100%{-webkit-transform:scaleX(1)}}.animation-stretchright{animation-name:stretchRight;-webkit-animation-name:stretchRight;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0}@keyframes stretchRight{0%{transform:scaleX(0.3)}40%{transform:scaleX(1.02)}60%{transform:scaleX(0.98)}80%{transform:scaleX(1.01)}100%{transform:scaleX(0.98)}80%{transform:scaleX(1.01)}100%{transform:scaleX(1)}}@-webkit-keyframes stretchRight{0%{-webkit-transform:scaleX(0.3)}40%{-webkit-transform:scaleX(1.02)}60%{-webkit-transform:scaleX(0.98)}80%{-webkit-transform:scaleX(1.01)}100%{-webkit-transform:scaleX(0.98)}80%{-webkit-transform:scaleX(1.01)}100%{-webkit-transform:scaleX(1)}}