/* mobile */
div.desktop {
  display: none;
}
div.mobile {
  display: inherit;
}

/* global */
html,
body {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}
div[class^='alert'],
p[class^='alert'] {
  font-size: 1em;
  line-height: 1.3em;
}
div[class^='alert'] svg,
p[class^='alert'] svg {
  margin-right: 10px;
}

/* balises */
input:not(.switch):not(.radio),
select,
textarea {
  font-size: inherit !important;
  padding: 10px 20px !important;
}
input.radio {
  width: 3rem;
  height: 3rem;
}
input.radio + label,
input.switch + label {
  padding: 0 20px;
}
div.h {
  padding: 10px 20px;
}
h1 + p {
  font-size: 1em;
}

/* header */
header {
  height: 60px;
  background-color: black;
}
header ul.webgest img {
  width: 30px;
}
header ul.webgest li {
  font-size: 0.85em;
  line-height: 60px;
  padding: 0;
  padding-left: 20px;
}
header ul.login li {
  font-size: 0.85em;
  line-height: 60px;
}

/* nav */
nav {
  display: none;
}

/* main */
main {
  margin-top: 60px;
  margin-left: 0;
}

/* steps */
div.steps {
  font-size: 1em;
}
div.steps div {
  min-width: 45px;
}

/* signature */
canvas.pad {
  width: 503px;
  height: 303px;
  background-color: white;
  border: 1px solid #acb3c2 !important;
}
span.clearButton {
  display: block;
  font-size: 0.85em;
  font-style: italic;
  color: #333;
}

/* footer */
footer {
  margin-left: 0;
}

/* table */
.table th, .table td {
  padding: 10px !important;
}
.table th, .table td {
  font-size: inherit;
}
.table th:first-child {
  width: inherit;
}

/* autocomplete */
.ui-autocomplete.ui-widget {
  font-size: 1.4em !important;
}

@media (max-width: 480px) {
  main {
    margin: 0 !important;
  }
  div.h {
    width: 100%;
  }
}