::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: yellow;
  border: 1px solid #555;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fefcea+0,f1da36+100;Gold+3D */
  background: #fefcea;
  /* Old browsers */
  background: -moz-linear-gradient(left, #fefcea 0%, #f1da36 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #fefcea 0%, #f1da36 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #fefcea 0%, #f1da36 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefcea', endColorstr='#f1da36', GradientType=1);
  /* IE6-9 */
}
/*::-webkit-scrollbar-track {
    background-image: repeating-linear-gradient(45deg, black 0, #AAA 1px, black 0, transparent 50%);
    background-size: 7px 7px;
}*/
input {
  -webkit-appearance: none;
  /*Cancel out safari button styling*/
  border-radius: 0;
}
body {
  font-family: Calibri, Helvetica, sans-serif;
  margin: 0;
  background-color: #4E4E56;
}
.alert-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
  z-index: 5001;
  background: rgba(255, 255, 255, 0.75);
}
.alert-background.yellow {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff600+0,fff600+100&0.5+1,0.5+100 */
  background: -moz-linear-gradient(top, rgba(255, 246, 0, 0.5) 0%, rgba(255, 246, 0, 0.5) 1%, rgba(255, 246, 0, 0.5) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 246, 0, 0.5) 0%, rgba(255, 246, 0, 0.5) 1%, rgba(255, 246, 0, 0.5) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 246, 0, 0.5) 0%, rgba(255, 246, 0, 0.5) 1%, rgba(255, 246, 0, 0.5) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80fff600', endColorstr='#80fff600', GradientType=0);
  /* IE6-9 */
}
.alert-background.red {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff0000+0,ff0000+100&0.5+1,0.5+100 */
  background: -moz-linear-gradient(top, rgba(255, 0, 0, 0.5) 0%, rgba(255, 0, 0, 0.5) 1%, rgba(255, 0, 0, 0.5) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0.5) 0%, rgba(255, 0, 0, 0.5) 1%, rgba(255, 0, 0, 0.5) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 0, 0, 0.5) 0%, rgba(255, 0, 0, 0.5) 1%, rgba(255, 0, 0, 0.5) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ff0000', endColorstr='#80ff0000', GradientType=0);
  /* IE6-9 */
}
.alert-dialog {
  background-color: White;
  display: inline-block;
  width: 400px;
  max-width: 90%;
  position: absolute;
  border: 5px solid #000;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
}
.alert-message ul {
  margin: 0;
  list-style-type: disc;
}
.alert-title {
  height: 50px;
  color: White;
  font-family: Calibri, Helvetica, sans-serif;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 45px;
  line-height: 45px;
  padding-left: 10px;
  overflow: hidden;
  background: black;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 414px) {
  .alert-title {
    font-size: 32px;
  }
}
.alert-message {
  max-height: 90px;
  overflow: auto;
  padding: 5px;
  font-family: Calibri, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 20px;
  -webkit-overflow-scrolling: touch;
  text-align: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.alert-footer {
  min-height: 45px;
  text-align: center;
  padding-top: 5px;
  background: black;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.alert-close.alert-button {
  position: absolute;
  top: 5px;
  right: 5px;
}
.alert-button {
  color: black;
  font-weight: bold;
  font-size: 24px;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  border: 1px outset Silver;
  background: #fefcea;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fefcea 0, #f1da36 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefcea), color-stop(100%, #f1da36));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fefcea 0, #f1da36 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fefcea 0, #f1da36 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fefcea 0, #f1da36 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fefcea 0, #f1da36 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefcea', endColorstr='#f1da36', GradientType=0);
  /* IE6-9 */
  border-radius: 5px;
}
.alert-prompt {
  margin-top: 5px;
  width: 100%;
}
.attachment-limit-message {
  padding: 5px;
  padding-bottom: 20px;
  text-align: center;
  border: 3px inset #DDD;
  color: #333;
  background-color: #EEE;
  border-radius: 10px;
  margin-top: 20px;
}
.attachment-limit-message h2 {
  margin-top: 0;
  background-color: yellow;
  padding: 5px;
}
.button {
  height: 75px;
  width: 115px;
  margin: 4px;
  font-weight: bold;
  color: black;
  padding: 0;
  white-space: normal;
  vertical-align: middle;
  background-color: #ffffff;
  border: 2px outset #3399FF;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-height: 568px) {
  .button {
    height: 60px;
    font-size: 12px;
  }
}
@media only screen and (max-height: 414px) {
  .button {
    margin: 1px;
    height: 46px;
    width: 132px;
  }
}
.cancel-search {
  color: black;
  font-weight: bold;
  font-size: 24px;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  border: 1px outset Silver;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
  background: #ff3019;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #ff3019 0%, #cf0404 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #ff3019 0%, #cf0404 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ff3019 0%, #cf0404 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  border-radius: 5px;
}
.help {
  height: 61px;
  width: 115px;
  margin: 4px;
  margin-bottom: 6px !important;
  font-weight: bold;
  padding: 0;
  white-space: normal;
  vertical-align: middle;
  background-color: #ffffff;
  border: 0px outset #3399FF;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAADAFBMVEX8/Pw7O2uhn6D8+/wtK18wLmIuLWEyMWM0M2U3Nmg2NWY3NmcyMmQzM2Q0NGU1NWY5OWk6Omo8PGz5+fo+P29DRHNISXZLTHhJS3hNT3tQUn9TVoFVWINaXYdgY4tcYIheYolmapFzeJyFiaiVmraoqrW0tbtrcpd5gaOEjKymrcV8hqdqc4yMlrSanqq2t7pYZYWbqMRMXH2ipq6qq62qtstSZYRaaoSLkp1DXIGsvNO4ur0tTHY8VnpufZGVpbrCz+DK1eTc5O8yV39Fa5RJYn23yNs+YoZNeKJKaIdzgI2QmKCZnqPy9/z2+fykpqi8vsCqrK76+/z09fbW19jCw8S5urtIdJxUgKicts1nd4Z9jZx2hJGyw9PP4PDN3ezZ5/TT3uhcc4erxNq70ubV4u2Tm6JolbZ0ocNznb5ae5SFs9WAorvBz9qAiZDc6vW4wsrq8/rk7fTJzdBmiaKDr89WcIKYxOSRu9h5mrCawdyu1fDF5vzP6vzT6/zM5PTR5fPc7/zj8Pmrsrfw9/zy+Pzt8/f3+vzl6Oqj0e9wjaCiy+bB5fzC5fzB5PrD5vy+3vPH6PzH5/zJ6PzL6fzM6fzN6vyImqXR6/zS7PzF3OvV7fzT6vnW7fzX7vzV7PrW6/jb7/yWo6vK2uTg8fzq9fzv9/y03ve85PvE5vrJ6vyOo6/R7PzV7vyQn6jZ7/zc8Pze8fzj8/zk8/yeqK7m9PycpaqXoKXK1Nrr9vydoqX0+fzD6fzF6fzL6/ze8vzh8/zf7/fl9Pzl8/ro9fzt9/zc4uW5vb/X2dq/wcLL7fzN7fzT7/zR7/zV8fzZ8vzd8/zd9Pzj9fyhqazu9vng9fzj9fvn9/zo9/zw+fyipab4+/ze9fzl9/zv+fza9fzi9/zt+fzy+vzGysvf9/zw+vzo+fzv+vzk+fzs+vz0+/zr/Pzu/Pzy/Pz1/Pz5/PzCxcX7/PzBwsKys7Ooqany8vLZ2dnS0tLFxcXCwsLBwcG1tbWtra2qqqqnp6f///8DO/AiAAABAHRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AU/cHJQAABU1JREFUeNq0ll1sU+cZx3/n2E1wwrFJDg3x3PRQs3W067qPkLiljI1qaCCt4qMbI2ISCtsFZbOq9UOTJi4qiqZmn1J3U2ndzaquUheai1WiaENUKNUxhpQahgSmSUyDReMcc3wSEzu2z/vsIoGuaWnWi72X7/v+ped5/s/z/z+a8PmO/jn/E1x8sUv7S6i6B377LORP/EReX/SufSykuXprb/z3v3jqpAL0jdNvmduvnXq2+XaAWnA09GqyEXGl8ed7utvqubsM9Ws3Mrvd7P00QC0ota4i7t5kOtWHFf3jv1R92eb9TL091bPyI8gtQCMwt9zf2WOTINWHtXr7uHdHsLrmjREjbJ47tuPCwUVVuqFVQv7OHgASWIzla0ZlRiqTd8kHo/7z59a+8jHAnARWtXo7B7BJkgI4UVcuLRj3eoB/fFv5ny95HwHmmqqhIu09g5BMp/riVjmXuDPS2rR87aOnJRMGdSZ8aOg171YOaq4Fr58e7GQaiVtlB6vr8GWspxnz8BE1ETO7D6/bv0BcGQNgYNAmTaoPAM97OkzFNgBQKmZmODB4dCsEoaZp4PUPDNok06kEVtmxMJHKjXOGeGFXFOSFAqv+3fYQQQjuGYT2bfMJJOJWGbpa7SO5ps59JQCFMgWY/NbvMg8RZNdrAl5/DzaQiFN2NoR2z8y4c9VV/PJM2AVwyEdFVCK7Y0gnq44Q6B/AJpFOxeFLWw6vv5y9OufplQ9bw674E8okj4ik1vtjBBmpwTZuJrClcvDktKe1TINqXl8CwHTyRJWgtPCD6FRfxGNggcfTj2/8x6yxxgBoDu8fd0URcyAqoLTxO5rQaUnS3zNok0hL3w8z2XrH90+/pAlEArFJF6WUkI+KiNIK19quEWR2LwDJNOB8TTb9rNx4xtegtnLPGEI+Rh4RlAZQQoe/MoBNmlQctvwtkbpCsV4CZa5zRU3ETAAECjzgQBD+NJ+x9FmUndGG8eXdFR3Cy7/aEEVMnJsBYVL20Ql9B0imU0DZsYCAuq5Dtf3QiGLCBBBRFDCRxjKCqBewk2kSccqAZ9z5zBWtRCicaAgq5pCPCqBhKn1qtISO+s3jD0MqjuU4lmd4EX8yBMGW506qCcz5ColWMJWQuRFHp2nt6v3zPQfgUXmnqcSKQGdRiJlOHkSggBKtM9c2hA72xed7E3ELsDyD+386o4G07BtZ8d3e4gJlAFpsOO+BDr0vZKMa5bJjeYYnYWdWAxXessn91e70uoUKmW3oZzP14fkBesB5+alhHDyAqXJjFjT9uVNFFdFytyijlimdvymVXeoPWx0sz/DkK4fqzTWYvnKpI/LIgbECiEbBRPyz7n23tPX1mQNpZ5cYnoQRqi3BelOk/YnNxaGblBVXTOUunTT+W8ievP69Hi5L+OrD+7LoxiNde910nk4RpQl0vGuXzi9SvsfC+U3dwrTxxb+Pf7tbjTnmQk/QiJ3N3Ai/+Qlt3XDPF07tafrmdc9i3EEJ+ahCFB3vXblaigx/mnp/PVbffLY1tlMNwYPzU6ai/tsXSoH3bucP6SfvX1luqVa3OoJClArUshcmL93eUIAN1e6LlZdt8lERX590M5PZz7asYTh6VM3LRMCP2I3skqa4Q/0gDVER/MLxur2UKVLvCK64SlRE68iMusf4TFOEmb1PqM4j0CnafcdHsyNL+fSPPnwx1HkkRlTT5o69f3HNJwNeZLsn3vj5+1MrAf/c9fOrX2EpwK5Hl43d/Y1c+3HfzamNB1kSwI/vLqwteq6rrjWf+Z9Wh9oHheyyrly96/ztdg3t/77N/GcAV0+5x1yoM24AAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  border-radius: 10px;
}
@media only screen and (max-height: 414px) {
  .help {
    height: 43px;
    margin-bottom: 4px !important;
    margin-top: 0;
  }
}
.button.center-image {
  background-repeat: no-repeat;
  background-position-x: center;
}
.button.full,
.help.full {
  width: 240px;
}
@media only screen and (max-height: 414px) {
  .button.full {
    width: 271px;
  }
}
@media only screen and (max-height: 414px) {
  .help.full {
    width: 540px;
  }
}
.help.half {
  width: 112px;
}
@media only screen and (max-height: 414px) {
  .help.half {
    width: 265px;
  }
}
.button.list-item {
  width: 240px;
  height: auto;
  min-height: 75px;
  margin: 0;
  padding: 5px;
  border: none;
  border-bottom: 2px dotted #888;
  font-family: Arial, sans-serif;
}
@media only screen and (max-height: 414px) {
  .button.list-item {
    width: 540px;
    min-height: 50px;
  }
}
.button.list-item.with-pn {
  width: 200px;
  border-radius: 5px 0 0 5px;
  border-right: none;
}
@media only screen and (max-height: 414px) {
  .button.list-item.with-pn {
    width: 500px;
    min-height: 50px;
  }
}
.button.list-item.pn-button {
  width: 36px;
  border-left: none;
  border-radius: 0 5px 5px 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+0,ddf1f9+35,a0d8ef+100;Blue+3D+%2318 */
  background: #feffff;
  /* Old browsers */
  background: -moz-linear-gradient(left, #feffff 0%, #ddf1f9 35%, #a0d8ef 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #feffff 0%, #ddf1f9 35%, #a0d8ef 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #feffff 0%, #ddf1f9 35%, #a0d8ef 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feffff', endColorstr='#a0d8ef', GradientType=1);
  /* IE6-9 */
}
.button.list-item.priority {
  position: relative;
}
.button.list-item.priority:after {
  right: 10px;
  top: 5px;
  left: auto;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  opacity: 1;
  border: 2px solid #fff;
  box-shadow: 0 0 1px 1px #ccc;
  width: 14px;
  height: 14px;
  content: "";
  position: absolute;
  border-radius: 20px;
  background: #ffa84c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffa84c 0%, #ff7b0d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa84c', endColorstr='#ff7b0d', GradientType=0);
  /* IE6-9 */
}
textarea.button.list-item {
  height: 375px;
}
a.button.list-item,
a.button.list-item:visited {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color: black;
  padding-top: 25px;
}
.button.selected {
  background-color: #6ec8f2;
}
.button.list-item.list-category {
  border-radius: 15px 15px 15px 15px;
  padding-left: 50px;
}
.button.list-item.list-category.open {
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: top;
}
.button.list-item.list-category.close {
  background-image: url('data:image/png;base64,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0p8zAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAADAFBMVEX8zAqbawrDwsREQ2JSUmeIiJycnKupqbO6ur88PWx/gJo/QnJCRXRJTXhlaIt4epdGS3pJTXA6QW9QVHRCSnZRWoY7SHpUYY88TYI/UocvTos9XppEZ6NMcq8lVJpTgr8ZXa44c7wYYrc3gM5Kh81in+ALbMwPZsIXcMsbdtEle9Msgdcyhtk1h9o5its9jN07hdFAj95Dkd9HlOBLluJQmeNVneVWl9tcoedgpOiIiXb8+5n8/Jv6+pr085bHxn6AgGr8/Nj8/N38/Pn8+I/8+JH8+ZL8+ZT8+pX8+pfU0YOsqnH8+rX8+rr8+9T8+9n89YT89Yb69IX89of89oj38Ib894v894z894779ZTr5orh3If8957796rs6aT8+cT88Xj88Xr88nv88n38837884H89IL48IP78Yb374n47438+tz8+uD87W387W/87nD77XH873P873T88HX88Hf16Xf88IDz6Inp4Z3851386F/86GH86WL86mX66GT14mL862f862n76mn35Wj87Gv87nz89LP89bz69dD8+eT84EX63kX84Ef84Un84Ur84kv74Uv84k3840/64U/jy0f85FD85FP85FX85Vb44lb85Vj85ln85lv8517k1GzHu3P51Cv81y382C782TH51jH82TP82jX82zf62Tf82zn83Dv31zn83Tz83T752z783j/83kH830P830Tky1HWw16snU/8zAv8zQ38zQ78zg/8zhH8zxP8zxT80BX80Bf80Rn80Rr50Bv80Rz80h360R380h/70iD80yH80yL81CP30CL81CX0ziT60yb81Sf81SjqxiX81in81irewEHOtkro3azRsTy8nzqynEbCrFmXiE95clvFw72vhySRbx6shCSifiKZdyWxjDS4lUGndQqndg2hcw+Zbg6meReedBapfhymexyqgSGuhyu7mEe7mUmxlFa/uKmfbwqUaAyjdRSidBiogCyshje5qIR+XiJxbGVcUE/8/Pz4+Pjp6en///9RI8POAAABAHRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AU/cHJQAAA6RJREFUeNrMlrtvHFUUxr8zu87u2rPex+x6ZeKQ+I1DROwmKBISDRKCOj2igRYpDRUVBf8BQvwDkShoUiMkChqExEOyAAWh2E7ijbF3x2t7Z+ee81HsY2YdO3bJ1RRXd+433++ec++5I8TFLZeX1rCfvXB2Pu8CPcAlBQUvU/Brh8/0UoKClrPlfMmsm72MIONnSvl50kxayfyh4NGsPxg4Eno5ALgSz9VoINCWVGQG/fbOKgC8CwBTD54sAkCpMmskTdl5njkVpZAPP5LhUPTdWwCA7jEA0MDJV/dL7cFbDwBw5asfij6Hxl+EIQC4YwL9B5XJcloQPdjuOp3y/WJf9OkEAGjmCQkSBFDO5VKCw2arWq1WVdUvFkk83vI8z+s8P+kTgQD8K5lkDSdbHfHEq4rsifgi4ecxABF3UGL4rJwvEMhOR0mU9j/rQZriCTyRPRERCSEi7nHDdm7il1xZaK55mCx6W83qtcCpqhuxGSa6bMVTH7yxsBUZspP5JKys7omI1CFNoWDAVpXfD05u3/tmDpXvG1nkowTp610ZskCaInXsA6i1//m783ZnjpDWj3X2jpojh82SeIPvitTLazODoC+v//rn0l8Aludv+LlWai/NYFcGGsja3WASHQCQ1s4tvm5A6elBEXEieO04E2SxCw9eVeRO5ZOwv8cq8soWrwFYnQkXC0keQtKJZoIsds2DFO5PlB29VhmuEk6jrZXS0z++7GYnUki69EgIRSAZcMqzvFltlmYNiwljw2q/OcsledictwWbN6NzvXgdB3SVqjpXD6Kemc5fj13v3ontjxyKV+8Cb+JO/6TBD3p1xxllRFskNaaSx/jXS5A+LNnV0Zna+zg7Gzc0IoyLqqQqje/A644St/fw2w5QDAGgCHBt2ilJLijpoMYVs1u3XW/kwJ9KJ1N11oyBWZ+FCwMWM11lrHKT+0lYu5tLN6hWMzpraAQOWahmqxYbuT7R6iYCKSotoCobLuqzxKSqccUYm5L0fu6lioAPDcydyUJT0oxhtnM0nUpc5TwWo5IbdOqYLjNz7kwWKo3c0MjUdEyA4DyWDWqkakobL5XOuKhmZ7DEZqqkcdxBz2MxpyTNjGMOcj2GO4+FRnsP2B53GLA4fZHF7H2cKvdEz7hCO5tlOH1FUw7xiIXrQxZan2XYNIV0bfkUi9kLLONhjV/GcpbAvYzlbMGFLOOC9YtZ0pfisTd58f9Du5i+RS/fPPzvBP8NAFZEMbLurZsJAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: top;
}
.camera {
  background-color: white;
  width: 75px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,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") !important;
}
.background-icon {
  background-color: white;
  width: 75px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAPMSURBVHjaxFdJjIxBFP6qF93TZjEzlhmZIHYhiBsS4STcHEhcODlwkzgSF4kbcXVx5iiWhBMXcSJxQERCMFqbng2/v5d6pdZ/6W66ZoaodHWtf73vffXq1SsmhMD/TLnWjmWXnmtEDAIam/xTdVkBI1uqtjBtJkj3qR8TXGbVJFnaOXZcl3L++yuH2B8BqNHK+Z3z1kjYPzLY4yzbm8/dbZufaVvgH26JYaPLFjDQgrRXCgjhNg3gWn3TBvHuACAWIhxauDWJaBvItpWNdGdA0IJodpqrVYgsCGOXyJDwYUDMS6pIsKCFuz5Ff8SAjw0kALDj9/6K8U3dOGz0IvJhIDGpp5AaGhlYhPJMfd7b4sVAap9Kxah6dMcwrh1Zg2efApy6+Rbjs/5AODn/4HUKeIqBJYUsLh8YxcG1fQi/cWzpL+DOiU04ff8jno4HqU8He7JY3pvH669hqp+sM8rQHG1g9+oBXNg5iGXFLKrVtMZX947g4rMpPPxkQGwfYjg0lkVeurbHvT14XKY2AMzHD7AEyosb+oAfTVRl7pTOrl6MorR5/rOKFdk6Kp9N/zrFxnAeT2oDmKFcwg+IuXnCVq07pWO9i/CgPIUvwY+2sV1sHNXeFdIbbrSXlc8pSBihDwCVtvWtwu13T9DMhhjdPItif11THkzngZdlWd/rfwyT7jIYfYHC1ldoFqZRz0+hNtmDRmUI4vMYcuUNyAbD5pvhCvad+IDc+teywaUcklnovDHMyPKM1itDc3TFfP8tTIYNhCrL8x82GvhZbKC2UtaHGsiGQ1g+uBSllTNG4LSwgmMAqs5HmI0tfBiwW6D+K5VZBEFN5roBEZpSpf7+EpaMSTA0jmBC3YBGKOdxPQKz3p0CLxvgkeeanPyuF3HCm02OUqmAXC6jF56Y+K6FKaFqXmvdASIRR1fdPaH60B6bavVbWhNZ1mrNNorjuug45jxhxssTKgZaAHSktWs90RbOFQs/T+gAPDr5Rp5he7+T+Z5br+buem77yMScuuQ2CFGZk4mK5nAdU+puFyJxz9twyy2uZpJtR8CSwhOlgO8p4JQIJmLNzaJWGNKCKGIgBhQxYrP2hORlhDylNSJNDYC0cGaFOpCsRXNhwzPjBzxdMW8LJmPKW7S2NkCIxzjFtHPLutse5muElIhqW6mP9jqqs6jfaU1RX5oh+Bqh2zP6jVEJu6gSINQxU3couX2Pheo64Y+OKNPuivk/fBkJv4Bkz6nr9nFJ0ihF/EBVj0/9IE0/PA0tpN+V8WPUzXFxuxnvAOr/Ps9/CTAAhZW2EMNLcikAAAAASUVORK5CYII=") !important;
}
.checkbox,
.checkbox_small {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  padding: 20px;
  display: inline-block;
  background-color: white;
  width: 100%;
  border-radius: 10px;
}
.checkbox.in-page {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  width: auto;
}
.checkbox input[type=checkbox],
.checkbox_small input[type=checkbox] {
  visibility: hidden;
}
.checkbox .display,
.checkbox_small .display {
  cursor: pointer;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 5px;
  top: 15px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 #ffffff;
  background-color: #eee;
}
.checkbox.in-page .display,
.checkbox_small.in-page .display {
  left: 0;
  top: 0;
}
.checkbox .display:after,
.checkbox_small .display:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 15px;
  height: 8px;
  background: transparent;
  top: 6px;
  left: 6px;
  border: 5px solid #555;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-55deg);
  -moz-transform: rotate(-55deg);
  -o-transform: rotate(-55deg);
  -ms-transform: rotate(-55deg);
  transform: rotate(-55deg);
}
.checkbox input[type=checkbox]:checked + .display:after,
.checkbox_small input[type=checkbox]:checked + .display:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.close-confirm-dialog {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  max-width: unset !important;
  width: auto !important;
}
.connection-status {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 75px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 3px inset white;
  background: #d2ff52;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d2ff52 0, #91e842 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d2ff52), color-stop(100%, #91e842));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d2ff52 0, #91e842 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d2ff52 0, #91e842 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d2ff52 0, #91e842 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d2ff52 0, #91e842 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2ff52', endColorstr='#91e842', GradientType=0);
  /* IE6-9 */
}
@media only screen and (max-width: 414px) {
  .connection-status {
    top: 0;
    left: 0;
  }
}
.record-count-status {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 100px;
}
@media only screen and (max-width: 414px) {
  .record-count-status {
    left: 1px;
    top: 28px;
  }
}
.record-count-indicator {
  display: inline-block;
  position: absolute;
  min-width: 20px;
  height: 20px;
  border: 1px solid #CCC;
  color: #555;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
  /* IE6-9 */
}
.connection-status .activity-indicator {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  position: absolute;
  background: -moz-radial-gradient(center, ellipse cover, #faff0a 0, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, #faff0a), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #faff0a 0, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #faff0a 0, rgba(255, 255, 255, 0) 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #faff0a 0, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #faff0a 0, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faff0a', endColorstr='#00ffffff', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  opacity: 0;
}
.connection-status.slow {
  background: #fefcea;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fefcea 0, #f1da36 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefcea), color-stop(100%, #f1da36));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fefcea 0, #f1da36 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fefcea 0, #f1da36 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fefcea 0, #f1da36 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fefcea 0, #f1da36 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefcea', endColorstr='#f1da36', GradientType=0);
  /* IE6-9 */
}
.connection-status.reconnecting {
  background: #ff3019;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ff3019 0, #cf0404 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff3019), color-stop(100%, #cf0404));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ff3019 0, #cf0404 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ff3019 0, #cf0404 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ff3019 0, #cf0404 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ff3019 0, #cf0404 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
  /* IE6-9 */
}
.connection-status.reconnecting .activity-indicator {
  -webkit-animation: ring 1.1s ease-out infinite;
  -moz-animation: ring 1.1s ease-out infinite;
  -o-animation: ring 1.1s ease-out infinite;
  animation: ring 1.1s ease-out infinite;
}
.connection-status.disconnected {
  background: firebrick;
}
@-webkit-keyframes ring {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-moz-keyframes ring {
  0% {
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-o-keyframes ring {
  0% {
    -o-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -o-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@keyframes ring {
  0% {
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
.content {
  display: inline-block;
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #ffffff;
  border: 2px outset White;
}
.control-window {
  position: fixed;
  padding: 0;
  padding-bottom: 5px;
  padding-top: 5px;
  top: 0;
  z-index: 5000;
  background: #4c4c4c;
  border: 3px outset #636660;
  border-radius: 20px;
  -moz-box-shadow: 0 5px 20px #000000;
  -webkit-box-shadow: 0 5px 20px #000000;
  box-shadow: 0 5px 20px #000000;
}
.control-window-buttons {
  clear: both;
}
.control-window-buttons .key {
  float: right;
}
.control-window-buttons .key.ok {
  height: 75px;
}
@media only screen and (max-height: 767px) {
  .control-window-buttons .key.ok {
    height: 50px;
  }
}
.data-import-window {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  padding-left: 145px;
  padding-right: 145px;
  border: 3px outset #636660;
  background: #4c4c4c;
}
@media only screen and (max-width: 414px) {
  .data-import-window {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.data-import-window-button-list {
  text-align: center;
}
.data-import-window-page h1 {
  font-size: 24px;
  line-height: 25px;
  margin: 0;
  color: white;
}
.data-import-window-page h2 {
  font-size: 20px;
  line-height: 21px;
  margin: 0;
  margin-bottom: 20px;
  padding-left: 5px;
  color: #ddd;
}
.data-import-window-value {
  border: 2px dotted #888;
  margin: 0;
  background: #ffffff;
  padding: 20px 10px 20px 10px;
}
.data-import-window-value.selected {
  background-color: #6ec8f2;
}
.data-import-window-value-text {
  font-weight: bold;
  margin-right: 20px;
}
.data-import-window-list {
  max-height: 500px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 414px) {
  .data-import-window-list {
    max-height: 300px;
  }
}
.data-import-save {
  font-size: 24px;
  font-weight: bold;
  padding: 20px;
  color: white;
  background: #61CA29;
  border: 2px outset #61CA29;
  width: 50%;
}
.data-import-cancel {
  font-size: 24px;
  font-weight: bold;
  padding: 20px;
  color: white;
  background-color: #FF2338;
  border: 2px outset #FF2338;
  width: 50%;
}
.data-import-select-all {
  font-size: 24px;
  font-weight: bold;
  padding: 20px;
  color: white;
  background-color: #4096ee;
  border: 2px outset #4096ee;
  width: 50%;
}
@media only screen and (max-width: 414px) {
  .data-import-window-nav {
    text-align: center;
  }
}
.data-import-window-nav-prev {
  position: fixed;
  top: 15px;
  left: 15px;
  bottom: 15px;
  width: 125px;
  font-size: 24px;
  font-weight: bold;
  border: 2px outset White;
  color: Yellow;
  background: black;
  box-sizing: border-box;
}
@media only screen and (max-width: 414px) {
  .data-import-window-nav-prev {
    position: absolute;
    width: 50%;
    height: 50px;
    float: left;
    top: auto;
    left: 0;
    right: auto;
    bottom: 0;
  }
}
.data-import-window-nav-next {
  position: fixed;
  top: 15px;
  right: 15px;
  bottom: 15px;
  width: 125px;
  font-size: 24px;
  font-weight: bold;
  border: 2px outset White;
  color: Yellow;
  background: black;
  box-sizing: border-box;
}
@media only screen and (max-width: 414px) {
  .data-import-window-nav-next {
    position: absolute;
    width: 50%;
    height: 50px;
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
  }
}
.date .field-input-display {
  text-align: center;
}
.date.time .field-input-display {
  height: 80px;
}
@media only screen and (max-height: 414px) {
  .date.time .field-input-display {
    height: 50px;
  }
}
.date .field-input-display span {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
.date .field-input-display .selectable {
  cursor: pointer;
  min-width: 35px;
  min-height: 35px;
}
.date .field-input-display .selected {
  background-color: yellow;
}
[disabled="disabled"],
[disabled="disabled"] .watermark.for-checkbox {
  background-color: #D3D3D3 !important;
  color: #545454 !important;
}
[disabled="disabled"] input[type=text],
[disabled="disabled"] textarea {
  -webkit-text-fill-color: #545454;
  opacity: 1;
}
.exp-header::before {
  content: "Exp ";
}
.field {
  width: 200px;
  height: 74px;
  display: inline-block;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 6px;
  color: Black;
  font-style: normal;
  background-color: White;
  border: 2px solid Silver;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  max-width: 98%;
  border-radius: 10px;
  -moz-box-shadow: 5px 5px 10px #888;
  -webkit-box-shadow: 5px 5px 10px #888;
  box-shadow: 5px 5px 10px #888;
}
.field.invalid {
  border-color: orange;
  background-color: #FFF7E2;
}
.field.invalid.error-level {
  border-color: red;
  background-color: #f6dbdb;
}
[data-static-field-id].invalid {
  min-height: 37px !important;
  border: 1px solid orange !important;
  background-color: #FFF7E2 !important;
}
[data-static-field-id].invalid.error-level {
  border-color: red !important;
  background-color: #f6dbdb !important;
}
.field.full {
  display: block;
  padding: 0;
  width: auto;
  height: auto;
  float: none;
  clear: both;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  min-height: 78px;
}
.field.full .watermark {
  position: relative;
  top: unset;
  left: unset;
  max-width: none;
  white-space: normal;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.field.full .field-content {
  padding: 0;
  display: block;
}
.field.full textarea.field-content {
  margin-top: 0;
  padding: 0;
  display: block;
  height: 250px;
}
.field.for-checkbox {
  padding: 15px 6px 6px 50px;
}
.field.smart-button {
  border-color: #3690f0;
  background: #6db3f2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db3f2', endColorstr='#1e69de', GradientType=0);
  /* IE6-9 */
}
.field[data-field-type="Read Only"],
.field[data-field-type="Read Only Date/Time"] {
  background-color: #EEE;
}
.field-group {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-left: 5px;
  max-height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.field-group .field-content {
  padding: 0;
  margin: 0;
}
div.field-content {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-left: 5px;
  max-height: 100%;
  max-width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  white-space: pre-line;
}
input[type='text'].field-content {
  border: none;
  width: 100%;
  padding-left: 5px;
  padding-right: 0;
  padding-top: 0;
  background-color: transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input[type='text'].invalid {
  background-color: #fee !important;
}
textarea.field-content {
  border: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.eraser {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,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");
}
.fields {
  float: left;
  margin: 0;
  display: inline-block;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.field-input-display {
  margin-top: 6px;
  padding: 10px;
  background-color: white;
  font-weight: bold;
  font-size: 22px;
  height: 55px;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  border-radius: 10px;
}
.field-input-window {
  width: 250px;
  float: left;
  border: 1px inset #EEE;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 300px;
  border-radius: 20px;
}
@media only screen and (max-height: 414px) {
  .field-input-window {
    min-height: 200px;
    width: 550px;
  }
}
.field-input-window:nth-child(2) {
  background-color: #333;
}
.field-input-window .button:not(.list-item) {
  margin-top: 4px;
  margin-bottom: 4px;
}
@media only screen and (max-height: 767px) {
  .field-input-window .button:not(.list-item) {
    margin-top: 1px;
    margin-bottom: 1px;
  }
}
.field-input-window h1 {
  margin-top: 0;
  margin-bottom: 0;
  color: White;
  text-align: center;
  display: inline-block;
  width: 240px;
  max-height: 82px;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-height: 414px) {
  .field-input-window h1 {
    max-height: 25px;
    width: 540px;
  }
}
.field-input-window .button {
  border-radius: 5px;
}
.field-input-window .checkbox {
  width: 240px;
  margin-left: 5px;
  padding-top: 15px;
  padding-left: 45px;
  padding-bottom: 20px;
}
@media only screen and (max-height: 767px) {
  .field-input-window .checkbox {
    padding-top: 15px;
    padding-bottom: 7px;
  }
}
@media only screen and (max-height: 414px) {
  .field-input-window .checkbox {
    padding: 10px;
    padding-left: 45px;
  }
}
.field-input-window .checkbox_small {
  width: 123px;
  margin-left: 5px;
  padding-top: 15px;
  padding-left: 45px;
  font-size: 18px;
}
@media only screen and (max-height: 414px) {
  .field-input-window .checkbox_small {
    width: 265px;
    padding: 10px;
    padding-left: 45px;
  }
}
.field-input-window .checkbox .display,
.field-input-window .checkbox_small .display {
  left: 15px;
  top: 15px;
}
@media only screen and (max-height: 767px) {
  .field-input-window .checkbox .display,
  .field-input-window .checkbox_small .display {
    top: 10px;
  }
}
.field-input-window input[type='text'] {
  height: 35px;
  width: 240px;
  margin-left: 5px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-height: 414px) {
  .field-input-window input[type='text'] {
    width: 540px;
  }
}
.field-input-window textarea {
  width: 240px;
  margin-left: 5px;
  height: 300px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-height: 414px) {
  .field-input-window textarea {
    height: 155px;
    width: 540px;
  }
}
.field-input-window select {
  width: 240px;
  margin-left: 5px;
  height: 35px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-color: #cdeb8b;
  background: #cdeb8b;
}
@media only screen and (max-height: 414px) {
  .field-input-window select {
    width: 540px;
    height: 24px;
  }
}
.field-input-window .upload-file-button {
  width: 240px;
}
.field-input-window .file-input-hidden {
  width: 1px;
  height: 1px;
  position: relative;
  left: -10px;
}
.field-input-window .upload-progress {
  width: 240px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.field-input-window .upload-save-button {
  width: 240px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.field-input-window .text {
  display: inline-block;
  width: 240px;
  max-height: 300px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: white;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.field-next,
.field-prev {
  visibility: hidden;
}
.field-next.visible,
.field-prev.visible {
  visibility: visible;
}
.filter {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAANUSURBVHjatFVNSFRRFL7vzXN+HM0fRse/JDFJR5lscHRhIEFQQUSrNkG4mEXboBYV0qqN20hwVS2iNKLIimrRQsSgUNyZCib+juMw4zgzjM7f6/sevmGChhlFLxzuzL3nft8537n3PMnj8YgDjnqLxfJIluVeVVXLDQZDHHMilUr9icViA9j/me2sHATZZDI9BvitpqamhsrKSmG1WoUkSWJvb08Eg8GWlZUVF+ZfILoB98iBCAD+oq6u7npLS8uJhoYGYbfbRXFxsfD5fAIZiEQioWLNtrS0dGl+fv7H7u5uN47FlALBb+Pwtba2thPt7e2ipqZGW4csAlJpc1FRkdTY2CjMZrMMQsfCwsIbkFwthMCiKMo9yFLe2tqqInoJ0TJiAQAtepLQOEgOieTNzc1u+LjzEuDgxerqajslqa2tlRhtPB4XW1tbIplMMnKBADIEJEQm6traWtXOzs6DvARGo/FmRUWFFQQqCiwxahRSA8eeZiTRCdLptMDNkngJsHamEIlOogasg6QDk4RRE1gnAah2o7hPMgTDNVNeAqSsUhaC0rKk00hoehYkoHy6VDwq5yNAyussaDQazawRiAScGTlNz0Svx/b2Nm9XNC8BwMcgzbrf78/O6p/f1J3S0Pjb6/XyfaTx/6tcQA2+bWxslMCYRQaZstEIygz5mvdlVGdmZsTq6iozH8xLAG0H8IIlXLnE7OysFIlENBIdmJrr4NwbHx+X5ubmgtgfhFsgZ5GdTmc9tH25uLjY29/frwwPD/MB7QHQxMdks9kErq/mC2CtZcBXgvkRzHP4PcnZizo7O6tQqFG32+3s6+tThoaG0s3NzfL09HQKQL9RD3NpaekpFpSDGYRCoXAgEPCiBveR2duc3RSRlwH8fVdXlxN9pwTNi2vyxMREEgX1AOzz8vLyZYBfwS0qgylY9wH0NY5/Z3lytmsAsu98dLlcZzs6OqwEZ0vA4ZDD4Xg6NTX1at91BBqPFNIoMwSI2Ij0PkGec4g4A44eHwqHw88A/lAcYihZ4GMA7gFB8X/A74hDDhngBmj4DpKchzRHCq5nMIo+fwFElqMG1zLAF6jnuMA1Ajz3L5OTk5HjAOcw4Gv1AR/v03g8drw+gt8VRzj+CjAAxtUpT2er/nYAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position-x: 5px;
  background-position-y: center;
  padding-left: 35px !important;
}
.filter.with-other {
  width: 165px !important;
}
@media only screen and (max-height: 414px) {
  .filter.with-other {
    width: 463px !important;
  }
}
.filter-add-button {
  height: 35px;
  width: 75px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #61CA29;
  border: 2px outset #61CA29;
  font-weight: bold;
  font-size: 24px;
}
.filter-tags {
  height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: white;
  padding: 3px;
  font-size: 12px;
  margin-left: 5px;
  width: 240px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px outset #555;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEQklEQVRIidVVa2xUVRD+Zndvd+0D+tq2QB/2ZauFamyqaYNEI0RjKEUlFY1SxWDLHzGRqAmiGCEhwaS2USFoYiRVow2PgNFaYlEJiNQS09J3S1voY2lLQ3fbu497d8Yfu+3utg3ITyY5ud85Z+7Mme+7Zy5wtxvdzkGJWIKcF9+OTF//WoXpnogs9rjtmuqw66rDrs1M2V03bH817a/o1p3Td5bAYArDvSVbTbkv7XzdvDRuD4BEIiIAEnibiEQGHjxb+eSl+p+vnLhoXxhnsZzL12zEE4fPb1j5xt4WJSrmIDMnsQiYeW5YNAcUzzRYJO2Bgvze2rdSPloeY7p1BbEri3D/1g8fic55+AARrZlzIEIwfjrehZfvi4LGjJo2Fb0OHdVTL4xV/dibuu/ouDs4phEAIpKzserNqsyc8l2HzHFJVRBJE4AgIiKCOQyQiMh7+eFQx3vgvDlCKYnJcnrMBB3GyOfi/+38on6ylQMkwpC7bW9scc1vn1oL17UxcxkzI4SOedQIM2wuICouFdf7/kFr3TuImGxDvVKK6OjIymcKIkMpWnvs2jkiKg7SDfPxfJriLQaUpoXB5QVO9d2Etf1rLFUHsCP1gvzZMfPQpk+GW+YqYI8LzCzMLP7TCjOLBOGgdbCIjDm98mWnU2p7XZgSi/TlVsi65Bs41+mAy62X56cqAQ1i8ooGzdYVWwQEiJCf80UxfBrAjyH+9SJXA57FcUpPCMPIpN4RH4USi0KNvTZdM6q2gf6E4pJHYTRlLQjqe/oCLUwKESGFndipvo9wmSER4I92Z1nbNffFVSlKlUXBr4aprmZMNDW8y16d/RSQMJNfVGJm8lNE8/ZJdA/Kpg+RlW0kwmBm9VK/u7/27ExH96i2uzBD+dgAAP111a1e1fENL867+L8e8ScV9uqSq16QfY5KrNeOCrMIs8DL0tk14mEWoPmK1g0g2gQAztF+2M7UfZD01JbNZDCGCxEgAgIoGANAsqeHXtG+QqE0+XQIuqxTqlxNtxqzc5ZFLEuPNzzv1uVv4+zm9GCHI2F1aTiZwx/zC0k+HX042jMq5c7PaLteIytkCCK+vLOai4CuTugXeq9rVgKUzhH9yMlm55mQVpFcsm1J8qYdPTCYrEREEBGL145S9w+0UU6IBW5fOUE3JTAn+r3DXbK5evyn4JghzW6k4Vu7Nj60B8IEr0dfqx7TP1dfpTLv9whjp194ocAInjM6hz1tmGch7Y/dKnoO7zqYsHpDV0HM2FBFxvEW8jEw26ZD23XQXAQzPaPa4C0TAIC9uxn27uZGa3YYnNtjz4eZ5HHDbX9LAAs6ukd1nr9uXMwZAIYmvWgf1o8MjPN3E9PSKKDLZoVszBARiQagUKAK8uj4Zf9JxymXFhrnf5wtYBFmQmaiCZkJJmNGojEzK9GUl51kzIs0U/zpy54Du+vsw3cS7+6w/wA+gddEwVjR9wAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position-x: 5px;
  background-position-y: center;
  padding-left: 35px !important;
}
@media only screen and (max-height: 414px) {
  .filter-tags {
    width: 540px;
  }
}
.filter-tags.empty {
  color: #AAA;
}
.history {
  float: right;
  width: 360px;
  margin: 0;
  padding: 6px;
  background-color: silver;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  position: relative;
  max-width: 100%;
}
@media only screen and (max-width: 414px) {
  .history {
    display: none;
    padding-top: 30px;
  }
}
@media only screen and (max-height: 414px) {
  .history {
    width: 180px;
  }
}
.history-item {
  background-color: white;
  margin: 0;
  margin-top: 5px;
  padding: 5px;
  font-size: 16px;
}
.history-item.selected {
  background-color: yellow;
}
.history-item-group {
  display: inline-block;
  margin-right: 6px;
}
.history-item-label {
  color: #666;
  font-style: italic;
}
.history-item-value {
  color: black;
  font-weight: bold;
}
.history-hide {
  display: none;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADcElEQVRIiZWVa0hTYRjH/+/ZdDpnmZnpdJYigaZ+KNNlUWlSBlGC0IXQiKgk+hJC9qELRTe6QAQVRRB2ow+tG2HRB1slyRQ1qQWmleUt15ZtbjvHs53z9qENzraztj1f3st53//vPM/zvs9LILG1Lb27krS5xwGAEAJKKSR9q8flOG861tBi6TUiWlNIB+r07KHZC8u3A9ARQpIBJAHQ+PpzlKqE2syKdUNj7c/6eMfvqAAkYMAosOzUg8K5pVUdAGaE2cNNDQ9UvdpX1eFxOSICGOmAigJMJ3Z8mhoZ3AZAoD4DAEmr0mTnG8oO3cwGw8hIBpoieELkOVi6jZ9zqjfzTLxqNQAQQoi0BaDRaPNWKBM1dyzdbd6YAADAO2ywfzW36yrrFhCGKQmG+EybWrgkz/Xzu8H+9WNsAABwjn6BwLPP0xdVriGEZFFKKSGE+EPlgxVnlFXzlp7X7ax1LDYAANjMJm9SVm5rSl7RVvw7TYGHghBCGMWqjPK1vcNGw2ev2xmiQUJmgoyJV2HlhVZ9akHpKwAJYZY5Jvt7K4z7a8wiz0XvAQBQQcDPzpcjusq64Th1cq0kQpCETJWYllmjyZx/d/TtUzYmAAB4WSesHzr6cqq3aIhCWSEFSPqpM+YXLhZ49p7NbBJjAgAAZxvHtN3alqmvqQcwSwZAAOQm6xZMDBqudPnnldECAICJU8F/WuW8AEAE1hmQ16gBs4uXomTPiTOU0lwA1C8uObZEZJ1tA4bL12IGqNN10B+53cDExTchuH75PBCn2S9DL+5s+tZ6K+BmRwQoEtRYevxeuSol7RqA4ItGKKWUej1Tv96/2dh3/bAteH/EalV64GpWSn7JQwAq2QWiKLp+9Nd3nd1rpl5PyOf/elBQ35yYvaL2EQCtP5fSpFIqgp+cOGw6s/vptN0qqxEWoF2+AQUNB29QSkt9L1pILRJcjvs9l5pO2799CvuTsiGamVeEJc1XDwJka7iNIufu7r9/cefYu9aw4oBMLYqfmYaqy23rkzLmPUaYiyjy3Pio8WFZ57m9I5CUjogeEGUc9EdvFarn5twFoJB90bwe7k9/T133paaI4iGAksaTqWnFFU8AJMstpqJA2YnvjabTuzoEzh1RHAhK8pwifZ3IuTUAJmTUrZx1/Hzn2cYWt2UkKnEA+AtiMHUCpQkyGwAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #e2e2e2;
  /* Old browsers */
}
@media only screen and (max-width: 414px) {
  .history-hide {
    display: inline-block;
    position: fixed;
    top: 75px;
    left: 0;
  }
}
.history-show {
  display: none;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADc0lEQVRIiZWVa2gUVxiG329mZ3Z2za66N2IimARFs2uIP3arlobiNQQRaZWqGAmi2B+lgdIWVKQgIm2h1v6r1BuKthVqrbZNoCrYqLhiSDYSV0zEWJM0l5p7NrPZnUt/uJeZrLvZ+eAwZ2bO9z7ne8+ZMwQDMW+ZHysOnavj7Y7PiMhFRJjZYiODX/y1y3cqmWPKV1xwL0TlgdN1nG3+Oc1jAqBq+s/67jdc0eblBWDNVlQePLOasztPJoS0kbwfH24Pbmk/eWjYMMBbf2JhwaLyKwAEzYy1FSjiYPeu5mN7wqoU1+Uys4mXbv/E4l5VcxVAYbYxcnTqcPPRuj9iY68y3uWswL2qBiXb6s8A8INSzugtUtWf2r6r/2r8efsbNbJWUFDiRflHxw+CmB0JoaQ1qqY9fPbzt/v67/6edZJvBHB2B5Z//sNmRrAezZoJ9A/cb3iv88dvxBxjMgHEcvB9+r3P7C6+CIBF0hJKeUQApidehN9/dOLjXv2a5wFYvPeI074scA2AHWkrdBbFxoc+bD22JyhHp3KKZwAWbKw1Fa7dfhlAWbYEVY4fb/t6/wVxsHtW8QxAUfXu/QDW5hj/vOPClwdGHgfzEgdmbFMlGgH02zDdT6wBw/F5iwOvFzENmJ5qdVZWvUMcX0KvQ00cYkSASkQOR8Xb1rGO1hti/z/GAZHuDsVkmfOnvaxiG5k4B6UjCQExzGp3YEPXYLCxLT4xYgwAACPhoGgr9d6yFpbUEsvyMyogIgJrFmpcK969+e/tX3qVeMwYAKqK4bY7/7kqq8L8PPcHxDCUmn26GhM/17nJXuq73Nf020SubyETAECJT2M0/OCp562NcdZqW6+zKB22OcVlVaxgvTgU+lsyBACA+OQoIj2ddz3+9UsZzlyhsSi58CCiYoc3UCoOvPx1oitsDAAA4sBLKDGxweFbWU0mvkhjEVJVES33+NdFX4Wa7kWH+owBAGC8MyRZXEWNBYvKdxJrspE+QETEmLg1nsCGlr6mqx2SOKnLn/WHAwBPzx7pGXvyYCsUKQr9cY3ElRGchZf8h897GV4wVgEAqIqModCdHk9gXS9nc2whYrQWJfuCxVVUbXEuuNQfbEwd4XkBAECOTmH0SXPI6Vv5gjULS0iRVcjSJCQpAlmKQJYmIcd53jZ3oOv66ZZk3v9Fgyo3BJShWQAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #e2e2e2;
  /* Old browsers */
}
@media only screen and (max-width: 414px) {
  .history-show {
    display: inline-block;
    position: fixed;
    top: 75px;
    right: 0;
    z-index: 100;
  }
}
header.main .header.button {
  border: 0;
  margin: 0;
  margin-top: 10px;
  width: 50px;
}
@media only screen and (max-width: 414px) {
  header.main .header.button {
    float: left;
    margin-top: 0;
  }
}
header.main .header.button.end {
  border-radius: 0 15px 0 0;
}
header.main .header.button.end.notepad {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/png;base64,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");
}
header.main .header.button.start {
  border-radius: 15px 0 0 0;
}
header.main .incident.button {
  margin: 0;
  margin-top: 10px;
  border: none;
  vertical-align: bottom;
  color: black;
  background-color: white;
}
@media only screen and (max-width: 414px) {
  header.main .incident.button {
    float: left;
    margin-top: 0;
  }
}
header.main .incident.button.updating {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAIAAADgN5EjAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuM4zml1AAAAAfSURBVDhPYzj57D95aFQnITSqkxAa1UkIjQydz/4DAEat+nbBIAXbAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
}
header.main .update-ready.button {
  color: white;
  background: #1e5799;
  /* Old browsers */
  background: -moz-linear-gradient(top, #1e5799 0, #2989d8 50%, #207cca 51%, #7db9e8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1e5799), color-stop(50%, #2989d8), color-stop(51%, #207cca), color-stop(100%, #7db9e8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #1e5799 0, #2989d8 50%, #207cca 51%, #7db9e8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #1e5799 0, #2989d8 50%, #207cca 51%, #7db9e8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #1e5799 0, #2989d8 50%, #207cca 51%, #7db9e8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #1e5799 0, #2989d8 50%, #207cca 51%, #7db9e8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0);
  /* IE6-9 */
  width: auto;
  position: absolute;
  right: 75px;
  top: 0;
  border-radius: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 414px) {
  header.main .update-ready.button {
    right: 0;
    top: 30px;
  }
}
.incident.button .field-group {
  padding-top: 5px;
}
@media only screen and (max-width: 414px) {
  .incident.button .field-group {
    padding-top: 0;
  }
}
.incident.button .field-content {
  font-size: 24px;
  font-weight: normal;
}
@media only screen and (max-width: 414px) {
  .incident.button .field-content {
    font-size: 14px;
    line-height: 14px;
  }
}
.incident.button > .field-group > .field-content:not(:empty) + .record-count {
  visibility: hidden;
  display: none;
}
.incident.button > .field-group > .field-content:empty + .record-count {
  display: inline;
}
.information-link {
  background: #f2f5f6;
  background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
  background: -webkit-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
  background: linear-gradient(to bottom, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f5f6', endColorstr='#c8d7dc', GradientType=0);
  margin: 10px;
  padding: 10px;
  cursor: pointer;
}
.information-link-name {
  background: #fefcea;
  background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%);
  background: -webkit-linear-gradient(top, #fefcea 0%, #f1da36 100%);
  background: linear-gradient(to bottom, #fefcea 0%, #f1da36 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefcea', endColorstr='#f1da36', GradientType=0);
  padding: 5px 10px;
  font-weight: bold;
  display: inline-block;
  border-radius: 10px;
  border: 2px outset #999;
}
.information-link-description {
  padding: 10px;
}
.invalid {
  background: #fee;
}
.invisible {
  visibility: hidden;
}
.key {
  float: left;
  width: 75px;
  height: 75px;
  margin: 3px;
  font-weight: bold;
  font-size: 18px;
  color: black;
  background-color: #ffffff;
  border: 2px outset #3399FF;
  white-space: normal;
  padding: 0;
  border-radius: 10px;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
  /* IE6-9 */
}
@media only screen and (max-height: 767px) {
  .key {
    height: 50px;
  }
}
@media only screen and (max-height: 414px) {
  .key {
    height: 40px;
    width: 60px;
    margin: 1px;
    font-size: 14px;
  }
}
.key.long-word {
  font-size: 14px;
}
@media only screen and (max-height: 414px) {
  .key.invisible {
    display: none;
  }
}
.key.barcode {
    background-color: lightblue;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAE+0lEQVR4nO1av0sjWxT+ZjKojSK+gIWNjatFAvuwEwSDzf4ZD2F58IptrMRK5Rks/IHgwhPU2krE5jWSV0xhob4lKSSrSBQRNW8biRjivXNe4SbE8f6a+CO7Zj4Y5s7cc8/5znfPmQxhgBAhQoQIEaJhYVVfdHZ2oq+vr15cXgW5XA4nJyeVawsAhoeHMT8/j1gsBgC/AIjWh96L4z8A33K5HMbGxrC+vg6MjIyAcw7O+QfO+Z53D3qjh8c53/ueKyYnJ2EVCgW0tLT8blnWZwB2vbfoleAR0R8A/rIYY+8AZAA01ZnUa6MEIG4T0Uc0XvIA0EREHx0A74mo3mTqhfcOETn1ZlFHOHYD7z6ICE550KhwGjl5AIiMj4//ZllWt2gyk8lgaWkJ7e3tcBwHMzMzKBaLiEajSCaTKBQK6O3trdinUikUCgVsb28jHo9jeXkZ2WwW8Xgcd3d3mJiYwOHhIfr7+7G1tYWrqyusrKwgkUg88LG2tgbHcdDR0YHZ2VkMDg4CAObm5tDd3Y3W1lYAwPT0NGKxGJLJJBKJBFZXV7GxsYFUKoVoNIrNzU1sbm4iGo2is7PzUX5ElLO/D4RHPp+H67q4vLzE7e0tXNfF8fExisUiXNfF0dHRA/vT01Pk83kcHByAiJBOpytjz/Pgui7S6TSICEdHRzg7O4Pruo98uK6Ls7MzlEol7OzsVOZ2d3dxc3NTud7Z2alwISJkMhm4rgvXdZHP55FOpytjUX4AoHwIVhv6F1aP/fYyG5U/lQ/R+uo5kY0oWVF+Rg9BWVIyQiZrVEmq7Ey5yPz6oXwI6gLKkjY5RP5VPkQxTX2rqsCoBUyI+9f4x7I5Ex+i+0EEqbkFguxmEPsgIskSVMVU3fdD+x4QRF0T21pFDMJJJaYfxi0gcigiJhNFNDbxEaQFdJxF+T2pBVQETcoxaAWYlPmLt4DIeVDhTCpJl7BOABFnEV60BUzJ63z4hREJpRLkxVrAtHyDEPyhWuA5BXiqj5cSwPgPEV0vyWxFZeq3M/ElulYlZuI/UAtU2+l2T0RUtF6UhGw3RWfTNTVXQJDSlQlmUr66mP45XTzT8ieixn4GaFvAP6fbQV3woAKIYsrOuop5thaQJa8SSZaYjJhover6SS2gUkdXYv61OgImQuoq4DlbAKjxDxHTkjPZGZUAOtF1bWIigPY9wDR5ETEZSZG4KgH8czIfsjWq3J71VVgnVBAfuqRriSVC4BbwkzQp31p3NWgL1CKA0auwyLE/eRUx3ZzMh6y6RPYqPqq8tC2gcqYipCNm2qciXyrhgqwBAOv8/DwFYEgW2PM82LYNy7LAOReO/UGJCLZtw/M8AIBt3395wzmHZVmwbbti63keIpGIMmZ5vny/jPJc+ex5XsVvOUaZSzXPKvzjEJFsEpZlPSAnG1fbV5+ryfrXlG38flQxZf7KZ/+8LK8ytC3QCAg/kPD3VSOBiOBwzpmuV94qGGPMZox9acQ2ICIwxr5Y2Wz2nW3bmaampqZGqQQiQqlUKnmeF3eur6+/trW1fSoWi58dx7EjkYj25+NnBRGBcw7GmAfgE2PsqzU0NITFxUU0Nzd/APAngF/h+4z+DYEA/AtgnDH299TU1H2iPT09GB0dxcDAAJqbm9/05/KMsW97e3tYWFjA/v7+453u6uqqB7FXw8XFBTjn9aYRIkSIECFC/Aj4H0s2JYnub4KEAAAAAElFTkSuQmCC);
}
.key.delete {
  background-color: #FFF53A;
  border: 2px outset #FFF53A;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXNJREFUeNrsmtENgjAQhqXxHTdwBHWCuoE6AToHD+oD726gboAbyAa6CU6Ah2kJViShLfQu6SUXGuLD/9Fr73o1KIpiRNnYiLh5AA9gaGM5iOO4esk5/zyzLKvGHS0Ev4MvTAXWNZRjaUmS9DYDUvycYgjNwB9Dif8KIUviyy8/obiInYi3BbByJd4GQASeuhJvClCKv1BNZHsM4nV3oTP4Fl0m7km8ca1erwSUqiDoAhCKkFmjrYWwlAZWFzFMGWrxjQC1OJtiF/8TQjXxzkoD7RmgKL4phDgl8SpARE28CnCifqhfitMUTQA4MD8pQjClA/ASEClJAAkBvsFSLmuXEgCxg8eBLICwI6baX/dEdhVldE4KQDk83MTizinOgDSdbTaw4bAem97/B2hp6DrJFW0NZtblx8JQ5QrdtkoJgSJXsI5fXzXnuYIZiEeRK2x1p53lCpsXHE5yhe0bmsG32T7uyAaFCPxfDTyAB6BtbwEGABNjW03eaqZYAAAAAElFTkSuQmCC);
}
.key.clear {
  background-color: #FF2338;
  border: 2px outset #FF2338;
  background: #f85032;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f85032', endColorstr='#e73827', GradientType=0);
  /* IE6-9 */
}
.key.ok {
  background: #61CA29;
  border: 2px outset #61CA29;
  background: #bfd255;
  /* Old browsers */
  background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
  /* IE6-9 */
}
.key.long-text {
  white-space: normal;
}
.key.gps {
  background: white;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,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");
}
@media only screen and (max-height: 767px) {
  .key.gps {
    background-size: contain;
    height: 50px;
  }
}
@media only screen and (max-height: 414px) {
  .key.gps {
    background-size: contain;
    height: 40px;
    width: 60px;
    margin: 1px;
    font-size: 14px;
  }
}
.key.gps-map {
  background: white;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/png;base64,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');
}
@media only screen and (max-height: 767px) {
  .key.gps-map {
    background-size: contain;
    height: 50px;
  }
}
@media only screen and (max-height: 414px) {
  .key.gps-map {
    background-size: contain;
    height: 40px;
    width: 60px;
    margin: 1px;
    font-size: 14px;
  }
}
.left {
  float: left;
}
.list {
  margin: 0;
  padding-left: 5px;
  height: 510px;
  max-width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}
@media only screen and (max-height: 568px) {
  .list {
    height: 332px;
  }
}
@media only screen and (max-height: 414px) {
  .list {
    height: 150px;
  }
}
@media only screen and (max-height: 568px) {
  .list.with-tags {
    height: 297px;
  }
}
@media only screen and (max-height: 414px) {
  .list.with-tags {
    height: 150px;
  }
}
.list input[type='text'],
.list input[type='number'],
.list input[type='tel'] {
  width: 160px;
  height: 75px;
  margin: 0;
  font-size: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-height: 414px) {
  .list input[type='text'],
  .list input[type='number'],
  .list input[type='tel'] {
    width: 410px;
    height: 40px;
  }
}
.list .key {
  margin: 0;
}
.login-header {
  width: 100%;
  font-family: Calibri, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  border-top: 1px outset Black;
  border-bottom: 1px outset Black;
  background: #e0e0e0;
  margin: 0;
}
.login-label {
  font-size: 30px;
  font-weight: bold;
  font-family: Calibri, Helvetica, sans-serif;
  display: inline-block;
  width: 160px;
  text-align: right;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
}
@media only screen and (max-width: 414px) {
  .login-label {
    width: 100px;
    font-size: 24px;
  }
}
.login-row {
  text-align: center;
}
.login-button {
  height: 75px;
  width: 198px;
  text-align: center;
  margin-left: 24px;
  margin-top: 10px;
  color: Black;
  font-style: normal;
  font-family: Calibri, Helvetica, sans-serif;
  font-size: 36px;
  vertical-align: middle;
  border: 2px outset #61CA29;
  background: #bfd255;
  background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
  border-radius: 10px;
  margin-bottom: 1px;
}
@media only screen and (max-width: 414px) {
  .login-button {
    font-size: 24px;
    height: 50px;
    width: 130px;
  }
}
.login-button.disabled {
  border: 2px outset #CECECE;
  color: #CECECE;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#efefef+0,efefef+100 */
  background: linear-gradient(to bottom, #efefef 0%, #efefef 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.login-field {
  display: inline-block;
  padding: 10px;
  width: 380px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
@media only screen and (max-width: 414px) {
  .login-field {
    width: 300px;
  }
}
.login-field input,
.login-field select {
  width: 200px;
  font-size: 32px;
  font-family: Calibri, Helvetica, sans-serif;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
}
@media only screen and (max-width: 414px) {
  .login-field input,
  .login-field select {
    width: 150px;
    font-size: 24px;
  }
}
.login-field.wide {
  width: 760px;
}
.login-field.wide .login-label {
  width: 350px;
}
.login-field.wide input,
.login-field.wide select {
  width: 350px;
}
.login-field.double-wide {
  width: 760px;
}
.login-field.double-wide input,
.login-field.double-wide select {
  width: 450px;
}
.login-message-body {
  text-align: center;
}
.login-message-content {
  margin-top: 50px;
  background-color: white;
  width: 600px;
  max-width: 90%;
  display: inline-block;
  padding: 10px;
  -webkit-box-shadow: 12px 12px 17px 0 rgba(50, 50, 50, 0.6);
  -moz-box-shadow: 12px 12px 17px 0 rgba(50, 50, 50, 0.6);
  box-shadow: 12px 12px 17px 0 rgba(50, 50, 50, 0.6);
  border-radius: 25px;
}
.login-message-content h2 {
  margin-top: 0;
  background-color: #555;
  color: white;
  font-family: Calibri, Helvetica, sans-serif;
  font-size: 36px;
  border-radius: 25px 25px 0 0;
}
.login-message-content p {
  color: #333;
  font-family: Calibri, Helvetica, sans-serif;
  font-size: 24px;
}
.login-message-button {
  text-indent: 0;
  border: 1px solid #888;
  display: inline-block;
  color: white;
  font-size: 18px;
  font-style: normal;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  text-shadow: 1px 1px 0 #BBB;
  cursor: pointer;
  padding: 15px 100px;
  background: #777777;
  /* Old browsers */
  background: -moz-linear-gradient(top, #777777 0%, #333333 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777777), color-stop(100%, #333333));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #777777 0%, #333333 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #777777 0%, #333333 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #777777 0%, #333333 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #777777 0%, #333333 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#333333', GradientType=0);
  /* IE6-9 */
}
.login-progress-bar.updating {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
  background: #1e5799;
  /* Old browsers */
  background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0);
  /* IE6-9 */
  background-repeat: no-repeat;
}
.login-progress-bar {
  height: 75px;
  box-sizing: border-box;
  border: 2px inset #CCC;
  width: 100%;
}
header.main {
  display: inline-block;
  height: 50px;
  float: left;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #45484d;
  text-align: center;
}
@media only screen and (max-width: 414px) {
  header.main {
    height: 74px;
  }
}
header.main .button {
  font-weight: bold;
  color: White;
  font-family: Calibri, Helvetica, sans-serif;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 25px;
  text-decoration: none;
  text-align: center;
  border: 2px outset White;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
header.main .button.add {
  font-size: 42px;
  padding-bottom: 12px;
  padding-top: 2px;
  margin-top: 5px;
  margin-left: 20px;
  float: left;
  cursor: pointer;
  position: relative;
  border-radius: 5px;
  background: #1e5799;
  /* Old browsers */
  background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0);
  /* IE6-9 */
}
@media only screen and (max-width: 414px) {
  header.main .button.add {
    margin-top: 0;
    margin-left: 10%;
    height: 30px;
    width: 38%;
    padding: 0;
    font-size: 32px;
  }
}
header.main .button.close {
  font-size: 36px;
  padding-bottom: 10px;
  padding-top: 5px;
  margin-top: 5px;
  margin-right: 20px;
  float: right;
  cursor: pointer;
  border-radius: 5px;
  background: #f3c5bd;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c5bd', endColorstr='#c72200', GradientType=0);
  /* IE6-9 */
}
@media only screen and (max-width: 414px) {
  header.main .button.close {
    margin-top: 0;
    float: left;
    height: 30px;
    width: 38%;
    padding: 0;
    font-size: 25px;
  }
}
header.main .button.show-menu {
  display: none;
}
@media only screen and (max-width: 414px) {
  header.main .button.show-menu {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAALdSURBVHjatFZNaxRBEK0WQSGYICIiREezoms8iXjxor/Aj4goEUHwIAYRPAoePeQmSMglCIKXXDQxR39AclCMkSiiuLp78SAePIS421NddlV1T2YnmdmAZKG3p3u2X1W996ZmDRHBVn625xfmzhsCExYc1/kvcjocr9EPp/tx5nsY9/2MBDR33mwYQHAnT28qM41PHtdI7NTpdf/IbNfvtq0/9p8fl1YEKODvTO6V4whLRubUKUOpllKuARBmlzuS+2AKAfvHVz0Aapbohw2z16D1KBE5RIfSCtwaYrv5GNZFsB0F7Fg//HXq59TP7b9aCf8csaIC1w1oCuz9eTgAyFSAmofZQNJjvC/QrioAOigVPYKwM3PXaXAsry2ur6CbosLN1eaEYmcZklgyZis2RQ0Sq1GeSgOsVdB3cAx2JbelBklMqDCadQyCRvA4L+sCdsGmBQ00QF8yBiutScl8ILkFvxtPJfN9D1oiLLF7WGARXIV/9+SMD0QZRokGStFKU8F3H7oJvxrPlGc+3GkDiXN4sE05iBXrMniKPV2EGecRnHF1GPgxfsRTo7QwWBpowagD9XoOEIXzPckNfyOF/UPXYbA2mjlGwF141sSuFMA5ex2qdIVN+f7P78/VOZIpaaOM2bKTyATagugsNgfoWYFDyYjBB4dG4XDtqoLlqGDndIItLan3lR6jJqQqkf0pTuJA7Rp8+zotT+jwscuw+PGF0HL87oKK6sUlFpkHWhH+9dQVsWoPF6VScuPLtGQ4XB+BxeWXAi7UWu0/eScRasOzsZs6qn4OOIH60Uuw9GlGMj914iLMf5iVw28nzgZBGcwIPdIiPCj6fev38h15Q5GZz/efZ+Bk/YI0oPmlOdUg9h6vgQ02RQ+cim05GG2igkARJ7Gw/EoMEUtnMCs2VVDpqrm1vpKph8jeJnvPTUHmy/iSj92Oci962Q8vKQo9mzcKDdls9d+WfwIMAK66eoOtgx3iAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    height: 30px;
    width: 30px;
    margin: 0;
    background-color: #0057BB;
    border-radius: 50px;
    display: inline-block;
  }
}
.history-item .button {
  margin: 0;
  width: 80px;
  height: 30px;
  font-weight: bold;
  font-size: 18px;
  border-radius: 5px;
}
.history-item .button.clear {
  background: #FF2338;
  border: 2px outset #FF2338;
  background: #f85032;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f85032', endColorstr='#e73827', GradientType=0);
  /* IE6-9 */
}
.history-item .button.copy {
  background: #3494FF;
  border: 2px outset #3494FF;
  background: #6db3f2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db3f2', endColorstr='#1e69de', GradientType=0);
  /* IE6-9 */
}
.page-footer .button.show-submenu {
  display: none;
}
@media only screen and (max-width: 414px), only screen and (max-height: 414px) {
  .page-footer .button.show-submenu {
    position: absolute;
    top: 10px;
    left: 0;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAALdSURBVHjatFZNaxRBEK0WQSGYICIiREezoms8iXjxor/Aj4goEUHwIAYRPAoePeQmSMglCIKXXDQxR39AclCMkSiiuLp78SAePIS421NddlV1T2YnmdmAZKG3p3u2X1W996ZmDRHBVn625xfmzhsCExYc1/kvcjocr9EPp/tx5nsY9/2MBDR33mwYQHAnT28qM41PHtdI7NTpdf/IbNfvtq0/9p8fl1YEKODvTO6V4whLRubUKUOpllKuARBmlzuS+2AKAfvHVz0Aapbohw2z16D1KBE5RIfSCtwaYrv5GNZFsB0F7Fg//HXq59TP7b9aCf8csaIC1w1oCuz9eTgAyFSAmofZQNJjvC/QrioAOigVPYKwM3PXaXAsry2ur6CbosLN1eaEYmcZklgyZis2RQ0Sq1GeSgOsVdB3cAx2JbelBklMqDCadQyCRvA4L+sCdsGmBQ00QF8yBiutScl8ILkFvxtPJfN9D1oiLLF7WGARXIV/9+SMD0QZRokGStFKU8F3H7oJvxrPlGc+3GkDiXN4sE05iBXrMniKPV2EGecRnHF1GPgxfsRTo7QwWBpowagD9XoOEIXzPckNfyOF/UPXYbA2mjlGwF141sSuFMA5ex2qdIVN+f7P78/VOZIpaaOM2bKTyATagugsNgfoWYFDyYjBB4dG4XDtqoLlqGDndIItLan3lR6jJqQqkf0pTuJA7Rp8+zotT+jwscuw+PGF0HL87oKK6sUlFpkHWhH+9dQVsWoPF6VScuPLtGQ4XB+BxeWXAi7UWu0/eScRasOzsZs6qn4OOIH60Uuw9GlGMj914iLMf5iVw28nzgZBGcwIPdIiPCj6fev38h15Q5GZz/efZ+Bk/YI0oPmlOdUg9h6vgQ02RQ+cim05GG2igkARJ7Gw/EoMEUtnMCs2VVDpqrm1vpKph8jeJnvPTUHmy/iSj92Oci962Q8vKQo9mzcKDdls9d+WfwIMAK66eoOtgx3iAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    height: 30px;
    width: 30px;
    margin: 0;
    background-color: #0057BB;
    border-radius: 50px;
    display: inline-block;
  }
}
section.main-content {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  float: left;
}
nav.menu {
  width: 85px;
  padding-top: 1.7%;
  padding-bottom: 1.4%;
  margin: 0;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 414px) {
  nav.menu {
    display: none;
    position: absolute;
    z-index: 101;
    text-align: center;
    border: 3px outset;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8e0de+0,aebfbc+22,99afab+33,8ea6a2+50,829d98+67,4e5c5a+82,0e0e0e+100;Grey+3D */
    background: #d8e0de;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d8e0de 0%, #aebfbc 22%, #99afab 33%, #8ea6a2 50%, #829d98 67%, #4e5c5a 82%, #0e0e0e 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #d8e0de 0%, #aebfbc 22%, #99afab 33%, #8ea6a2 50%, #829d98 67%, #4e5c5a 82%, #0e0e0e 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #d8e0de 0%, #aebfbc 22%, #99afab 33%, #8ea6a2 50%, #829d98 67%, #4e5c5a 82%, #0e0e0e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8e0de', endColorstr='#0e0e0e', GradientType=0);
    /* IE6-9 */
  }
}
@media only screen and (max-height: 414px) {
  nav.menu {
    padding-top: 0;
  }
}
.menu-button {
  font-family: Courier New, Courier, monospace;
  font-weight: bold;
  font-size: 28px;
  display: inline-block;
  width: 75px;
  line-height: 70px;
  text-decoration: none;
  text-align: center;
  margin-bottom: 6px;
  margin-top: 6px;
  color: Yellow;
  background: black;
  border: 2px outset White;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
  border-radius: 10px;
  background: #45484d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}
@media only screen and (max-height: 414px) {
  .menu-button {
    font-size: 20px;
  }
}
.menu-button.invalid {
  color: black;
  background: yellow;
  background: #fefcea;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fefcea 0%, #f1da36 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fefcea 0%, #f1da36 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefcea', endColorstr='#f1da36', GradientType=0);
  /* IE6-9 */
}
@media only screen and (max-width: 414px) {
  .menu.left {
    left: 0;
  }
}
@media only screen and (max-width: 414px) {
  .menu.right {
    right: 0;
  }
}
.menu.left .menu-button.selected {
  border-radius: 10px 50px 50px 10px;
  background: #3494FF;
  border: 2px outset #3494FF;
  background: #6db3f2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db3f2', endColorstr='#1e69de', GradientType=0);
  /* IE6-9 */
}
.menu.right .menu-button.selected {
  border-radius: 50px 10px 10px 50px;
  background: #3494FF;
  border: 2px outset #3494FF;
  background: #6db3f2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db3f2', endColorstr='#1e69de', GradientType=0);
  /* IE6-9 */
}
.menu.left .menu-button,
.menu.right .menu-button {
  line-height: 70px;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-left: 0;
  display: inline-block;
  height: 74px;
  max-height: 74px;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-height: 767px) {
  .menu.left .menu-button,
  .menu.right .menu-button {
    height: 10.8%;
    display: flex;
    margin-left: 5px;
    line-height: normal;
  }
}
@media only screen and (max-width: 414px) {
  .menu.left .menu-button,
  .menu.right .menu-button {
    margin-left: 2px;
    margin-right: 0;
  }
}
.message {
  padding: 20px;
  margin: 10px;
  text-align: center;
}
.message.error {
  border: 1px solid #cc0303 !important;
  background: #fcf1f1 !important;
  color: #cc0303;
  font-weight: bold;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.message.information {
  border: 1px solid #05abe0 !important;
  background: #f3f3ff !important;
  color: #02789d;
  font-weight: bold;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.message-indicator {
  border: 2px solid #ffd65e;
  border-radius: 50px;
  box-shadow: 1px 1px 1px black;
  color: #666;
  font-weight: bold;
  line-height: 13px;
  font-size: 15px;
  font-family: Helvetica, Verdana, Tahoma, sans-serif;
  height: 16px;
  padding: 4px 3px 0 3px;
  text-align: center;
  min-width: 14px;
  position: fixed;
  top: 35px;
  left: 5px;
  background: #fefcea;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefcea), color-stop(100%, #f1da36));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fefcea 0%, #f1da36 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fefcea 0%, #f1da36 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fefcea 0%, #f1da36 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fefcea 0%, #f1da36 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefcea', endColorstr='#f1da36', GradientType=0);
  /* IE6-9 */
  -moz-animation-name: message-indicator-animation;
  -o-animation-name: message-indicator-animation;
  -webkit-animation-name: message-indicator-animation;
  animation-name: message-indicator-animation;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
@media only screen and (max-width: 414px) {
  .message-indicator {
    top: 0;
    left: 20px;
  }
}
@-webkit-keyframes message-indicator-animation {
  0% {
    font-size: 15px;
    height: 16px;
    min-width: 14px;
    top: 35px;
    left: 5px;
    line-height: 13px;
  }
  50% {
    font-size: 30px;
    height: 32px;
    min-width: 28px;
    top: 15px;
    left: 25px;
    line-height: 26px;
  }
  100% {
    font-size: 15px;
    height: 16px;
    min-width: 14px;
    top: 35px;
    left: 5px;
    line-height: 13px;
  }
}
@keyframes message-indicator-animation {
  0% {
    font-size: 15px;
    height: 16px;
    min-width: 14px;
  }
  50% {
    font-size: 30px;
    height: 32px;
    min-width: 28px;
  }
  100% {
    font-size: 15px;
    height: 16px;
    min-width: 14px;
  }
}
.message-indicator.priority {
  background: #ffa84c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffa84c 0%, #ff7b0d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa84c', endColorstr='#ff7b0d', GradientType=0);
  /* IE6-9 */
}
.message-text {
  margin: 0;
}
.preview-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5001;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.75+0,0.75+100;White+to+Transparent */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.75) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.75) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.75) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfffffff', endColorstr='#bfffffff', GradientType=1);
  /* IE6-9 */
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  text-align: center;
}
.preview-text {
  background: white;
  margin-top: 200px;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 75px;
  font-size: 24px;
  font-weight: bold;
  -webkit-box-shadow: 0px 0px 10px 15px #000000;
  box-shadow: 0px 0px 10px 15px #ffffff;
}
.preview-button {
  color: black;
  font-weight: bold;
  font-size: 24px;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  border: 1px outset Silver;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b7ea+0,009ec3+100;Blue+3D+%2315 */
  background: #00b7ea;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #00b7ea 0%, #009ec3 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #00b7ea 0%, #009ec3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b7ea', endColorstr='#009ec3', GradientType=0);
  /* IE6-9 */
  border-radius: 5px;
  margin-top: 28px;
}
.modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5001;
  background-color: white;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.modal-button {
  position: fixed;
  top: 5px;
  right: 5px;
  z-index: 5003;
  color: white;
  font-size: 16px;
  padding: 10px;
  font-weight: bold;
  border: 2px outset white;
  border-radius: 5px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b7ea+0,009ec3+100;Blue+3D+%2315 */
  background: #00b7ea;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00b7ea 0, #009ec3 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #00b7ea 0, #009ec3 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #00b7ea 0, #009ec3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b7ea', endColorstr='#009ec3', GradientType=0);
  /* IE6-9 */
  -webkit-box-shadow: -5px 10px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -5px 10px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: -5px 10px 5px 0px rgba(0, 0, 0, 0.75);
}
.modal-frame {
  min-width: 100%;
  min-height: 100vh;
}
.nearest-hospital-table {
  border-collapse: collapse;
  width: 100%;
}
.nearest-hospital-table,
.nearest-hospital-table td,
.nearest-hospital-table th {
  border: 1px solid #555;
  color: #222;
  font-size: 18px;
}
.nearest-hospital-table td,
.nearest-hospital-table th {
  text-align: left;
  padding: 5px;
  vertical-align: middle;
}
.nearest-hospital-table th {
  background-color: black;
  color: white;
  font-weight: bold;
  position: relative;
  min-width: 30px;
}
.nearest-hospital-table .header-row th {
  height: 100px;
}
@media only screen and (max-width: 1023px) {
  .nearest-hospital-table .header-row th {
    height: auto;
  }
}
.nearest-hospital-verticle {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  bottom: -10px;
}
@media only screen and (max-width: 1023px) {
  .nearest-hospital-verticle {
    height: auto;
  }
}
.number .field-input-display {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  white-space: normal;
  position: relative;
  bottom: auto;
}
.page-footer {
  float: right;
  display: inline-block;
  height: 49px;
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background: #cedce7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #cedce7 0%, #596a72 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #cedce7 0%, #596a72 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cedce7', endColorstr='#596a72', GradientType=0);
  /* IE6-9 */
  position: relative;
}
.page-footer .button {
  float: right;
  margin: 0;
  margin-right: 10px;
  width: 120px;
  height: 40px;
  font-weight: bold;
  font-size: 28px;
  border-radius: 10px;
}
@media only screen and (max-width: 1023px) {
  .page-footer .button {
    margin-right: 5px;
    width: 75px;
    font-weight: bold;
    font-size: 20px;
  }
}
.page-footer .button.clear {
  background: #FF2338;
  border: 2px outset #FF2338;
  background: #f85032;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f85032', endColorstr='#e73827', GradientType=0);
  /* IE6-9 */
}
.page-footer .button.copy {
  background: #3494FF;
  border: 2px outset #3494FF;
  background: #6db3f2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db3f2', endColorstr='#1e69de', GradientType=0);
  /* IE6-9 */
}
.page-footer .button.new {
  background: #61CA29;
  border: 2px outset #61CA29;
  background: #bfd255;
  /* Old browsers */
  background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
  /* IE6-9 */
}
.page-footer .menu-button {
  line-height: 40px;
  margin: 0;
  margin-right: 5px;
  width: 100px;
  font-size: 28px;
}
@media only screen and (max-width: 1023px) {
  .page-footer .menu-button {
    margin-right: 0;
    width: 75px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 414px) {
  .page-footer .menu-button {
    width: 62px;
  }
}
.page-footer .menu-button.selected {
  border-radius: 50px 50px 0 0;
  background: #3494FF;
  border: 2px outset #3494FF;
  background: #6db3f2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db3f2', endColorstr='#1e69de', GradientType=0);
  /* IE6-9 */
}
.report {
  font-family: Calibri, Helvetica, sans-serif;
  font-size: 24px;
  color: darkgrey;
}
.report-table,
.report-table td,
.report-table th {
  font-family: Calibri, Helvetica, sans-serif;
  font-size: 18px;
  color: darkgrey;
  border-collapse: collapse;
  border: 1px solid silver;
  padding: 5px;
}
.report-table th {
  background-color: silver;
  color: white;
  font-weight: bold;
  border: 1px solid white;
}
.report-table th.radio-highlight {
  background-color: #90ee90;
}
.report-table td b {
  color: black;
  font-weight: bold;
}
.report-table td hr {
  color: yellow;
  background-color: white;
  width: 90%;
  border: 1px dashed #424141;
}
.report .field-content {
  padding-top: 0;
  font-size: 20px;
  color: black;
  font-weight: bold;
  display: inline;
}
.right {
  float: right;
}
pre {
  white-space: pre-wrap;
  /* CSS 3 */
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}
.map-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5001;
  text-align: center;
  background: #959595;
  /* Old browsers */
  background: -moz-linear-gradient(top, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
}
.map-buttons {
  margin-left: 10px;
}
.map-canvas {
  width: 90%;
  height: 75%;
}
.notepad-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4999;
  text-align: center;
  background: #959595;
  /* Old browsers */
  background: -moz-linear-gradient(top, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
}
.notepad-canvas {
  height: 675px;
  width: 740px;
  margin-left: auto;
  margin-right: auto;
  border: 3px inset #AAA;
}
.notepad-button-lists {
  display: block;
  vertical-align: auto;
  margin-left: 0;
  width: auto;
}
@media only screen and (max-height: 767px) and (orientation: landscape) {
  .notepad-button-lists {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    width: 80px;
  }
}
@media only screen and (max-height: 414px) and (orientation: landscape) {
  .notepad-button-lists {
    width: 150px;
  }
}
.notepad-button-list {
  display: inline-block;
  margin-right: 5px;
  width: auto;
  margin-top: 0;
  vertical-align: top;
}
@media only screen and (max-height: 767px) and (orientation: landscape) {
  .notepad-button-list {
    display: inline-block;
    margin-right: 5px;
    width: 75px;
    margin-top: 30px;
  }
}
@media only screen and (max-height: 414px) and (orientation: landscape) {
  .notepad-button-list {
    width: 50px;
  }
}
.notepad-button-list :first-child {
  border-radius: 10px 0 0 10px;
}
@media only screen and (max-height: 767px) and (orientation: landscape) {
  .notepad-button-list :first-child {
    border-radius: 10px 10px 0 0;
  }
}
.notepad-button-list :last-child {
  border-radius: 0 10px 10px 0;
}
@media only screen and (max-height: 767px) and (orientation: landscape) {
  .notepad-button-list :last-child {
    border-radius: 0 0 10px 10px;
  }
}
.notepad-button-list input[type=file] {
  float: none;
}
@media only screen and (max-height: 767px) and (orientation: landscape) {
  .notepad-button-list input[type=file] {
    float: left;
  }
}
.notepad-button {
  padding: 10px 20px 10px 20px;
  color: black;
  border: 2px outset #AAA;
  max-height: 39px;
  height: 39px;
  width: 75px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-height: 767px) and (orientation: landscape) {
  .notepad-button {
    vertical-align: auto;
  }
}
@media only screen and (max-width: 414px) {
  .notepad-button {
    width: 50px;
    padding: 0;
  }
}
@media only screen and (max-height: 414px) {
  .notepad-button {
    width: 50px;
    padding: 0;
  }
}
.notepad-button.function-button {
  max-height: 39px;
  height: 39px;
  background: #e2e2e2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
  /* IE6-9 */
}
@media only screen and (max-height: 767px) and (orientation: landscape) {
  .notepad-button.function-button {
    height: 50px;
    max-height: 50px;
  }
}
.notepad-button.color-button.selected {
  max-height: 37px;
  height: 37px;
  border: 4px inset #AAA;
}
.record-summary-field {
  display: inline-block;
  width: 48%;
  vertical-align: top;
  margin-left: 1%;
}
.record-summary-field-label {
  font-weight: bold;
  margin-bottom: 3px;
}
.record-summary-row {
  border-bottom: 1px solid #CCC;
  padding: 5px;
  min-height: 43px;
}
.record-summary-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #AAA;
}
.record-summary-table td,
.record-summary-table th {
  padding: 5px;
  text-align: left;
  border: 1px solid #AAA;
}
.record-summary-table-header {
  font-weight: bold;
  color: white;
  text-align: left;
  background: #45484d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #45484d 0%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #45484d 0%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}
.scanner-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5000;
  text-align: center;
  background: #959595;
  /* Old browsers */
  background: -moz-linear-gradient(top, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
  /* IE6-9 */
}
.scanner-button {
  padding: 10px 20px 10px 20px;
  color: black;
  border: 2px outset #AAA;
  max-height: 39px;
  height: 39px;
  width: 75px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}
.scanner-button-lists {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4999;
  text-align: center;
}
.scanner-instructions {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 4999;
  text-align: center;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#80ffffff', GradientType=0);
  /* IE6-9 */
}
.scanner-select {
  width: auto;
  height: auto;
}
.signature-buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 414px) {
  .field-input-window .signature-buttons select {
    font-size: 12px;
    height: 30px;
    width: 100px;
  }
}
@media only screen and (max-height: 414px) {
  .field-input-window .signature-buttons select {
    font-size: 12px;
    height: 30px;
    width: 100px;
  }
}
@media only screen and (max-width: 414px) {
  .signature-buttons .button {
    width: 60px;
    height: 30px;
  }
}
@media only screen and (max-height: 414px) {
  .signature-buttons .button {
    width: 60px;
    height: 30px;
  }
}
.signature-canvas {
  position: absolute;
  bottom: 80px;
  left: 0;
  right: 0;
}
@media only screen and (max-height: 414px) {
  .signature-canvas {
    bottom: 30px;
  }
}
.signature-name {
  background-color: white;
  width: 100%;
  padding: 10px;
  font-size: 24px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: bold;
  margin: 0;
  text-align: center;
  position: absolute;
  bottom: 283px;
  left: 0;
  right: 0;
}
.signature-text {
  width: 100%;
  background-color: white;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: pre-line;
  text-align: initial;
  padding: 10px;
  font-size: 24px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 0;
  position: absolute;
  top: 40px;
  right: 0;
  left: 0;
  bottom: 335px;
}
.signature-window {
  text-align: center;
}
.sub-menu {
  display: inline-block;
}
@media only screen and (max-width: 414px), only screen and (max-height: 414px) {
  .sub-menu {
    display: none;
    padding-left: 30px;
  }
}
.support-row {
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.support-field {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 280px;
  height: 100px;
  font-size: 24px;
  vertical-align: top;
}
@media only screen and (max-width: 414px) {
  .support-field {
    width: 250px;
  }
}
.support-field .field-content {
  padding: 0;
  font-size: 24px;
  line-height: 24px;
}
.support-field.wide {
  width: 560px;
  max-width: 100%;
}
.support-field.narrow {
  width: 185px;
  max-width: 100%;
}
.support-field.tall {
  height: 200px;
}
.support-label {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  padding: 10px;
  background: black;
  color: white;
  width: 280px;
  height: 45px;
  border-radius: 10px 10px 0 0;
}
.wide .support-label {
  width: 560px;
  max-width: 100%;
}
.narrow .support-label {
  width: 185px;
  max-width: 100%;
}
.support-input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 280px;
  height: 45px;
}
.support-input input,
.support-input select {
  width: 100%;
  font-size: 32px;
  font-family: Calibri, Helvetica, sans-serif;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.support-input span {
  display: inline-block;
  width: 100%;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wide .support-input {
  width: 560px;
  max-width: 100%;
}
.narrow .support-input {
  width: 185px;
  max-width: 100%;
}
.tall .support-input {
  height: 160px;
}
.support-input textarea,
select {
  width: 560px;
  height: 90%;
  font-size: 24px;
  box-sizing: border-box;
  max-width: 100%;
}
.tags-background {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 5001;
  text-align: center;
  background: -moz-linear-gradient(top, #000000 0%, #000000 1%, rgba(0, 0, 0, 0.65) 51%, rgba(0, 0, 0, 0.2) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #000000 0%, #000000 1%, rgba(0, 0, 0, 0.65) 51%, rgba(0, 0, 0, 0.2) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #000000 0%, #000000 1%, rgba(0, 0, 0, 0.65) 51%, rgba(0, 0, 0, 0.2) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#33000000', GradientType=0);
  /* IE6-9 */
}
.tags-item {
  display: inline-block;
  padding: 10px;
  border: 2px outset #888;
  border-radius: 15px;
  margin: 10px 0 0 10px;
  font-size: 14px;
  font-weight: bold;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
  /* IE6-9 */
}
.tags-item.selected {
  color: white;
  background: #6db3f2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db3f2', endColorstr='#1e69de', GradientType=0);
  /* IE6-9 */
}
.tags-window {
  background-color: White;
  display: inline-block;
  width: 800px;
  border: 5px solid #000;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
}
.timeline-at-patient-side {
  background-color: white !important;
  border-color: black !important;
}
.timeline-vitals {
  background-color: #FFDB8F !important;
  border-color: #A6802E !important;
}
.timeline-procedure {
  background-color: #97AFF8 !important;
  border-color: #8391BA !important;
}
.timeline-rx {
  background-color: #B297F8 !important;
  border-color: #5031A1 !important;
}
.timeline-pqrst {
  background-color: #8CEAF7 !important;
  border-color: #2D92A0 !important;
}
.timeline-ekg {
  background-color: #314DA1 !important;
  border-color: #102669 !important;
  color: white !important;
}
.timeline-signature {
  background-color: black !important;
  border-color: #606060 !important;
  color: white !important;
}
.timeline-axis {
  background-color: #808080;
}
.timeline-axis-text {
  color: white !important;
}
.transfer-indicator {
  border: 2px solid white;
  border-radius: 50px;
  box-shadow: 1px 1px 1px black;
  color: white;
  font-weight: bold;
  line-height: 13px;
  font-size: 15px;
  font-family: Helvetica, Verdana, Tahoma, sans-serif;
  height: 16px;
  padding: 4px 3px 0 3px;
  text-align: center;
  min-width: 14px;
  position: fixed;
  top: 35px;
  left: 50px;
  background: #ff3019;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ff3019 0, #cf0404 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ff3019 0, #cf0404 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff3019 0, #cf0404 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
  /* IE6-9 */
  -moz-animation-name: transfer-indicator-animation;
  -o-animation-name: transfer-indicator-animation;
  -webkit-animation-name: transfer-indicator-animation;
  animation-name: transfer-indicator-animation;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
@media only screen and (max-width: 414px) {
  .transfer-indicator {
    top: 20px;
    left: 20px;
  }
}
@-webkit-keyframes transfer-indicator-animation {
  0% {
    font-size: 15px;
    height: 16px;
    min-width: 14px;
    top: 35px;
    left: 50px;
    line-height: 13px;
  }
  50% {
    font-size: 30px;
    height: 32px;
    min-width: 28px;
    top: 15px;
    left: 75px;
    line-height: 26px;
  }
  100% {
    font-size: 15px;
    height: 16px;
    min-width: 14px;
    top: 35px;
    left: 50px;
    line-height: 13px;
  }
}
@keyframes transfer-indicator-animation {
  0% {
    font-size: 15px;
    height: 16px;
    min-width: 14px;
  }
  50% {
    font-size: 30px;
    height: 32px;
    min-width: 28px;
  }
  100% {
    font-size: 15px;
    height: 16px;
    min-width: 14px;
  }
}
.upload-file-button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  border: 2px outset #3690f0;
  width: 460px;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: white;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 6px;
  background: #6db3f2;
  background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  background: -webkit-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  background: linear-gradient(to bottom, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db3f2', endColorstr='#1e69de', GradientType=0);
  border-radius: 10px;
  -moz-box-shadow: 5px 5px 10px #888;
  -webkit-box-shadow: 5px 5px 10px #888;
  box-shadow: 5px 5px 10px #888;
  max-width: 98%;
}
.upload-progress {
  width: 450px;
  height: 70px;
  border: 2px inset #888;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  margin-top: 6px;
}
.upload-progress-bar {
  width: 0;
  height: 70px;
  border-right: 2px inset #888;
  background: #e6f0a3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6f0a3), color-stop(50%, #d2e638), color-stop(51%, #c3d825), color-stop(100%, #dbf043));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6f0a3', endColorstr='#dbf043', GradientType=0);
  /* IE6-9 */
}
.upload-progress-number {
  color: #000000;
  font-weight: bold;
  font-size: 21px;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  position: relative;
  top: -50px;
}
.upload-save-button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px outset #61CA29;
  width: 460px;
  height: 70px;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 6px;
  max-width: 98%;
  background: #bfd255;
  background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
  border-radius: 10px;
  -moz-box-shadow: 5px 5px 10px #888;
  -webkit-box-shadow: 5px 5px 10px #888;
  box-shadow: 5px 5px 10px #888;
}
.waiting-background {
  display: inline-block;
  border-radius: 50px;
  margin-left: 10px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f6f8+0,d8e1e7+50,b5c6d0+51,e0eff9+100;Grey+Gloss+%232 */
  background: #f2f6f8;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.waiting {
  width: 50px;
  height: 50px;
  border: 8px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  box-shadow: 0 0 25px 2px #eee;
  animation: spin 1s linear infinite;
  display: inline-block;
}
@-moz-keyframes spin {
  from {
    transform: rotate(0deg);
    opacity: 0.2;
  }
  50% {
    transform: rotate(180deg);
    opacity: 1;
  }
  to {
    transform: rotate(360deg);
    opacity: 0.2;
  }
}
@-webkit-keyframes spin {
  from {
    transform: rotate(0deg);
    opacity: 0.2;
  }
  50% {
    transform: rotate(180deg);
    opacity: 1;
  }
  to {
    transform: rotate(360deg);
    opacity: 0.2;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
    opacity: 0.2;
  }
  50% {
    transform: rotate(180deg);
    opacity: 1;
  }
  to {
    transform: rotate(360deg);
    opacity: 0.2;
  }
}
.watermark {
  color: White;
  font-style: italic;
  position: absolute;
  top: -2px;
  left: -2px;
  display: inline-block;
  background-color: Black;
  padding: 1px 10px 1px 10px;
  margin: 0;
  max-width: 75%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  border-radius: 10px 0 5px 0;
}
.watermark.for-checkbox {
  position: relative;
  color: black;
  font-style: normal;
  background-color: transparent;
  padding: 0;
  margin: 0;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: normal;
  top: -5px;
  line-height: 24px;
}
.field.smart-button .watermark {
  position: relative;
  text-align: center;
  max-width: 100%;
  background-color: transparent;
  color: white;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  white-space: normal;
}
.working {
  background: -moz-linear-gradient(top, rgba(240, 249, 255, 0.75) 0, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.75) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(240, 249, 255, 0.75)), color-stop(47%, rgba(203, 235, 255, 0.75)), color-stop(100%, rgba(161, 219, 255, 0.75)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(240, 249, 255, 0.75) 0, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.75) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(240, 249, 255, 0.75) 0, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.75) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(240, 249, 255, 0.75) 0, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.75) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(240, 249, 255, 0.75) 0, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.75) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bff0f9ff', endColorstr='#bfa1dbff', GradientType=0);
  /* IE6-9 */
  z-index: 5001;
}
.working.full {
  background: -moz-linear-gradient(top, rgba(240, 249, 255, 0.75) 0, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.75) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(240, 249, 255, 0.75)), color-stop(47%, rgba(203, 235, 255, 0.75)), color-stop(100%, rgba(161, 219, 255, 0.75)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(240, 249, 255, 0.75) 0, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.75) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(240, 249, 255, 0.75) 0, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.75) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(240, 249, 255, 0.75) 0, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.75) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(240, 249, 255, 0.75) 0, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.75) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bff0f9ff', endColorstr='#bfa1dbff', GradientType=0);
  /* IE6-9 */
  z-index: 5001;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.crew-input {
  background-color: white;
  border: 1px solid #555;
  display: inline-block;
  height: 40px;
  width: 200px;
  font-size: 32px;
  font-family: Calibri, Helvetica, sans-serif;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: bottom;
  overflow: hidden;
  text-align: left;
  padding: 3px;
  border-radius: 5px;
}
@media only screen and (max-width: 414px) {
  .crew-input {
    width: 150px;
    font-size: 24px;
    vertical-align: middle;
  }
}
.crew-window {
  position: fixed;
  top: 25px;
  right: 5px;
  width: 300px;
  background-color: #555;
  border: 3px outset black;
  height: 600px;
  border-radius: 15px;
  padding: 10px 0;
}
@media only screen and (max-width: 414px) {
  .crew-window {
    height: 500px;
  }
}
.crew-window input[type=text] {
  height: 40px;
  width: 100%;
  font-size: 32px;
  font-family: Calibri, Helvetica, sans-serif;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.crew-list {
  height: 475px;
  background-color: white;
  border: 3px inset #888;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 414px) {
  .crew-list {
    height: 400px;
  }
}
@media only screen and (max-height: 414px) {
  .crew-list {
    height: 190px;
  }
}
.crew-item {
  padding: 10px;
  border-bottom: 1px solid #888;
  font-size: 32px;
  font-family: Calibri, Helvetica, sans-serif;
  color: #555;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
  /* IE6-9 */
}
.crew-item.selected {
  background: #e0f3fa;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0f3fa', endColorstr='#b6dffd', GradientType=0);
  /* IE6-9 */
}