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: 45px;
  position: absolute;
  top: 3px;
}
header .logout {
  bottom: 0;
  cursor: pointer;
  padding: 5px;
  position: absolute;
  right: 0px;
  text-decoration: underline;
  width: 50px;
}
header .start-call {
  top: 5px;
  padding: 5px;
  position: absolute;
  right: 100px;
  width: 100px;
}
header .start-call input[type=button] {
  box-shadow: 0px 0px 2px 2px #ccc;
  cursor: pointer;
}
header .tickler {
  right: 350px;
  position: absolute;
  top: 13px;
}
header .chat {
  right: 395px;
  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;
  background: -moz-linear-gradient(left,#00407c 0%,#00407c 95%,#002259 100%);
  background: -webkit-gradient(linear,left top,right top,color-stop(0%,#00407c),color-stop(95%,#00407c),color-stop(100%,#002259));
  background: -webkit-linear-gradient(left,#00407c 0%,#00407c 95%,#002259 100%);
  background: -o-linear-gradient(left,#00407c 0%,#00407c 95%,#002259 100%);
  background: -ms-linear-gradient(left,#00407c 0%,#00407c 95%,#002259 100%);
  background: linear-gradient(to right,#00407c 0%,#00407c 95%,#002259 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00407c',endColorstr='#002259',GradientType=1);
  border-right: 1px solid #1a1d3d;
  bottom: 0;
  position: absolute;
  top: 50px;
  width: 200px;
  z-index: 1;
}
nav>ul>li {
  border-bottom: 1px solid #1a1d3d;
  border-top: 1px solid #3e4991;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  position: relative;
  white-space: nowrap;
}
nav>ul>li span.icon {
  margin-left: 13px;
}
nav>ul>li span.icon img {
  margin-top: 8px;
}
nav>ul>li span.label {
  cursor: default;
}
nav>ul>li>span.label {
  margin-left: 13px;
  position: absolute;
  overflow: hidden;
  top: 14px;
  white-space: nowrap;
}
nav>ul>li:first-child {
  border-top: 1px solid #3e4991;
}
nav>ul>li:hover {
  background: #003773;
  color: #fff;
}
nav>ul>li.active {
  background: #00305c;
  color: #fff;
}
nav>ul>li ul {
  background: #00407c;
  border: 1px solid #1a1d3d;
  display: none;
  left: 200px;
  margin-top: -16px;
  position: absolute;
}
nav>ul>li ul>li {
  border-bottom: 1px solid #adafb1;
  border-top: 1px solid #e0e2e4;
  color: #fff;
  font-weight: normal;
  line-height: 20px;
  padding: 3px;
  width: 150px;
}
nav>ul>li ul>li:hover {
  background: #003773;
  color: #fff;
}
nav>ul>li ul>li:last-child {
  border: 0;
}
nav>ul>li ul>li.active {
  background: #305d87;
  color: #fff;
}
nav>ul>li ul>li>ul {
  left: 157px;
  margin-top: -25px;
}
nav>ul>li ul li.subs {
  background-position: 130px 5px;
  background-repeat: no-repeat;
}
nav>ul li.subs {
  background-position: 180px 14px;
  background-repeat: no-repeat;
}
section#content {
  bottom: 0;
  left: 200px;
  overflow-y: auto;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 50px;
  z-index: 0;
}
#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: 399px;
}
#login .login-frame div.logo,
#login .login-frame div.title,
#login .login-frame div.bestway {
  padding: 10px 0;
  text-align: center;
}
#login .login-frame form {
  margin: 0 50px;
}
#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;
  position: relative;
}
.popup .container {
  left: 0;
  padding: 10px;
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: 3;
}
.popup .container .half-box {
  float: left;
  width: 45%;
}
.popup .container .full-box {
  float: left;
  clear: both;
  width: calc( 100% - 20px );
}
.popup .container .full-box div.four-button-middle {
  margin-left: calc( 50% - 272px );
  margin-right: 10px;
}
.popup .container .full-box div.three-button-middle {
  margin-left: calc( 50% - 180px );
}
.popup .container .full-box div.two-button-middle {
  margin-left: calc( 50% - 120px );
}
.popup .container .full-box div.button  + .button {
  margin-right: 10px;
}
.popup .container div {
  display: inline-block;
}
.popup .container div.input {
  margin-bottom: 10px;
}
.popup .container div.input span {
  display: inline-block;
}
.popup .container div.input span.label {
  text-align: right;
  width: 100px;
}
.popup .container div.button {
  margin-left: 105px;
}
.popup .container div.button + .button {
  margin: 0;
}
.popup .container .timeout-message,
.popup .container .timeout-button {
  margin: 10px 0;
  text-align: center;
}
.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;
}
.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;
}
div.chat-window {
  border: 1px solid #c1c1c1;
  height: 400px;
  position: absolute;
  width: 300px;
  z-index: 2;
}
div.chat-window.active div.title-bar {
  background: #21304d;
}
div.chat-window div.title-bar {
  background: #f8f8f8;
  color: #4d97dc;
  cursor: default;
  font-size: 13px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1;
}
div.chat-window div.title-bar div.minimize {
  background: url('/images/minimize_arrow.png');
  height: 11px;
  position: absolute;
  right: 20px;
  top: 4px;
  width: 11px;
  z-index: 2;
}
div.chat-window div.title-bar div.restore {
  background: url('/images/maximize_arrow.png');
  display: none;
  height: 11px;
  position: absolute;
  right: 20px;
  top: 4px;
  width: 11px;
  z-index: 2;
}
div.chat-window div.title-bar div.close {
  background: url('/images/close_x.png');
  height: 11px;
  position: absolute;
  right: 5px;
  top: 4px;
  width: 11px;
  z-index: 2;
}
div.chat-window div.messages {
  background: #fff;
  font-size: 12px;
  height: 350px;
  overflow-y: auto;
  position: absolute;
  top: 20px;
  width: 100%;
}
div.chat-window div.messages li {
  border: 1px solid #c1c1c1;
  border-radius: 10px;
  margin: 5px;
  max-width: 80%;
  padding: 5px;
}
div.chat-window div.messages li.received {
  background: #f8f8f8;
  float: right;
}
div.chat-window div.messages li.sent {
  background: #00407c;
  color: #fff;
  float: left;
}
div.chat-window div.enter-message {
  background: #fff;
  border-top: 1px solid #c1c1c1;
  height: 30px;
  position: absolute;
  top: 370px;
  width: 100%;
}
div.chat-window div.enter-message input {
  border: 0;
  width: 100%;
}
input[type=button] {
  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 {
  height: 22px;
  min-width: 50px;
  padding: 0;
}
input[type=button].padding {
  padding-left: 10px;
  padding-right: 10px;
}
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.upcoming-due {
  background: #ffc107;
}
table tr.upcoming-due:hover {
  background: #DDc107;
}
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 {
  margin-bottom: 10px;
}
.view-pending {
  position: absolute;
  top: 10px;
  right: 10px;
}
.view-pending input[type=button] {
  width: 200px;
}
.errors {
  color: #f00;
}
.errors ul {
  padding: 10px;
}
.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;
  max-height: calc(100vh - 228px);
  padding: 10px;
  overflow: auto;
}
.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;
  vertical-align: top;
}
.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.input span.photo,
.popup .container div.input span.photo {
  margin: 10px 10px 10px 0;
}
.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;
  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 span,
.popup .container div.multicheck span.input span {
  display: block;
}
.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 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,
.popup .container input[type=text],
.popup .container input[type=password],
.popup .container select,
.popup .container textarea {
  background: #fff;
  border: 1px solid #e0d5c6;
}
.form input[type=text]:focus,
.form input[type=password]:focus,
.form select:focus,
.form textarea:focus,
.popup .container input[type=text]:focus,
.popup .container input[type=password]:focus,
.popup .container select:focus,
.popup .container textarea:focus {
  border: 1px solid #bbb;
  box-shadow: 0 0 5px #bbb;
}
.form input[type=text],
.form input[type=password],
.form select,
.popup .container input[type=text],
.popup .container input[type=password],
.popup .container select {
  height: 28px;
}
.form textarea,
.popup .container textarea {
  height: 100px;
}
.form .width-50px input[type=password],
.form .width-50px input[type=text],
.form .width-50px select,
.form .width-50px textarea,
.popup .container .width-50px input[type=password],
.popup .container .width-50px input[type=text],
.popup .container .width-50px select,
.popup .container .width-50px textarea {
  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,
.popup .container .width-100px input[type=password],
.popup .container .width-100px input[type=text],
.popup .container .width-100px select,
.popup .container .width-100px textarea {
  width: 100px;
}
.form .width-150px input[type=password],
.form .width-150px input[type=text],
.form .width-150px select,
.form .width-150px textarea,
.popup .container .width-150px input[type=password],
.popup .container .width-150px input[type=text],
.popup .container .width-150px select,
.popup .container .width-150px textarea {
  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,
.popup .container .width-200px input[type=password],
.popup .container .width-200px input[type=text],
.popup .container .width-200px select,
.popup .container .width-200px textarea {
  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,
.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 {
  min-width: 200px;
}
.form .width-250px input[type=password],
.form .width-250px input[type=text],
.form .width-250px select,
.form .width-250px textarea,
.popup .container .width-250px input[type=password],
.popup .container .width-250px input[type=text],
.popup .container .width-250px select,
.popup .container .width-250px textarea {
  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,
.popup .container .width-300px input[type=password],
.popup .container .width-300px input[type=text],
.popup .container .width-300px select,
.popup .container .width-300px textarea {
  width: 300px;
}
.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,
.popup .container .width-400px input[type=password],
.popup .container .width-400px input[type=text],
.popup .container .width-400px select,
.popup .container .width-400px textarea {
  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,
.popup .container .width-500px input[type=password],
.popup .container .width-500px input[type=text],
.popup .container .width-500px select,
.popup .container .width-500px textarea {
  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,
.popup .container .width-600px input[type=password],
.popup .container .width-600px input[type=text],
.popup .container .width-600px select,
.popup .container .width-600px textarea {
  width: 600px;
}
.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,
.popup .container .width-800px input[type=password],
.popup .container .width-800px input[type=text],
.popup .container .width-800px select,
.popup .container .width-800px textarea {
  width: 800px;
}
.form .height-200px input[type=password],
.form .height-200px input[type=text],
.form .height-200px select,
.form .height-200px textarea,
.popup .container .height-200px input[type=password],
.popup .container .height-200px input[type=text],
.popup .container .height-200px select,
.popup .container .height-200px textarea {
  height: 200px;
}
.form .height-300px input[type=password],
.form .height-300px input[type=text],
.form .height-300px select,
.form .height-300px textarea,
.popup .container .height-300px input[type=password],
.popup .container .height-300px input[type=text],
.popup .container .height-300px select,
.popup .container .height-300px textarea {
  height: 300px;
}
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( 50% - 120px );
}
div.half-box {
  float: left;
  width: 500px;
}
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 input[type="text"] {
  box-sizing: border-box;
  background: url("/images/icon_search.png") no-repeat scroll left center / 16px auto;
  padding-left: 20px;
}
.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.fake-link span:nth-child(2) {
  color: blue;
  cursor: pointer;
}
div.real-time-table {
  width: 30%;
  min-height: 100px;
  max-height: 225px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-right: 15px;
}
div.real-time-table table td,
div.real-time-table table th {
  text-align: center;
}
.real-time-widget {
  float: left;
  width: 45%;
  padding: 0 20px;
  vertical-align: top;
  text-align: center;
  margin: 0 auto;
}
.real-time-widget table td,
.real-time-widget table th {
  text-align: center;
}
div.real-time-table-inventory,
div.real-time-table-extension {
  min-width: 200px;
  max-width: 500px;
  min-height: 100px;
  max-height: 250px;
  display: inline-block;
  overflow-y: auto;
  margin-right: 15px;
  text-align: center;
}
div.real-time-table-inventory table td,
div.real-time-table-inventory table th,
div.real-time-table-extension table td,
div.real-time-table-extension table th {
  text-align: center;
}
ul.warranty-images li,
ul.claim-images li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
ul.warranty-images li .photo,
ul.claim-images li .photo {
  cursor: pointer;
}
ul.warranty-images li:last-child,
ul.claim-images li:last-child {
  margin-right: 0px;
}
span.page_nav .nav-link {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
  font-size: 12px;
}
.callback_queue_nav_area_buttons {
  text-align: left;
  float: right;
  margin-bottom: 5px;
  margin-right: 5px;
  height: 25px;
}
.note-system {
  display: none;
}
table.width-780px {
  width: 780px;
}
span.search {
  position: absolute;
  right: 100px;
}
span.search input[type=text] {
  width: 300px;
  padding: 4px 5px 4px 20px;
  background: transparent url("/images/chosen-sprite.png") no-repeat scroll -30px -20px;
  color: #505358;
}
tr.email-folder td {
  text-align: center;
  font-weight: bold;
}
.display-none {
  display: none;
}
.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;
}
span.customer-flags {
  color: #f00;
  font-weight: bold;
}
.dropbtn {
  background-color: #fff;
  color: #00407C;
  padding: 12px;
  font-size: 13px;
  font-weight: bold;
  border: none;
  cursor: pointer;
}
.dropbtn:hover,
.dropbtn:focus {
  background-color: #dfdbdb;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 280px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 2;
}
.dropdown-content .checkbox {
  color: black;
  padding: 12px;
  display: block;
}
.dropdown a:hover {
  background-color: #ddd;
}
tr.highlight {
  background-color: #feffab !important;
}