.row { max-width: 80rem; }

/* Define mobile styles */
@media only screen {
	
	body { font-family: Helvetica, Roboto, Arial, sans-serif; }
	
	h1 { font-size: 1.8rem; margin-top: 1rem; }
	h2 { font-size: 1.6rem; }
	h3 { font-size: 1.4rem; }
	h4 { font-size: 1.3rem; }
	h5 { font-size: 1.2rem; }
	h6 { font-size: 1.1rem; }
	p { font-size: 0.9rem; }
	ul, ol, dl { font-size: 0.9rem; }
	ul.bulletless li { list-style: none; }
	fieldset { border-radius: 0.25rem; background-color: #f7f7f7; }
	fieldset legend { background: transparent; background: #658584; padding: 0.2rem 0.5rem; border-radius: 5px; border: 1px solid #333; color: #fff; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); }
	label input[type="radio"], label input[type="checkbox"] { margin: 0 1rem 0.5rem 0; }
	a { color: #658584; font-weight: bold; }
	a:hover { color: #48b5b2; }
	button, .button { background: #658584; border-radius: 4px; }
	button:hover, button:disabled, button[disabled]:hover { background: #aaa; }
	table thead tr td { font-weight: normal; font-size: 0.8rem; }
	table li { font-size: 0.875rem; }
	table input[type="number"], table input[type="text"], table input[type="date"], table select, table p:last-child, .tooltip p:last-child { margin-bottom: 0; }
	input[type="number"] { text-align: right; }
	table ul, table ol { margin-bottom: 0; }
	
	.header-logos img { max-width: 100px; }
	#map-canvas { height: 600px; }
	
/* 	input[type="date"]:before { content: attr(data-placeholder) !important; color: #aaa; margin-right: 0.5em; } */
/* 	input[type="date"]:focus:before, input[type="date"]:valid:before { content: ""; } */
	
	ul.accordion { margin-left: 0; }
	.accordion .accordion-navigation { margin-bottom: 3px!important; position: relative; }
	.accordion .accordion-navigation>a { padding: 0.6rem; border: 1px solid #aaa; border-radius: 3px; background: #658584; color: #fff; transition: background 0.25s; }
	.accordion .accordion-navigation>a:hover { background: #04af8a; color: #fff; }
	.accordion .accordion-navigation.active>a { background: #658584; color: #fff; }
	
	.accordion .accordion-navigation>.save_custom_session { position: absolute; top: 10px; right: 20px; padding: 0; border: none; width: 1.6rem; text-align: center; }
	
/*  	[data-magellan-expedition],  */
 	[data-magellan-expedition="fixed"].fixed { background: rgba(255,255,255,0.8); box-shadow: 0 3px 8px rgba(0,0,0,0.2); }
 	[data-magellan-expedition], [data-magellan-expedition-clone] { background: rgba(255,255,255,0.8); }
 	[data-magellan-expedition] button { margin-bottom: 0; }
 	[data-magellan-expedition] button.active { background-color: #658584!important; }
	label input[type="checkbox"] { margin-right: 1rem; }
	tr input[type="checkbox"] { margin: 0 0.5rem; }
	
	.buttons { margin-top: 1rem; text-align: center; }
	
	input[type="text"].short, input[type="number"].short { max-width: 5rem; }
	input[type="text"].inline, input[type="number"].inline { display: inline; }
	input[type="number"][max="999"] { width: 5rem; display: inline; }
	input[type="number"][max="99"], input[type="number"][max="23"], input[type="number"][max="59"] { width: 4rem; }
	input[type="number"][max="9"] { width: 3rem; }
	input[maxlength="2"] { width: 3.5rem; }
	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #ccc; opacity: 1; /* Firefox */ }
	:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #777; }
	::-ms-input-placeholder { /* Microsoft Edge */ color: #777; }
	
	#wrapper { padding-top: 2rem; }
	#content { position: relative; margin-top: 1rem; }
	
	.mce-tinymce { margin-bottom: 2rem!important; }
	
	.tabs:not(.vertical) { transform: translateY(1px); /* background-color: #efefef; */ }
	.tabs .tab-title a { border: 1px solid #aaa; /* border-bottom-color: #efefef; */ border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; font-size: 0.85rem; }
	.tabs:not(.vertical) .tab-title.active a { border-bottom: 1px solid #fff; }
	.tabs>li.active { background-color: transparent !important; }
	.tabs-content { border: 1px solid #aaa; padding: 0.9375rem; border-radius: 0.5rem; border-top-left-radius: 0;  }
	.tabs>li>a:focus { border: 1px solid blue; }
	
	.tabs.vertical .tab-title a { border-radius: 0.5rem 0 0 0.5rem; border-right-color: #fff; transform: translateX(1px); }
	/* .tabs.vertical .tab-title.active a { background: #658584; color: #fff; } */
	.tabs.vertical .tab-title:not(.active) a { border-right-color: #aaa; background-color: #658584; color: #fff; }
	
	.logos-wrapper { text-align: center; }
	.header_text_wrapper { margin-top: 1rem; }
	.alert-box a { color: #fff; text-decoration: underline; }
	
	.no_screen { display: none; }
	.highlight { background-color: #ef0; }
	.child_hover_hilite>li:hover, .child_hover_hilite>tr:hover { background-color: #b4fdee; }
	
	.date { white-space: nowrap; }
	
	.datepick-popup { z-index: 1500; }
	.school_booking_form .datepick { position: relative; }
	.datepick_instructions_wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.5); }
	.datepick_instructions { width: 60%; margin: 2rem auto; padding: 1rem; background-color: #fff; border: 1px solid #ccc; box-shadow: 3px 3px 5px rgba(0,0,0,0.3); border-radius: 1rem; text-align: center; }
	
	.ui-front { z-index: 1500; }
	
	.ui-spinner-input[type="text"] { margin-bottom: 0; padding: 0.25rem 1.5rem 0.25rem 0.25rem; text-align: right; }
	
	form.login { border: 1px solid #c2c2c2; padding: 1rem; background:#fff; border-radius: 1rem; box-shadow: 5px 5px 8px rgba(0,0,0,0.2); }
	.login .logo { text-align: center; background-color: #eee; padding: 1rem; border-radius: 0.7rem 0.7rem 0 0; margin-bottom: 1rem; }
	.login .logo img { max-width: 200px; }
	.login .logo h1 { color: #333; }
	.login .fi-refresh { font-size: 2rem; }
	#captcha { margin-bottom: 1rem; }
	
	.saved { float: right; clear: both; margin-top: 1rem; color: #02614F; }
	.saved:before { font-family: "foundation-icons"; content: "\f1ac"; margin-right: 0.5rem; font-size: 2rem; }
	
	div#header { background:#eee; border-bottom:1px solid #bbb; color: #333; min-height: 6rem; }
	div#header p { margin: 0; text-align:right; }
	div#header a { color: #fff; }
	div#header a#logout { margin:0.5rem 0; text-align: right; display:block; float:right; }
	.nav-wrapper { background: #333; }
	
	div#footer { margin-top: 1rem; clear: both; }
	
	.datepick select { width: auto; height: 1.4em; margin-bottom: 0; padding: 0; }
	.datepick table { margin-bottom: 0; }
	.datepick .unavailableAM:before { content: "AM"; background-color: #f90; position: absolute; left: 0; top: 0; width: 100%; height: 50%; text-align: center; font-size: 0.5rem; line-height: .6rem; opacity: 0.6; }
	.datepick .unavailablePM:after { content: "PM"; background-color: #f90; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; text-align: center; font-size: 0.5rem; line-height: .6rem; opacity: 0.6; }
	.datepick-month a, .datepick-month span { position: relative; }
	
	.admin_stats, .custom_trainees { width: 100%; margin-top: 1rem; }
	#alerts td { background-color: #e7e7e7; padding: 5px; }
	#alerts .no_alerts { background-color: transparent; color: #aaa; }
	#alerts tr:hover .no_alerts { background-color: transparent; }
	.alert_date { width:  8em; border-radius: 5px 0 0 5px; text-align: right; white-space: nowrap; }
	#alerts td.action_url { background-color: red; }
	#alerts td.dismiss { border-radius: 0 5px 5px 0; background-color: blue; }
	#alerts .action_url a, #alerts .dismiss a { color: #fff; }
	#alerts tr:hover td { background-color: #f93; }
	#alerts td .button.tiny { margin-bottom: 0; }
	tr.alert { background-color: red !important; }
	
	.call_help { display: none; }
	#help_pop_up { display: none; position: absolute; background: rgba(255,255,255,0.9); padding: 1rem; border-radius: 5px; border: 1px solid #999; box-shadow: 5px 5px 12px rgba(0,0,0,0.2); max-width: 30%; }
	#help_pop_up .close-pop-up { position: absolute; top: 0; right: 5px; }
	#help_pop_up p { font-size: 0.9rem; }
	#help_pop_up p:last-child { margin-bottom: 0; }
	.element_help { position: absolute; font-size: 1.2rem; z-index: 500; }
	.right_side_box { margin-top: 2rem; text-align: right; }
	.right_side_box ul { list-style: none; }
	
	.school_detail .schooltype { list-style: none; padding: 0; margin: 0; }
	
	.search_results dt { margin-top: 1rem; border-top: 1px dotted #658584; padding-top: 1rem; }
	.search_results dd { margin-bottom: 0; }
	.search_results dd span { width: 12rem; display: inline-block; }
	.instructor_search .search_results .inactive a { color: #777; }
	.instructor_search .search_results .inactive a:after { content: "[ inactive ]"; margin-left: 1rem; }
	
	.results_table { clear: both; }
	.results_table ul { margin-bottom: 0; }
	.tiny { font-size: 0.7rem; }
	
	.message_history li { list-style: none; }
	.message_history li:hover, .results_table tbody tr:not(.submitted):hover { cursor: pointer; background: #04c89d!important; color: #fff; }
	.results_table tr:hover a { color: #fff; }
	.empty { color: #999; cursor: default; }
	.message_history li span { display: inline-block; width: 25%; }
	.message_history .subject { width: 40%; }
	
	.results_table td { position: relative; }
	.school_training .results_table dl { margin-top: 1.5rem; }
/*
	.school_training .results_table cite { float: right; }
*/
	.school_training .results_table .add_note { position: absolute; top: 0.5rem; right: 0.5rem; }
	
	.loginobj { font-size: 1.2em; display: none; }
	.wl_details { list-style: none; text-align: center; font-size: 0.8rem; margin-top: 1rem; }
	.wl_details li { display: inline; }
	
	#datatable { width: 100%; }
	select[name="datatable_length"] { width: 50%; }
	#datatable_filter input[type="search"] { width: 50%; display: inline; margin-left: 1rem; }
	.logins_list thead tr { cursor: pointer }
	.logins_list tbody tr[data-id]:hover { background: #658584; }
	.logins_list tbody tr[data-id]:hover a { color: #fff; }
	.logins_list tr:hover td { color: #fff; cursor: pointer; }
	.never_logged_in:before { content: "[ never ]"; color: #777; }
	.control_panel { margin-top: 1rem; }
	.alert { clear: both; }
	
	.open_pdf_upload { float: right; }
	.pdf_upload { display: none; }
	
	.message_history .selected, .scc_inbox .selected, .scc_sent .selected { background-color: #ccc; }
	
	.inline-labels label { display: inline-block; margin-right: 2rem; }
	
	.ra_schools { width: 100%; }
	.ra_anno { float: right; }
	
/* 	input[type="text"].live_search { margin-bottom: 0; } */
	.instructor_expenses table { width: 100%; }
	.instructor_expenses .travel_template, .instructor_expenses .course_template { display: none; }
	.instructor_expenses tr input, .instructor_expenses tr select, .instructor_other_expenses input, .instructor_other_expenses textarea, .ratios input, .custom_ratios input { margin-bottom: 0; }
	.active, .school_confirmed.active { background-color: #b4fdee !important; }
	.tabs dd>a, .tabs .tab-title>a { padding: 0.6rem 1.2rem; }
	.tabs-content .active, .accordion .content.active { background-color: #fff!important; }
	.selectable { cursor: pointer; }
	.instructor_expenses tr.default_mileage_overwritten { background-color: #f93; }
	.instructor_expenses tr.default_mileage_overwritten .distance:before { content: "\f101"; color: #fff; font-family: "foundation-icons"; font-size: 1.4rem; margin-right: 1rem; }
	.instructor_expenses td { padding: 3px; }
	.instructor_expenses .delete_row { font-size: 1.4rem; }
	.instructor_expenses_totals .total:before { content: '£';}
	.instructor_expenses_totals .total { padding-right: 1rem; }
	.ui-menu { background-color: rgba(255,255,255,0.8); border: 1px solid #658584; padding: 0.5rem; list-style: none; width: 50%;}
	.ui-menu-item a { display: block; }
	.ui-state-focus { background-color: #658584; color: #fff; }
	.search_results .selected { background-color: #658584; color: #fff; }
	span[role="status"] { display: none; }
	.figure { text-align: right; }
	
	.hidden { display: none; }
	#bw_blackout, #bw_trash { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 1010; }
	.bw_loading { margin: 30% auto 0 auto; border: 1px solid #fff; background-color: #333; width: 10rem; padding: 0.5rem; border-radius: 1rem; color: #fff; box-shadow: 5px 5px 8px rgba(0,0,0,0.3); z-index: 1020; }
	
	.element_loading_parent { position: relative; }
	.element_loading_wrapper { background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
	.element_loading_wrapper .bw_loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0; }
	.bw_loading img { margin-right: 1rem; }
	.bw_trash_container .buttons { text-align: center; }
	select.invalid { border-color: red; }
	
	span.tools { float: right; white-space: nowrap; }
	.reveal-modal .tools { margin-right: 3rem; }
	div.tools { text-align: right; }
	.tools a { position: relative; margin-left: 0.5rem; }
	.tools a:before { font-size: 0.9rem; }
	.tools .close-dropdown { position: absolute; top: 0; right: 1rem; font-size: 2rem; line-height: 2rem; }
	.tools .ui-spinner-button { position: absolute; }
	#toolbox input { width: 3rem; }
	#toolbox { white-space: normal; box-shadow: 5px 5px 8px rgba(0,0,0,0.1); }
	#toolbox .row { padding-bottom: 0.9375rem; }
	
	.warnings { list-style: none; }
	.warnings li:before { font-family: "foundation-icons"; content: "\f101"; color: #f33; margin-right: 0.5rem; font-size: 1.2rem; }
	
	.booked_course_details { max-height: 500px; overflow-y: scroll; }
	.close-request { margin-left: 0.5rem; }
	
	.tooltip { border-radius: 5px; box-shadow: 8px 8px 12px rgba(0,0,0,0.15); max-width: inherit; width: auto; padding: 0; }
	.tooltip .content { background-color: #fff; padding: 0.5rem; }
	.tooltip .content p { color: #333;  }
	.tooltip table { margin-bottom: 0; border-radius: 5px; }
	.tooltip caption { padding: 0.5rem; background: #333; color: #fff; }
	.large.tooltip { max-width: inherit!important; }
	.tooltip table ul { margin-bottom: 0; }
	.tooltip table li { white-space: nowrap; }
	.tooltip table tr { cursor: default; }
	.nowrap { white-space: nowrap; }
	
	#dropzone.dragover { border-color: red; }
	.progress_container { height: 1rem; border: 1px solid #ccc; padding: 2px; margin: 1rem 0; }
	.progress_bar { width: 0; height: 100%; background-color: #658584; }
	.downloads_list ul, .new_download_joins ul { list-style: none; }
	.downloads_list li, .new_download_joins li { padding: 0 0.5rem 0 2.25rem; cursor: pointer; }
	.downloads_list li.active, .new_download_joins li.active { padding-left: 0.5rem; }
	.downloads_list li.active:before, .new_download_joins li.active:before { content: "\f126"; font-family: 'foundation-icons'; margin-right: 1rem; }
	
	.editable:after { content: "\f194"; font-family: 'foundation-icons'; padding-left: 1rem; opacity: 0; transition: opacity 0.5s; }
	.editable:hover:after { opacity: 1; }
	
/* 	.value { margin-bottom: 1rem; } */
	
	.error, label.error { background-color: #f33; color: #fff; padding: 5px; }
	.errors .abbr { max-width: 10%; overflow-x: hidden; }
	.error_detail td { word-wrap: break-word; }
	.date_reminder td { text-align: center; color: #fff; font-weight: bold; }
	.error tr { border: 3px solid #f33; }
	
	.invalid { border-color: red!important; }
	
	input.date[type="text"][readonly="readonly"] { background-color: #fff; }
	
	.selected_instructors li { clear: both; }
	.selected_instructors li:hover { background-color: #eee; } 
	
	.session_list dt[data-session_id] { cursor: pointer; color: #658584; }
	
	table.courses input, table.custom_entry input { margin-bottom: 0; }
	#invoice_list tr { cursor: pointer; }
	.group_list li { padding-bottom: 0; }
	.group_list input { margin-bottom: 0; }
	
	.email_templates_wrapper { display: none; }
	.email_templates li:hover { cursor: pointer; color: #658584; }
	
	.email_schedule_list tr { cursor: pointer; }
	.input_hide_text { color: #fff; }
	input[type="number"][disabled].input_hide_text { color: #ddd; }
	
	.comment_new { background-color: #04c89d; padding: 1rem; }
	.comment_new button.small { margin-bottom: 0; }
	.comment_wrapper { margin-bottom: 1rem; }
	.comment_cite:before { content: "\f1fe"; font-family: 'foundation-icons'; width: 30px; height: 30px; background: #ccc; border: 1px solid #aaa; border-radius: 15px; color: #fff; display: inline-block; line-height: 30px; text-align: center; margin-right: 0.5rem; }
	.comment_cite { font-weight: bold; }
	.comment_date { margin-left: 35px; text-align: right; font-size: 0.9rem; color: #777; }
	.comment_wrapper { padding: 1rem; }
	.comment_wrapper.even { background-color: #eee; }
	
	.add_row_wrapper { position: relative; }
	.pop_up_menu { display: none; position: absolute;  margin: 0; list-style: none; }
	.pop_up_parent { padding: 0.2rem; }
	.pop_up_parent:hover .pop_up_menu { display: block; }
	.pop_up_menu li { background: #658584; padding: 0.2rem 0.5rem; }
	.pop_up_menu li:hover { background-color: #333; }
	.pop_up_menu li a { color: #fff; font-weight: normal; }
	
	.email_bulk li { cursor: pointer; }
	
	.lockout { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.2); }
	.lockout_content { margin-top: 7%; text-align: center; }
	.lockout .message { margin: 15% auto; text-align: center; width: 60%; background-color: #fff; border: 2px solid red; box-shadow: 5px 5px 8px rgba(0,0,0,0.2); padding: 0.9375rem;}
	.custom_instructors .fi-crown:before { padding-right: 0.5rem; }
	.custom_detail .obscure .phone, .custom_detail .obscure [name="email"], .custom_detail .obscure .ice,  .custom_detail .obscure .collection, .custom_detail .obscure .custom_trainees .firstname, .custom_detail .obscure .custom_trainees .surname { color: transparent; text-shadow: 0 0 20px rgba(0,0,0,0.5); }
	
	#message { padding: 0.25rem; font-size: 0.875rem; }
	#message p { font-size: 0.9rem; }
	
	#email_modal { background: #efefef; padding: 1rem 0; }
	#email_modal h3 { padding: 0 1rem; }
	#email_modal label { line-height: 2.3125rem; text-align: right; }
	#email_modal input[type="text"][readonly] { background: transparent; border: none; box-shadow: none; padding: 0; margin: 0; }
	#email_modal p, #email_modal li { font-size: 0.875rem; }
	#email_modal .email_body { border: 1px inset #eee; background: #fff; padding: 0.5rem; }
	#email_modal .email_preview { width: 100%; margin-top: 1rem; }
	#email_modal .email_preview th { width: 16.66667%; }
	#email_modal table tr:nth-of-type(even), #email_modal table tr, #email_modal table { background: transparent; }
	
	.save_checklist, .modal_save { font-size: 1.8rem!important; right: 4rem!important; font-family: 'foundation-icons'; line-height: 2.8rem!important; }
	
	/* 	instructor_detail */
	#ins_props { list-style: none; padding: 0; margin: 0; }
	
	.alert_template_superadmin .req_params { list-style: none; margin-left: 0; }
	.alert_template_superadmin .req_params input { width: 50%; display: inline-block; margin-right: 1rem; }
	

	
	.fi-save.temp { color: #658584; margin-left: 1rem; }
	
	.next_accordion { margin-top: 1rem; }
	
	
      .delete-menu {
        position: absolute;
        background: white;
        padding: 3px;
        color: #666;
        font-weight: bold;
        border: 1px solid #999;
        font-family: sans-serif;
        font-size: 12px;
        box-shadow: 1px 3px 3px rgba(0, 0, 0, .3);
        margin-top: -10px;
        margin-left: 10px;
        cursor: pointer;
      }
      .delete-menu:hover {
        background: #eee;
      }
      
      .gm-style-iw table { margin-top: 1rem; margin-left: 23px; }
      .gm-style-iw caption { background: #333; color: #fff; padding: 0.5rem; }
	
	.ajax_save { position: fixed; top: -7rem; right: 10%; background: rgba(255,255,255,0.8); padding: 2rem 2rem; border-radius: 0 0 10px 10px; border: 1px solid #333; border-top: none; box-shadow: 5px 5px 8px rgba(0,0,0,0.2); z-index: 1000; }
	.ajax_save .fi-save:before { margin-right: 0.5rem; font-size: 2rem; }
	.ajax_save .fi_save {  }
	
	.invoice_edit .paid { position: fixed; margin: auto; color: #f00; border: 5px solid #f00; font-size: 5rem; text-align: center; z-index: 2000; top: 0; left: 0; right: 0; bottom: 0; width: 300px; max-height: 200px; display: table; vertical-align: middle; padding: 2rem; background: rgba(255,255,255,0.5); }
	.invoice_list tr.paid, .bank_statement tr.reconciled, .receipt_list tr.reconciled, .invoice_no_dividend tr.paid { background-color: #ccff99!important; }
	.bank_statement tr.reconciled.active { background-color: #ccee88!important; }
	.bank_statement tr.reconciled .fi-check:before { color: #fff; }

	.invoice_no_dividend table.dividends { display: none; }
	
	.top-bar-section ul li>a.logout, .top-bar-section ul li>a.loginas, .medium-icon:before { font-size: 1.2rem; }
	
	.top-bar {
		
	}
	.top-bar.expanded .title-area {
	}
	.top-bar-section {
	}
	
	.top-bar .toggle-topbar.menu-icon a {
		
	}
	
	.top-bar.expanded .toggle-topbar a {
		
	}
	
	.top-bar .toggle-topbar.menu-icon a span::after {
		/* box-shadow: 0 0 0 1px #555, 0 7px 0 1px #555, 0 14px 0 1px #555; */
	}
	
	.top-bar.expanded .toggle-topbar.menu-icon a span::after {
		/* box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff; */
	}
	
/* 	.top-bar-section ul .dropdown .has-dropdown { white-space: nowrap; color: #fff; font-weight: bold; padding: 0 0.9375rem; font-size: 0.8125rem; line-height: 1.8rem; } */
	
	.top-bar-section ul li > a {
	}
	
	/* nav a */
	.top-bar-section li:not(.has-form) a:not(.button) {
		
	}
	
	/* nav a hover */
	.top-bar-section li:not(.has-form) a:not(.button):hover {
	}
	
	/* nav a active */
	.top-bar-section li.active:not(.has-form) a:not(.button) {
		
	}
	
	/* nav a active hover */
	.top-bar-section li.active:not(.has-form) a:not(.button):hover {
		
	}
	
	/* nav a dropdown contents */
	.top-bar-section .dropdown {
		
	}
	
	/* nav a dropdown contents */
	.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
		background-color: #658584;
	}
	
	/* nav a with dropdown triangle */
	.top-bar-section .has-dropdown > a:after {
		/* border-color: rgba(80,80,80,0.5) transparent transparent transparent; */
	}
	
	.top-bar-section .has-dropdown > a:after {
		
	}
	
	.top-bar-section .has-dropdown > a:hover:after {
	}
	
	.top-bar-section ul li {
	}
	
	.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
		
	}
	
	.top-bar-section .dropdown  li:not(.has-form) a:not(.button) { line-height: 1.8rem; }
} 

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
	
} 

 /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
	form.login { width:50%; margin: 2rem auto; }
	.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after { top: 0.4rem; }
	.logos-wrapper { height: 80%; margin: 5% 0; text-align: left; }
	.header-logos .helper { display: inline-block; height: 100%; vertical-align: middle; }
	.header-logos img { vertical-align: middle; max-height: 80px; }
	
	#dropzone { padding: 1rem; border: 2px dashed #777; background-color: #eeeeee; margin-top: 1rem; border-radius: 1rem; text-align: center; }
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
	form.login { width:40%; }
	#email_modal .email_preview th { width: 8.33333%; }
}

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
}

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {
	
}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
	
}

/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) {
	
}