/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

html,body,h1,h2,h3,h4,h5,h6 {
  font-family: "Open Sans", sans-serif;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-color: black; 
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
  white-space: normal;
overflow-wrap: break-word;
}

h1 {
  margin: 0;
  font-weight: bold;
  font-variant: small-caps;
  /*text-transform: uppercase;*/
  font-size: 110%;
}

button {
  /*padding: 0px 8px;*/
  border: 1px solid #a3cbff;
  background: #d1e5ff;
  border-radius: 2px;
  vertical-align: middle;
  text-align: center;
}

button:hover {
  background: #a3cbff;
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
  background: lightgrey;
  border: 1px solid lightgrey;
}

button[class^=icon-] {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  width: 30px;
  height: 20px;
}

button.icon-save { background-image: url('/gfx/save.png'); }
button.icon-edit { background-image: url('/gfx/edit.png'); }
button.icon-delete { background-image: url('/gfx/delete.png'); }
button.icon-search { background-image: url('/gfx/search.png'); }
button.icon-cancel { background-image: url('/gfx/cancel.png'); }
button.icon-rotateleft { background-image: url('/gfx/rotateleft.png'); }
button.icon-rotateright { background-image: url('/gfx/rotateright.png'); }
button.icon-up { background-image: url('/gfx/arrow_up.png'); }
button.icon-down { background-image: url('/gfx/arrow_down.png'); }
button.icon-download { background-image: url('/gfx/download.png'); }
button.icon-folderadd { background-image: url('/gfx/folder_add.png'); }
button.icon-fileadd { background-image: url('/gfx/file_add.png'); }
button.icon-website { background-image: url('/gfx/online.png'); }
button.icon-brevdone { background-image: url('/gfx/brevcard_done.png'); background-size: 18px; }
button.icon-invoice { background-image: url('/gfx/invoice.png'); background-size: 20px; }
button.icon-send { background-image: url('/gfx/send.png'); }
button.icon-add { background-image: url('/gfx/add.png'); }
button.icon-comment { background-image: url('/gfx/comment.png'); }
button.icon-call { background-image: url('/gfx/call.png'); }

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 0px;
}

hr.thick { border-top: 2px solid black; }
hr.thin { border-top: 1px solid black; }
hr.tiny { border-top: 1px solid grey; }

td.notext {
  font-size: 0pt; 
}

a {
  color : #1b7dff;
  text-decoration: none;
}

a:hover  {
  color : #003d8c;
  text-decoration: underline;
}

a.sidebar,font.sidebar {
  font-weight: bold;
  font-variant: small-caps;
}

font.small {
  font-size: 80%;
}

.tab {
  border-collapse: collapse;
  border: 1px solid #a3cbff;
  padding: 5px;
  text-align: center;
}

.thumbnail:hover {
  transform: scale(1.67);
  background: #ffffff;
  padding: 2px;
  border: 0.1px solid #a3cbff;
  transition: all 0.3s;
}

th.rotate {
  height: 200px;
  white-space: nowrap;
  font-weight : normal;
  font-style : normal;
  font-color: black; 
  font-size: 8pt; 
}

th.rotate > div {
  transform: 
    translate(0px, 90px)
    rotate(270deg);
  width:20px;
}

[type=checkbox],[type=radio]{
  margin-left: 0px; 
  margin-right: 4px;
}