/* Imports */

/* Imports */

.v-pagination__item {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.v-pagination__item:focus {
  outline-color: #d10019 !important;
}

.v-pagination__navigation {
  margin: 3px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.v-pagination__navigation .v-icon {
  color: grey !important;
  padding: 2px;
  font-size: 22px !important;
}

.v-pagination__navigation .v-icon:hover {
  color: #d10019 !important;
}

.v-pagination__navigation:focus {
  outline-color: #d10019 !important;
}

.op-searchRow #titleHeader {
  font-size: 22px !important;
  color: #3c4858 !important;
}

.op-searchRow .filter {
  cursor: pointer !important;
}

.op-searchRow .filter .textF {
  margin-right: 3px;
  font-size: 14px;
  color: #646e77;
  cursor: pointer !important;
  font-family: Roboto, sans-serif !important;
}

.op-searchRow .filter .v-icon {
  font-size: 22px !important;
  margin-right: 7px;
  color: #d10019;
}

.op-searchRow #search .primary--text {
  color: #d10019 !important;
}

.op-searchRow #search .v-input {
  width: 270px;
  margin-right: 15px !important;
  margin-left: 40px !important;
}

.op-searchRow #search .v-input__icon--prepend-inner .v-icon {
  color: #979ca7 !important;
}

.op-searchRow #search .v-input__icon--prepend-inner .v-icon.primary--text {
  color: #d10019 !important;
}

.op-searchRow #search .v-input__icon--append .v-icon {
  color: #979ca7 !important;
  font-size: 18px !important;
}

.op-table-wrapper {
  padding: 0px 16px;
}

.op-table th {
  color: #fff !important;
  font-size: 14px !important;
}

.op-table th .v-icon {
  color: #fff !important;
}

.op-table thead {
  background-color: #414D55 !important;
}

.op-table tbody tr:last-child {
  border-bottom: 1px solid #E8EAED !important;
}

.op-table tbody tr:first-child {
  border-top: 1px solid transparent !important;
}

.op-table tbody td {
  border-left: 1px solid transparent;
}

.op-table tr {
  height: 42px !important;
  border-color: #E8EAED !important;
}

.op-table tr .actionIcons {
  color: #C0C0C0 !important;
  font-size: 20px !important;
  padding: 5px !important;
}

.op-table tr:nth-child(even) {
  background-color: #F9F9F9;
}

.op-table tr:hover {
  cursor: pointer;
}

.op-table tr:hover .actionIcons {
  color: #d10019 !important;
}

.op-table tr:hover .actionIcons:hover {
  color: #fff !important;
  background-color: #d10019 !important;
}

.op-table .v-datatable__progress {
  height: 3px !important;
}

.op-table .v-datatable__progress div[role=progressbar] {
  height: 3px !important;
}

.op-table .v-datatable__progress .v-progress-linear__background {
  background-color: #fff !important;
}

.op-table .v-datatable__progress .active {
  background-color: rgba(209, 0, 25, 0.3) !important;
}

.op-table-narrow th {
  padding-left: 6px !important;
  padding-right: 3px !important;
}

.op-table-narrow tbody td {
  padding-left: 6px !important;
  padding-right: 3px !important;
}

.op-table-not-list th {
  color: #fff !important;
  font-size: 14px !important;
}

.op-table-not-list th .v-icon {
  color: #fff !important;
}

.op-table-not-list thead {
  background-color: #414D55 !important;
}

.op-table-not-list tbody tr:last-child {
  border-bottom: 1px solid #E8EAED !important;
}

.op-table-not-list tbody tr:first-child {
  border-top: 1px solid transparent !important;
}

.op-table-not-list tbody td {
  border-left: 1px solid transparent;
}

.op-table-not-list tr {
  height: 42px !important;
  border-color: #E8EAED !important;
}

.op-table-not-list tr .actionIcons {
  color: #C0C0C0 !important;
  font-size: 20px !important;
  padding: 5px !important;
}

.op-table-not-list tr:nth-child(even) {
  background-color: #F9F9F9;
}

.op-table-not-list tr:hover {
  cursor: pointer;
}

.op-table-not-list .v-datatable__progress {
  height: 0px !important;
}

.op-table-not-list .v-datatable__progress div[role=progressbar] {
  height: 0px !important;
}

.op-table-not-list .v-datatable__progress .v-progress-linear__background {
  background-color: #fff !important;
}

.op-form-header h2 {
  font-size: 22px !important;
  color: #3c4858 !important;
  font-weight: normal !important;
}

.op-form-header .v-btn {
  background-color: #e4ecf0 !important;
  height: 24px;
  padding: 0 !important;
  min-width: 60px !important;
  margin-left: 25px;
  border-radius: 5px;
  background-size: cover;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  color: #495057;
}

/* globally overwrite vuetify classes */

.v-select-list .v-list__tile {
  height: 36px;
  font-size: 15px;
}

.v-select__selection {
  font-size: 15px;
}

.op-touroperator .tdValues {
  text-align: right;
  border: 1px solid #E8EAED;
  cursor: default;
  font-size: 14px;
  color: #495057;
}

.op-touroperator .thStyle {
  border: none;
  width: 60px !important;
  color: #3c4858;
  font-size: 14px;
}

.op-touroperator .thStyleDummy {
  border: none;
  width: 60px !important;
}

.op-touroperator .thPrice {
  color: #3c4858;
  font-size: 14px;
}

.op-touroperator .td100 {
  width: 100% !important;
  text-align: right;
  border: 1px solid #e2e2e2;
}

.op-touroperator .td100:focus {
  outline: none;
  border: 1px solid #d10019;
}

.op-touroperator .warning200:not(:focus) {
  background-color: yellow;
}

.op-touroperator .hrDivider {
  border: 0;
  width: 100%;
  height: 1px;
  background-color: #E8EAED;
}

.op-touroperator .hrDividerBottom {
  border: 0;
  width: 100%;
  height: 1px;
  background-color: #E8EAED;
  margin-top: 3px;
  margin-bottom: 3px;
}

.op-touroperator .hrDividerBottomDummy {
  border: 0;
  width: 100%;
  height: 1px;
  background-color: #9e9e9e;
  margin-top: 5px;
  margin-bottom: 7px;
}

.op-touroperator .saveIcon {
  color: #d10019 !important;
  font-size: 20px !important;
}

.op-touroperator .thCol1 {
  width: 270px !important;
}

.op-touroperator .thCol2 {
  width: 50px !important;
  text-align: right;
}

.op-touroperator .thCol3 {
  width: 5px !important;
}

.op-touroperator .thColLast {
  width: 50px !important;
  max-width: 50px !important;
}

.op-touroperator .fontsHeader {
  color: #495057;
  font-size: 14px;
  font-weight: normal;
}

.op-touroperator .priceContainer {
  border: none;
  min-height: 690px;
  max-height: 690px;
  overflow-y: auto;
}

.op-touroperator .hoverCursor {
  cursor: pointer;
}

.compareChart {
  width: 100%;
  font-family: 'Open Sans';
}

.dountChart {
  width: 100%;
}

.dountChart,
.dountChartLegened {
  font-family: 'Open Sans';
}

@media screen and (max-width: 1099px) {
  .compareChart {
    height: 500px;
  }
}

@media screen and (min-width: 1550px) {
  .dountChart {
    height: 592px;
  }

  .compareChart {
    height: 500px;
  }
}

@media screen and (max-width: 1549px) {
  .dountChart {
    height: 892px;
  }
}

@media screen and (max-width: 1549px) and (min-width: 1100px) {
  .compareChart {
    height: 800px;
  }
}

.op-login-button {
  background-color: #d10019 !important;
  border-color: #d10019 !important;
}

.op-login-button:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(209, 0, 25, 0.5) !important;
          box-shadow: 0 0 0 0.2rem rgba(209, 0, 25, 0.5) !important;
}

.op-color-primary {
  color: #d10019;
}

.op-color-green {
  color: #4caf50 !important;
}

@media (max-width: 991px) {
  .op-height-login {
    height: 539px !important;
    margin-bottom: 30px;
  }

  .op-login-margin {
    margin-top: 0px;
  }

  .op-font-login-header {
    font-size: 18pt;
    font-weight: 600;
    color: #d10019;
    font-family: 'Roboto';
  }

  .op-login-button-width {
    width: 120px;
  }

  .op-margin-toimage {
    margin-top: 60px;
  }
}

@media (min-width: 992px) {
  .op-height-login {
    height: 465px !important;
  }

  .op-login-margin {
    margin-top: calc( (100vh - 465px) / 2);
  }

  .op-font-login-header {
    font-size: 16pt;
    font-weight: 600;
    color: #d10019;
    font-family: 'Roboto';
  }

  .op-login-button-width {
    width: 160px;
  }

  .op-margin-toimage {
    margin-top: 30px;
  }
}

@media (min-width: 1200px) {
  .op-height-login {
    height: 539px !important;
  }

  .op-login-margin {
    margin-top: calc( (100vh - 539px) / 2);
  }

  .op-font-login-header {
    font-size: 18pt;
    font-weight: 600;
    color: #d10019;
    font-family: 'Roboto';
  }

  .op-login-button-width {
    width: 160px;
  }

  .op-margin-toimage {
    margin-top: 60px;
  }
}

/* booking form specific style */

.bookingFormStyle .amountDiv {
  border: 1px solid #cccccc !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 70px;
}

.bookingFormStyle .headercols {
  height: 68px;
}

.bookingFormStyle .personDiv {
  min-height: 433px;
  max-height: 433px;
  overflow-y: auto;
}

.bookingFormStyle .amountTotalLeft {
  padding: 12px 36px 12px 40px;
  border: 1px solid #6AA84F;
  border-right: none;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.bookingFormStyle .amountTotalRight {
  padding: 12px 0px 12px 12px;
  border: 1px solid #6AA84F;
  border-left: none;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.bookingFormStyle .cancellationRefundAmountRight,
.bookingFormStyle .cancellationRefundAmountLeft {
  border-color: #d10019;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textLineThrough {
  text-decoration: line-through;
}

/* v-btn Style like in Segway */

.op-btn,
.op-btn:visited {
  height: 38px !important;
  background-color: #ffffff !important;
  text-transform: none !important;
  text-decoration: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  border: 1px solid #d10019;
  border-radius: 3px !important;
  color: #d10019 !important;
  outline: none;
}

.op-btn span,
.op-btn:visited span {
  font-weight: normal;
}

.op-btn:disabled {
  border: 1px solid #d1d5db !important;
}

.op-btn.theme--light.v-btn.v-btn--disabled,
.op-btn.theme--light.v-btn.v-btn--disabled:not(.v-btn--icon):not(.v-btn--flat):not(.v-btn--outline) {
  background-color: #ffffff !important;
}

.op-btn:hover,
.op-btn:active,
.op-btn:focus {
  background-color: #d10019 !important;
  color: #ffffff !important;
}

/* v-btn back button */

.op-back-button,
.op-back-button:visited {
  height: 38px !important;
  width: 117px !important;
  color: #495057 !important;
  font-weight: normal !important;
  font-size: 14px !important;
  font-family: Roboto, sans-serif !important;
  border: 1px solid #495057 !important;
  margin-right: 10px !important;
}

.op-back-button span,
.op-back-button:visited span {
  font-weight: normal;
}

.op-back-button:hover,
.op-back-button:active,
.op-back-button:focus {
  background-color: #495057 !important;
  color: #ffffff !important;
}

.op-btn:active,
.op-btn:focus {
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
          box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
}

.op-btn.finish,
.op-btn.finish:visited {
  border: 1px solid #4caf50;
  color: #4caf50 !important;
}

.op-btn.finish:hover,
.op-btn.finish:active,
.op-btn.finish:focus {
  background-color: #4caf50 !important;
  color: #ffffff !important;
}

.openGroup:disabled {
  color: #d1d5db !important;
  border: 1px solid #d1d5db !important;
  border-left-width: 0 !important;
}

.openGroup.v-btn.v-btn--disabled:disabled i {
  color: #d1d5db !important;
}

.bgApplication {
  background-color: #efefef !important;
}

.op-datePicker .primary--text {
  color: #d10019 !important;
}

.op-cardShadow {
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
}

.op-tabs {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-top: solid 1px #e8eaed !important;
}

.op-tab-slider .v-tabs__div {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.op-tab-slider .v-tabs__item {
  color: #495057;
}

.op-saisonSettings {
  font-size: 15px;
  color: #495057;
  -webkit-text-decoration: none solid #495057;
          text-decoration: none solid #495057;
  text-transform: uppercase;
}

.op-saisonSettingsWrapper {
  background-color: white !important;
  border-bottom: solid 1px #e8eaed !important;
  margin-bottom: 10px !important;
}

.op-gridForm {
  padding-bottom: 2px !important;
  padding-top: 0px !important;
}

.op-gridForm .theme--light.v-text-field > .v-input__control > .v-input__slot:before {
  border-color: #d1d5db !important;
}

.op-gridForm .v-label {
  color: #979ca7 !important;
  font-size: 15px;
}

.op-gridForm .theme--light.v-input--switch.v-input--is-disabled .v-input--switch__thumb:not(.primary--text) {
  color: #fff !important;
}

.op-gridForm .toggle.v-input--is-disabled .v-label {
  color: rgba(0, 0, 0, 0.5) !important;
  font-size: 15px;
}

.op-gridForm .toggle .v-label {
  color: #495057 !important;
  font-size: 15px;
}

.op-gridForm .v-input.v-input--is-disabled input {
  color: rgba(0, 0, 0, 0.5) !important;
  font-size: 15px;
}

.op-gridForm .v-textarea.v-input--is-disabled textarea {
  color: rgba(0, 0, 0, 0.5) !important;
  font-size: 15px;
}

.op-gridForm input {
  color: #495057 !important;
  font-size: 15px;
}

.op-gridForm textarea {
  color: #495057 !important;
  font-size: 15px;
}

.opal-filter .v-label {
  font-size: 15px;
}

.opal-filter input {
  font-size: 15px;
}

.miniLinksIcons1 .v-input__slot {
  color: transparent !important;
  -webkit-transition: none;
  transition: none;
}

.miniLinksIcons1 .v-input__slot .v-input__icon.v-input__icon--append i {
  color: #979ca7 !important;
}

.miniLinksIcons .mdi-close {
  color: white !important;
}

.miniLinksIcons .mdi-menu-down {
  color: white !important;
}

.op-toolbar {
  background-color: #fff !important;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) !important;
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.op-cardShadowNone {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: #fff !important;
}

.op-h2 {
  font-size: 22px !important;
  color: #3c4858 !important;
  font-weight: normal;
}

.op-h3 {
  font-size: 18px !important;
  color: #3c4858 !important;
  font-weight: normal;
}

.op-htrans {
  font-size: 17px !important;
  color: #495057;
  font-weight: normal;
}

.op-h35 {
  font-size: 16px !important;
  color: #3c4858 !important;
  font-weight: normal;
}

.op-f15 {
  font-size: 15px !important;
  color: #3c4858 !important;
  font-weight: normal;
}

.op-h4 {
  font-size: 14px !important;
  color: #3c4858 !important;
  font-weight: normal;
}

.op-form-label {
  color: #979ca7;
}

.op-filter-row {
  margin: 0px 16px;
}

.op-filter-chips {
  margin: 0px 16px 8px 16px;
}

.ageModelHeader {
  background-color: #d10019;
}

.addButtonS {
  margin-left: 16px;
}

.addButtonS .v-btn {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  width: 32px;
  height: 32px;
}

.addButtonS .v-btn:hover {
  -webkit-box-shadow: 0 3px 5px -1px rgba(209, 0, 25, 0.2), 0 6px 10px 0 rgba(209, 0, 25, 0.14), 0 1px 18px 0 rgba(209, 0, 25, 0.12) !important;
          box-shadow: 0 3px 5px -1px rgba(209, 0, 25, 0.2), 0 6px 10px 0 rgba(209, 0, 25, 0.14), 0 1px 18px 0 rgba(209, 0, 25, 0.12) !important;
}

.addButtonS .v-btn:active {
  -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12) !important;
          box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12) !important;
}

.combinedList {
  border: 1px solid #d10019 !important;
  color: #d10019;
}

.combinedList1 {
  border-bottom: 1px solid #E8EAED !important;
}

.searchList .primary--text {
  color: #d10019 !important;
}

.searchList .v-input__icon--prepend-inner .v-icon {
  color: #979ca7 !important;
}

.searchList .v-input__icon--prepend-inner .v-icon.primary--text {
  color: #d10019 !important;
}

.searchList .v-input__icon--append .v-icon {
  color: #979ca7 !important;
  font-size: 18px !important;
}

.multiColumnList {
  padding: 24px 16px 0px 16px;
}

.drag-item-chosen > i {
  visibility: hidden !important;
}

.drag-item-ghost {
  background-color: #E8E8E8 !important;
  color: #E8E8E8 !important;
}

.drag-item-ghost button,
.drag-item-ghost i {
  visibility: hidden !important;
}

.dragIconProd i {
  color: #C0C0C0 !important;
}

.dragIconProd:hover i {
  color: rgba(0, 0, 0, 0.87) !important;
}

.treeViewProducts > .v-treeview-node > .v-treeview-node__children > .v-treeview-node:last-child {
  color: #d10019 !important;
}

.treeViewProducts {
  cursor: pointer;
}

.treeViewProducts .v-treeview-node__label {
  border: 1px solid transparent;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding: 2px 8px 2px 6px;
  margin-left: 0px;
  font-size: 1.0rem;
}

.treeViewProducts i {
  font-size: 20px;
  padding-right: 4px;
}

.treeViewProductsActive .v-treeview-node__label {
  border-color: #d10019;
  color: #d10019;
}

.op-checkBoxesList {
  margin-top: 0 !important;
  padding-top: 0 !important;
  height: 30px !important;
}

.op-checkBoxSmall {
  margin-top: 0 !important;
  padding-top: 0 !important;
  height: 20px !important;
}

.op-show-icon-on-mouseover i {
  visibility: hidden;
}

.op-show-icon-on-mouseover:hover i {
  visibility: visible;
}

.defaultCursor {
  cursor: default !important;
}

.customIconReplacement {
  font-size: 18px;
  font-weight: bold;
  color: #d10019;
  padding-left: 5px;
}

.flex-margin-5 {
  margin: 5px;
}

.flex-padding-10 {
  padding: 10px;
}

.op-cardShadowNone.flex-padding-10 h2 {
  padding-left: 20px;
}

@media print {
  .application {
    display: block !important;
  }

  .application--wrap {
    display: block !important;
  }

  .content--wrap {
    display: block !important;
  }

  main.v-content {
    padding-left: 0px !important;
    padding-top: 0px !important;
  }

  .op-list-title {
    margin-bottom: 20px;
  }

  .op-table-wrapper {
    page-break-after: always;
  }

  nav.op-toolbar,
  aside.navDraw,
  .op-searchAndFilter,
  .op-filter-row,
  .v-datatable__progress {
    display: none !important;
  }

  .no-print,
  .no-print * {
    display: none !important;
  }
}