a {
  text-decoration: none;
  color: blue; }
  a img {
    border: 0; }
  a.important {
    text-decoration: underline; }

table {
  width: 100%;
  border: 0; }
  table.errors tr td {
    color: red; }
  table tr .icon {
    width: 16px; }
    table tr .icon img {
      width: 16px;
      height: 16px; }
  table.tablesorter thead tr th {
    margin: 10px; }
  table.tablesorter thead tr .header {
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 5px;
    margin: 5px;
    background-color: #88ff00;
    background-image: url(/static/icons/nonsorted.png);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer; }
    table.tablesorter thead tr .header select {
      background-color: #88ff00; }
    table.tablesorter thead tr .header input {
      background-color: #88ff00; }
  table.tablesorter thead tr .headerSortUp {
    background-image: url(/static/icons/asc.png); }
  table.tablesorter thead tr .headerSortDown {
    background-image: url(/static/icons/desc.png); }

tr, th {
  border: 0; }

td {
  border: 0; }
  td.inactive-day {
    height: 1em;
    border: 1px solid black;
    width: 7em; }

textarea {
  width: 250; }

img.icon {
  height: 16px;
  width: 16px;
  position: relative;
  top: 4px;
  padding: 2px; }

.promoteZ {
  z-index: 1007; }

.right {
  text-align: right; }

.left {
  text-align: left; }

select {
  background-color: white; }

#header {
  display: inline-block;
  width: 100%; }
  #header:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html #header {
    height: 1px; }
  #header img.selected {
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: green;
    padding: 2px; }
  #header select {
    width: 250; }
  #header .views {
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 5px;
    margin: 5px;
    background-color: #99ffff;
    display: inline;
    float: left; }
    #header .views select {
      background-color: #99ffff; }
    #header .views input {
      background-color: #99ffff; }
  #header .custom-views {
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 5px;
    margin: 5px;
    background-color: #99ffff;
    margin-left: 5px;
    display: inline;
    float: left; }
    #header .custom-views select {
      background-color: #ddffff; }
    #header .custom-views input {
      background-color: #ddffff; }
  #header .title {
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 5px;
    margin: 5px;
    background-color: yellow;
    display: inline;
    float: left; }
    #header .title select {
      background-color: yellow; }
    #header .title input {
      background-color: yellow; }
  #header .user {
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 5px;
    margin: 5px;
    background-color: #99ffff;
    float: right;
    display: inline; }
    #header .user select {
      background-color: #99ffff; }
    #header .user input {
      background-color: #99ffff; }

div.content-message {
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 5px;
  margin: 5px;
  background-color: orange;
  text-align: center; }
  div.content-message select {
    background-color: orange; }
  div.content-message input {
    background-color: orange; }

#shifts .info {
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 5px;
  margin: 5px;
  background-color: lightgreen;
  text-align: center; }
  #shifts .info select {
    background-color: lightgreen; }
  #shifts .info input {
    background-color: lightgreen; }
#shifts .shift {
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 5px;
  margin: 5px;
  background-color: lightgreen; }
  #shifts .shift select {
    background-color: lightgreen; }
  #shifts .shift input {
    background-color: lightgreen; }
  #shifts .shift .time, #shifts .shift .state {
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 5px;
    margin: 5px;
    background-color: #33ffcc;
    height: 1em;
    display: inline; }
    #shifts .shift .time select, #shifts .shift .state select {
      background-color: #33ffcc; }
    #shifts .shift .time input, #shifts .shift .state input {
      background-color: #33ffcc; }
  #shifts .shift .title {
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 5px;
    margin: 5px;
    background-color: yellow;
    height: 1em;
    display: inline-block; }
    #shifts .shift .title select {
      background-color: yellow; }
    #shifts .shift .title input {
      background-color: yellow; }
  #shifts .shift .ops {
    float: right;
    display: inline; }
  #shifts .shift ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    #shifts .shift ul li {
      background-repeat: no-repeat;
      padding-left: 20px;
      padding-bottom: 5px; }
  #shifts .shift ul {
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 5px;
    margin: 5px;
    background-color: #99ffff; }
    #shifts .shift ul select {
      background-color: #99ffff; }
    #shifts .shift ul input {
      background-color: #99ffff; }
  #shifts .shift ul.fields li.message {
    background-image: url(/static/icons/warning.png); }
  #shifts .shift ul.fields li.comment {
    background-image: url(/static/icons/notes.png); }
  #shifts .shift ul.roles span.user {
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 5px;
    margin: 5px;
    background-color: pink;
    padding: 2px; }
    #shifts .shift ul.roles span.user select {
      background-color: pink; }
    #shifts .shift ul.roles span.user input {
      background-color: pink; }
  #shifts .shift ul.roles li.yours {
    background-image: url(/static/icons/full-star.png); }
  #shifts .shift ul.roles li.filled {
    background-image: url(/static/icons/ok.png); }
  #shifts .shift ul.roles li.optional {
    background-image: url(/static/icons/person.png); }
  #shifts .shift ul.roles li.unfilled {
    background-image: url(/static/icons/enroll.png); }
  #shifts .shift ul.roles li.info {
    background-color: #99FFFF; }
#shifts .selected {
  background-color: yellow; }

#reports {
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 5px;
  margin: 5px;
  background-color: #99ff66; }
  #reports select {
    background-color: #99ff66; }
  #reports input {
    background-color: #99ff66; }

#month table {
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 5px;
  margin: 5px;
  background-color: #99ff66;
  border-collapse: separate;
  border-spacing: 5px;
  height: 85%; }
  #month table select {
    background-color: #99ff66; }
  #month table input {
    background-color: #99ff66; }
  #month table tr.weekdays {
    height: 5%; }
  #month table tr.week {
    height: 12%; }
    #month table tr.week td.day {
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      padding: 5px;
      margin: 5px;
      background-color: #66ff00;
      width: 12%;
      vertical-align: top; }
      #month table tr.week td.day select {
        background-color: #66ff00; }
      #month table tr.week td.day input {
        background-color: #66ff00; }
      #month table tr.week td.day ul {
        list-style-position: inside;
        list-style-type: none;
        margin-left: 0;
        padding-left: 1em;
        text-indent: -1em; }
        #month table tr.week td.day ul li.open {
          list-style-image: url(/static/icons/enroll.png); }
        #month table tr.week td.day ul li.closed {
          list-style-image: url(/static/icons/minus.png); }
        #month table tr.week td.day ul li.ready {
          list-style-image: url(/static/icons/ok.png); }
    #month table tr.week td.inactive-day {
      border: 0; }
    #month table tr.week td.past-day {
      background-color: #88FF00; }
    #month table tr.week td.now {
      background-color: #55EE00; }
    #month table tr.week td.all-closed {
      background-color: #99FF00; }

#addshift-dialog input#id-title {
  width: 250; }
#addshift-dialog select.template {
  width: 250; }
#addshift-dialog select.optional {
  width: 120; }
#addshift-dialog select.role {
  width: 130; }
#addshift-dialog select.user {
  width: 110; }
#addshift-dialog .roles-title {
  text-align: left; }

#users .title {
  height: 5%;
  text-align: center;
  font-weight: bold; }
#users .info {
  text-align: center; }
#users ul.fields {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 5px;
  margin: 5px;
  background-color: #99ffff; }
  #users ul.fields li {
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-bottom: 5px; }
    #users ul.fields li.name {
      background-image: url(/static/icons/person.png); }
    #users ul.fields li.email {
      background-image: url(/static/icons/email.png); }
    #users ul.fields li.phone {
      background-image: url(/static/icons/phone.png); }
    #users ul.fields li.roles {
      background-image: url(/static/icons/group.png); }
    #users ul.fields li.group {
      background-image: url(/static/icons/group.png); }
  #users ul.fields select {
    background-color: #99ffff; }
  #users ul.fields input {
    background-color: #99ffff; }
#users div.user {
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 5px;
  margin: 5px;
  background-color: lightgreen; }
  #users div.user select {
    background-color: lightgreen; }
  #users div.user input {
    background-color: lightgreen; }
  #users div.user .state {
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 5px;
    margin: 5px;
    background-color: #33ffcc;
    height: 1em;
    display: inline; }
    #users div.user .state select {
      background-color: #33ffcc; }
    #users div.user .state input {
      background-color: #33ffcc; }
  #users div.user .title {
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 5px;
    margin: 5px;
    background-color: yellow;
    height: 1em;
    display: inline-block; }
    #users div.user .title select {
      background-color: yellow; }
    #users div.user .title input {
      background-color: yellow; }
  #users div.user .ops {
    float: right;
    display: inline; }
  #users div.user.selected {
    background-color: yellow; }
#users table.users-list {
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 5px;
  margin: 5px;
  background-color: lightgreen; }
  #users table.users-list select {
    background-color: lightgreen; }
  #users table.users-list input {
    background-color: lightgreen; }
  #users table.users-list tr.heading th {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-left: 20px;
    text-align: left; }
    #users table.users-list tr.heading th li {
      background-repeat: no-repeat;
      padding-left: 20px;
      padding-bottom: 5px; }
      #users table.users-list tr.heading th li.name {
        background-image: url(/static/icons/person.png); }
      #users table.users-list tr.heading th li.email {
        background-image: url(/static/icons/email.png); }
      #users table.users-list tr.heading th li.phone {
        background-image: url(/static/icons/phone.png); }
      #users table.users-list tr.heading th li.roles {
        background-image: url(/static/icons/group.png); }
      #users table.users-list tr.heading th li.group {
        background-image: url(/static/icons/group.png); }
    #users table.users-list tr.heading th ul {
      list-style-type: none;
      margin-bottom: 0;
      padding-bottom: 0; }
      #users table.users-list tr.heading th ul li {
        padding-bottom: 0;
        margin-bottom: 0;
        text-align: left; }
  #users table.users-list tr.user.selected {
    background-color: yellow; }
  #users table.users-list tr.user.user td.ops {
    text-align: left;
    width: 80px; }

#adduser-dialog ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

#login form table {
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 5px;
  margin: 5px;
  background-color: lightgreen;
  margin-left: auto;
  margin-right: auto;
  border: 20px solid transparent;
  width: 100px; }
  #login form table select {
    background-color: #ddffff; }
  #login form table input {
    background-color: #ddffff; }
  #login form table input {
    margin: 10px; }
  #login form table tr.errors {
    color: red;
    text-align: center;
    height: 2em; }
  #login form table tr.info {
    text-align: center;
    height: 2em;
    color: blue; }
  #login form table tr.submit {
    text-align: center; }

#activation form table {
  width: 100px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 5px;
  margin: 5px;
  background-color: lightgreen;
  margin-left: auto;
  margin-right: auto;
  border: 20px solid transparent; }
  #activation form table select {
    background-color: #ddffff; }
  #activation form table input {
    background-color: #ddffff; }
  #activation form table input {
    margin: 10px; }
  #activation form table tr.errors {
    color: red;
    text-align: center;
    height: 2em; }
  #activation form table tr.info {
    text-align: center;
    color: blue; }
  #activation form table tr.submit {
    text-align: center; }

form a {
  text-decoration: underline; }

.rtl table.tablesorter thead tr .header {
  background-position: center left; }
.rtl #header .views {
  float: right; }
.rtl #header .custom-views {
  margin-left: 0;
  margin-right: 5px;
  float: right; }
.rtl #header .title {
  float: right; }
.rtl #header .user {
  float: left; }
.rtl #shifts .shift .ops {
  float: left; }
.rtl #shifts ul li {
  background-position: 100% 0px;
  padding-left: 0;
  padding-right: 20px; }
.rtl #addshift-dialog .roles-title {
  text-align: right; }
.rtl #users div.user .ops {
  float: left; }
.rtl #users ul.fields li {
  text-align: right;
  background-position: 100% 0px;
  padding-left: 0;
  padding-right: 20px; }
.rtl #users table.users-list tr.heading th {
  padding-left: 0;
  padding-right: 20px;
  text-align: right; }
  .rtl #users table.users-list tr.heading th ul li {
    text-align: right;
    background-position: 100% 0px;
    padding-left: 0;
    padding-right: 20px; }
.rtl #users table.users-list tr.user.user td.ops {
  text-align: right; }