input[type="search"] { height: auto !important; /* or height of nav */ }
html, body { height: 100%; width: 100% !important; overflow-x: hidden; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
header { margin-bottom: 60px; }
body { display: flex; flex-direction: column; background-color: #FBFAFB; }
main { width: 100%; }
nav li a { cursor: pointer; }
label { background-color:transparent !important; }
tr:not(.striped) { background-color: #FFF !important; }
tr.striped { background-color: #e0e0e0 !important; }
range:focus { border-bottom: 0px solid #03a9f4; -webkit-box-shadow: 0 0px 0 0 #03a9f4; -moz-box-shadow: 0 0px 0 0 #03a9f4; box-shadow: 0 0px 0 0 #03a9f4; }

/* STOP MOBILE CURSOR ON SELECTS */
input.select-dropdown { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; }

/* ANCHOR POSITIONING */
:target:before { content:""; display:block; height:30px; margin:-30px 0 0; }

/* COLLAPSE CSS */
.collapse { background-color: #FFF; cursor:default; margin: -1px; border: 0px solid #ccc; border-top: 1px solid #ccc; border-radius: 0px; }
.collapse_header { padding: 15px; cursor: pointer; }
.collapse_body { padding: 12px 5px 0 5px !important; }
/* END */

#scroll_to { margin-bottom: 30px; }
#event_code_copy { font-weight: 400 !important; font-size:2.5em !important; padding: 3px 8px; -o-user-select: text; -moz-user-select: text; -webkit-user-select: text; user-select: text; }

/* Notice Mods */
#image_upload .zync_notice { margin-left: -25px; margin-right: -25px; }
#builder_small_screens { padding: 0px !important; }
#builder_small_screens .col { padding: 0px !important; }
#builder_small_screens .zync_notice { margin-bottom: 15px !important; }

.choice_image_preview { width: 100px; max-height: 100px; margin: 0 auto; }
.choice_image { margin: 0 auto; max-width: 100% !important; }

.anon_box .select-dropdown, .confirm_checksum .select-dropdown { margin-bottom: 0px !important; }
.question_delete_img, .choice_delete_img { cursor: pointer; }

.quick_build_add.disabled { opacity: 0.3; filter: alpha(opacity=30); pointer-events: none; }
#builder_question_menu { position:fixed; top: 64px; bottom: 0; left: 0; transform: translateZ(0); -webkit-transform: translateZ(0); }
.grecaptcha-badge { z-index: 997 !important; }
#loading_screen { z-index: 99999 !important; position: absolute; }
#sidenav-overlay { z-index: 996 !important; position: fixed !important; }
#sortable { overflow: hidden !important; }
#survey_items { padding: 15px 15px 0px 15px; border: 0px solid #000 !important; overflow:auto !important; box-shadow: none !important; margin: 0px !important; top: 64px; right: 0; left: 0; bottom: 0; position: fixed; transform: translateZ(0); -webkit-transform: translateZ(0); -webkit-overflow-scrolling: touch; }
#question_types { min-height: 170px; cursor:move; }
#loading_screen { position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; width: 100px; height: 100px; }
#toast-container { position: fixed !important; bottom: 0px !important; left: 0px !important;bottom: auto !important; left: auto !important; top: 10%; right:7%; }
#find_search_clear { cursor: pointer; }

/* Builder Preview Placeholder Animation */
.builder_preview_placeholder { background-color: #f5f5f5; }
/* end */

.question_preview_header { cursor: pointer !important; }
.builder_bar_button, .builder_bar_button_edit { width: 2rem; font-size: 1.6rem; color: #FFF; pointer-events: auto; cursor: pointer; margin: 0px !important; line-height: 44px !important; height: 44px !important; width: 44px !important; border-right: 0px solid #CCC; }

.item_delete.builder_bar_button, .item_delete.builder_bar_button_edit { margin-left: 0px !important; border-right: 0px solid #CCC !important; }
.item_copy.builder_bar_button, .item_copy.builder_bar_button_edit { border-left: 0px solid #CCC !important; }
.close_edit_mode { max-height: 45px !important; overflow: hidden !important; }

.item_delete, .item_copy, .close_edit_mode { cursor: pointer; margin-right: 0px !important; }
.question_preview { background-color: #FFF; cursor: pointer; }
.question_preview div:not(.drag-handle), .question_preview label, .question_preview input { pointer-events: none; }

.fw-card { margin: 0 auto; margin:0px; padding:10px; border-top: 1px solid #ccc; }
.fw-card:last-child { border-bottom: 1px solid #ccc; }

.no_questions_text { border: 1px solid #eee; }
.no_questions_hover { border: 1px solid #E23C3C; }

.modal { overflow: hidden !important; }
.collapsible-body.row, .collapsible-body.col { line-height: 21.75px !important; }
.close_warning { cursor: pointer !important; }
.input-spacing { margin-bottom: 10px !important; }
.no-padding { padding: 0px !important; }
.col-padding { padding: 0 10px !important; }
.navbar-fixed { z-index: 995 !important; position: fixed !important; }
.modal-content-header { text-align:center; font-size: 25pt; font-weight: 400; padding-top: 0px; margin-bottom: 15px; }
.choice_icon_button, .choice_icon_select_cont { cursor: pointer; }
.choice_icon_select_container { padding-bottom: 0px; }
.modal-content-text { text-align:left; font-size: 16pt; font-weight: 200; }
.select-dropdown { overflow-y: auto !important; }
.tab_item, .pointer, .menu-link { cursor: pointer; font-weight: 300; }
.menu-link .text { font-weight: 300 !important; font-size: 11pt !important; }
.bottom-left-logo { position: absolute; z-index: -1; }
.progress-bar { border-radius: 3px 3px 3px 3px; border: 0px solid #000000; height: 5px; }
.previewWrapper {	padding-top: 0px;	height: 0; }
.previewWrapper iframe { position: absolute; top: 0; left: 0;	width: 100%; height: 100%; }
.dropdown-content { background-color: #FFFFFF; margin: 0; display: none; max-height: auto; margin-left: -1px; overflow: hidden; opacity: 0; position: absolute; white-space: nowrap; z-index: 10000;
will-change: width, height; }
.fixed-action-btn { z-index: 10; }
.coder{ margin-top: -30px !important; margin-left: -15px; margin-right: -15px; margin-bottom: -13px; padding-bottom: 0px; }
.not-active { pointer-events: none !important; cursor: default !important; }
.tour_cont, .info_icon { cursor: pointer; }
.collection { overflow: visible; } /* allows the drag and drop to be seen while draggin between lists*/
.logo { -webkit-box-shadow: 2px 0px 28px -8px rgba(0,0,0,0.75); -moz-box-shadow: 2px 0px 28px -8px rgba(0,0,0,0.75); box-shadow: 2px 0px 28px -8px rgba(0,0,0,0.75); }
.modal { z-index: 999 !important; }
.modal-overlay { z-index: 998 !important; }
.collapsible-body { border: 1px solid #FFF !important; background: #FFF !important; }
.collapsible-header { border: 0px solid #000; }
.survey_list_item { background-color: #FFF !important; }
.u_group_table,.question_regex_settings,.question_adv_settings,.q_expand_sections,.q_adv_settings,.q_expand_sections,.collapsible_quick_build,.s_adv_settings { border:0px solid #000 !important; box-shadow:none; }
.q_adv_settings:first-child .collapsible-header { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.response_tab,.question_tab { background-color:#FFFFFF; }
.drag-handle { cursor: ns-resize !important; }
.drag-handle-disabled { cursor: not-allowed; }
.survey_list_item { cursor: pointer; }
.card-shadow { border: 1px solid #CCCCCC; box-shadow: none; border-radius: 3px 3px 3px 3px; cursor:default; }
.collapsible-shadow { border-top: 1px solid #CCCCCC; border-bottom: 0px solid #CCCCCC; }
.material-icons { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; }
.text-heading-s, .text-heading-m { font-weight: 300; }
.text-heading-b { font-size: 20pt; }
.text-heading-b { font-weight: 200; }
.text-heading-s { font-size: 14pt; }
.text-heading-m { font-size: 16pt; }
.question_heading { font-size: 17pt; color: #000; }
.content-text { font-size: 11pt !important; font-weight: 300; }
.modal-text { font-size: 14pt; font-weight: 300; }
.small-modal-text { font-size: 13pt; font-weight: 300; }
.category-link { margin: 5px; }
.add_q { padding: 0px; margin-top: 15px; padding-left: 10px; cursor: pointer; font-size: 13pt; }
.add_q_placeholder { margin-bottom: 15px; margin-top: 15px !important; }
.item_title { padding-right: 0px; }
.item_title .open { padding-right: 100px !important; }
.jssocials-share-link { border-radius: 50%; }

/* APP CSS MODS */
#settings_pages .zync_label { padding-top: 10px; }
#settings_pages .material-icons { top: 0px !important; }
#about_content, #account_settings_container { padding-top: 60px !important; }
.tabs .zync_label { margin-top: -5px; }
.tabs .zync_label .material-icons { margin-right: 10px; }
.survey_pages .tab { padding-top: 8px; }
#settings_pages { position: fixed !important; }
.fixed-height { height: 64px !important; }
/* END */

ul.dropdown-content.select-dropdown li span { background-color: #FFF; color: #000; }
ul.dropdown-content.select-dropdown li span:hover { background-color: #F4F4F4 !important; }

/* fix the toast positioning issues on mobile devices */
#toast-container { position: fixed; z-index: 10000; }
@media only screen and (max-width: 600px) { #toast-container { min-width: 100%; bottom: 0%; right: 0% !important; top: -2px; } }

/* end */

/*.nav_bar li a:hover { background-color: #d32f2f; height: 64px !important; }
#builder_menu li:hover { background-color: #b71c1c !important; }*/

/* Always show scrollbar (mobile devices hide them by default) */
/* WE DONT WANT SCROLLBARS SHOWING AT ALL ANYMORE
::-webkit-scrollbar { -webkit-appearance:none; }
::-webkit-scrollbar:vertical { width:12px; }
::-webkit-scrollbar:horizontal { height:12px; }
::-webkit-scrollbar-thumb { background-color:rgba(0, 0, 0, .5); border-radius:10px; border:2px solid #ffffff; }
::-webkit-scrollbar-track { border-radius:10px;  background-color:#ffffff; }
*/
/* end */