/*
body { 
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
	user-select:none;
	-o-user-select:none;
}
*/

/* Timer and Barcode Scanner Font */
@font-face { font-family:"LCD"; src:url("../fonts/alarm_clock.ttf"); }

/* Remove chrome autocomplete yellow bg colour */
@-webkit-keyframes autofill { to { color: #000; background: transparent; } }
input:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; }
/* end */

/* MaterializeCSS Overrides */
p, .input-field label.active, label { font-weight:300; font-size:11pt !important; }
.input-field label, .dropdown-content li>a, .dropdown-content li>span { color:#000000 !important; }
.row { margin-bottom:0px !important; }
.btn { margin-bottom:5px;  padding:0px 15px; }
.collection { border:0 !important; }
.modal-overlay { height:250% !important; } /* Makes grey background of modal be full screen when modal input is selected */
/* .modal.modal-fixed-footer { height:80% !important; } Increase size of modal window */
/*.modal { max-height:80% !important; }  Increase size of modal window */
/*.card { border-radius:0px !important; }*/ /* Remove rounded corners from cards */
.tabs .tab { height:64px !important; }
.tabs .tab a { padding:5px !important; } /* Makes the tabs more vertically central on the device */
.page { width:1px; min-width:100%; *width:100%; } /* Fix iOS Safari exceeding iframe width */
.material-icons { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; } /* Puts icons in line with text */
nav ul a { padding:0px 10px; } /* Reduces buttons at top of navbars a little */

/* Custom Thin Scrollbar so it doesnt overlap anything such as the Survey Page tabs */
/*body, tabs::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3); background-color:#F5F5F5; }
body, tabs::-webkit-scrollbar { width: 4px; background-color: #F5F5F5; }
body, tabs::-webkit-scrollbar-thumb { background-color: #666666; }*/

/* Put Red in instead of Teal for checkboxes, inputs, etc */
.tabs .tab { text-transform:none !important; }
#account_settings_container .material-icons { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; }

.event_publish.disabled { background-color: #ccc !important; }

.card-hover { cursor: pointer; }
.wizard-attending-select { background-color: #EEE !important; cursor: pointer !important; padding: 15px; }
.wizard-attending-select.active, .wizard-attending-select:hover { background-color: #E8F5E9 !important; }
.wizard-attending-select .zync_title { cursor: pointer !important; }

/* Rome DateTimePicker Tweaks */
.zync_rome_container { border:1px solid rgb(200, 200, 200) !important; margin:-42px 0px 80px -5px; } /* Grey instead of black border. Margin at bottom so nothing is hidden. Move to cover existing entry*/
.zync_rome_time_list { border:1px solid rgb(200, 200, 200) !important; margin:0px 0px 240px -5px; } /* Grey instead of black border. Margin at bottom so nothing is hidden */
.rd-day-prev-month, .rd-day-next-month { color:rgb(200, 200, 200) !important; }
.rd-day-head, .rd-day-body { padding:5px; }

#login #cookie_warning_cont, #reset #cookie_warning_cont, #verify #cookie_warning_cont { display:none; }
#login #cookie_warning, #reset #cookie_warning, #verify #cookie_warning { margin: 0 auto !important; padding: 0px !important; }
#cookie_warning .zync_notice {  margin-top: 25px !important; margin-bottom: 0px !important; }

/* Zync Themes */
.zync_label { font-weight:300; font-size:11pt !important; color:#000000; overflow-wrap:break-word; -ms-word-break:break-word; word-break:break-word; -ms-hyphens:auto; -moz-hyphens:auto; -webkit-hyphens:auto; hyphens:auto; }
.zync_title { font-weight:500; font-size:12pt !important; color:#000000; overflow-wrap:break-word; -ms-word-break:break-word; word-break:break-word; -ms-hyphens:auto; -moz-hyphens:auto; -webkit-hyphens:auto; hyphens:auto; cursor:default; }
.zync_sub_title { font-weight:400; font-size:12pt !important; color:#000000; overflow-wrap:break-word; -ms-word-break:break-word; word-break:break-word; -ms-hyphens:auto; -moz-hyphens:auto; -webkit-hyphens:auto; hyphens:auto; cursor:default; }
.zync_header { font-weight:400; font-size:14pt !important; color:#000000; overflow-wrap:break-word; -ms-word-break:break-word; word-break:break-word; -ms-hyphens:auto; -moz-hyphens:auto; -webkit-hyphens:auto; hyphens:auto; cursor:default; text-transform: uppercase; }
.zync_sub_header { font-weight:400; font-size:12pt !important; color:#000000; overflow-wrap:break-word; -ms-word-break:break-word; word-break:break-word; -ms-hyphens:auto; -moz-hyphens:auto; -webkit-hyphens:auto; hyphens:auto; cursor:default; text-transform: uppercase; }
.zync_info { font-size:12px !important; text-transform: uppercase; overflow-wrap:break-word; -ms-word-break:break-word;word-break:break-word; -ms-hyphens:auto; -moz-hyphens:auto; -webkit-hyphens:auto; hyphens:auto; }
.zync_button { cursor:pointer; margin:10px 5px; border-radius: 3px 3px 3px 3px !important; }
.zync_question { margin:10px !important; padding:10px 5px 5px 5px; position:relative; } /* Relative used for displaying delete icon correctly against question */
.zync_hidden { opacity:0.0; } /* Hide an element without affecting whether the element is visible or not as per the code using .hide() or .show() */
.zync_items_datatable_adjust { margin:6px 0px 0px -15px; } /* Adjusts a label on the datatables */
.zync_edit_hr { border:0px; border-top:1px solid rgb(204, 204, 204); } /* Edit comment split */
.zync_rotate_90 { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); }


@-webkit-keyframes zync_rotate /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes zync_rotate {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.zync_rotate {
  -webkit-animation: zync_rotate 2s linear infinite;
  -moz-animation: zync_rotate 2s linear infinite;
  -ms-animation: zync_rotate 2s linear infinite;
  -o-animation: zync_rotate 2s linear infinite;
  animation: zync_rotate 2s linear infinite;
}

/* Item Question */
.item_row { padding:8px 5px !important; }
.item_question { padding:8px 5px !important; }
#ejbeatycelledit { margin:0px !important; padding:0px !important; }

/* Nav Bar Mods */
#body .nav_bar_cont { position: fixed; z-index: 5; top:0; width: 100%; }
nav.nav_bar { height: 64px !important; line-height: 64px !important; }
nav.nav_bar .material-icons { line-height: 64px !important; }
.page .content { padding-top: 60px !important; }
.tabs { position: fixed; z-index: 6; top:64px; width: 100%; }
.tabs .zync_label { padding-top: 10px !important; }

/* Help CSS */
.card, .card-shadow { border: 1px solid #CCCCCC; border-radius:3px; }
.modal-text { font-size: 14pt !important; font-weight: 300 !important; }

/* Settings CSS */
.u_group_table,.question_adv_settings,.q_expand_sections,.q_adv_settings,.q_expand_sections,.collapsible_quick_build,.s_adv_settings { box-shadow:none !important; }
.content-text { font-size: 11pt !important; font-weight: 300; }
#account_settings_container .btn { margin-bottom:20px; margin-top:15px; padding:0px 15px; }

/* 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; }*/

table.dataTable tbody td {
  vertical-align: top !important;
}

/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
    background-color: white;
    height: 40px;
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}
.StripeElement--focus { box-shadow: 0 1px 3px 0 #cfd7df; }
.StripeElement--invalid { border-color: #fa755a; }
.StripeElement--webkit-autofill { background-color: #fefde5 !important; }

/*icon rotator, used in reporting */
.rotate{
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.rotate.down{
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* change the size of the modal window */
.modal { width: 90% !important ; }