body, h1, h2, h3, p, ul, ol, li, form, button, input {
  margin: 0px;
  padding: 0px;
}

body {
  background-color: #eeeeee;
  color: #000;
  font-family: arial,tahoma,sans-serif;
  font-size: 12px;
}

img {
  border: none;
  vertical-align: middle;
}

a {
  color: #007cc2;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}

a:hover, a:focus {
  text-decoration: underline;
}

h2 {
  color: #003a88;
  font-size: 18px;
  font-weight: normal;
}

label {
  color: #000;
  cursor: pointer;
}

input, select, textarea {
  padding: 3px 4px;
  border: 1px solid #909090;
  background-color: #fff;
  color: #000;
  font-family: arial,tahoma,sans-serif;
  font-size: 12px;
  outline: none;
}

input:focus, textarea:focus, select:focus {
  border: 1px solid #007cc2;
  background-color: #F4FCFF;
}

select {
  padding: 2px 1px;
}

button {
  padding: 1px 25px;
  border: 1px solid #007cc2;
  background-color: #007cc2;
  overflow: visible;
  color: #fff;
  font-family: arial,tahoma,sans-serif;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

button:hover {
  background-color: #194785;
  border: 1px solid #194785;
}

table {
  border-collapse: collapse;
}

/*** NOTIFICATIONS ***/

.notification {
  margin: 10px 0px;
  padding: 12px 8px 12px 40px;
  background-position: 8px center;
  background-repeat: no-repeat;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.notification.success {
  border: 1px solid #bfde84;
  background-color: #edfbd8;
  background-image: url(/images/status_success.png);
  color: #508600;
}

.notification.info {
  border: 1px solid #BBDBE0;
  background-color: #ECF9FF;
  background-image: url(/images/status_info.png);
  color: #005c87;
}

.notification.warning {
  border: 1px solid #E5E181;
  background-color: #FEFDE2;
  background-image: url(/images/status_warning.png);
  color: #875800;
}

.notification.error {
  border: 1px solid #E99C9C;
  background-color: #FFCECE;
  background-image: url(/images/status_error.png);
  color: #870200;
}

/*** IE WARNING ***/

#ie_warning {
  width: 600px;
  margin: 50px auto 0px auto;
}

#ie_warning .title {
  padding-bottom: 5px;
  font-size: 14px;
}

/*** LOGIN PAGE ***/

#login_form {
  width: 260px;
  margin: 120px auto 0px auto;
  text-align: left;
}

#login_form .logo {
  padding-bottom: 10px;
  text-align: center;
}

#login_form .content {
  padding: 15px 10px;
  background-color: #fff;
  -moz-box-shadow: 0px 0px 5px #B0B0B0;
  -webkit-box-shadow: 0px 0px 5px #B0B0B0;
  box-shadow: 0px 0px 5px #B0B0B0;
  border: 1px solid #d2d2d2;
}

#login_form .field {
  overflow: hidden;
  padding-bottom: 8px;
}

#login_form label {
  display: block;
  float: left;
  width: 45px;
  padding-top: 5px;
  text-align: left;
}

#login_form input {
  width: 180px;
  text-align: left;
  padding: 4px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#login_form button {
  margin-left: 45px;
}

#login .notification {
  width: 212px;
  margin: 15px auto 0px auto;
}

/*** CONTAINER ***/

#container {
  width: 980px;
  margin: 0px auto;
  padding-bottom: 16px;
}

/*** HEADER ***/

#header {
  padding: 10px 0px;
  overflow: hidden;
  color: #000;
}

#header .logo {
  float: left;
}

#header .user {
  float: right;
  text-align: right;
  line-height: 1.5;
  padding: 5px 10px 5px 30px;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 6px;
  margin-top: 4px;
}

#header .username {
  font-weight: bold;
}

#header .logout {
  color: #FF0000;
}

/*** NAVIGATION ***/

#nav {
  background-color: #454545;
}

#nav ul {
  overflow: hidden;
  list-style-type: none;
}

#nav li {
  float: left;
}

#nav a {
  display: block;
  padding: 10px 18px;
  color: #fff;
  text-decoration: none;
}

#nav a:hover, #nav a:focus, #nav li.active a {
  background-color: #373737;
}

/*** TOOLTIP ***/

.tooltip {
  display: none;
  padding: 5px 15px 5px 5px;
  background-color: #007cc2;
  z-index: 1000;
  color: #fff;
  font-weight: bold;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 3px 3px 8px #888888;
  -webkit-box-shadow: 3px 3px 8px #888888;
  box-shadow: 3px 3px 8px #888888;
}

/*** CONTENT ***/

#content {
  padding: 8px;
  border: 1px solid #d2d2d2;
  background-color: #fff;
  min-height: 450px;
}

/*** CONTENT TOP ***/

#content_top {
  padding-bottom: 10px;
  overflow: hidden;
}

#content_top h2 {
  float: left;
}

#content_top .actions {
  float: right;
  padding-top: 3px;
}

/*** ACTIONS ***/

.actions a, .actions .space {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  padding: 1px;
}

.actions a:hover {
  padding: 0px;
  border: 1px solid #718dff;
  background-color: #BBC9FF;
}

/*** CONTENT - MAIN - LIST ***/

table.list {
  width: 100%;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}

table.list th, table.list td {
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

table.list td {
  padding: 5px;
}

table.list th {
  padding: 7px 5px;
  background-color: #efefef;
  text-align: left;
}

table.list tr.filter_row td {
  background: #efefef;
}

table.list tr:nth-child(2n+1) td {
  background-color: #FAFAFA;
}

table.list tr:hover td {
  background-color: #E7F1FA;
}

table.list tr.highlight td {
  background: #FFFFCC !important;
}

table.list td.warning, table.list tr:hover td.warning {
  padding: 8px 8px 8px 40px;
  border: 1px solid #BBDBE0;
  background: #ECF9FF url(/images/status_info.png) 8px center no-repeat;
  color: #005c87;
  font-weight: bold;
}

table.list th.actions {
  width: 135px;
  text-align: right;
}

table.list th.order_asc {
  background: #E8E8E8 url(/images/icon_order_asc.png) right center no-repeat;
  text-decoration: underline;
}

table.list th.order_desc {
  background: #E8E8E8 url(/images/icon_order_desc.png) right center no-repeat;
  text-decoration: underline;
}

table.list th a {
  color: #000;
}

table.list div.actions {
  float: right;
}

table.list .search {
  width: 200px;
  padding-left: 20px;
  background: #fff url(/images/icon_search.png) 2px center no-repeat;
}

/*** UPLOAD BUTTON ***/

.upload-button {
  display: inline-block;
  margin-top: 20px;
  padding: 8px 25px;
  border: 1px solid #007cc2;
  background-color: #007cc2;
  overflow: visible;
  color: #fff;
  font-family: arial,tahoma,sans-serif;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/*** GLOBAL SEARCH ***/

#global_search {
  float: left;
  padding-left: 50px;
}

#global_search .search {
  padding-left: 20px;
  background: #fff url(/images/icon_search.png) 2px center no-repeat;
}

/*** CONTENT - FORM ***/

.form.highlight {
  border: 1px solid #D0D0D0;
  background-color: #FFFFC4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 8px;
  margin-bottom: 10px;
}

.form .row {
  overflow: hidden;
  padding-bottom: 15px;
  clear: both;
}

.form .box {
  float: left;
  border: 1px solid #D0D0D0;
  background-color: #E4E4E4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 8px;
  margin: 0px 10px 10px 0px;
}

.form .row.no_pad {
  padding: 0px;
}

.form .field.float {
  float: left;
  margin-right: 10px;
}

.separator {
  height: 20px;
  background: url(/images/separator.png) center center no-repeat;
  margin: 30px 0px 20px 0px;
}

.form label {
  display: block;
  padding-bottom: 2px;
  font-weight: bold;
}

.form input, .form textarea, .form select {
  width: 640px;
  padding: 5px;
  border: 1px solid #CCCCCC;
  background-color: #FBFBFB;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0px 1px 3px #E0E0E0;
  -webkit-box-shadow: inset 0px 1px 3px #E0E0E0;
  box-shadow: inset 0px 1px 3px #E0E0E0;
}

.form input:focus, .form textarea:focus, .form select:focus {
  border: 1px solid #06608a;
}

.form input.disabled, .form textarea.disabled, .form select.disabled {
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form input.invalid, .form textarea.invalid, .form select.invalid {
  border: 1px solid #901f1a;
  background-color: #FCEEED;
}

.form select {
  width: 280px;
  padding: 4px 5px;
}

.form input.checkbox {
  width: auto;
  padding: 0px;
  border: none;
  background: none;
}

.form span.note {
  color: #808080;
  font-weight: normal;
  font-size: 11px;
}

.form .error_msg {
  display: block;
  margin-top: 2px;
  padding: 5px 5px 5px 18px;
  font-size: 11px;
  font-weight: bold;
  color: #901f1a;
  background: url(/images/icon_remove.png) 0px center no-repeat;
}

.form button {
  padding: 4px 50px;
}

/*** PAGING ***/

#paging {
  padding-top: 5px;
  font-size: 12px;
  overflow: hidden;
}

#paging .content {
  float: right;
  overflow: hidden;
}

#paging a {
  display: block;
  float: left;
  width: 22px;
  height: 22px;
  overflow: hidden;
  text-indent: 40px;
  background: url(/images/paging.png) no-repeat;
}

#paging a.prev  {
  background-position: 0px 0px;
}

#paging a.next  {
  background-position: -24px 0px;
}

#paging a.prev:hover  {
  background-position: 0px -24px;
}

#paging a.next:hover  {
  background-position: -24px -24px;
}

#paging .current {
  float: left;
  padding: 4px 5px 0px 5px;
  font-weight: bold;
}

/*** FILE UPLOAD ***/

.file-upload {
  display: none;
  width: 260px;
  position: absolute;
  position: fixed;
  right: 10px;
  bottom: 10px;
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border: 1px solid #e0e5ec;
  border-top: 0px;
  border-radius: 3px;
  overflow: hidden;
}

.file-upload-mask {
  display: none;
  position: absolute;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.file-upload-header {
  padding: 16px 20px;
  background-color: #323232;
  color: #fff;
  position: relative;
}

.file-upload-title {
  font-size: 14px;
  text-transform: uppercase;
}

.file-upload-close {
  position: absolute;
  right: 12px;
  top: 12px;
  padding: 4px;
  opacity: 0.8;
  color: #fff;
}

.file-upload-close:hover, .file-upload-close:focus {
  opacity: 1.0;
}

.file-upload-body {
  padding: 16px;
  border-bottom: 1px solid #e0e5ec;
  max-height: 200px;
  overflow: auto;
}

.file-upload-instructions {
  padding: 14px 8px;
  background-color: #E0EEFA;
  border-radius: 5px;
  font-size: 12px;
  text-align: center;
  color: #505050;
}

.file-upload-item {
  padding: 8px 0px;
  border-bottom: 1px dotted #CDD1D5;
}

.file-upload-filename {
  color: #505050;
  padding-bottom: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.file-upload-progressbar {
  width: 100%;
  background-color: #E0E0E0;
  border-radius: 3px;
  height: 4px;
  overflow: hidden;
}

.file-upload-progressbar-in {
  width: 0px;
  background-color: #038FCF;
  height: 20px;
}

.file-upload-error {
  color: #CC0000;
  font-size: 12px;
}

.file-upload-success {
  color: #0FA914;
  font-size: 12px;
}

.file-upload-footer {

}

.file-upload-button {
  padding: 10px 0px;
  overflow: hidden;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  position: relative;
  text-align: center;
  font-size: 14px;
}

.file-upload-button-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
}

.file-upload-button-label {
  display: inline-block;
  vertical-align: middle;
}

.file-upload-button:hover .file-upload-button-label {
  text-decoration: underline;
}

.file-upload-button-input {
  cursor: pointer;
  font-size: 100px;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
}

/*** DATE PICKER ***/

.lt-datepicker {
  display: none;
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  width: 320px;
  overflow: hidden;
  border: 1px solid rgba(56, 56, 56, .12);
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 6px 22px rgba(56, 56, 56, .1);
  color: #000;
  font-size: 16px
}

.lt-datepicker button {
  border: 0px !important;
}

.lt-datepicker.is-open {
  display: block
}

.lt-datepicker-header {
  position: relative;
  padding: 8px 0 8px;
  font-size: 14px;
  text-align: center
}

.lt-datepicker-title {
  position: relative;
  padding: 8px 24px 8px 8px;
  border-radius: 6px;
  background-color: transparent;
  color: inherit;
  font-weight: 700;
  text-align: center;
  transition: background-color 300ms ease
}

.lt-datepicker-title::before {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 12px;
  height: 7px;
  margin-top: -3px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='m1 1 4.8 4.8L10.6 1'/%3E%3C/svg%3E")0 0 no-repeat;
  content: ""
}

.lt-datepicker-title:hover {
  background-color: #e6e6e6
}

.lt-datepicker-arrow {
  position: absolute;
  top: 8px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 6px;
  padding: 0px;
  background-color: transparent;
  color: inherit;
  text-indent: 64px;
  transition: background-color 300ms ease
}

.lt-datepicker-arrow::before,
.lt-datepicker-arrow::after {
  position: absolute;
  top: 10px;
  left: 0;
  height: 0;
  content: ""
}

.lt-datepicker-arrow::before {
  width: 7px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 11 5-5-5-5'/%3E%3C/svg%3E")0 0 no-repeat
}

.lt-datepicker-arrow::after {
  width: 13px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 11 5-5-5-5M1 11l5-5-5-5'/%3E%3C/svg%3E")0 0 no-repeat
}

.lt-datepicker-arrow--prev-month {
  left: 50px
}

.lt-datepicker-arrow--prev-month::before {
  left: 13px;
  transform: scale(-1)
}

.lt-datepicker-arrow--prev-month::after {
  display: none
}

.lt-datepicker-arrow--next-month {
  right: 50px
}

.lt-datepicker-arrow--next-month::before {
  left: 13px
}

.lt-datepicker-arrow--next-month::after {
  display: none
}

.lt-datepicker-arrow--prev-year {
  left: 18px
}

.lt-datepicker-arrow--prev-year::before {
  display: none
}

.lt-datepicker-arrow--prev-year::after {
  left: 10px;
  transform: scale(-1)
}

.lt-datepicker-arrow--next-year {
  right: 18px
}

.lt-datepicker-arrow--next-year::before {
  display: none
}

.lt-datepicker-arrow--next-year::after {
  left: 10px
}

.lt-datepicker-arrow:hover {
  background-color: rgba(56, 56, 56, .12)
}

.lt-datepicker-body {
  position: relative;
  padding: 0 16px
}

.lt-datepicker-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  margin-bottom: 8px;
  padding-bottom: 8px;
  gap: 2px 4px;
  border-bottom: 1px solid rgba(56, 56, 56, .12);
  background-color: transparent
}

.lt-datepicker-days-name {
  padding: 2px 0;
  font-weight: 400;
  font-size: 12px;
  text-align: center
}

.lt-datepicker-days-button {
  display: block;
  width: 100%;
  padding: 8px 0;
  border-radius: 6px;
  background-color: transparent;
  color: #202020;
  font-size: 14px;
  font-weight: 400;
  transition: background-color 300ms ease
}

.lt-datepicker-days-button--out {
  color: rgba(0, 0, 0, .5)
}

.lt-datepicker-days-button--today {
  background-color: #ffeb84
}

.lt-datepicker-days-button:hover,
.lt-datepicker-days-button:focus {
  background-color: rgba(56, 56, 56, .12)
}

.lt-datepicker-days-button.is-active {
  background-color: #2b55d4;
  color: #fff
}

.lt-datepicker-select {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  margin-bottom: 8px;
  padding-bottom: 8px;
  gap: 1px;
  border-bottom: 1px solid rgba(56, 56, 56, .12);
  font-size: 12px
}

.lt-datepicker-select--year,
.lt-datepicker-select--month {
  box-sizing: border-box;
  display: none;
  z-index: 1;
  position: absolute;
  top: 0;
  right: 16px;
  left: 16px;
  height: 100%;
  margin-bottom: 0;
  overflow: auto;
  gap: 2px 1px;
  background-color: #fff;
  font-size: 14px
}

.lt-datepicker-select--year {
  grid-template-columns: repeat(6, 1fr)
}

.lt-datepicker-select--month {
  grid-template-columns: repeat(3, 1fr)
}

.lt-datepicker-select.is-open {
  display: grid
}

.lt-datepicker-select-button {
  padding: 3px;
  border-radius: 6px;
  background-color: transparent;
  color: #202020;
  text-align: center;
  font-weight: 400;
  transition: background-color 300ms ease
}

.lt-datepicker-select-button:hover,
.lt-datepicker-select-button:focus {
  background-color: rgba(56, 56, 56, .12)
}

.lt-datepicker-select-button.is-active {
  background-color: #2b55d4;
  color: #fff
}

.lt-datepicker-footer {
  display: flex;
  padding: 4px 16px 12px;
  font-size: 14px
}

.lt-datepicker-button {
  padding: 5px 14px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-weight: 700;
  transition: background-color 300ms ease
}

.lt-datepicker-button--now {
  background-color: #ffeb84;
  color: #3a3100
}

.lt-datepicker-button--now:hover {
  background-color: #ffe351
}

.lt-datepicker-button--close {
  margin-left: auto;
  border-color: rgba(0, 0, 0, .1);
  background-color: transparent;
  color: #000
}

.lt-datepicker-button--close:hover {
  background-color: rgba(0, 0, 0, .1)
}

.lt-datepicker-button--confirm {
  margin-left: 14px;
  background-color: #4fad60;
  color: #fff
}

.lt-datepicker-button--confirm:hover {
  background-color: #3f8a4d
}