/*awi-checkbox styles*/
paper-checkbox[disabled] #checkbox {
  opacity: 1 !important;
}

/*awi-datepicker styles*/
app-datepicker .buttons {
  padding: 0 20px !important;
}

/*awi-editor styles*/
awi-editor[invalid] div#cke_editor {
  border: 1px solid #dd2c00;
}

/*awi-switch styles*/
awi-switch .toggle-label {
  max-width: 95%;
}

/*awi-textarea styles*/
textarea::-webkit-scrollbar {
  -webkit-appearance: none;
}

textarea::-webkit-scrollbar:vertical {
  width: 11px;
}

textarea::-webkit-scrollbar:horizontal {
  height: 11px;
}

textarea::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white; /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, .5);
}

awi-address paper-input[disabled] .disabled-lock-icon,
awi-address vaadin-combo-box[disabled] .disabled-lock-icon {
  position: absolute;
  top: 62%;
  transform: translateY(-50%);
  left: -29px;
  color: rgba(0, 0, 0, 0.54);
  fill: rgba(0, 0, 0, 0.54);
  width: 18px !important;
  height: 18px !important;
  display: block;
}

awi-address vaadin-combo-box .disabled-lock-icon {
  top: 10px !important;
  display: none;
}

awi-address vaadin-combo-box-overlay #overlayAddOn {
  border-top: 1px solid;
  cursor: pointer;
  color: var(--paper-light-blue-500);
}

awi-address vaadin-combo-box-overlay #overlayAddOn iron-icon {
  margin-right: 10px;
  color: var(--paper-light-blue-500);
}

awi-address vaadin-combo-box-overlay #tooltip {
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

awi-address paper-input .disabled-lock-icon {
  display: none;
}

awi-address vaadin-combo-box-overlay #tooltip div {
  padding-left: 20px;
  color: rgba(0, 0, 0, 0.4);
}

/*awi-statictext styles*/
awi-statictext img.statictext-image {
  display: flex;
}

awi-statictext .video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

awi-statictext .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*required controls state styles*/
paper-textarea[disabled] paper-input-container {
  opacity: 1 !important;
}

paper-textarea[disabled] paper-input-container .unfocused-line {
  border-bottom: 1px solid !important;
}

awi-textbox[required] #labelAndInputContainer > label:after,
awi-textarea paper-textarea[required] .label-and-input-container > label:after,
awi-dropdown[required] #labelAndInputContainer > label:after,
awi-combobox[required] #labelAndInputContainer > label:after,
awi-textarea[required] #labelAndInputContainer > label:after,
awi-phone[required] #labelAndInputContainer > label:after,
awi-datepicker[required] #labelAndInputContainer > label:after,
awi-address[required] #combobox #labelAndInputContainer > label:after,
awi-time-picker[required] #labelAndInputContainer > label:after,
awi-address #countryBox[required] #labelAndInputContainer > label:after,
awi-address #line1[required] #labelAndInputContainer > label:after,
awi-address #line3[required] #labelAndInputContainer > label:after,
awi-moneyeditor[required] #labelAndInputContainer > label:after,
awi-numbereditor[required] #labelAndInputContainer > label:after,
awi-document[required] #labelAndInputContainer > label:after,
awi-email-input[required] #labelAndInputContainer > label:after {
  content: "  (Required)";
  font-style: italic;
  font-size: 0.8em;
}

/* readonly */

.readonly-lock-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -30px;
  color: rgba(0, 0, 0, 0.54);
  fill: rgba(0, 0, 0, 0.54);
  width: 18px;
  height: 18px;
}

awi-numbereditor .readonly-lock-icon {
  top: 58%;
}

awi-grid .grid-wrapper .readonly-lock-icon {
  transform: none;
  top: 24px;
  padding-left: 1px;
}

awi-combobox .readonly-lock-icon {
  color: rgba(0, 0, 0, 0.54) !important;
  fill: rgba(0, 0, 0, 0.54) !important;
}

paper-dialog awi-combobox .readonly-lock-icon {
  left: -1.5em;
}

.double-columns-form form awi-combobox .readonly-lock-icon {
  left: -.6em !important;
}

add-offline-payment-modal awi-modal awi-combobox .readonly-lock-icon {
  left: -30px !important;
}

awi-grid-add-modal awi-numbereditor .readonly-lock-icon,
awi-grid-edit-modal awi-numbereditor .readonly-lock-icon,
awi-grid-view-modal awi-numbereditor .readonly-lock-icon {
  left: -10px !important;

}

awi-grid-add-modal awi-datepicker .readonly-lock-icon,
awi-grid-edit-modal awi-datepicker .readonly-lock-icon,
awi-grid-view-modal awi-datepicker .readonly-lock-icon,
awi-grid-add-modal awi-textbox .readonly-lock-icon,
awi-grid-edit-modal awi-textbox .readonly-lock-icon,
awi-grid-view-modal awi-textbox .readonly-lock-icon,
awi-grid-add-modal awi-radio .readonly-lock-icon,
awi-grid-edit-modal awi-radio .readonly-lock-icon,
awi-grid-view-modal awi-radio .readonly-lock-icon,
awi-grid-add-modal awi-checkbox .readonly-lock-icon,
awi-grid-edit-modal awi-checkbox .readonly-lock-icon,
awi-grid-view-modal awi-checkbox .readonly-lock-icon,
awi-grid-add-modal awi-switch .readonly-lock-icon,
awi-grid-edit-modal awi-switch .readonly-lock-icon,
awi-grid-view-modal awi-switch .readonly-lock-icon,
awi-grid-add-modal awi-phone .readonly-lock-icon,
awi-grid-edit-modal awi-phone .readonly-lock-icon,
awi-grid-view-modal awi-phone .readonly-lock-icon,
awi-grid-add-modal awi-moneyeditor .readonly-lock-icon,
awi-grid-edit-modal awi-moneyeditor .readonly-lock-icon,
awi-grid-view-modal awi-moneyeditor .readonly-lock-icon {
  left: -10px;
}

dynamic-task-view awi-grid-view-modal awi-switch .readonly-lock-icon {
  left: -30px;
}

edit-goal-modal awi-textbox .readonly-lock-icon,
edit-approval-route-modal awi-combobox .readonly-lock-icon,
edit-governing-bodies-modal awi-textbox .readonly-lock-icon,
edit-attendance-group-modal awi-combobox .readonly-lock-icon {
  left: -20px !important;
}

awi-editor .readonly-lock-icon {
  top: 46px;
  padding-left: 1px;
}

awi-tags .readonly-lock-icon,
awi-time-picker .readonly-lock-icon {
  padding-left: 1px;
}

info-popup .readonly-lock-icon {
  padding-left: 9px;
  top: 25px;
}

assign-task .readonly-lock-icon {
  display: none;
}

user-profile awi-phone .readonly-lock-icon,
dynamic-task-view awi-combobox .readonly-lock-icon, history-task-view awi-combobox .readonly-lock-icon,
dynamic-task-view paper-dialog awi-address .readonly-lock-icon {
  left: -30px !important;
}

dynamic-task-view paper-dialog awi-combobox .readonly-lock-icon, dynamic-task-view paper-dialog awi-textarea .readonly-lock-icon {
  left: -10px !important;

}

dynamic-task-view awi-grid-view-modal awi-textarea .readonly-lock-icon {
  left: -30px !important;
}

/* end readonly */

/*awi-grid*/
.grid-modal-form form {
  display: flex;
  flex-flow: row wrap;
}

.grid-modal-form form > * {
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 16px;
  margin-bottom: 0;
}

@media only screen and (min-width: 1024px) {
  .double-columns-form form > * {
    width: 50%;
  }
}

@media only screen and (max-width: 1024px) {
  .double-columns-form form > * {
    width: 100%;
  }
}

.single-columns-form form > *,
.single-column-form .switch-wrapper {
  width: 100%;
}

/*Line clamping classes, defying how many offset lines will be hidden. Cross Browsing*/
.line-clamp {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 !important;
}

.line-clamp-2 {
  /*Line clamping property, adding '...' to the end of overlapping string. Does not work in Firefox, Edge and Explorer. TO DO: find cross browsing solution*/
  -webkit-line-clamp: 2;
}

awi-grid-add-modal awi-combobox-overlay, awi-grid-edit-modal awi-combobox-overlay {
  padding: 0 !important;
}

paper-dialog [control-width-in-modal="full"],
paper-dialog [control-width-in-modal="full"] .switch-wrapper, awi-switch [control-width-in-modal="full"] {
  min-width: 100%;
}

paper-dialog [control-width-in-modal="half"] {
  width: 50% !important;
}

.action-buttons paper-button[disabled] {
  background: none;
  color: #a8a8a8 !important;
  cursor: auto;
  pointer-events: none;
}

/* end awi-grid*/

billing-info-modal awi-address .disabled-lock-icon {
  width: 18px !important;
  height: 18px !important;
}

/* errors resolve */
staff-task-list paper-header-panel:not(.no-data-bar) > paper-toolbar {
  border-bottom: none !important;
}

paper-toolbar.complete-filters awi-combobox-overlay {
  min-width: 380px !important;
}

/* end errors resolve */

/* manage-users-grid */
manage-users-grid #users awi-grid-controls-panel {
  display: none;
}

manage-users-grid #users awi-grid-row {
  cursor: pointer;
}

/* end manage-users-grid */

/*staff-task-list */
staff-task-list paper-header-panel:not(.no-data-bar) > paper-toolbar {
  border-bottom: none !important;
}

paper-toolbar.complete-filters awi-combobox-overlay {
  min-width: 380px !important;
}

/* end of staff-task-list */

/*In Future move linkStart to a separate component and make it as an internal style if staff reply */
/*.parsed-message a {*/
/*color: white !important;*/
/*text-decoration: underline !important;*/
/*}*/

/*[staff-reply-content] .parsed-message li:before {*/
/*background-color: white !important;*/
/*color: rgba(51, 136, 193, 1) !important;*/
/*}*/

paper-textarea.more-than-two-rows iron-autogrow-textarea {
  background-color: rgba(245, 245, 245, 1) !important;
}

paper-textarea.focused-textarea.more-than-two-rows iron-autogrow-textarea {
  background-color: #F0F8FF !important;
}