body {
  font-family: "Avantgarde", "Verdana", "Arial";
  font-size: 14px;
  color: black;
  top: 15px;
}

.page_top {
  width: 420px;
  height: 62px;
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
  cursor: pointer;
  float: left;
  padding-bottom: 10px;
}

.login_top {
  width: 450px;
  height: 80px;
  margin-left: 15px;
  float: left;
  position: relative;
}

.left_navi {
  margin-top: 5px;
  width: 210px;
  text-align: left;
  background-color: #e7f1fa;
  line-height: 18px;
  float: left;
}

.page_content {
  margin-top: 1px;
  margin-left: 5px;
  width: 643px;
  text-align: left;
  float: left;
}

.page_foter {
  width: 800px;
}

select {
  background-color: #e7f1fa;
  border: 1px solid #85b7e0;
  border-radius: 5px 5px 5px 5px;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 3px;
}

.select_small {
  border-radius: 2px 2px 2px 2px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 1px;
}

input {
  background-color: #e7f1fa;
  border: 1px solid #85b7e0;
  border-radius: 5px 5px 5px 5px;
  color: #333333;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 3px;
}

a:link {
  color: #000000;
  text-decoration: none;
}

a:visited {
  color: #000000;
  text-decoration: none;
}

a:active {
  color: #000000;
  text-decoration: none;
}

a:hover {
  color: black;
  background-color: #cfccca;
}

.navBut {
  background: #cdcdcd;
  border-color: #016b99;
  border-style: solid;
  border-width: 1px;
  color: #016b99;
  cursor: pointer;
}

.errors {
  background: #fff9d7;
  border-color: #e2c822;
  border-style: solid;
  border-width: 1px;
  margin: 5px 0px 0px;
  padding: 10px;
}

.success {
  background: #e6f8e6;
  border-color: #267423;
  border-style: solid;
  border-width: 1px;
  margin: 5px 0px 0px;
  padding: 10px;
}

th {
  font-size: 16px;
  text-align: left;
  padding: 3px 2px 5px 8px;
  background: #78a9db;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc4YTlkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #78a9db 0%, #2989d8 66%, #7db9e8 97%);
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #78a9db 0%,
    #2989d8 66%,
    #7db9e8 97%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #78a9db 0%, #2989d8 66%, #7db9e8 97%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #78a9db 0%, #2989d8 66%, #7db9e8 97%);
  /* IE10+ */
  background: linear-gradient(to bottom, #78a9db 0%, #2989d8 66%, #7db9e8 97%);
  color: #ffffff;
  font-weight: bold;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc4YTlkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #78a9db 0%, #2989d8 66%, #7db9e8 97%);
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #78a9db 0%,
    #2989d8 66%,
    #7db9e8 97%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #78a9db 0%, #2989d8 66%, #7db9e8 97%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #78a9db 0%, #2989d8 66%, #7db9e8 97%);
  /* IE10+ */
  background: linear-gradient(to bottom, #78a9db 0%, #2989d8 66%, #7db9e8 97%);
}

.send {
  background: #58afcd;
  color: #f8ffff;
  font-weight: bold;
  border-color: #009bd0;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
}

.update {
  background: #fff9d7;
  color: #3b5999;
  font-weight: bold;
  border-color: #009bd0;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
}

.delete {
  background: #dd3c10;
  color: #f8ffff;
  font-weight: bold;
  border-color: #009bd0;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
}

table {
  padding-bottom: 1px;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 1px;
  width: 100%;
  border-width: 0px;
}

td {
  font-size: 14px;
  color: #000000;
}

.label {
  background-color: #3399cc;
  color: #3b5999;
  font-weight: bold;
}

.bgc1 {
  background-color: #3399cc;
}

.bgc2 {
  background-color: #00ff7f;
}

.footer {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 9px;
  color: #016b99;
}

.footer:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 9px;
  color: #918f8f;
  text-decoration: none;
}

.footer:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 9px;
  color: black;
  text-decoration: none;
}

.footer:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 9px;
  color: #918f8f;
  text-decoration: none;
}

.footer:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 9px;
  color: #918f8f;
  text-decoration: none;
}

ul#navigation {
  margin: 0;
  padding: 0;
  line-height: 14px;
}

ul#navigation li {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 14px;
}

.hover {
  background-color: #e7f1fa;
}

.box {
  font-size: 12px;
  line-height: 12px;
  color: black;
}

.ui-accordion .ui-accordion-content {
  padding-left: 20px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.correct {
  background-color: green;
}

.box {
  font-size: 12px;
  line-height: 12px;
  color: black;
}

.ui-accordion .ui-accordion-content {
  padding-left: 20px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.small {
  font-size: 10px;
  line-height: 10px;
}

.cb_hidden {
  visibility: hidden;
}

.cb_mover {
  cursor: pointer;
}

.deleted {
  color: red;
}

.inserted {
  color: green;
}

.ui-tooltip {
  width: 210px;
}

label {
  display: inline-block;
  width: 5em;
}

.lang_selector {
  float: right;
  position: absolute;
  top: 5px;
  right: -110px;
}

.lang_selector a {
  text-decoration: none;
}

.lang_selector a:hover {
  text-decoration: none;
  background-color: #fff;
}

.lang_images {
  display: block;
  float: left;
  text-align: center;
}

.lang_images li {
  display: block;
  float: left;
  padding-top: 8px;
}

.lang_images img {
  border: medium none;
  margin: 2px;
}

.lang_images li.active_language {
  background: url("../images/active_language.png") no-repeat scroll left top
    rgba(0, 0, 0, 0);
}

.lang_images li {
  display: block;
  float: left;
  padding-top: 6px;
}

.cell-icon {
  cursor: pointer;
  width: 20px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.font-timestamp {
  position: relative;
}

.font-timestamp i {
  position: absolute;
  left: 160px;
  top: 7px;
  color: gray;
}

#datetimepicker {
  width: 180px;
}

.update-button {
  display: inline-block;
  border: none;
  padding: 0;
  margin: 0;
  text-decoration: none;
  background: unset;
  color: unset;
  cursor: pointer;
  text-align: center;
}

.employee_selector {
  top: 5px;
  width: 175px;
}

.employee_selector select {
  width: 175px;
}

.working_hours_row {
  font-size: 16px;
  font-weight: bold;
}

.working_hours_summary {
  display: block;
  float: left;
  width: 200px;
}

.working-hours-input-start-date {
  width: 120px;
}

.working-hours-input-start-date-icon {
  left: 100px !important;
}

.working-hours-input-wh {
	width: 70px;
}