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;
}
:root {
  --button-color: #2cba92;
}
header {
  color: #fff;
  height: 130px;
  position: relative;
}
header .userstatdropdown {
  cursor: pointer;
  padding-top: 10px;
  position: absolute;
  right: 80px;
  font-size: 15px;
  color: #68C8C2;
}
header .logo {
  left: 45px;
  position: absolute;
  top: 3px;
}
header .user_stat_set {
  cursor: pointer;
  padding-top: 10px;
  position: absolute;
  right: 235px;
  font-size: 15px;
  color: #68C8C2;
}
header .logout {
  cursor: pointer;
  padding-top: 10px;
  position: absolute;
  right: 10px;
  text-decoration: underline;
  font-size: 15px;
  color: #68C8C2;
}
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 .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: #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-right: 1px solid #c1c1c1;
  bottom: 0;
  position: absolute;
  top: 130px;
  width: 200px;
  z-index: 1;
}
nav>ul>li {
  border-bottom: 1px solid #c1c1c1;
  border-top: 1px solid #c1c1c1;
  color: #000;
  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;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 130px;
  z-index: 0;
}
section#content .full-box {
  width: calc( 100% - 20px );
}
section#content .full-box .form {
  width: 100%;
}
section#content .full-box .form .form-container {
  width: 100%;
}
section#content .full-box .form .form-container .section.active {
  width: 100%;
}
section#content .full-box .form .form-container .section.active .elements {
  width: calc( 100% - 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: 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;
}
.form-builder-dialog {
  font-size: 16px;
}
.form-builder {
  margin-top: 15px;
  width: 100%;
}
.form-builder .frm-holder {
  margin-top: 16px;
  width: 100%;
}
.form-builder .frm-holder .form-elements {
  width: 100%;
}
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 {
  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: #cdf;
}
div.autocomplete-suggestions strong {
  color: #21308d;
}
.popup .rendered-form div {
  width: 98%;
  padding: 1%;
}
#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 .form {
  width: 100%;
}
.popup .container .form .form-container {
  width: 100%;
}
.popup .container .form .form-container .section {
  width: calc( 100% - 20px );
}
.popup .container .form .form-container .section .elements {
  width: calc( 100% - 20px );
}
.popup .box-container {
  width: 100%;
}
.popup .box-container .form {
  width: 100%;
}
.popup .box-container .form .form-container {
  width: 100%;
}
.popup .box-container .form .form-container .section {
  width: calc( 100% - 20px );
}
.popup .box-container .form .form-container .section .elements {
  width: calc( 100% - 20px );
}
.popup .container {
  left: 0;
  padding: 10px;
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: 3;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.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 div.ui-accordion {
  display: block;
  width: 800px;
}
.popup .container div.ui-accordion .group {
  display: block;
  width: 100%;
}
.popup .container div.mce-panel {
  display: block;
}
.popup .container div.mce-panel .mce-container-body {
  display: block;
}
.popup .container div.mce-panel .mce-stack-layout-item {
  width: 100%;
}
.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;
}
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.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 .alphabet,
.popup .container div.input .alphabet {
  width: 30px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
.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.input.top,
.popup .container div.input.top {
  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;
  vertical-align: -2px;
}
.form div.multicheck,
.popup .container div.multicheck {
  max-height: 250px;
  margin-right: 20px;
}
.form div.multicheck span.input,
.popup .container div.multicheck span.input {
  border: 1px solid #c1c1c1;
  display: block;
  padding: 5px;
  overflow-y: scroll;
  width: 100%;
  max-height: 250px;
}
.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 {
  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,
.popup .container .width-50px {
  width: 50px;
}
.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,
.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,
.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,
.popup .container .width-250px {
  width: 250px;
}
.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 select,
.form .width-300px textarea,
.popup .container .width-300px input[type=password],
.popup .container .width-300px select,
.popup .container .width-300px textarea {
  width: 300px;
}
.form .width-350px,
.popup .container .width-350px {
  width: 350px;
}
.form .width-350px input[type=password],
.form .width-350px select,
.form .width-350px textarea,
.popup .container .width-350px input[type=password],
.popup .container .width-350px select,
.popup .container .width-350px textarea {
  width: 350px;
}
.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-450px,
.popup .container .width-450px {
  width: 450px;
}
.form .width-450px input[type=password],
.form .width-450px input[type=text],
.form .width-450px select,
.form .width-450px textarea,
.popup .container .width-450px input[type=password],
.popup .container .width-450px input[type=text],
.popup .container .width-450px select,
.popup .container .width-450px textarea {
  width: 450px;
}
.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-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,
.popup .container .width-700px input[type=password],
.popup .container .width-700px input[type=text],
.popup .container .width-700px select,
.popup .container .width-700px textarea {
  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,
.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;
}
.popup .faq_answer h2 {
  background: #FFFFFF;
  background: -moz-linear-gradient(top,#FFFFFF 0%,#FFFFFF 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFFFFF),color-stop(100%,#FFFFFF));
  background: -webkit-linear-gradient(top,#FFFFFF 0%,#FFFFFF 100%);
  background: -o-linear-gradient(top,#FFFFFF 0%,#FFFFFF 100%);
  background: -ms-linear-gradient(top,#FFFFFF 0%,#FFFFFF 100%);
  background: linear-gradient(to bottom,#FFFFFF 0%,#FFFFFF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#FFFFFF',GradientType=0);
  border: none;
  border-bottom: 0;
  color: #45484d;
  height: auto;
  line-height: 40px;
  padding-left: 10px;
  position: relative;
}
.popup .faq_answer h2 span {
  display: block;
  font-weight: normal;
  position: absolute;
  right: 10px;
  top: 0;
}
.popup .faq_answer p {
  padding-left: 10px;
}
.faq_answer h2 {
  background: #FFFFFF;
  background: -moz-linear-gradient(top,#FFFFFF 0%,#FFFFFF 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFFFFF),color-stop(100%,#FFFFFF));
  background: -webkit-linear-gradient(top,#FFFFFF 0%,#FFFFFF 100%);
  background: -o-linear-gradient(top,#FFFFFF 0%,#FFFFFF 100%);
  background: -ms-linear-gradient(top,#FFFFFF 0%,#FFFFFF 100%);
  background: linear-gradient(to bottom,#FFFFFF 0%,#FFFFFF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#FFFFFF',GradientType=0);
  border: none;
  border-bottom: 0;
  color: #45484d;
  height: auto;
  line-height: 40px;
  padding-left: 10px;
  position: relative;
}
.faq_answer h2 span {
  display: block;
  font-weight: normal;
  position: absolute;
  right: 10px;
  top: 0;
}
.faq_answer p {
  padding-left: 10px;
}
.faq_question {
  font-weight: bold;
  font-size: 1.3em;
}
.display_id {
  font-weight: bold;
  font-size: 1.3em;
}
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;
}
.hidden_true {
  display: none !important;
}
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_detail h1 {
  font-size: 3em;
}
#customer_detail h2 {
  font-size: 2.8em;
}
#customer_detail h2 {
  background: #ffffff;
  background: -moz-linear-gradient(top,#ffffff 0%,#ffffff 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top,#ffffff 0%,#ffffff 100%);
  background: -o-linear-gradient(top,#ffffff 0%,#ffffff 100%);
  background: -ms-linear-gradient(top,#ffffff 0%,#ffffff 100%);
  background: linear-gradient(to bottom,#ffffff 0%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0);
  border: none;
  border-bottom: 0;
  color: #000000;
  height: 40px;
  line-height: 40px;
  padding-left: 0;
  position: relative;
}
#customer_detail h3 {
  font-size: 2.4em;
}
#customer_detail h4 {
  font-size: 2.0em;
}
#customer_detail h5 {
  font-size: 1.6em;
}
#customer_detail h6 {
  font-size: 1.2em;
}
.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-container {
  margin: 0px auto;
  display: block;
  position: relative;
  width: 100%;
}
div.full-box {
  clear: both;
  float: left;
  width: 100%;
}
div.full-box div {
  float: left;
}
div.full-box div.four-button-middle {
  margin-left: calc( 50% - 240px );
}
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.full-box div.one-column {
  float: left;
  width: 98%;
  margin: 0;
  padding: 1%;
}
div.full-box div.two-column {
  float: left;
  width: 48%;
  margin: 0;
  padding: 1%;
}
div.full-box div.three-column {
  float: left;
  width: 31%;
  margin: 0;
  padding: 1%;
}
div.full-box div.four-column {
  float: left;
  width: 24%;
  margin: 0;
  padding: .5%;
}
div.full-box #date_display p {
  font-weight: bold;
}
div.full-box .rendered-form {
  padding: 10px;
}
div.full-box .rendered-form div {
  width: 90%;
}
div.full-box .rendered-form label {
  display: inline-block;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 1px;
  font-size: 13px;
  width: calc( 100% - 20px );
}
div.full-box .rendered-form p {
  padding-bottom: 3px;
}
div.full-box .rendered-form .header {
  padding-bottom: 4px;
}
div.full-box .rendered-form input[type=text],
div.full-box .rendered-form input[type=password] {
  display: inline-block;
  height: 28px;
  border: 1px solid #e0d5c6;
  width: calc( 100% - 20px );
}
div.full-box .rendered-form input[type=number] {
  display: inline-block;
  height: 28px;
  border: 1px solid #e0d5c6;
  width: calc( 100% - 80px );
}
div.full-box .rendered-form textarea {
  display: inline-block;
  border: 1px solid #e0d5c6;
  width: calc( 100% - 20px );
}
div.half-box {
  float: left;
  width: 500px;
}
div.table-half {
  display: inline-block;
  width: 50%;
}
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;
}
.queue-table h2 {
  clear: both;
  font-size: 18px;
  font-weight: bold;
}
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;
}
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: 5px;
  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 {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
ul.warranty-images li:last-child {
  margin-right: 0px;
}
span.page_nav {
  margin-left: 100px;
}
span.page_nav .nav-link {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
  font-size: 12px;
}
.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;
}
div.ui-accordion {
  display: block;
  width: 800px;
}
div.ui-accordion .group {
  display: block;
  width: 100%;
}
div.ui-accordion .group .ui-accordion-content {
  width: 100%;
}
div.ui-accordion .group .ui-accordion-content p {
  width: 100%;
}
.ui-autocomplete {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
a.ui-menu-item-wrapper,
a.ui-widget-client,
div.ui-menu-item-wrapper,
div.ui-widget-client,
li.ui-menu-item-wrapper,
li.ui-widget-client {
  background: #fff;
  color: #2b2b2b;
  display: block;
  float: none !important;
  font-weight: bold;
  font-size: 23px;
  padding: 3px 1em 3px .4em;
}
a.ui-menu-item-wrapper:hover,
a.ui-widget-client:hover,
div.ui-menu-item-wrapper:hover,
div.ui-widget-client:hover,
li.ui-menu-item-wrapper:hover,
li.ui-widget-client:hover {
  background: #003773;
  color: #ffffff;
}
li.ui-menu-item {
  display: block;
}
li.ui-menu-item a {
  display: block;
  text-decoration: none;
}
.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;
}
.width-100 {
  width: 100%;
}
input[type=button].custom_button {
  background: #730000;
  border: #730000;
}
div.three-column {
  float: left;
  width: 26.3%;
  margin-top: 5px;
  text-align: left;
}
div.two-column {
  float: left;
  width: 50%;
}
.two-column:after {
  content: "";
  display: table;
  clear: both;
}
div.ui-sortable-handle span {
  border: 1px solid #666;
  border-radius: 4px;
  padding-right: 25px;
  background: #ddd url(/images/icon_clicker.png) no-repeat;
  background-position-x: 2px;
  background-position-y: center;
  background-size: 20px;
}
div.ui-sortable-handle span:hover {
  border: 1px solid #666;
  border-radius: 4px;
  padding-right: 25px;
  background: #ddd url(/images/icon_hand_open.png) no-repeat;
  background-position-x: 2px;
  background-position-y: center;
  background-size: 20px;
}
div.ui-sortable-handle span:active {
  border: 1px solid #666;
  border-radius: 4px;
  padding-right: 25px;
  background: #ddd url(/images/icon_hand.png) no-repeat;
  background-position-x: 2px;
  background-position-y: center;
  background-size: 20px;
}
input.three-column {
  position: relative;
  left: 25px;
}
div.special_form {
  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;
  width: 97%;
}
.special_input_width {
  width: 100%;
}
.special_input_width span {
  width: 100%;
}
.special_input_width input {
  width: 100%;
}
.active_button {
  box-shadow: 0px 0px 10px green;
  border: 1px solid green;
}
.clear_both {
  clear: both;
}
.button-color:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 28px;
  right: -20px;
  bottom: 0px;
  background-color: var(--button-color);
  border-radius: 4px;
}
#button_options div.input {
  margin-right: 25px !important;
}
.client-name {
  text-decoration: underline;
  font-size: 22px;
  color: #1c4592;
  font-weight: bold;
  margin-right: 20px;
  margin-left: 20px;
  text-align: center;
}
.wwdft {
  font-size: 20px;
  font-weight: bold;
  color: #a81c00;
  width: 100%;
}
.services {
  font-size: 16px;
  width: 100%;
}
.phone_numbers {
  font-size: 20px;
  font-weight: bold;
  color: #b45f4c;
  width: 100%;
}
.phone_numbers_list {
  font-size: 16px;
  width: 100%;
}
.oncall_tech {
  font-size: 20px;
  font-weight: bold;
  color: #38761d;
  top: 120px;
  left: 10px;
  width: 100%;
}
.backup_tech {
  font-size: 20px;
  font-weight: bold;
  color: #741b5e;
  top: 120px;
  left: 10px;
  width: 100%;
}
.dispatcher_tech {
  font-size: 20px;
  font-weight: bold;
  color: #bf9000;
  top: 120px;
  left: 10px;
  width: 100%;
}
.client-address {
  font-size: 18px;
  font-weight: bold;
  width: 100%;
}
.address1 {
  font-size: 16px;
  width: 100%;
}
.address1:empty {
  display: none;
}
.client-information-text {
  font-size: 16px;
  width: 100%;
}
.client-information-heading {
  font-size: 18px;
  font-weight: bold;
  width: 100%;
}
.business_hours {
  float: right;
}
.float-left {
  float: left;
}
.paddingright-20 {
  padding-right: 20px;
}
.margintop-16 {
  margin-top: 16px !important;
}
.marginright-10 {
  margin-right: 10px;
}
div.ui-slider-range.ui-widget-header {
  background: #0000ff;
}
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}
.mce-notification {
  display: none !important;
}
div.notifications {
  box-sizing: border-box;
  position: absolute;
  right: 10px;
  top: 50px;
  width: 300px;
}
div.notifications div.notification {
  box-sizing: border-box;
  border: 1px solid #6a8;
  background: #76fbb0;
  font-size: 14px;
  margin: 10px 0 10px 0;
  padding: 10px;
  position: relative;
  width: 100%;
}
div.notifications div.notification div.close {
  cursor: default;
  font-size: 14px;
  position: absolute;
  right: 5px;
  top: 5px;
}
div.notifications div.notification span {
  display: block;
}
div.notifications div.notification span.title {
  font-weight: bold;
  margin-bottom: 5px;
}
div.notifications div.notification span.link {
  cursor: default;
  text-decoration: underline;
}