ul {
  list-style: none;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
td {
  font-size: 1em;
}
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
body,
html,
p,
blockquote,
fieldset,
input,
label,
div,
dd,
dt,
dl,
table,
tr,
td,
img,
hr {
  margin: 0px;
  padding: 0px;
}
a img,
:link img,
:visited img,
fieldset {
  border: none;
}
.error {
  color: #f00;
}
html,
body {
  font-family: arial;
  font-size: 0;
  height: 100%;
}
section,
header {
  font-size: 13px;
}
header {
  background: #00407C;
  color: #fff;
  height: 50px;
  position: relative;
}
header .logo {
  left: 20px;
  position: absolute;
  top: 6px;
}
header .logo .toggle-icon {
  width: 25px;
  float: right;
  margin-left: 44px;
  margin-top: 13px;
  cursor: pointer;
}
header .logo span.title {
  font-size: 30px;
  line-height: 37px;
  font-weight: bold;
  margin-left: 30px;
}
header .logout {
  bottom: 0;
  cursor: pointer;
  padding: 10px;
  position: absolute;
  right: 10px;
  text-decoration: underline;
  text-align: right;
  width: 50px;
}
header .session-user {
  position: absolute;
  right: 200px;
  top: 12px;
}
header .session-user span.session-name {
  position: absolute;
  width: 120px;
  line-height: 25px;
  left: 29px;
  font-size: 14px;
}
header .tickler {
  right: 350px;
  position: absolute;
  top: 13px;
}
header .last-viewed-customers {
  right: 450px;
  position: absolute;
  top: 13px;
}
header .last-viewed-customers select {
  width: 200px;
}
header .username {
  right: 750px;
  position: absolute;
  top: 13px;
}
header .notify {
  right: 300px;
  top: 13px;
  position: absolute;
  cursor: pointer;
}
header .notify .bubble {
  display: none;
  position: absolute;
  top: -6px;
  right: -6px;
  padding: 1px 2px 1px 2px;
  background-color: red;
  color: white;
  font-weight: bold;
  font-size: 0.8em;
  border-radius: 30px;
  box-shadow: 1px 1px 1px gray;
}
header .notifications {
  border: solid 2px #32597c;
  width: 400px;
  right: 0px;
  top: 50px;
  position: absolute;
  color: #000;
  z-index: 9;
  display: none;
  background: #fff;
}
header .notifications .item {
  border-bottom: 2px solid #32597c;
  padding: 2px;
}
header .notifications .item:hover {
  background: #32597c;
  color: #fff;
}
header .notifications .item:hover a {
  color: #fff;
}
header .notifications .item:last-child {
  border: 0;
}
header .notifications .item .timestamp {
  display: block;
  font-size: 10px;
  font-weight: bold;
}
header .notifications .item .note {
  display: block;
}
header .notifications .item .note h3 {
  padding-bottom: 2px;
}
header .notifications .item a {
  font-size: 10px;
  font-weight: bold;
}
nav {
  background: #00407c;
  bottom: 0;
  position: absolute;
  top: 50px;
  width: 180px;
  z-index: 1;
  overflow-y: auto;
}
nav span {
  font-size: 14px;
  color: #ffffff;
}
nav .has_subs span::after {
  content: "\f106";
}
nav ul li {
  padding: 5px 10px;
  cursor: pointer;
  background: #00407c;
}
nav ul li .menu {
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
nav ul li .menu span {
  margin-left: 10px;
  line-height: 30px;
}
nav ul li .menu .icon {
  float: left;
  height: 25px;
  width: 25px;
}
nav ul li .menu .icon-arrow {
  float: right;
  height: 10px;
  margin-top: 10px;
}
nav ul li:hover {
  background: #123657;
}
nav ul li.active {
  background: #123657;
}
nav ul .subs {
  background: #00407c;
  padding-bottom: 15px;
}
nav ul .subs ul li .menu span {
  margin-left: 15px;
}
nav ul .subs ul .subs .menu span {
  margin-left: 30px;
}
section#content {
  bottom: 0;
  left: 180px;
  overflow-y: auto;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 50px;
  z-index: 0;
}
section#content #content-page-title ul {
  background-color: #eee;
  list-style: none;
  padding: 10px 16px;
}
section#content #content-page-title ul li {
  display: inline;
  font-size: 18px;
}
section#content #content-page-title ul li+li:before {
  color: black;
  content: "\276F";
  padding: 8px;
}
section#content #content-page {
  margin-top: 10px;
  height: 100%;
}
section#content ul.list {
  list-style-type: disc;
  margin-bottom: 20px;
}
section#content ul.list li {
  margin-left: 20px;
}
#login {
  background: url('/images/bg_login.jpg') #000509 no-repeat 50% 0;
  background-size: cover;
  height: 100%;
  margin-top: 50px;
  overflow: auto;
  width: 100%;
}
#login .login-frame {
  margin: 0 auto;
  width: 600px;
}
#login .login-frame div.logo,
#login .login-frame div.title {
  padding: 10px 0;
  text-align: center;
}
#login .login-frame form {
  margin: 0 150px;
}
#login .login-frame div.input {
  padding-bottom: 10px;
}
#login .login-frame div.input span {
  color: #fff;
  display: inline-block;
}
#login .login-frame div.input.text span.label,
#login .login-frame div.input.password span.label {
  font-size: 13px;
  line-height: 36px;
  padding-right: 10px;
  text-align: right;
  width: 60px;
}
#login .login-frame div.input.text span.input input,
#login .login-frame div.input.password span.input input {
  background: #f3f6f7;
  border: 0;
  border-top: 1px solid #eeeff1;
  border-radius: 5px;
  color: #000;
  font-size: 16px;
  height: 38px;
  padding: 5px;
  width: 290px;
}
#login .login-frame div.input.button input {
  background: #40a6c2;
  border: 0;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  height: 48px;
  width: 300px;
}
#login .login-frame div.errors {
  font-size: 12px;
  color: #f00;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
}
#login .login-frame div.logo-caspian {
  padding-bottom: 30px;
}
#login .login-frame div.slogan {
  padding-bottom: 30px;
  text-align: center;
}
#login .login-frame div.logo-hw {
  text-align: center;
}
#ajax-spinner-background {
  background: rgba(255,255,255,0.4);
}
#ajax-spinner {
  background: #fff;
  border: 1px solid #aaa;
  box-shadow: 0 0 20px #777;
  padding: 5px 15px;
}
#file-context-menu {
  background: #d1d4d6;
  border: 1px solid #adafb1;
  cursor: default;
  font-size: 13px;
  width: 150px;
}
#file-context-menu ul li {
  color: #45484d;
  padding: 5px;
}
#file-context-menu ul li:hover {
  background: #1a1d3d;
  color: #fff;
}
ul.folder-list {
  background: url('/images/icon_folder-small.png') no-repeat;
  cursor: default;
  padding-left: 20px;
}
ul.folder-list li {
  display: inline-block;
}
div.autocomplete-suggestions {
  background: #fff;
  border: 1px solid #d7d8da;
  box-shadow: 0 0 10px #aaa;
  cursor: default;
  font-size: 13px;
  overflow: auto;
}
div.autocomplete-suggestions div.autocomplete-suggestion {
  border-bottom: 1px dashed #d7d8da;
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}
div.autocomplete-suggestions div.autocomplete-suggestion:last-child {
  border: 0;
}
div.autocomplete-suggestions div.autocomplete-selected {
  background: #dfdfdf;
}
div.autocomplete-suggestions strong {
  color: #21308d;
}
#context-menu {
  cursor: default;
  font-size: 13px;
  z-index: 2;
}
#context-menu ul {
  background: #21304d;
  border: 1px solid #1a1d3d;
}
#context-menu ul li {
  border-bottom: 1px solid #adafb1;
  border-top: 1px solid #e0e2e4;
  color: #fff;
  line-height: 20px;
  padding: 3px;
  width: 150px;
}
#context-menu ul li:hover {
  background: #1a1d3d;
  color: #fff;
}
#context-menu ul li:first-child {
  border-top: 0;
}
#context-menu ul li:last-child {
  border: 0;
}
.popup {
  background: #fff;
  border: 1px solid #d7d8da;
  font-size: 13px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.popup .container {
  left: 0;
  padding: 10px;
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: 3;
  box-sizing: border-box;
  height: 90%;
}
.popup .container .half-box {
  float: left;
  width: 50%;
}
.popup .container .full-box {
  float: left;
  clear: both;
  width: 100%;
}
.popup .container div.four-button-middle {
  margin-left: calc( 50% - 272px );
  margin-right: 10px;
}
.popup .container div.three-button-middle {
  margin-left: calc( 50% - 180px );
}
.popup .container div.two-button-middle {
  margin-left: calc( 50% - 120px );
}
.popup .container div.button  + .button {
  margin-right: 10px;
}
.popup .container div.input {
  display: inline-block;
  margin-bottom: 10px;
}
.popup .container div.input span {
  display: inline-block;
}
.popup .container div.input span.label {
  text-align: right;
  width: 120px;
  vertical-align: top;
}
.popup .container .timeout-message,
.popup .container .timeout-button {
  margin: 10px 0;
  text-align: center;
}
.popup .container div.chosen {
  display: inline;
}
.popup .close {
  background: url('/images/close_x.png');
  height: 11px;
  position: absolute;
  right: 5px;
  top: 4px;
  width: 11px;
  z-index: 2;
}
.popup .title-bar {
  background: #21304d;
  color: #4d97dc;
  cursor: default;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1;
}
.popup .height-200px input[type=password],
.popup .height-200px input[type=text],
.popup .height-200px select,
.popup .height-200px textarea,
.popup .height-200px input[type=number] {
  height: 200px;
}
.popup .height-300px input[type=password],
.popup .height-300px input[type=text],
.popup .height-300px select,
.popup .height-300px textarea,
.popup .height-300px input[type=number] {
  height: 300px;
}
@media screen and (max-width: 700px) {
  .popup {
    width: 70%;
  }
}
.viewbox-outer .title span.title {
  font-size: 14px;
  font-weight: bold;
}
.viewbox-outer .title span.edit,
.viewbox-outer .title span.add {
  color: #00f;
  cursor: default;
}
.viewbox-outer .viewbox {
  border: 1px solid #d7d8da;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
}
.viewbox-outer .viewbox div.value {
  padding: 2px;
}
.viewbox-outer .viewbox div.value span {
  vertical-align: top;
}
.viewbox-outer .viewbox div.value span.label {
  display: inline-block;
  text-align: right;
  width: 150px;
}
.viewbox-outer .viewbox div.value span.value {
  display: inline-block;
  font-weight: bold;
  padding-left: 5px;
}
.viewbox-outer .viewbox div.value span.value img {
  max-width: 128px;
  max-height: 128px;
}
.summary-row:first-child>.summary {
  border: 0;
}
.summary-row .summary {
  background: #d1d4d6;
  border-top: 1px solid #aaa;
  cursor: default;
  padding: 5px;
}
.summary-row .summary span {
  color: #00f;
  font-weight: normal;
}
.summary-row>.inactive {
  color: #777;
}
.summary-row .details {
  border: 1px solid #d7d8da;
  display: none;
  padding: 10px;
}
.summary-row>.summary {
  font-weight: bold;
}
input[type=button],
input[type=submit] {
  background: #003773;
  border: 1px solid #375b7b;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  text-align: center;
  min-width: 120px;
}
input[type=button].small,
input[type=submit].small {
  height: 22px;
  min-width: 50px;
  padding: 0 5px 0 5px;
}
input[type=button].padding,
input[type=submit].padding {
  padding-left: 10px;
  padding-right: 10px;
}
input[type=button]:disabled,
input[type=submit]:disabled {
  background: gray;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 10px 0;
  width: 100%;
}
table.margin-top-0px {
  margin-top: 0px;
}
table thead,
table tfoot {
  background: #efefef;
}
table th.order-asc:before {
  content: "▼";
}
table th.order-desc:before {
  content: "▲";
}
table tr:nth-child(2n+3) {
  background: #fff;
}
table tr:nth-child(even) {
  background: #f8f8f8;
}
table tr.past-due {
  background: #ff0000;
}
table tr.past-due:hover {
  background: #DD0000;
}
table tr.unread {
  background: #fff;
}
table tr.read {
  background: #dedede;
}
table tr.replied {
  background: #bcbcbc;
}
table tbody tr:hover {
  background: #efefef;
}
table tbody tr.drag-active {
  background: #bfbfbf;
}
table th {
  text-align: left;
}
table th,
table td {
  border: 1px solid #d7d8da;
  cursor: default;
  padding: 5px;
}
.button-header {
  display: inline-flex;
  margin-bottom: 10px;
}
.button-header .conf {
  margin-left: 25px;
  font-size: 24px;
  font-weight: bold;
}
.button-header .canceled {
  margin-left: 25px;
  font-size: 24px;
  font-weight: bold;
  color: #f00;
}
.button-header .print-reservation {
  cursor: pointer;
  margin-left: 25px;
}
.button-header .print-reservation img {
  width: 32px;
  height: 32px;
  vertical-align: bottom;
}
.action-header {
  width: 100%;
}
.action-header div.input {
  float: right;
  margin-right: 3px;
}
.view-pending {
  position: absolute;
  top: 10px;
  right: 10px;
}
.view-pending input[type=button] {
  width: 200px;
}
.errors {
  color: #f00;
}
.errors ul {
  list-style-type: disc;
  margin-bottom: 20px;
}
.errors ul li {
  margin-left: 20px;
}
.popup .container form.edit-post div.textarea span.label {
  vertical-align: top;
}
.popup .container form.edit-post div.checkbox span.input {
  display: inline-block;
}
.form ul.form-wrapper,
.popup .container ul.form-wrapper {
  font-size: 0;
}
.form ul.form-wrapper>li,
.popup .container ul.form-wrapper>li {
  display: inline-block;
  font-size: 13px;
}
.form ul.form-wrapper>li>span,
.popup .container ul.form-wrapper>li>span {
  border-right: 1px solid #c1c1c1;
  border-top: 1px solid #c1c1c1;
  cursor: default;
  display: inline-block;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  position: relative;
  top: 1px;
  z-index: 1;
}
.form ul.form-wrapper>li:first-child>span,
.popup .container ul.form-wrapper>li:first-child>span {
  border-left: 1px solid #c1c1c1;
}
.form ul.form-wrapper>li:hover,
.popup .container ul.form-wrapper>li:hover {
  background: #1a1d3d;
  color: #fff;
}
.form ul.form-wrapper>li.active,
.popup .container ul.form-wrapper>li.active {
  background: #eee;
  color: #000;
}
.form ul.form-wrapper>li.active>span,
.popup .container ul.form-wrapper>li.active>span {
  border-bottom: 1px solid #fff;
}
.form div.section,
.popup .container div.section {
  border: 1px solid #c1c1c1;
  display: none;
  padding: 10px;
  z-index: 0;
}
.form div.section.active,
.popup .container div.section.active {
  display: block;
}
.form .elements,
.popup .container .elements {
  border: 1px solid #c1c1c1;
  margin-bottom: 10px;
  padding: 10px;
}
.form .elements:last-child,
.popup .container .elements:last-child {
  margin-bottom: 0;
}
.form div.input,
.popup .container div.input {
  display: inline-block;
  margin-right: 10px;
}
.form div.input span,
.popup .container div.input span {
  display: inline-block;
}
.form div.input span.label,
.popup .container div.input span.label {
  font-weight: bold;
  padding-bottom: 1px;
}
.form div.input span.tooltip,
.popup .container div.input span.tooltip {
  display: inline-block;
  padding-left: 5px;
  position: relative;
}
.form div.input span.tooltip .tooltip-container,
.popup .container div.input span.tooltip .tooltip-container {
  bottom: 15px;
  display: none;
  left: 15px;
  position: absolute;
  width: 300px;
  z-index: 1000;
}
.form div.input span.tooltip .text,
.popup .container div.input span.tooltip .text {
  background: #def;
  border: 1px solid #cdf;
  box-shadow: 0 0 5px #000;
  font-weight: normal;
  padding: 2px;
}
.form div.input span.tooltip:hover .tooltip-container,
.popup .container div.input span.tooltip:hover .tooltip-container {
  display: block;
}
.form div.vertical-checkboxes span.input,
.popup .container div.vertical-checkboxes span.input {
  display: block;
}
.form div.vertical-checkboxes span.input span.check,
.popup .container div.vertical-checkboxes span.input span.check {
  display: block;
}
.form div.checkbox span.input,
.popup .container div.checkbox span.input {
  font-weight: bold;
  line-height: 30px;
  display: block;
}
.form div.checkbox span.input span.check,
.popup .container div.checkbox span.input span.check {
  display: block;
}
.form div.checkbox span.input input,
.popup .container div.checkbox span.input input {
  margin-right: 2px;
  margin-left: 5px;
  vertical-align: -2px;
}
.form div.multicheck,
.popup .container div.multicheck {
  max-height: 150px;
}
.form div.multicheck span.input,
.popup .container div.multicheck span.input {
  border: 1px solid #c1c1c1;
  display: block;
  padding: 5px;
  overflow-y: scroll;
  width: 100%;
}
.form div.multicheck span.input input,
.popup .container div.multicheck span.input input {
  margin-bottom: 2px;
  margin-right: 2px;
  vertical-align: top;
}
.form div.select,
.popup .container div.select {
  position: relative;
}
.form h2,
.popup .container h2 {
  background: #f7f7f7;
  background: -moz-linear-gradient(top,#f7f7f7 0%,#ddd 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f7f7),color-stop(100%,#ddd));
  background: -webkit-linear-gradient(top,#f7f7f7 0%,#ddd 100%);
  background: -o-linear-gradient(top,#f7f7f7 0%,#ddd 100%);
  background: -ms-linear-gradient(top,#f7f7f7 0%,#ddd 100%);
  background: linear-gradient(to bottom,#f7f7f7 0%,#ddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#ddd',GradientType=0);
  border: 1px solid #c1c1c1;
  border-bottom: 0;
  color: #45484d;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  position: relative;
}
.form h2 span,
.popup .container h2 span {
  display: block;
  font-weight: normal;
  position: absolute;
  right: 10px;
  top: 0;
}
.form hr,
.popup .container hr {
  background: #c1c1c1;
  border: 0;
  height: 1px;
  margin: 10px 0;
}
.form hr.linebreak,
.popup .container hr.linebreak {
  height: 0;
}
.form hr.separator,
.popup .container hr.separator {
  background-color: #ccc;
  height: 1px;
}
.form div.input span.white textarea:read-only,
.popup .container div.input span.white textarea:read-only {
  color: #000;
  background-color: #FFF;
  border: 1px solid #e0d5c6;
  box-shadow: none;
}
.form div.input span.white textarea:-moz-read-only,
.popup .container div.input span.white textarea:-moz-read-only {
  color: #000;
  background-color: #FFF;
  border: 1px solid #e0d5c6;
  box-shadow: none;
}
.form div.white textarea:read-only,
.popup .container div.white textarea:read-only {
  color: #000;
  background-color: #FFF;
  border: 1px solid #e0d5c6;
  box-shadow: none;
}
.form div.white textarea:-moz-read-only,
.popup .container div.white textarea:-moz-read-only {
  color: #000;
  background-color: #FFF;
  border: 1px solid #e0d5c6;
  box-shadow: none;
}
.form textarea:read-only,
.popup .container textarea:read-only {
  color: grey;
  background-color: #F0F0F0;
  border: 1px solid #e0d5c6;
  box-shadow: none;
}
.form textarea:-moz-read-only,
.popup .container textarea:-moz-read-only {
  color: grey;
  background-color: #F0F0F0;
  border: 1px solid #e0d5c6;
  box-shadow: none;
}
.form input[type=text],
.form input[type=password],
.form select,
.form textarea,
.form input[type=number],
.popup .container input[type=text],
.popup .container input[type=password],
.popup .container select,
.popup .container textarea,
.popup .container input[type=number] {
  background: #fff;
  border: 1px solid #e0d5c6;
}
.form input[type=text]:focus,
.form input[type=password]:focus,
.form select:focus,
.form textarea:focus,
.form input[type=number]:focus,
.popup .container input[type=text]:focus,
.popup .container input[type=password]:focus,
.popup .container select:focus,
.popup .container textarea:focus,
.popup .container input[type=number]:focus {
  border: 1px solid #bbb;
  box-shadow: 0 0 5px #bbb;
}
.form input[type=text],
.form input[type=password],
.form select,
.form input[type=number],
.popup .container input[type=text],
.popup .container input[type=password],
.popup .container select,
.popup .container input[type=number] {
  height: 28px;
}
.form textarea,
.popup .container textarea {
  height: 100px;
}
.form .width-30px,
.popup .container .width-30px {
  width: 30px !important;
  min-width: 30px !important;
}
.form .width-30px input[type=password],
.form .width-30px input[type=text],
.form .width-30px select,
.form .width-30px textarea,
.form .width-30px input[type=number],
.form .width-30px input[type=button],
.popup .container .width-30px input[type=password],
.popup .container .width-30px input[type=text],
.popup .container .width-30px select,
.popup .container .width-30px textarea,
.popup .container .width-30px input[type=number],
.popup .container .width-30px input[type=button] {
  width: 30px !important;
  min-width: 30px !important;
}
.form .width-50px input[type=password],
.form .width-50px input[type=text],
.form .width-50px select,
.form .width-50px textarea,
.form .width-50px input[type=number],
.popup .container .width-50px input[type=password],
.popup .container .width-50px input[type=text],
.popup .container .width-50px select,
.popup .container .width-50px textarea,
.popup .container .width-50px input[type=number] {
  width: 50px;
}
.form .width-100px,
.popup .container .width-100px {
  width: 100px;
}
.form .width-100px input[type=password],
.form .width-100px input[type=text],
.form .width-100px select,
.form .width-100px textarea,
.form .width-100px input[type=number],
.popup .container .width-100px input[type=password],
.popup .container .width-100px input[type=text],
.popup .container .width-100px select,
.popup .container .width-100px textarea,
.popup .container .width-100px input[type=number] {
  width: 100px;
}
.form .width-120px,
.popup .container .width-120px {
  width: 120px;
}
.form .width-120px input[type=password],
.form .width-120px input[type=text],
.form .width-120px select,
.form .width-120px textarea,
.form .width-120px input[type=number],
.popup .container .width-120px input[type=password],
.popup .container .width-120px input[type=text],
.popup .container .width-120px select,
.popup .container .width-120px textarea,
.popup .container .width-120px input[type=number] {
  width: 120px;
}
.form .width-150px,
.popup .container .width-150px {
  width: 150px;
}
.form .width-150px input[type=password],
.form .width-150px input[type=text],
.form .width-150px select,
.form .width-150px textarea,
.form .width-150px input[type=number],
.popup .container .width-150px input[type=password],
.popup .container .width-150px input[type=text],
.popup .container .width-150px select,
.popup .container .width-150px textarea,
.popup .container .width-150px input[type=number] {
  width: 150px;
}
.form .width-200px,
.popup .container .width-200px {
  width: 200px;
}
.form .width-200px input[type=password],
.form .width-200px input[type=text],
.form .width-200px select,
.form .width-200px textarea,
.form .width-200px input[type=number],
.popup .container .width-200px input[type=password],
.popup .container .width-200px input[type=text],
.popup .container .width-200px select,
.popup .container .width-200px textarea,
.popup .container .width-200px input[type=number] {
  width: 200px;
}
.form .min-width-200px,
.popup .container .min-width-200px {
  min-width: 200px;
}
.form .min-width-200px input[type=password],
.form .min-width-200px input[type=text],
.form .min-width-200px select,
.form .min-width-200px textarea,
.form .min-width-200px input[type=number],
.popup .container .min-width-200px input[type=password],
.popup .container .min-width-200px input[type=text],
.popup .container .min-width-200px select,
.popup .container .min-width-200px textarea,
.popup .container .min-width-200px input[type=number] {
  min-width: 200px;
}
.form .width-200px input[type=password],
.form .width-200px input[type=text],
.form .width-200px select,
.form .width-200px textarea,
.form .width-200px input[type=number],
.popup .container .width-200px input[type=password],
.popup .container .width-200px input[type=text],
.popup .container .width-200px select,
.popup .container .width-200px textarea,
.popup .container .width-200px input[type=number] {
  width: 200px;
}
.form .width-250px input[type=password],
.form .width-250px input[type=text],
.form .width-250px select,
.form .width-250px textarea,
.form .width-250px input[type=number],
.popup .container .width-250px input[type=password],
.popup .container .width-250px input[type=text],
.popup .container .width-250px select,
.popup .container .width-250px textarea,
.popup .container .width-250px input[type=number] {
  width: 250px;
}
.form .width-300px,
.popup .container .width-300px {
  width: 300px;
}
.form .width-300px input[type=password],
.form .width-300px input[type=text],
.form .width-300px select,
.form .width-300px textarea,
.form .width-300px input[type=number],
.popup .container .width-300px input[type=password],
.popup .container .width-300px input[type=text],
.popup .container .width-300px select,
.popup .container .width-300px textarea,
.popup .container .width-300px input[type=number] {
  width: 300px !important;
}
.form .width-400px,
.popup .container .width-400px {
  width: 400px;
}
.form .width-400px input[type=password],
.form .width-400px input[type=text],
.form .width-400px select,
.form .width-400px textarea,
.form .width-400px input[type=number],
.popup .container .width-400px input[type=password],
.popup .container .width-400px input[type=text],
.popup .container .width-400px select,
.popup .container .width-400px textarea,
.popup .container .width-400px input[type=number] {
  width: 400px;
}
.form .width-500px,
.popup .container .width-500px {
  width: 500px;
}
.form .width-500px input[type=password],
.form .width-500px input[type=text],
.form .width-500px select,
.form .width-500px textarea,
.form .width-500px input[type=number],
.popup .container .width-500px input[type=password],
.popup .container .width-500px input[type=text],
.popup .container .width-500px select,
.popup .container .width-500px textarea,
.popup .container .width-500px input[type=number] {
  width: 500px;
}
.form .width-600px,
.popup .container .width-600px {
  width: 600px;
}
.form .width-600px input[type=password],
.form .width-600px input[type=text],
.form .width-600px select,
.form .width-600px textarea,
.form .width-600px input[type=number],
.popup .container .width-600px input[type=password],
.popup .container .width-600px input[type=text],
.popup .container .width-600px select,
.popup .container .width-600px textarea,
.popup .container .width-600px input[type=number] {
  width: 600px;
}
.form .width-700px,
.popup .container .width-700px {
  width: 700px;
}
.form .width-700px input[type=password],
.form .width-700px input[type=text],
.form .width-700px select,
.form .width-700px textarea,
.form .width-700px input[type=number],
.popup .container .width-700px input[type=password],
.popup .container .width-700px input[type=text],
.popup .container .width-700px select,
.popup .container .width-700px textarea,
.popup .container .width-700px input[type=number] {
  width: 700px;
}
.form .width-800px,
.popup .container .width-800px {
  width: 800px;
}
.form .width-800px input[type=password],
.form .width-800px input[type=text],
.form .width-800px select,
.form .width-800px textarea,
.form .width-800px input[type=number],
.popup .container .width-800px input[type=password],
.popup .container .width-800px input[type=text],
.popup .container .width-800px select,
.popup .container .width-800px textarea,
.popup .container .width-800px input[type=number] {
  width: 800px;
}
.form .full-width,
.popup .container .full-width {
  width: 100%;
}
.form .full-width input[type=password],
.form .full-width input[type=text],
.form .full-width select,
.form .full-width textarea,
.form .full-width input[type=number],
.popup .container .full-width input[type=password],
.popup .container .full-width input[type=text],
.popup .container .full-width select,
.popup .container .full-width textarea,
.popup .container .full-width input[type=number] {
  width: 100%;
}
.form .height-200px input[type=password],
.form .height-200px input[type=text],
.form .height-200px select,
.form .height-200px textarea,
.form .height-200px input[type=number],
.popup .container .height-200px input[type=password],
.popup .container .height-200px input[type=text],
.popup .container .height-200px select,
.popup .container .height-200px textarea,
.popup .container .height-200px input[type=number] {
  height: 200px;
}
.form .height-300px input[type=password],
.form .height-300px input[type=text],
.form .height-300px select,
.form .height-300px textarea,
.form .height-300px input[type=number],
.popup .container .height-300px input[type=password],
.popup .container .height-300px input[type=text],
.popup .container .height-300px select,
.popup .container .height-300px textarea,
.popup .container .height-300px input[type=number] {
  height: 300px;
}
.popup .container div.checkbox span.input {
  display: inline-block !important;
}
div.page-numbers div {
  background: #d1d4d6;
  border: 1px solid #c1c1c1;
  cursor: default;
  display: inline-block;
  margin-right: 5px;
  padding: 5px 15px;
}
div.page-numbers div.active {
  background: #305d87;
  color: #fff;
}
li.peer {
  display: block;
  font-weight: bold;
  padding-bottom: 6px;
}
li.peer span {
  border-bottom: 2px dotted #afafaf;
  padding-bottom: 1px;
}
li.peer span:hover {
  background: #cdf;
}
li.peer:last-child {
  padding-bottom: 0;
}
.hidden {
  visibility: hidden;
}
table.spreadsheet {
  border: 1px solid black;
}
table.spreadsheet thead {
  background-color: #ccffff;
}
table.spreadsheet th,
table.spreadsheet td {
  text-align: center;
  border: 1px solid black;
  max-width: 80px;
}
table.spreadsheet th input[type=text],
table.spreadsheet td input[type=text] {
  background: none;
  border: none;
  text-align: center;
  width: 50px;
}
table.spreadsheet th input[type=text]:focus,
table.spreadsheet td input[type=text]:focus {
  outline: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
table.spreadsheet .revenue {
  min-width: 80px;
}
table.spreadsheet .calc {
  background-color: #ffff00;
  font-weight: bold;
}
table.spreadsheet .hts {
  min-width: 80px;
  padding: 0px;
}
table.spreadsheet .hts input[type=text] {
  width: 100%;
}
.items-view {
  padding-top: 30px;
}
.item-search {
  position: absolute;
  right: 0px;
  padding: 6px 15px 6px 30px;
  margin: 3px;
}
.item-search input[type=text] {
  width: 300px;
  padding: 4px 5px 4px 20px;
  background: #fff url(/images/chosen-sprite.png) no-repeat -30px -20px;
  background: url(/images/chosen-sprite.png) no-repeat -30px -20px;
  color: #505358;
}
.customer-search {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 6px 15px 6px 30px;
  margin: 3px;
}
.customer-search input[type=text] {
  width: 300px;
  padding: 4px 5px 4px 20px;
  background: #fff url(/images/chosen-sprite.png) no-repeat -30px -20px;
  background: url(/images/chosen-sprite.png) no-repeat -30px -20px;
  color: #505358;
}
div.box-container {
  margin: 0px auto;
  display: block;
  position: relative;
  width: 1060px;
}
div.full-box {
  clear: both;
  float: left;
  width: 100%;
}
div.full-box div.three-button-middle {
  margin-left: calc( 50% - 180px );
}
div.full-box div.two-button-middle {
  margin-left: calc( 45% - 120px );
}
.load-more-middle {
  margin-left: calc( 50% - 120px );
}
div.half-box {
  float: left;
  width: 50%;
}
div.box-1 {
  float: left;
  width: 25%;
}
div.box-3 {
  float: left;
  width: 75%;
}
div.padding-10 {
  padding: 10px;
}
table.no-margin {
  margin: 0px;
}
table.four-column-format td:nth-child(-n+3),
table.four-column-format th:nth-child(-n+3) {
  width: 20%;
}
table.four-column-format td:nth-child(4),
table.four-column-format th:nth-child(4) {
  width: 60%;
}
.cursor-pointer {
  cursor: pointer;
}
div.search-all {
  float: right;
}
div.search-all input[type="text"] {
  box-sizing: border-box;
  background: url("/images/icon_search.png") no-repeat scroll left center / 16px auto;
  padding-left: 20px;
  height: 28px;
}
div.search input[type="text"] {
  box-sizing: border-box;
  background: url("/images/icon_search.png") no-repeat scroll left center / 16px auto;
  padding-left: 20px;
  height: 28px;
}
.tickler-popup {
  width: 400px;
}
.tickler-popup .content {
  border: 1px solid #d7d8da;
  height: 200px;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
}
.tickler-popup .content div.value {
  padding: 2px;
}
.tickler-popup .content div.value span {
  vertical-align: top;
}
.tickler-popup .content div.value span.label {
  display: inline-block;
  text-align: right;
  width: 50px;
}
.tickler-popup .content div.value span.value {
  display: inline-block;
  font-weight: bold;
  padding-left: 5px;
  width: 300px;
}
.report-container h2 {
  clear: both;
  font-size: 18px;
  padding-bottom: 10px;
}
span.fake-link {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
  font-size: 10px;
}
div.real-time-table {
  width: 24%;
  min-height: 100px;
  max-height: 225px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
div.real-time-table table td,
div.real-time-table table th {
  text-align: center;
}
span.page_nav .nav-link {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
  font-size: 12px;
}
table.width-780px {
  width: 780px;
}
span.search {
  position: absolute;
  right: 10px;
  display: flex;
}
span.search input[type=text],
span.search select {
  width: 200px;
  padding: 4px 5px 4px 20px;
  background: transparent url("/images/chosen-sprite.png") no-repeat scroll -30px -20px;
  color: #505358;
  margin-left: 10px;
}
div.reservation-search {
  position: absolute;
  right: 300px;
  bottom: 14px;
}
div.reservation-search input[type=text] {
  width: 200px;
  padding: 4px 5px 4px 20px;
  background: #fff url("/images/chosen-sprite.png") no-repeat scroll -30px -20px;
  color: #505358;
}
.display-none {
  display: none !important;
}
.ui-autocomplete {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.margintop-10 {
  margin-top: 10px;
}
span.clipboard {
  margin-right: 10px;
}
img.switch-icon {
  top: 3px;
  position: relative;
}
span.refunded {
  font-size: 8px;
  color: #f00;
  vertical-align: top;
}
div.sub-button-header {
  margin-top: -10px;
  margin-bottom: 10px;
}
div.sub-button-header span {
  text-transform: uppercase;
}
div.no-line-height span {
  line-height: 0px;
}
span.addon-price {
  font-size: 9px;
  color: #999;
}
span.addon-note {
  font-size: 9px;
  color: #999;
}
div.addon-fields {
  padding-left: 25px;
  margin-bottom: 15px;
}
span.payment-errors {
  color: #f00;
}
div.payment_fields span.payment-errors {
  color: #f00;
}
div.availability p {
  margin-bottom: 10px;
}
div.availability ul {
  margin-bottom: 20px;
}
div.availability ul li {
  display: inline-block;
  margin-right: 20px;
}
div.availability div.availability-month {
  display: inline-block;
  margin: 0 50px 30px 0;
}
div.availability div.availability-month table {
  width: 475px;
}
div.availability div.availability-month table tr {
  background: #fff;
}
div.availability div.availability-month table tr:hover {
  background: #fff;
}
div.availability div.availability-month table td {
  width: 50px;
}
div.availability div.availability-month table td.checked {
  background: #aaa;
}
div.reservation-column-left,
div.reservation-column-middle {
  padding: 2px;
  display: inline-block;
  vertical-align: top;
  width: 39%;
}
div.reservation-column-right {
  padding: 2px;
  display: inline-block;
  vertical-align: top;
  width: 19%;
}
.left-padding-10 {
  padding-left: 10px;
}
.add-payment-button input {
  min-width: 5px;
  width: 25px;
}
div.cc-fields {
  display: inline-block;
  border: 1px solid #000;
  padding: 10px;
  margin-right: 5px;
  vertical-align: top;
}
div.cc-fields div.no-right-margin {
  margin-right: 0px;
}
div.cc-fields .header div.close {
  display: inline-block;
  text-align: right;
  cursor: pointer;
  width: 16px;
  vertical-align: top;
}
div.cc-fields .header div.label {
  width: 150px;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
div.cc-fields .header div.clone {
  display: inline-block;
  text-align: left;
  cursor: pointer;
  width: 16px;
  vertical-align: top;
}
div.cc-fields .header div.force {
  display: inline-block;
  text-align: left;
  cursor: pointer;
  width: 16px;
  vertical-align: top;
}
div.cc-fields .payment-results {
  font-size: 10px;
  text-align: center;
}
div.cc-fields .success {
  color: #0c0;
}
div.cc-fields .failed {
  color: #c00;
}
div.payment-option-fields {
  display: inline-block;
  border: 1px solid #000;
  padding: 10px;
  margin-right: 5px;
  vertical-align: top;
}
div.payment-option-fields div.no-right-margin {
  margin-right: 0px;
}
div.payment-option-fields .header div.close {
  display: inline-block;
  text-align: right;
  cursor: pointer;
  width: 16px;
  vertical-align: top;
}
div.payment-option-fields .header div.label {
  width: 150px;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
div.payment-option-fields .header div.clone {
  display: inline-block;
  text-align: left;
  cursor: pointer;
  width: 16px;
  vertical-align: top;
}
div.payment-option-fields .header div.refund {
  display: inline-block;
  text-align: left;
  cursor: pointer;
  width: 16px;
  vertical-align: top;
}
div.payment-option-fields .payment-results {
  font-size: 10px;
  text-align: center;
}
div.payment-option-fields .success {
  color: #0c0;
}
div.payment-option-fields .failed {
  color: #c00;
}
span.red-text {
  color: #f00;
}
li.tour-link {
  cursor: pointer;
  color: #00f;
  text-decoration: underline;
}
span.view-trip {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: transparent url('/images/icon_view.png') no-repeat;
  margin-right: 5px;
  cursor: pointer;
}
span.print-trip {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: transparent url('/images/icon_print.png') no-repeat;
  margin-right: 5px;
  cursor: pointer;
}
span.delete-trip {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: transparent url('/images/blue_delete.png') no-repeat;
  margin-right: 5px;
  cursor: pointer;
}
.dashboard-posts {
  width: 100%;
}
.dashboard-posts .header {
  display: block;
  font-weight: bold;
  font-size: 32px;
}
.dashboard-posts fieldset.bulletin-section {
  margin: 8px;
  border: 1px solid silver;
  padding: 8px;
  border-radius: 4px;
  max-height: 300px;
  overflow-y: auto;
}
.dashboard-posts fieldset.bulletin-section legend {
  padding: 5px;
  margin-left: 25px;
  font-size: 14px;
  border: 1px solid silver;
  border-radius: 4px;
}
.dashboard-posts fieldset.bulletin-section legend span.add {
  background: url('/images/add.png') no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: 2px;
}
.dashboard-posts fieldset.bulletin-section .add-post {
  display: none;
}
.dashboard-posts fieldset.bulletin-section .add-post textarea {
  width: 600px;
  height: 80px;
}
.dashboard-posts fieldset.bulletin-section table tr th.message {
  width: 70%;
}
.dashboard-posts fieldset.bulletin-section table tr th.time {
  width: 30%;
}
.dashboard-posts fieldset.bulletin-section table tr td.message {
  width: 70%;
  font-size: 16px;
}
.dashboard-posts fieldset.bulletin-section table tr td.message span.remove {
  background: url('/images/icon_remove.png') no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
}
.dashboard-posts fieldset.bulletin-section table tr td.message span.edit-icon {
  background: url('/images/icon_edit.png') no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
}
.dashboard-posts fieldset.bulletin-section table tr td.time {
  width: 30px;
}
.dashboard-posts fieldset.bulletin-section table tr td.time .date {
  font-size: 16px;
  display: block;
}
.dashboard-posts fieldset.bulletin-section table tr td.time .user {
  font-size: 12px;
  display: block;
}
.dashboard-posts fieldset.bulletin-section table tr td.no-posts {
  text-align: center;
  font-size: 16px;
}
.dashboard-posts .container {
  display: block;
  margin: auto;
  width: 700px;
  border: 1px solid #000;
  max-height: 600px;
  margin-bottom: 20px;
  overflow-y: auto;
}
.dashboard-posts .post {
  display: block;
  width: 680px;
  padding: 10px;
  border-bottom: 1px solid #000;
}
.dashboard-posts .post .user,
.dashboard-posts .post .time,
.dashboard-posts .post .message {
  display: block;
}
.dashboard-posts .post .user span,
.dashboard-posts .post .time span,
.dashboard-posts .post .message span {
  font-weight: bold;
}
.dashboard-posts .odd {
  background-color: #ccc;
}
.dashboard-posts .even {
  background-color: #dfd;
}
.dashboard-posts .create-post {
  display: block;
  width: 400px;
  margin: auto;
  text-align: center;
}
.dashboard-posts .create-post textarea {
  width: 400px;
  height: 60px;
}
.dash_cal,
.calendar {
  display: block;
}
.dash_cal .day,
.calendar .day {
  display: block;
  font-weight: bold;
  text-align: right;
}
.dash_cal .trip,
.dash_cal .tour,
.calendar .trip,
.calendar .tour {
  display: block;
  cursor: pointer;
}
.dash_cal .trip .guide,
.dash_cal .trip .name,
.dash_cal .tour .guide,
.dash_cal .tour .name,
.calendar .trip .guide,
.calendar .trip .name,
.calendar .tour .guide,
.calendar .tour .name {
  font-weight: bold;
}
.dash_cal .trip .tour,
.dash_cal .trip .count,
.dash_cal .tour .tour,
.dash_cal .tour .count,
.calendar .trip .tour,
.calendar .trip .count,
.calendar .tour .tour,
.calendar .tour .count {
  text-decoration: underline;
}
.dash_cal .standby,
.calendar .standby {
  background-color: #ff0;
}
.dash_cal table tr,
.calendar table tr {
  vertical-align: top;
}
.calendar-header {
  width: 100%;
}
.calendar-header .center-block {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.calendar-header .center-block div {
  display: inline-block;
  margin-right: 10px;
}
#lunch-container div,
#hotel-container div {
  margin-left: 15px;
}
form.unassigned_form {
  overflow-y: auto;
  width: 440px;
  max-height: 470px;
}
form.unassigned_form div.unassigned_popup {
  display: block;
  width: 98%;
}
form.unassigned_form div.unassigned_popup div.day,
form.unassigned_form div.unassigned_popup div.tour {
  display: block;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
form.unassigned_form div.unassigned_popup div.day span.label,
form.unassigned_form div.unassigned_popup div.tour span.label {
  color: #00f;
}
form.unassigned_form div.unassigned_popup div.day span.value,
form.unassigned_form div.unassigned_popup div.tour span.value {
  color: #000;
}
div.calendar_popup {
  width: 100%;
}
div.calendar_popup div.day,
div.calendar_popup div.tour {
  display: block;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
div.calendar_popup div.day span.label,
div.calendar_popup div.tour span.label {
  color: #00f;
}
div.calendar_popup div.day span.value,
div.calendar_popup div.tour span.value {
  color: #000;
}
div.calendar_popup div.reservation {
  display: block;
  margin-bottom: 10px;
}
div.calendar_popup div.reservation span.value {
  font-size: 16px;
  color: blue;
  cursor: pointer;
}
div.calendar_popup div.standby {
  background-color: #ff0;
}
.canceled-row {
  color: #f00;
}
div.unassigned span.red {
  font-weight: bold;
  color: #d00;
}
div.unassigned span.green {
  font-weight: bold;
  color: #0d0;
}
.test-email-results {
  display: inline-block;
}
div.send-email {
  vertical-align: middle;
  cursor: pointer;
}
.tabs ul li:first-child span {
  border-left: 1px solid #d7d8da;
}
.tabs ul li {
  display: inline-block;
  font-size: 13px;
}
.tabs ul li span {
  border-right: 1px solid #d7d8da;
  border-top: 1px solid #d7d8da;
  cursor: default;
  display: inline-block;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  position: relative;
  top: 1px;
  z-index: 1;
}
.tabs ul li span:hover {
  background-color: rgba(0,64,124,0.8);
}
.tabs ul li span.active {
  background-color: #c1c1c1;
}
div.notification {
  position: absolute;
  right: 145px;
  bottom: 12px;
  cursor: pointer;
  top: 15px;
}
div.notification .badge {
  position: absolute;
  top: -5px;
  right: -9px;
  padding: 0px 5px 0px 5px;
  border-radius: 15px;
  background: red;
  color: white;
  font-weight: bold;
}
div.notification #notification-container {
  background-color: #fff;
  border: 1px solid rgba(100,100,100,0.4);
  -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.25);
  overflow: visible;
  position: absolute;
  top: 40px;
  right: 0px;
  width: 400px;
  z-index: 1;
  display: none;
}
div.notification #notification-container:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  color: transparent;
  border: 10px solid black;
  border-color: transparent transparent white;
  margin-top: -300px;
  margin-left: 188px;
}
div.notification #notification-container #notification-title {
  font-weight: bold;
  padding: 8px;
  font-size: 13px;
  background-color: #ffffff;
  color: #000;
  z-index: 1000;
  width: 384px;
  border-bottom: 1px solid #dddddd;
}
div.notification #notification-container #notifications-body {
  padding: 10px !important;
}
div.notification #notification-container #notifications-body ul {
  color: #000;
}
div.notification #notification-container #notifications-body ul span.time {
  float: right;
}
div.notification #notification-container #notifications-body ul li div.linebreak {
  border: 1px solid #ddd;
  margin: 5px 0px 10px 0px;
}
div.notification #notification-container #notification-footer {
  background-color: #e9eaed;
  text-align: center;
  font-weight: bold;
  padding: 8px;
  font-size: 12px;
  border-top: 1px solid #dddddd;
  color: #000000;
}
.message_table {
  width: 100 !important;
}
.message_table tr {
  background-color: #fff !important;
}
.label-required .label:after {
  color: red;
  content: ' *';
}
.permissions-popup {
  display: block !important;
}
.permissions-popup div {
  display: block !important;
}
.permissions-popup .table_permissions td {
  text-align: center;
}
.permissions-popup .table_permissions td div.checkbox {
  margin: 0px !important;
}
.permissions-popup .table_permissions td div.checkbox span.label {
  display: none !important;
}
.permissions-popup .table_permissions td div.checkbox span.input {
  display: inline !important;
}
.permissions-popup .table_permissions td:first-child {
  text-align: left !important;
}
.permissions-popup .table_permissions th {
  text-align: center;
}
.permissions-popup .table_permissions th:first-child {
  text-align: left !important;
}
div.save-permission {
  display: block !important;
  margin: 0 !important;
}
div.save-permission .input {
  display: block !important;
  text-align: center;
}
.grayed {
  background-color: #bbb9b9 !important;
}
.each-item-picture {
  width: 600px;
  display: flex;
  margin-bottom: 20px;
}
.each-item-picture .img {
  width: 10%;
}
.each-item-picture .img img {
  width: 100%;
}
.each-item-picture .details {
  width: 85%;
}
.each-item-picture .details .file-name {
  margin-left: 10px;
}
.each-item-picture .details .file-size {
  color: #827f7f;
  font-size: 11px;
  margin-left: 10px;
}
.each-item-picture .icon {
  width: 5%;
}
.each-diagram-container {
  background-color: #f0f0f0;
  margin-bottom: 20px;
  padding: 20px;
}
.each-diagram-container .delete-diagram {
  float: right;
  margin-right: 0px !important;
}
.each-diagram-container table {
  border: 2px solid #cccccc;
}
.each-diagram-container table thead {
  background-color: #cccccc;
}
.add-chain .checkbox .input {
  margin-left: 105px !important;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  border-bottom: 1px dashed #000;
  min-height: 0;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item:hover {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}
.ui-menu .ui-menu-item:hover a {
  background: none !important;
  outline: none;
  border: none;
}
.ui-menu .ui-menu-item a {
  display: block;
  color: #333333;
}
.ui-menu .ui-menu-item a:hover {
  background: none !important;
  outline: none;
  border: none;
}
.clear-both {
  clear: both;
}
.button-middle {
  margin-left: calc( 50% - 60px );
}
div.margin-20 {
  margin-bottom: 20px;
}
.y-scroll {
  overflow-y: auto;
}
.path_folder.y-scroll {
  height: 350px;
}
.path_folder .small {
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}
.booked_list.y-scroll {
  height: 450px;
}
.checkbox-only,
.input-only {
  display: inline !important;
}
.checkbox-only span,
.input-only span {
  display: inline !important;
}
.checkbox-only span.label,
.input-only span.label {
  display: none !important;
}
.checkbox-only input,
.input-only input {
  text-align: center;
}
.images-holder .img-width-300px {
  float: left;
  height: 200px;
  width: 200px;
  margin-right: 10px;
  margin-top: 20px;
}
.images-holder .img-width-300px img {
  object-fit: contain;
}
.upload-area,
.file-upload-area {
  width: 70%;
  height: 200px;
  border: 2px dashed lightgray;
  border-radius: 3px;
  text-align: center;
  overflow: auto;
}
.upload-area:hover,
.file-upload-area:hover {
  cursor: pointer;
}
.upload-area h1,
.file-upload-area h1 {
  text-align: center;
  font-weight: normal;
  font-family: sans-serif;
  line-height: 50px;
  color: darkslategray;
}
.text-center {
  text-align: center;
}
.height-200px {
  height: 200px;
}
.hide {
  display: none !important;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.unread {
  font-weight: bold;
}
.txt-bold {
  font-weight: bold;
}
div.button-switch span.label {
  margin-right: 10px;
  font-weight: bold;
  font-size: 14px;
}
div.popup.cancel_shipment div.textarea {
  display: none;
}
.switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 20px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 20px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #2196F3;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
}
ul.breadcrumb li {
  display: inline;
  font-size: 13px;
}
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
  cursor: pointer;
}
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}
div.email-action-btn,
div.callback-action-btn,
div.call-action-btn {
  text-align: right;
}
ul.ui-autocomplete {
  width: 200px;
}
#dashboard-widgets {
  height: 100%;
  position: relative;
  clear: both;
}
#dashboard-widgets .widget {
  overflow: hidden;
  padding-bottom: 100px;
  padding-right: 20px;
  position: absolute !important;
}
#dashboard-widgets .widget.editable {
  border: 1px solid #333;
}
#dashboard-widgets .widget .btn-delete {
  cursor: pointer;
  position: absolute;
  float: right;
  right: -2px;
  top: -2px;
}
#dashboard-widgets .widget .header h2 {
  background: #f7f7f7;
  background: -moz-linear-gradient(top,#f7f7f7 0%,#ddd 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f7f7),color-stop(100%,#ddd));
  background: -webkit-linear-gradient(top,#f7f7f7 0%,#ddd 100%);
  background: -o-linear-gradient(top,#f7f7f7 0%,#ddd 100%);
  background: -ms-linear-gradient(top,#f7f7f7 0%,#ddd 100%);
  background: linear-gradient(to bottom,#f7f7f7 0%,#ddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#ddd',GradientType=0);
  border: 1px solid #c1c1c1;
  border-bottom: 0;
  color: #45484d;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  width: 100%;
}
#dashboard-widgets .widget .content {
  width: 100%;
  height: 88%;
  padding-right: 20px;
}
#dashboard-widgets .widget .content div.form-container div.content-list {
  overflow: auto;
}
#dashboard-widgets .widget div.input span.label {
  font-weight: bold;
}
#dashboard-widgets .widget div.input.width-200px input[type=password],
#dashboard-widgets .widget div.input.width-200px input[type=text],
#dashboard-widgets .widget div.input.width-200px select,
#dashboard-widgets .widget div.input.width-200px textarea,
#dashboard-widgets .widget div.input.width-200px input[type=number] {
  width: 200px;
}
#dashboard-widgets .widget div.input.width-300px input[type=password],
#dashboard-widgets .widget div.input.width-300px input[type=text],
#dashboard-widgets .widget div.input.width-300px select,
#dashboard-widgets .widget div.input.width-300px textarea,
#dashboard-widgets .widget div.input.width-300px input[type=number] {
  width: 300px;
}
#dashboard-widgets .widget div.input .width-50px input[type=password],
#dashboard-widgets .widget div.input .width-50px input[type=text],
#dashboard-widgets .widget div.input .width-50px select,
#dashboard-widgets .widget div.input .width-50px textarea,
#dashboard-widgets .widget div.input .width-50px input[type=number] {
  width: 50px;
}
#dashboard-widgets .widget div.input input[type=text],
#dashboard-widgets .widget div.input input[type=password],
#dashboard-widgets .widget div.input select,
#dashboard-widgets .widget div.input textarea,
#dashboard-widgets .widget div.input input[type=number] {
  background: #fff;
  border: 1px solid #e0d5c6;
}
#dashboard-widgets .widget div.input input[type=text]:focus,
#dashboard-widgets .widget div.input input[type=password]:focus,
#dashboard-widgets .widget div.input select:focus,
#dashboard-widgets .widget div.input textarea:focus,
#dashboard-widgets .widget div.input input[type=number]:focus {
  border: 1px solid #bbb;
  box-shadow: 0 0 5px #bbb;
}
#dashboard-widgets .widget div.input input[type=text],
#dashboard-widgets .widget div.input input[type=password],
#dashboard-widgets .widget div.input select,
#dashboard-widgets .widget div.input input[type=number] {
  height: 28px;
}
#dashboard-default-widgets {
  position: relative;
  padding-top: 10px;
  clear: both;
  content: "";
  display: table;
}
#dashboard-default-widgets .widget-default {
  overflow: hidden;
  padding-bottom: 20px;
  padding-right: 20px;
  width: 47%;
  float: left;
  padding-left: 20px;
}
#dashboard-default-widgets .widget-default.editable {
  border: 1px solid #333;
}
#dashboard-default-widgets .widget-default .btn-delete {
  cursor: pointer;
  position: absolute;
  float: right;
  right: -2px;
  top: -2px;
}
#dashboard-default-widgets .widget-default .header h2 {
  background: #f7f7f7;
  background: -moz-linear-gradient(top,#f7f7f7 0%,#ddd 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f7f7),color-stop(100%,#ddd));
  background: -webkit-linear-gradient(top,#f7f7f7 0%,#ddd 100%);
  background: -o-linear-gradient(top,#f7f7f7 0%,#ddd 100%);
  background: -ms-linear-gradient(top,#f7f7f7 0%,#ddd 100%);
  background: linear-gradient(to bottom,#f7f7f7 0%,#ddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#ddd',GradientType=0);
  border: 1px solid #c1c1c1;
  border-bottom: 0;
  color: #45484d;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  width: 100%;
}
#dashboard-default-widgets .widget-default .content {
  width: 100%;
  height: 100%;
  padding: 0.5em;
  overflow: auto;
}
#widget-settings {
  float: right;
}
#widget-settings .btn-setting {
  float: right;
}
#widget-settings .btn-edit {
  float: right;
  margin-left: 10px;
}
#widget-settings .btn-save,
#widget-settings .btn-cancel {
  float: right;
  margin-left: 10px;
}
#widget-settings #widget-options {
  display: none;
  top: 100px;
  background: #fff;
  height: 100%;
  bottom: 0;
  position: absolute;
  overflow-y: auto;
  width: 400px;
  right: 0px;
  border-top: 2px #ddd solid;
  border-left: 2px #ddd solid;
  z-index: 2;
}
#widget-settings #widget-options .ui-state-active {
  border: 1px solid #005aaf;
  background: #005aaf;
}
#widget-settings #widget-options hr {
  background: #c1c1c1;
  border: 0;
  height: 1px;
  margin: 10px 0;
}
#widget-settings #widget-options hr.linebreak {
  height: 0;
}
#widget-settings #widget-options div.input span.label {
  font-weight: bold;
}
#widget-settings #widget-options div.input.width-200px input[type=password],
#widget-settings #widget-options div.input.width-200px input[type=text],
#widget-settings #widget-options div.input.width-200px select,
#widget-settings #widget-options div.input.width-200px textarea,
#widget-settings #widget-options div.input.width-200px input[type=number] {
  width: 200px;
}
#widget-settings #widget-options div.input .width-50px input[type=password],
#widget-settings #widget-options div.input .width-50px input[type=text],
#widget-settings #widget-options div.input .width-50px select,
#widget-settings #widget-options div.input .width-50px textarea,
#widget-settings #widget-options div.input .width-50px input[type=number] {
  width: 50px;
}
#widget-settings #widget-options div.input input[type=text],
#widget-settings #widget-options div.input input[type=password],
#widget-settings #widget-options div.input select,
#widget-settings #widget-options div.input textarea,
#widget-settings #widget-options div.input input[type=number] {
  background: #fff;
  border: 1px solid #e0d5c6;
}
#widget-settings #widget-options div.input input[type=text]:focus,
#widget-settings #widget-options div.input input[type=password]:focus,
#widget-settings #widget-options div.input select:focus,
#widget-settings #widget-options div.input textarea:focus,
#widget-settings #widget-options div.input input[type=number]:focus {
  border: 1px solid #bbb;
  box-shadow: 0 0 5px #bbb;
}
#widget-settings #widget-options div.input input[type=text],
#widget-settings #widget-options div.input input[type=password],
#widget-settings #widget-options div.input select,
#widget-settings #widget-options div.input input[type=number] {
  height: 28px;
}
div.location-type-elements {
  font-weight: bold;
  display: none;
}
div.location-type-elements span.pallets {
  padding: 2px 10px 0px 5px;
  background-color: #1c84c6;
}
div.location-type-elements span.boxes {
  padding: 2px 10px 0px 5px;
  background-color: #f8ac59;
}
div.location-type-elements span.small-parts {
  padding: 2px 10px 0px 5px;
  background-color: #ed5565;
}
div.content-map div.warehouse-map-layout div.aisle-racks div.aisle-num {
  font-weight: bold;
  font-size: 20px;
}
div.content-map div.warehouse-map-layout div.aisle-racks div.rack-level-list {
  min-width: 100px;
  min-height: 100px;
  overflow-x: auto;
  white-space: nowrap;
}
div.content-map div.warehouse-map-layout div.aisle-racks div.rack-level-list ul.rack-list {
  width: auto;
  margin: 5px;
}
div.content-map div.warehouse-map-layout div.aisle-racks div.rack-level-list ul.rack-list li {
  display: inline-block;
  vertical-align: top;
}
div.content-map div.warehouse-map-layout div.aisle-racks div.rack-level-list ul.rack-list li ul.level-list li {
  display: block;
  margin-left: 0px;
  border: 2px solid #ddd;
  padding: 5px 5px 5px 10px;
  min-width: 15px;
  min-height: 15px;
  max-height: 200px;
  max-width: 300px;
  overflow: auto;
}
div.content-map div.warehouse-map-layout div.aisle-racks div.rack-level-list ul.rack-list li ul.level-list li.no-color {
  background-color: #37e2bf;
  color: #ffffff;
}
div.content-map div.warehouse-map-layout div.aisle-racks div.rack-level-list ul.rack-list li ul.level-list li div.view-item {
  padding-bottom: 5px;
}
div.map_view_location span.label {
  text-align: left !important;
}
.invoice_popup div.container,
.packing_list_popup div.container,
.release_document_popup div.container,
.receipt_popup div.container,
.proforma_invoice_popup div.container,
.complete_shipment div.container,
.ship_shipment div.container {
  overflow-y: auto;
}
.reserved-action-form,
.shipment-action-form {
  float: right;
  margin-bottom: 20px;
}
.map_view_location div.container {
  overflow-y: auto;
}
.bg-red {
  background-color: #ea3232 !important;
  color: #fff;
}
.magnify-modal {
  box-shadow: 0 0 6px 2px rgba(0,0,0,0.3);
}
.magnify-modal .magnify-header {
  pointer-events: none;
}
.magnify-modal .magnify-header .magnify-toolbar {
  background-color: rgba(0,0,0,0.5);
}
.magnify-modal .magnify-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
}
.magnify-modal .magnify-footer {
  bottom: 10px;
  pointer-events: none;
}
.magnify-modal .magnify-footer .magnify-toolbar {
  background-color: rgba(0,0,0,0.5);
  border-radius: 5px;
}
.magnify-modal .magnify-loader {
  background-color: transparent;
}
.magnify-modal .magnify-button {
  pointer-events: auto;
}
div.input.width-200px div.chosen-container {
  width: 200px !important;
  height: 35px;
}
div.input.width-200px div.chosen-container a.chosen-default {
  height: 30px;
}
div.input.width-200px div.chosen-container a.chosen-default span {
  padding-top: 2px;
}
div.input.width-300px div.chosen-container {
  width: 300px !important;
  height: 35px;
}
div.input.width-300px div.chosen-container a.chosen-default {
  height: 30px;
}
div.input.width-300px div.chosen-container a.chosen-default span {
  padding-top: 2px;
}
.daterangepicker td,
.daterangepicker th {
  padding: 0px !important;
}
div.col-1 {
  float: left;
  width: 25%;
}
div.col-3 {
  float: left;
  width: 75%;
}
.chosen-container-single .chosen-single span {
  display: block !important;
}
div.color-filter {
  margin-bottom: 20px;
}
div.color-filter ul.email-color-filter {
  margin-top: 10px;
  margin-bottom: 10px;
}
div.color-filter ul.email-color-filter li {
  float: left;
  margin-right: 5px;
  cursor: pointer;
  min-width: 20px;
  height: 20px;
  text-align: center;
  line-height: 25px;
  font-size: 13px;
  padding: 5px 10px 8px 7px;
}
div.color-filter ul.email-color-filter li.color-reset {
  border: 1px solid #ddd;
  padding-top: 3px !important;
  font-size: 16px;
  font-weight: bold;
}
.chosen-container-multi,
.chosen-container-single {
  width: 100%;
}
.field-only span.label {
  display: none !important;
}
div.label-left span.label {
  text-align: left !important;
}
.ui-accordion .ui-accordion-content {
  overflow: visible !important;
}
div.report-option hr {
  margin-bottom: 5px;
  margin-top: 5px;
}
div.report-option span.report-label {
  float: left;
  display: block;
  width: 300px;
  padding-left: 20px;
  font-size: 20px;
  font-weight: bold;
}
div.report-option div.report-form {
  padding-left: 20px;
  padding-top: 20px;
  display: none;
}
hr.report-break {
  border: 1px solid #9a9a9a;
  height: 0px;
}
.sort-list {
  text-decoration: underline;
  cursor: pointer;
}
.results-loader {
  display: flex;
}
.results-loader img {
  margin: 0 auto;
}
.ui-dialog {
  border-radius: 0px;
  height: 100px;
}
.ui-dialog .ui-dialog-titlebar {
  display: none;
}
div.checkbox-inline span.input {
  display: inline-block !important;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.search-folder {
  float: right;
  margin-bottom: 30px;
}
#folder_breadcrumbs {
  margin-top: 20px;
}
tbody tr.drag-active {
  background: #bfbfbf;
}
.center {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.text-left {
  text-align: left !important;
}
.box-width-40 {
  float: left;
  width: 40% !important;
}
.box-width-60 {
  float: left;
  width: 60% !important;
}
.height-500px {
  height: 500px;
  overflow-y: auto;
}
div.content-spareparts {
  overflow: auto;
}
.d-none {
  display: none;
}
.d-none-important {
  display: none !important;
}
.chosen-container .chosen-results {
  clear: both !important;
}
.readonly-textarea textarea:read-only {
  background-color: #ffffff;
}
.ui-datepicker {
  z-index: 20 !important;
}
.sort-container {
  float: right;
  display: inline-grid;
}
.sort-container .ui-icon {
  height: 10px;
  opacity: 0.5;
}
.sort-container .ui-icon.active {
  opacity: 1 !important;
}
.sort-item {
  cursor: pointer;
}
#cms-video {
  width: 100%;
  height: 100%;
}
div.add_existing_media div.search-media-list {
  height: 500px;
  overflow: auto;
}

#uploads-container {
  position: fixed;
  bottom: 0px;
  right: 0px;
  border: 1px solid #ccc;
  border-radius: 3px;
  max-width: 600px;
  width: 400px;
  z-index: 100000000;
  background-color: #fffcff;
}
#uploads-container #toggle-uploads-container {
  width: 100%;
  text-align: center;
  background-color: #00407c;
  color: #fff;
  padding: 5px;
  border: none;
}
#uploads-container #upload-list {
  padding: 10px;
}
#uploads-container #upload-list .upload-item {
  margin-bottom: 20px;
}
#uploads-container #upload-list .upload-item .upload-progress {
  margin-bottom: 10px;
  width: 100%;
}
#uploads-container #upload-list .upload-item .upload-info {
  display: flex;
  align-items: center;
}
#uploads-container #upload-list .upload-item .upload-filename {
  flex: 1;
  font-weight: bold;
  margin-right: 10px;
  font-size: 12px;
}
#uploads-container #upload-list .upload-item .upload-size {
  font-size: 11px;
  color: #999;
  margin-right: 10px;
}
#uploads-container #upload-list .upload-item .upload-cancel a {
  font-size: 12px;
  color: #999;
  text-decoration: none;
  border: 1px solid #999;
  border-radius: 3px;
  padding: 3px 6px;
}
#uploads-container #upload-list .upload-item .upload-cancel a:hover {
  color: #333;
  border-color: #333;
}