@import url('./css/auth.css');
@import url('./css/nav.css');
@import url('./css/grid.css');
@import url('./css/modal.css');
@import url('./css/typing.css');

html {
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 16px;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  height: 100%;
  overflow: auto !important;
}

html body {
  font-family: 'proxima-nova', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, 'Helvetica Neue', Arial, sans-serif !important;

  --font-family-sans-serif: 'proxima-nova', -apple-system, BlinkMacSystemFont,
    'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    'Liberation Mono', 'Courier New', monospace;
}

.v-application {
  font-family: 'proxima-nova', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  line-height: 1.5;
}

.v-application--wrap {
  min-height: 76vh !important;
}

body {
  font-family: 'proxima-nova', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, 'Helvetica Neue', Arial, sans-serif;
  height: 100%;
}

main > div > div {
  /* overflow: auto; */
  margin: 0 96px;
}

.row {
  margin-right: 0 !important ;
  margin-left: 0 !important  ;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
}

.button--green {
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #3b8070;
  color: #3b8070;
  text-decoration: none;
  padding: 10px 30px;
}

.button--green:hover {
  color: #fff;
  background-color: #3b8070;
}

.button--grey {
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #35495e;
  color: #35495e;
  text-decoration: none;
  padding: 10px 30px;
  margin-left: 15px;
}

.button--grey:hover {
  color: #fff;
  background-color: #35495e;
}

.avatar {
  vertical-align: middle;
  width: 90%;
  border-radius: 50% !important;
}

main {
  width: 100%;
  min-height: calc(100vh - 270px);
}
.card-group {
  width: 100%;
}

.custom-switch {
  margin-right: 30px;
  line-height: 2.25rem;
}

.row {
  margin-right: 0;
  margin-left: 0;
}

a {
  color: white;
}

div#img-cropper-companylogo .cropper-view-box,
div#img-cropper-companylogo .cropper-crop-box {
  border-radius: 0 !important;
}

.fillin-photo {
  width: 100%;
  max-height: 150px;
}

.fillin-required {
  border: red 2px solid !important;
}

div.fillin-photo span {
  display: block;
  text-align: center;
}

div.fillin-photo {
  display: block;
  text-align: center;
}

.fillin-photo img,
.fillin-photo svg {
  max-height: 150px;
  width: auto;
  display: block;
  margin: auto;
  max-width: 100%;
}

.fillin-photo svg.svg-inline--fa.fa-camera.fa-w-16.fa-6x {
  display: block;
  margin: auto;
}

.fillin-photo span {
  text-align: center;
  width: inherit;
  display: block;
}

.fillin-signature {
  border: 1px solid black;
  zoom: 1.1;
}

.modal-body {
  color: black;
}

.spacer {
  flex-grow: 1;
}

.spacer-wrap {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
}

img.mip-loader {
  margin: auto;
  width: 75px;
  display: block;
  position: fixed;
  left: calc(50vw - 25px);
  top: calc(50vh - 25px) !important;
  -webkit-animation: rotate 1.4s linear infinite;
  -moz-animation: rotate 1.4s linear infinite;
  animation: rotate 1.4s linear infinite;
  z-index: 100000;
}

img.mip-loader-modal {
  margin: auto;
  width: 50px;
  display: block;
  margin-bottom: 20px;
  z-index: 100000;
  position: static;
}

.fillin-file svg.svg-inline--fa.fa-file-upload {
  width: 100%;
  cursor: pointer;
}

.fillin-file {
  width: 100%;
}

p.fillin-file-link {
  text-align: center;
}

div.fillin-photo span,
div.fillin-photo svg.svg-inline--fa.fa-camera,
.fillin-file svg.svg-inline--fa.fa-file-upload,
p.fillin-file-link a {
  color: #62bb46 !important;
}

p.fillin-file-link a:hover {
  text-decoration-line: unset;
}

.pointer {
  cursor: pointer;
}

p.hint-text {
  color: #888888;
  font-size: 14px;
}

p.hint-text.restore-margin {
  margin-top: -48px;
}

p.hint-text::before {
  content: '';
  display: block;
  background: url('/assets/svg/info.svg') no-repeat;
  width: 14px;
  height: 14px;
  float: left;
  margin: 3px 6px 0 0;
}

.k-calendar .k-state-selected .k-link {
  border-color: rgb(98, 187, 70) !important;
  color: #ffffff !important;
  background-color: rgb(98, 187, 70) !important;
}

#datetimepicker-start_option_selected {
  background-color: rgb(98, 187, 70) !important;
}

#datetimepicker-end_option_selected {
  background-color: rgb(98, 187, 70) !important;
}

button.close:focus {
  outline: unset;
}

.table--checkbox > input[type='checkbox'] {
  width: 20px;
  height: 20px;
}

.table--checkbox input[type='checkbox'] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 8px;

  font: inherit;
  /* color: currentColor; */
  width: 20px;
  height: 20px;
  border: 1px solid #6f6f6f;
  border-radius: 0.15em;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;
}

.table--checkbox input[type='checkbox']:checked {
  border: none;
  background-color: #62bb46;
}

.table--checkbox input[type='checkbox']::before {
  content: '';
  width: 16px;
  height: 16px;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: white;
}

.table--checkbox input[type='checkbox']:checked::before {
  transform: scale(1);
  color: #62bb46;
}

.table--checkbox input[type='checkbox']:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}

.table--checkbox input[type='checkbox']:disabled {
  --form-control-color: var(--form-control-disabled);

  color: var(--form-control-disabled);
  cursor: not-allowed;
}

input[type='checkbox'].mip-checkbox {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 8px;

  font: inherit;
  /* color: currentColor; */
  width: 20px;
  height: 20px;
  border: 1px solid #6f6f6f;
  border-radius: 0.15em;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;
}

input[type='checkbox'].mip-checkbox:checked {
  border: none;
  background-color: #62bb46;
}

input[type='checkbox'].mip-checkbox::before {
  content: '';
  width: 16px;
  height: 16px;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: white;
}

input[type='checkbox'].mip-checkbox:checked::before {
  transform: scale(1);
  color: #62bb46;
}

input[type='checkbox'].mip-checkbox:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}

input[type='checkbox'].mip-checkbox:disabled {
  --form-control-color: var(--form-control-disabled);

  color: var(--form-control-disabled);
  cursor: not-allowed;
}

.superAdminElement > a {
  color: #edb51a !important;
}

.superAdminIcon, .superAdminIconWrap {
  color: #edb51a;
}

.superAdminIconContainer:hover > a:hover > svg {
  color: white;
}

.superAdminButton {
  background-color: #edb51a !important;
  color: #333333 !important;
}

.deleteCompanyButton {
  background-color: #ff4e2d !important;
}

.super-admin-button {
  background-color: #edb51a !important;
  color: #333333 !important;
}
.ml-96 {
  margin-left: 96px !important;
}

.window-footer-mip {
  position: relative !important;
}

.theme--light.v-expansion-panels
  .v-expansion-panel-header
  .v-expansion-panel-header__icon
  .v-icon {
  color: unset !important;
}

.filternav-square-btn {
  font-size: 16px !important;
  max-height: 20px;
  height: 20px;
  width: 50px !important;
  max-width: 50px !important;
  min-width: 50px !important;
}

.filternav-square-btn>.v-btn__content {
  max-width: 15px !important;
  font-size: 16px !important;
}

.filternav-square-btn>.v-btn__content>svg {
  margin: 0;
}

.v-autocomplete__content {
  max-height: 500px !important;
}

.disabled-row {
  color: gray !important;
  background-color: #c8c8c8 !important;
  font-style: italic;
  touch-action: none;
  pointer-events: none;
}

.disabled-row-no-bg {
    color: gray !important;
    background: #c8c8c8 !important;
    font-style: italic;
    touch-action: none;
    pointer-events: none;
    border: 1px solid #eeeeee;
}

.disabled-row>span, .disabled-row>div {
  border-right: 1px solid #a3a3a3 !important;
}