body .myClass {
  background-color: red; }

input[disabled], textarea[disabled], input[readonly], textarea[readonly] {
  background-color: rgba(220, 220, 220, 0.82) !important;
  cursor: not-allowed !important; }

input:not(:disabled):not([type="radio"]):not([type="checkbox"]):not(.timePickerBoxText), textarea:not(:disabled) {
  padding: 10px;
  border: solid 5px #c9c9c9;
  transition: border 0.3s; }

input:not(:disabled):not([type="radio"]):not([type="checkbox"]):not(.timePickerBoxText):focus, textarea:not(:disabled):focus {
  border: solid 5px #969696; }

.align-span-img > span, .align-span-img > img {
  display: inline-block;
  vertical-align: middle; }

.ticket-list .ticket-item {
  border-bottom: solid 1px; }
  .ticket-list .ticket-item .col-ticket-destination {
    margin-right: 10px; }

.ticket-details .ticket-detail-item {
  width: 200px; }

.ticket-details input {
  padding: 10px;
  margin-right: 7px;
  border: none;
  border-bottom: solid 2px #c9c9c9;
  -moz-transition: border 0.3s;
  -o-transition: border 0.3s;
  -webkit-transition: border 0.3s;
  transition: border 0.3s; }

.ticket-details input:focus,
.ticket-details input.focus {
  border-bottom: solid 2px #969696; }

.ticket-details #infobox-button {
  min-width: 150px; }

#ticket-list-footer {
  position: fixed;
  left: 0;
  bottom: 30px;
  height: 30px;
  width: 100%; }

.item p.wordwrap,
.wordwrap {
  white-space: pre-wrap;
  /* CSS3 */
  white-space: -moz-pre-wrap;
  /* Firefox */
  white-space: -pre-wrap;
  /* Opera <7 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  /* IE */ }

.popup {
  height: 95%;
  width: 98% !important; }

.bold {
  font-weight: bold; }

.regular {
  font-weight: normal; }

.no-label {
  margin-top: 20px; }

.header-logo {
  max-height: 100%; }

.circle {
  border-radius: 50%;
  width: 20px;
  height: 20px; }
  .circle.red {
    background: red; }
  .circle.blue {
    background: blue; }
  .circle.green {
    background: green; }
  .circle.yellow {
    background: yellow; }

.article-img {
  max-height: 100%;
  max-width: 100%; }

.infobox-title {
  background: gray; }

.footer-raised {
  bottom: 44px; }

.list-item-title {
  height: 30px;
  padding: 5px;
  background: #F7F7F7;
  font-weight: bold; }

.logout-button {
  position: absolute;
  right: 5px; }

.new-spare-part-button {
  position: absolute;
  top: 5px;
  right: 75px;
  bottom: 5px; }

.activity-times-button {
  position: absolute;
  top: 5px;
  right: 235px;
  bottom: 5px; }

.activity-time {
  padding: 8px;
  text-align: center; }

.collaborator-select {
  max-width: 200px; }

.collaborator-select i {
  float: right; }

.invoicing-select {
  width: 80px;
  max-width: 80px; }

.popover-backdrop {
  z-index: 22 !important; }

.angular-google-map-container {
  height: 400px; }

.bar.item-input-inset .item-input-wrapper {
  margin-left: 10px; }

.button.icon.big::before {
  font-size: 40px; }

.button.button-icon.input-button {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #aaa; }

.create-ticket-popover {
  width: 90%; }
  .create-ticket-popover textarea {
    width: 100% !important;
    height: 100% !important; }

.quality-control-popover {
  width: 30%;
  max-height: 25%; }
  .quality-control-popover textarea {
    width: 100% !important;
    height: 100% !important; }

.grid-header {
  background-color: #d20a11;
  color: #FFF;
  border: 1px solid #FFF;
  padding: 5px;
  width: 100%; }

.grid-cell {
  background: #f7f7f7 none repeat scroll 0 0;
  border: 1px solid #FFF;
  padding: 5px;
  width: 100%;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all; }

.selected {
  background-color: #CCC; }

.popup-show-otp {
  width: 500px !important;
  height: 300px !important;
  left: 35% !important;
  top: 25% !important; }

.popup-show-password {
  width: 500px;
  height: 300px;
  left: 35%;
  top: 25%; }

.popup-show-password.copy-disabled .popup .popup-buttons button:last-of-type {
  pointer-events: none;
  opacity: 0.4;
  cursor: default !important; }

.popup-generate-password {
  width: 550px;
  height: 200px;
  left: 35%;
  top: 25%; }

.popup-modify-password {
  width: 650px;
  height: 480px;
  left: 30%;
  top: 25%; }

.edit-password {
  text-align: center;
  vertical-align: middle;
  font-size: 24px;
  cursor: pointer; }

.duration-invalid {
  color: red !important;
  font-weight: bold !important; }

/*ion-content {
    overflow-y: auto !important;
}*/
.is-browser-view {
  overflow-y: auto !important; }

.gray-background {
  background-color: lightgray; }

.ok-without-signature {
  position: absolute;
  top: 5px;
  right: 135px;
  bottom: 5px; }

.password-grid-txt {
  background: #f7f7f7 none repeat scroll 0 0; }

.spare-part-parent-serial-number-checkbox {
  padding-top: 8px !important;
  border-width: 0 !important; }

.serial-number-input {
  background-color: #f8f8f8;
  padding: 12px;
  cursor: pointer;
  position: relative;
  top: -10px;
  margin-left: 56px;
  z-index: 99; }

.serial-number-info {
  cursor: pointer; }

.popup-small {
  max-height: 350px !important; }

.popup-alert-small {
  max-height: 350px !important;
  max-width: 550px !important;
  left: 35% !important;
  top: 50% !important; }
  .popup-alert-small .popup {
    background-color: lightgray; }

.row-icon-size {
  font-size: 37px; }

.extra-padding-top {
  padding-top: 18px; }

.current-user-activity {
  background: #FFF0F5; }

.ionic_timepicker_popup .popup-body {
  height: 20px; }

.login-error-popup {
  text-align: center;
  max-height: 300px;
  font-size: 20px; }

.small-timepicker {
  max-width: 250px;
  max-height: 280px;
  position: fixed;
  left: 47%; }

@media screen and (max-width: 600px) {
  .hide-on-mobile {
    display: none; } }

.invalid-counter-value {
  background-color: #FFF0F5 !important; }

.input-background-standard {
  background-color: #f8f8f8; }

.datepicker-size {
  width: 80px !important; }

.ignore-delivery-address-checkbox {
  padding-top: 8px !important;
  background-color: #d20a11 !important;
  border-width: 0 !important;
  margin-left: 5px;
  margin-right: 5px;
  color: white; }

.half-width {
  max-width: 50% !important; }

.item .activity-time-item {
  overflow-x: visible !important;
  z-index: auto !important; }

.col .small-timepicker {
  left: 50% !important; }

.ticketarticle-delete-confirm-popup {
  max-width: 350px;
  max-height: 160px;
  left: 42%;
  top: 25%; }

.delete-confirm-popup {
  max-width: 350px;
  max-height: 200px;
  left: 42%;
  top: 25%; }

.small-confirm-popup {
  max-width: 30%;
  max-height: 50%;
  left: 36%;
  top: 25%;
  text-align: center !important; }

.small-qc-confirm-popup {
  max-width: 30%;
  max-height: 170px;
  left: 36%;
  top: 25%;
  text-align: center !important; }

.infoSentAlert, .infoSentError {
  margin: auto;
  max-width: 350px;
  max-height: 200px; }

.infoSentAlert .popup-body, .infoSentError .popup-body {
  text-align: center !important; }

.infoSentError .popup-head {
  background-color: #ff0000; }

.infoSentAlert .popup-head {
  background-color: #33cd5f; }

.signature {
  border: solid black 3px; }

#password-select::after {
  right: auto !important;
  margin-left: 151px; }

#password-select select {
  right: auto;
  width: 100%;
  max-width: 100% !important;
  direction: ltr !important;
  margin-left: 152px; }

#password-select-add-access::after {
  right: auto; }

#password-select-add-access select {
  right: auto !important;
  max-width: 100% !important;
  width: 100%;
  direction: ltr !important; }

.contact-gender-select {
  right: auto !important;
  max-width: 90% !important;
  width: 100%;
  direction: ltr !important; }

.contact-language-select {
  right: auto !important;
  max-width: 90% !important;
  width: 100%;
  direction: ltr !important; }

.destination-country-select {
  right: auto !important;
  max-width: 90% !important;
  width: 100%;
  direction: ltr !important; }

input[type="search"] {
  border: 0 !important; }

.has-footer-raised {
  bottom: 78px !important; }

.additional-field-tab {
  background-color: lightgray; }

/*ionic datepicker style */
.ionic_datepicker_popup .popup {
  max-height: 352px !important;
  max-width: 512px !important; }

.ionic_datepicker_popup .popup-body div.selected_date_full {
  background-color: #d20a11 !important;
  padding-top: 2%; }

.ionic_datepicker_popup .today {
  border-color: #a1080d !important; }

.ionic_datepicker_popup .selected_date {
  background-color: #a1080d !important; }

.ionic_datepicker_popup .popup-buttons button {
  background-color: #d20a11 !important; }

.ionic_datepicker_popup .popup-buttons .button_close {
  border-color: #b2b2b2 !important;
  background-color: #f8f8f8 !important;
  color: #444; }

.ionic_datepicker_popup .prev_btn_section, .ionic_datepicker_popup .next_btn_section {
  text-align: center !important; }

/*.ionic_datepicker_popup .month_year_section select {
    width: 100%;
}*/
.ionic_datepicker_popup .prev_btn_section button, .ionic_datepicker_popup .next_btn_section button {
  color: #d20a11 !important; }

.ionic_datepicker_popup .month_select, .ionic_datepicker_popup .year_select {
  border-color: #d20a11 !important; }

.ionic_datepicker_popup .month_select:after, .ionic_datepicker_popup .year_select:after {
  color: #d20a11 !important; }

.ionic_datepicker_popup .date_col {
  cursor: pointer; }

/*style form classification error*/
.classification-error-popup .popup {
  max-width: 20%;
  max-height: 150px;
  text-align: center; }

.quality-control-description {
  overflow: initial !important;
  text-overflow: initial !important;
  white-space: normal !important; }

.popover-open {
  pointer-events: all !important; }

input:disabled, textarea:disabled {
  color: black !important;
  -webkit-text-fill-color: black;
  /* Override iOS / Android font color change */
  -webkit-opacity: 1;
  opacity: 1;
  /* Override iOS opacity change affecting text & background color */ }

.invalid-value {
  background-color: #FFF0F5 !important; }

.middle-popup {
  max-height: 200px; }

.button-margin-right {
  margin-right: 15px; }

.infobox-file-upload-popup .popup {
  max-width: 55% !important;
  max-height: 75% !important; }

.sublist {
  margin-left: 30px;
  margin-bottom: 20px !important; }
  .sublist .item {
    background: lightgray; }

.sn-infobox-button {
  padding: 0; }
  .sn-infobox-button .button {
    margin: 0;
    height: 100%;
    padding-top: 2%; }

.input-disabled {
  pointer-events: none !important; }

.ticket-read-only {
  background-color: lightgray; }

.full-width-pane {
  left: 0 !important;
  max-width: 100% !important; }

ion-app.platform-ios12 ion-content {
  pointer-events: auto; }

.create-ticket-content .item.invalid {
  background-color: #f4cccc; }

.popup-in-front {
  z-index: 99 !important; }

.bordered-label {
  margin-top: 5px;
  margin-left: 10px;
  padding: 4px;
  border: 0.5pt solid lightgrey; }

.auto-size {
  width: auto;
  height: auto; }

a.disabled {
  cursor: default;
  opacity: .5; }

.popup-scancode {
  height: 524px;
  width: 653px;
  left: 0;
  top: 0; }

.popup-scancode.popup-container .popup {
  max-height: 100% !important; }

canvas.drawingBuffer {
  position: absolute;
  left: 0;
  top: 0; }

#barcode-scanner {
  margin-top: 44px;
  position: relative;
  width: 640px;
  height: 480px; }