/* BACKGROUND COLORS */
/*body-background, cb1 */
/*main-background, cb2 */
/*input-background-02, cb7*/
/*slightly darker background for highlighting things, cb8*/
/* TEXT COLORS */
/*text-color-01, cc1*/
/* COLORS */
/*highlight-dark, error, cc2*/
/*highlight-light, cc3*/
/*green highlight, cc5*/
/*blue highlight color, cc6*/
/*Text color with partial opacity - calendar controls, cc7*/
/* bare button disabled text color, cc8*/
/* updating blink - lighter color */
/* updating blink - darker color */
/* Z-INDEX */
/* LIST VIEWS */
/* PHONE */
/* ================================ */
/* MIXINS                           */
/* ================================ */
/* BACKGROUND COLORS */
/*body-background, cb1 */
/*main-background, cb2 */
/*input-background-02, cb7*/
/*slightly darker background for highlighting things, cb8*/
/* TEXT COLORS */
/*text-color-01, cc1*/
/* COLORS */
/*highlight-dark, error, cc2*/
/*highlight-light, cc3*/
/*green highlight, cc5*/
/*blue highlight color, cc6*/
/*Text color with partial opacity - calendar controls, cc7*/
/* bare button disabled text color, cc8*/
/* updating blink - lighter color */
/* updating blink - darker color */
/* Z-INDEX */
/* LIST VIEWS */
/* PHONE */
/* ================================ */
/* MIXINS                           */
/* ================================ */
input.updating {
  animation: updating-input 1s steps(5, start) infinite;
  -webkit-animation: updating-input 1s steps(5, start) infinite; }

@-webkit-keyframes updating {
  0% {
    border-color: #b86d61; }
  50.0% {
    border-color: #673433; }
  100.0% {
    border-color: #b86d61; } }
@keyframes updating {
  0% {
    border-color: #b86d61; }
  50.0% {
    border-color: #673433; }
  100.0% {
    border-color: #b86d61; } }
.updating-text-color {
  animation: a-updating-text-color 1s steps(5, start) infinite;
  -webkit-animation: a-updating-text-color 1s steps(5, start) infinite; }

@-webkit-keyframes a-updating-text-color {
  0% {
    color: #b86d61; }
  50.0% {
    color: #673433; }
  100.0% {
    color: #b86d61; } }
@keyframes a-updating-text-color {
  0% {
    color: #b86d61; }
  50.0% {
    color: #673433; }
  100.0% {
    color: #b86d61; } }
/* BACKGROUND COLORS */
/*body-background, cb1 */
/*main-background, cb2 */
/*input-background-02, cb7*/
/*slightly darker background for highlighting things, cb8*/
/* TEXT COLORS */
/*text-color-01, cc1*/
/* COLORS */
/*highlight-dark, error, cc2*/
/*highlight-light, cc3*/
/*green highlight, cc5*/
/*blue highlight color, cc6*/
/*Text color with partial opacity - calendar controls, cc7*/
/* bare button disabled text color, cc8*/
/* updating blink - lighter color */
/* updating blink - darker color */
/* Z-INDEX */
/* LIST VIEWS */
/* PHONE */
/* ================================ */
/* MIXINS                           */
/* ================================ */
.edit-list-row-flex {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  border-style: solid;
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px; }

.edit-list-row-flex-long:hover {
  background-color: #212126; }

.edit-list, .edit-list-row, .base-separator {
  border-color: #2B2A30; }

.edit-list {
  display: inline-block;
  /*padding:0px;*/
  /*display: table;*/
  font-size: 0;
  /*border-collapse: collapse;*/
  border-style: solid;
  border-top-width: 0px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  /*border-color: #51535C;*/
  /*border-color: ;*/ }

.edit-list-row {
  /*margin:  0px;*/
  /*padding: 0px;*/
  /*display: table-row;*/
  font-size: 0;
  vertical-align: top;
  border-style: solid;
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  min-height: 20px;
  /*border-collapse: collapse;*/ }

.edit-list-row-long:hover {
  background-color: #212126; }

.input-cell, .base-cell {
  border-style: solid;
  -webkit-transition: background 400ms ease;
  -moz-transition: background 400ms ease;
  -ms-transition: background 400ms ease;
  -o-transition: background 400ms ease;
  transition: background 400ms ease; }

.input-cell {
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-width: 3px;
  border-color: #111014;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 1px;
  margin-left: 0px;
  padding: 2px; }

.deleting-row {
  /*color: red !important;*/
  color: #673433 !important; }

.em-email-cell {
  width: 250px; }

.em-notes-cell {
  width: 150px; }

.pn-number-cell {
  width: 100px; }

.pn-ext-cell {
  width: 30px; }

.pn-notes-cell {
  width: 150px; }

.addr-street-cell {
  width: 175px; }

.addr-line2-cell {
  width: 50px; }

.addr-city-cell {
  width: 75px; }

.addr-state-cell {
  width: 22px; }

.addr-zip-cell {
  width: 40px; }

.addr-notes-cell {
  width: 80px; }

/*Payment methods*/
.pm-number {
  width: 160px; }

.pm-exp {
  width: 50px; }

.pm-cvv {
  width: 35px; }

.pm-first-name {
  width: 100px; }

.pm-last-name {
  width: 100px; }

.pm-notes {
  width: 75px; }

.li-name-cell {
  width: 40%; }

/* LINE ITEMS */
.li-price-cell {
  width: 10%;
  text-align: right; }

.li-commission-cell {
  width: 10%;
  text-align: right; }

.li-duration-cell {
  width: 10%;
  text-align: right; }

.li-work-time-cell {
  display: inline-block;
  width: 30px;
  text-align: center; }

/* LINE ITEM TEMPLATES */
.lit-name-cell {
  /*width:40%;*/
  width: 240px; }

.lit-price-cell {
  /*width:12%;*/
  width: 72px;
  text-align: right; }

.lit-commission-cell {
  /*width:14%;*/
  width: 72px;
  text-align: right; }

.lit-duration-cell {
  /*width:10%;*/
  width: 60px;
  text-align: right; }

select.lit-size-cell {
  width: 85px; }

select.lit-level-cell {
  width: 85px; }

select.lit-area-cell {
  width: 85px; }

input.lit-size-cell {
  margin-left: 5px;
  width: 70px; }

input.lit-level-cell {
  margin-left: 5px;
  width: 70px; }

input.lit-area-cell {
  margin-left: 5px;
  width: 70px; }

.lit-brand-cell {
  /*width:15%;*/
  width: 90px;
  text-align: right; }

.lit-order-cell {
  width: 60px;
  text-align: right; }

.lit-select {
  background-color: #111014;
  color: #CAD0E6;
  border-width: 0px; }

.lit-select:disabled {
  background-color: #2B2A30;
  color: #CAD0E6; }

.line-item-templates-list-container {
  display: inline-block;
  /*width: 600px;*/
  margin: 30px; }

/* PAYMENTS */
.scheduler-payments-table td {
  padding: 0.1em 0.5em 0.1em 0.5em; }
.scheduler-payments-table td:nth-child(4) {
  max-width: 20%; }
.scheduler-payments-table tfoot {
  font-weight: bold; }

.pmt-amount-cell {
  text-align: right; }

.payment-type-select {
  width: 200px;
  background: url(/prototype/images/select-arrow.png) no-repeat 96% 0;
  /*background-position: 80% center;*/
  /*background-repeat: no-repeat;*/ }

.credit-card-select {
  width: 100%; }

.new-payment-details-block {
  margin-left: 10px;
  margin-top: 10px;
  padding-left: 5px;
  border-style: solid;
  border-width: 0px 0px 0px 1px;
  border-color: #51535C; }

.new-payment-details-block-right {
  width: 75%;
  display: inline-block; }

.new-payment-details-table td {
  vertical-align: top; }

.new-payment-details-table td + td {
  width: 150px; }

.add-payment-button-block {
  display: inline-block;
  width: 20%;
  vertical-align: top;
  text-align: center;
  /*background-color: red;*/ }

/* ******************************* */
/* SELECT HTML CONTROL STYLING*/
/* Taken from: http://cssdeck.com/labs/styling-select-box-with-css3 */
/* *******************************/
.base-select, .base-select-cell {
  position: relative; }

.base-select select, .base-select-cell select {
  padding: 3px 20px 3px 3px;
  margin: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #111014;
  color: #CAD0E6;
  border: none;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer; }

.base-select label, .base-select-cell label {
  position: relative; }

.base-select label:after, .base-select-cell label:after {
  font-family: FontAwesome;
  font-size: 12px;
  content: "\f078";
  /* chevron down */
  color: #CAD0E6;
  right: 8px;
  top: 4px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none;
  background-color: transparent; }

.base-select select:disabled {
  color: #575961; }

.base-select-cell select:disabled {
  background-color: transparent; }

.base-select-cell-disabled label:after {
  color: transparent !important; }

.small-select select {
  font-size: 12px; }

.small-select label:after {
  top: 1px !important; }

.small-select label:before {
  height: 15px !important; }

.select-10pt label:after {
  font-size: 10px !important;
  right: 4px !important;
  top: 3px !important; }

/* BACKGROUND COLORS */
/*body-background, cb1 */
/*main-background, cb2 */
/*input-background-02, cb7*/
/*slightly darker background for highlighting things, cb8*/
/* TEXT COLORS */
/*text-color-01, cc1*/
/* COLORS */
/*highlight-dark, error, cc2*/
/*highlight-light, cc3*/
/*green highlight, cc5*/
/*blue highlight color, cc6*/
/*Text color with partial opacity - calendar controls, cc7*/
/* bare button disabled text color, cc8*/
/* updating blink - lighter color */
/* updating blink - darker color */
/* Z-INDEX */
/* LIST VIEWS */
/* PHONE */
/* ================================ */
/* MIXINS                           */
/* ================================ */
.dd-head, .vms-head {
  border: none;
  outline: none;
  background-color: #111014;
  color: #CAD0E6;
  width: 100%;
  padding: 4px;
  border-radius: 3px;
  font-weight: bold;
  transition: transform 0.4s; }

.dd-head:disabled, .vms-head:disabled {
  color: #575961; }

.dd-head-open, .vms-head-open {
  /*box-shadow: -5px 5px 20px black;*/
  border-radius: 5px 5px 0 0; }

.dd-name, .vms-name {
  display: inline-block; }

.dd-chevron {
  display: inline-block;
  font-size: 10px;
  vertical-align: top;
  transition: 0.4s; }

.dd-body {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 5px 5px 20px black;
  background-color: #111014;
  padding: 5px;
  z-index: 100;
  overflow: hidden;
  font-size: 14px;
  transition: 0.2s; }

.dd-body-hide {
  max-height: 0px;
  padding: 0px; }

.dd-body-show {
  max-height: 500px; }

.dd-body-item {
  padding: 2px 3px 2px 3px;
  white-space: nowrap; }

.dd-body-item:hover {
  background-color: #CAD0E6;
  color: #111014; }

.dd-dropdown {
  z-index: 10000;
  background-color: #111014;
  transition: 0.2s; }

.people-window-left {
  display: inline-block;
  width: 682px;
  /*background-color:   #87cefa;*/
  min-height: 755px;
  /*background-color: red;*/ }

.people-window-right {
  display: inline-block;
  width: 682px;
  border-style: solid;
  border-width: 0px 0px 0px 1px;
  border-color: #51535C;
  /*border-color: red;*/
  /*background-color:   #ffa07a;*/
  min-height: 755px; }

.people-search-table thead {
  font-weight: bold; }

.people-search-table tbody td {
  padding-left: 8px;
  padding-right: 8px;
  vertical-align: top; }

.people-search-table tbody td + td {
  padding-left: 0px; }

.search-person-type-label {
  display: inline-block;
  width: 100px; }

.people-page-search-results-block {
  margin-left: 10px;
  margin-right: 10px; }

.ppsr-cell {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ppsr-index {
  width: 4%;
  text-align: right;
  margin-right: 3px; }

.ppsr-first-name {
  width: 14%; }

.ppsr-last-name {
  width: 14%; }

.ppsr-phone-number {
  width: 17%;
  text-align: left; }

.ppsr-pn-1-3 {
  width: 28px;
  text-align: left; }

.ppsr-pn-4-6 {
  width: 21px;
  text-align: left; }

.ppsr-pn-7-10 {
  width: 41px;
  text-align: left; }

.ppsr-address {
  width: 44%; }

.ppsr-street-and-line2 {
  width: 85px; }

.ppsr-city {
  width: 80px; }

.ppsr-state {
  width: 26px; }

.ppsr-zip {
  width: 40px; }

.ppsr-row {
  font-size: 12px;
  vertical-align: top; }

.ppsr-row:hover {
  /*background-color: #313037;*/
  background-color: #09090d; }

.ppsr-odd-row {
  background-color: #212026; }

.pps-notification {
  text-align: center;
  font-size: 24px;
  padding-right: 50px;
  padding-left: 50px; }

.person-edit-block {
  margin-top: 30px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px; }

.new-person-button-people-window {
  left: 657px;
  /*left:50%;*/
  width: 50px;
  height: 30px;
  position: absolute;
  border-radius: 5px 5px 50px 50px;
  background-color: #a1a6b8;
  color: #2B2A30;
  border: none;
  box-shadow: 0px 2px 20px 0px black;
  transition: 0.2s; }

.new-person-button-people-window:enabled:hover {
  left: 653px;
  /* -4 from width */
  width: 58px;
  height: 34px; }

.add-user-table td + td {
  /*width:300px;*/ }

.add-user-table td + td input {
  width: 200px; }

.add-user-table td + td + td {
  width: 250px; }

/* manage-user-control create-user form field*/
.msc-cu-ff-error {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: inline-block;
  background-color: #e23838;
  width: 90%;
  border-radius: 3px;
  padding-right: 5px; }

.msc-cu-ff-error-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  padding-left: 5px;
  /*background-color: #00ff00;*/
  /*opacity: .5;*/ }

.msc-cu-ff-error-before {
  display: inline-block;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #e23838;
  margin-top: 0px;
  margin-right: -3px;
  vertical-align: middle; }

.msc-cu-success-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  /* Chrome, Safari, Opera */
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  /* Chrome, Safari, Opera */
  backface-visibility: hidden; }

.msc-cu-success-background-block {
  border-radius: 5px;
  background-color: #191a20;
  opacity: .95;
  width: 100%;
  height: 100%; }

.msc-cu-success-foreground-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  align-content: center;
  margin-top: 10px; }

.existing-user-table {
  border-width: 0px;
  border-collapse: collapse; }

.existing-user-table tr {
  /*padding-top:10px;*/
  /*padding-bottom: 10px;*/ }

.existing-user-table td {
  width: 100px;
  vertical-align: top;
  border-width: 0px;
  padding-top: 5px;
  padding-bottom: 5px; }

.existing-user-table td + td {
  font-size: 14px;
  /*min-width: 300px;*/
  white-space: nowrap;
  min-width: 200px; }

.existing-user-table tr:nth-child(even) {
  background: #212026; }

.technician-data-table td {
  vertical-align: top; }

.weekly-availability thead td {
  font-weight: bold;
  text-align: center; }

/* BACKGROUND COLORS */
/*body-background, cb1 */
/*main-background, cb2 */
/*input-background-02, cb7*/
/*slightly darker background for highlighting things, cb8*/
/* TEXT COLORS */
/*text-color-01, cc1*/
/* COLORS */
/*highlight-dark, error, cc2*/
/*highlight-light, cc3*/
/*green highlight, cc5*/
/*blue highlight color, cc6*/
/*Text color with partial opacity - calendar controls, cc7*/
/* bare button disabled text color, cc8*/
/* updating blink - lighter color */
/* updating blink - darker color */
/* Z-INDEX */
/* LIST VIEWS */
/* PHONE */
/* ================================ */
/* MIXINS                           */
/* ================================ */
/* ======================= */
/* COMPANY PHONE NUMBERS   */
/* ======================= */
.company-phonenumber-row {
  display: block; }

.company-phonenumber-row > div {
  display: inline-block;
  font-size: 14px;
  vertical-align: middle; }

.company-phonenumber-row:hover {
  background-color: #232229; }

.company-phonenumber-heading-row > div {
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
  font-weight: bold; }

.cpn-check-cell {
  text-align: right;
  /*background-color: black;*/ }

.cpn-pn-cell {
  width: 150px;
  text-align: center; }

.cpn-emp-cell {
  width: 140px;
  max-width: 140px;
  text-overflow: ellipsis; }

.cpn-edit-forwarding-button-cell i {
  font-size: 10px;
  text-align: left;
  padding-bottom: 10px; }

.cpn-notes-h, .cpn-notes-r {
  width: 200px; }

.cpn-label-h, .cpn-label-r {
  width: 200px; }

.cpn-brand-h, .cpn-brand-r {
  width: 200px; }

.cpn-notes-r, .cpn-label-r, .cpn-brand-r {
  font-weight: normal !important; }

.cpn-tags-g, .cpn-tags-r {
  width: 200px; }

.cpn-tags-r {
  font-weight: normal !important; }

.cpn-expand-button {
  border: none;
  outline: none;
  background-color: transparent;
  color: #CAD0E6;
  -webkit-transition: font-size 0.2s, margin-left 0.2s, rotate 0.4s, transform 0.4s;
  transition: font-size 0.2s, margin-left 0.2s, rotate 0.4s, transform 0.4s; }

.cpn-expand-button:hover {
  color: #FD5F45; }

.cpn-edit-window {
  /*margin-right:40px;*/
  padding: 10px;
  background-color: #232229;
  border-radius: 0 0 10px 10px;
  font-size: 14px; }

.cpn-edit-table {
  font-size: 14px;
  margin-left: 20px; }

.cpn-edit-table td {
  font-weight: bold;
  vertical-align: top; }

.cpn-edit-table td + td {
  font-weight: normal; }

.cpn-edit-forwarding-button {
  background-color: transparent;
  border: none;
  outline: none;
  color: #CAD0E6;
  /*background-color: #00008b;*/
  vertical-align: top;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.cpn-edit-forwarding-button:hover i {
  font-size: 12px;
  margin-left: -2px; }

.cpn-edit-forwarding-button i {
  margin-top: 0px;
  font-size: 10px;
  /*background-color: black;*/
  vertical-align: top; }

.cpn-edit-forwarding-window {
  background-color: #1f1e24; }

.cpn-forwarding-edit-inner-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  background-color: #111014;
  padding: 5px;
  border-radius: 0 0 5px 5px;
  z-index: 10;
  box-shadow: 5px 5px 20px black; }

.cpn-forwarding-number-select-item {
  padding-left: 10px; }

.cpn-forwarding-number-select-item:hover {
  background-color: #CAD0E6;
  color: #111014; }

/* ========================= */
/* EXPAND BUTTON CONTROL     */
/* ========================= */
.expand-button-control-expanded-closed {
  max-height: 0px;
  overflow: hidden; }

.expand-button-control-expanded-open {
  min-height: 800px;
  overflow: hidden; }

/* ========================= */
/*       BULK EDIT           */
/* ========================= */
.cpn-bulk-edit {
  font-size: 14px;
  background-color: #232229;
  transition: 0.4s; }

.cpn-bulk-edit-minimized {
  width: 120px;
  padding: 5px;
  margin: 10px;
  border-radius: 5px;
  /*max-height: 20px;*/
  /*overflow: hidden;*/ }

.cpn-bulk-edit-expanded {
  width: 600px;
  padding: 15px;
  margin: 10px;
  border-radius: 10px; }

.cpn-bulk-edit-table td {
  font-weight: bold;
  padding-left: 8px;
  vertical-align: top; }

.cpn-bulk-edit-table td + td {
  font-weight: normal; }

.cpn-bulk-edit-heading {
  font-size: 18px; }

/* ================= */
/* BUY PHONE NUMBERS */
/* ================= */
.cpn-buy {
  font-size: 14px;
  background-color: #232229;
  transition: 0.4s; }

.cpn-buy-minimized {
  width: 240px;
  padding: 5px;
  margin: 10px;
  border-radius: 5px; }

.cpn-buy-expanded {
  width: 600px;
  padding: 15px;
  margin: 10px;
  border-radius: 10px; }

.buy-phonenumbers-table {
  white-space: nowrap; }

.buy-phonenumbers-table thead {
  font-weight: bold; }

.buy-phonenumbers-table td {
  width: 115px;
  white-space: nowrap; }

.buy-phonenumbers-table td:nth-child(2) {
  width: 115px; }

.buy-phonenumbers-table td:nth-child(3) {
  width: 75px; }

.buy-phonenumbers-table td:nth-child(4) {
  width: 75px; }

.cpn-fc {
  display: inline-block;
  /*background-color: #232229;*/
  background-color: #111014;
  transition: 0.4s;
  border-radius: 2px 2px 2px 2px;
  padding: 4px;
  color: #CAD0E6;
  border: none;
  outline: none; }

.cpn-fc-chevron {
  display: inline-block;
  /*background-color: #111014;*/
  transition: transform 0.4s;
  /*border-style: solid;*/
  /*border-color: #2B2A30;*/
  /*border-width: 1px 1px 1px 1px;*/
  /*height: 100%;*/ }

.cpn-fc-open {
  background-color: #111014;
  box-shadow: 5px 5px 20px black;
  border-radius: 2px 2px 0px 0px; }

.vm-left {
  display: inline-block;
  width: 49%;
  vertical-align: top;
  /*background-color: #00008b;*/ }

.vm-right {
  display: inline-block;
  width: 49%;
  vertical-align: top;
  /*background-color: #8b0000;*/ }

/* BACKGROUND COLORS */
/*body-background, cb1 */
/*main-background, cb2 */
/*input-background-02, cb7*/
/*slightly darker background for highlighting things, cb8*/
/* TEXT COLORS */
/*text-color-01, cc1*/
/* COLORS */
/*highlight-dark, error, cc2*/
/*highlight-light, cc3*/
/*green highlight, cc5*/
/*blue highlight color, cc6*/
/*Text color with partial opacity - calendar controls, cc7*/
/* bare button disabled text color, cc8*/
/* updating blink - lighter color */
/* updating blink - darker color */
/* Z-INDEX */
/* LIST VIEWS */
/* PHONE */
/* ================================ */
/* MIXINS                           */
/* ================================ */
.phone-container {
  position: fixed;
  z-index: 1000;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0px;
  width: 350px;
  padding: 0px;
  /*overflow: hidden;*/
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }

.phone-container-hidden {
  top: -270px; }

.phone-container-expanded {
  /*height: 130px;*/
  /*border-radius: 0px 0px 5px 5px;*/
  top: 0px; }

.phone-body {
  height: 260px;
  box-shadow: 0px -0px 20px 0px black;
  background-color: #2B2A30;
  padding: 10px 10px 0px 10px;
  overflow: hidden;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }

.phone-arc-container {
  /*background-color: lightblue;*/
  position: relative;
  height: 40px;
  overflow: hidden;
  text-align: center;
  vertical-align: top; }

.phone-arc {
  position: absolute;
  z-index: 0;
  left: 50%;
  margin-top: -770px;
  margin-right: -400px;
  margin-left: -400px;
  /*margin-bottom: 10px;*/
  /*background-color: #214634;*/
  background-color: #2B2A30;
  width: 800px;
  height: 800px;
  border-radius: 0px 0px 1000px 1000px;
  box-shadow: 0px 4px 20px -7px black;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  overflow: hidden; }

.phone-arc-minimized {
  width: 800px;
  margin-right: -400px;
  margin-left: -400px; }

.phone-arc-minimized:hover {
  width: 1000px;
  /*height: 400px;*/
  /*height: 400px;*/
  /*margin-top: -770px;*/
  margin-right: -500px;
  margin-left: -500px; }

.phone-arc-expanded {
  width: 1000px;
  margin-right: -500px;
  margin-left: -500px; }

.phone-arc-icon {
  position: absolute;
  /*left: 50%;*/
  font-size: 24px;
  background-color: #214634;
  text-align: center;
  /*opacity: .5;*/
  -webkit-transition: .4s;
  transition: .4s; }

.phone-arc-icon-closed {
  bottom: 0px;
  width: 800px;
  left: 50%;
  margin-right: -400px;
  margin-left: -400px; }

.phone-arc-icon-open {
  width: 200px;
  border-radius: 100px;
  left: 50%;
  margin-right: -100px;
  margin-left: -100px;
  height: 200px;
  bottom: -170px; }

.phone-arc-icon:hover {
  color: white;
  /*text-shadow: 0px 0px 10px white;*/ }

.call-method-radio {
  text-align: center;
  margin-bottom: 10px; }

.call-method-radio input {
  display: none; }

.call-method-radio input + div {
  display: inline-block;
  margin-right: 20px;
  margin-left: 20px;
  text-align: center;
  width: 35px;
  height: 35px;
  border-radius: 100px;
  vertical-align: middle;
  -webkit-transition: .1s;
  transition: .1s;
  /* NOT CHECKED */
  color: #b2b8ce;
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 1px #b2b8ce;
  /*top internal highlight*/
  background-color: #2B2A30; }

.call-method-radio input + div i {
  vertical-align: middle;
  margin-top: 7px;
  font-size: 24px; }

.call-method-radio input:checked + div {
  box-shadow: 2px 2px 5px #161616 inset;
  color: #4BBC9C;
  text-shadow: 0px 0px 50px #4BBC9C; }

/* Holds the three different types of phones */
.phone-types-slide-container {
  position: relative;
  width: 330px;
  height: 320px;
  overflow: hidden; }

.phone-types-slide {
  position: absolute;
  top: 0px;
  width: 999px;
  vertical-align: top;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }

.phone-types-slide-phone {
  left: 0px; }

.phone-types-slide-browser {
  left: -333px; }

.phone-types-slide-sms {
  left: -666px; }

.phone-type-body {
  display: inline-block;
  width: 330px;
  vertical-align: top;
  -webkit-transition: transform 0.29s, display 0s;
  -moz-transition: transform 0.29s, display 0s;
  -ms-transition: transform 0.29s, display 0s;
  -o-transition: transform 0.29s, display 0s;
  transition: transform 0.29s, display 0s; }

.phone-mini-heading {
  font-size: 12px;
  font-weight: bold; }

.sms-container {
  display: inline-block;
  margin-left: 5px;
  width: 290px;
  height: 120px;
  position: relative; }

.sms-character-count {
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  margin-left: 20px; }

.sms-character-count-ok {
  color: #4BBC9C; }

.sms-character-count-too-many {
  color: #CC4D38; }

.browser-call-buttons-slide {
  position: absolute;
  background-color: #00008b;
  width: 100%;
  height: 30px; }

.action-button {
  position: absolute;
  /*top: 43px;*/
  /*right:63px;*/
  top: 33px;
  left: 50%;
  border: none;
  outline: none;
  height: 46px;
  min-width: 46px;
  margin: -23px;
  border-radius: 100px;
  color: #CAD0E6;
  font-size: 24px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

.action-button i {
  -webkit-transition: transform 0.5s, color 0.1s;
  -moz-transition: transform 0.5s, color 0.1s;
  -ms-transition: transform 0.5s, color 0.1s;
  -o-transition: transform 0.5s, color 0.1s;
  transition: transform 0.5s, color 0.1s; }

.action-button i:hover {
  color: white; }

.action-button-call-state {
  background-color: #49ba5d; }

.action-button-hangup-state {
  background-color: #ba2c2d; }

.phone-call-button {
  font-size: 24px; }

.phone-call-button-hangup-state i {
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-left: -3px; }

.browser-call-button-hangup-state i {
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.sms-button {
  font-size: 24px;
  background-color: #49ba5d; }

.phone-number-inputs-block {
  display: inline-block;
  width: 49%;
  /*background-color: #87cefa;*/
  vertical-align: top; }

.key-pad-block {
  display: inline-block;
  width: 49%;
  /*background-color: #ffa07a;*/
  vertical-align: top;
  text-align: center; }

.keypad-table {
  font-size: 12px;
  /*background-color: #00ff00;*/
  text-align: center;
  border-collapse: collapse;
  border: none; }

.keypad-table td {
  border-style: solid;
  border-width: 3px;
  border-color: #2B2A30;
  border-collapse: collapse;
  background-color: #201f25;
  width: 33px;
  /*height: 33px;*/ }

.keypad-table td:hover {
  color: #4BBC9C;
  /*text-shadow: 0px 0px 20px $green-highlight;*/
  /*box-shadow: 2px 2px 5px #161616 inset;*/ }

.number-pad-pressed {
  text-shadow: 0px 0px 10px #4BBC9C;
  /*box-shadow: 3px 3px 3px #161616 inset;*/
  box-shadow: 1px 1px 3px black inset; }

.keypad-table td div + div {
  font-size: 10px;
  height: 12px;
  min-width: 20px;
  /*background-color: #87cefa;*/ }

.phone-pn-input {
  width: 80%; }

.incoming-call-answer-button {
  animation: incoming-call-answer-button 1s steps(5, start) infinite;
  -webkit-animation: incoming-call-answer-button 1s steps(5, start) infinite; }

@-webkit-keyframes incoming-call-answer-button {
  0% {
    height: 46px 0;
    min-width: 46px 0;
    margin: 46px 0/-2; }
  50.0% {
    height: 54px;
    min-width: 54px;
    margin: -27px; }
  100.0% {
    height: 46px 0;
    min-width: 46px 0;
    margin: 46px 0/-2; } }
.incoming-call-button {
  animation: incoming-call-button 0.5s steps(5, start) infinite;
  -webkit-animation: incoming-call-button 0.5s steps(5, start) infinite; }

@-webkit-keyframes incoming-call-button {}
/* BACKGROUND COLORS */
/*body-background, cb1 */
/*main-background, cb2 */
/*input-background-02, cb7*/
/*slightly darker background for highlighting things, cb8*/
/* TEXT COLORS */
/*text-color-01, cc1*/
/* COLORS */
/*highlight-dark, error, cc2*/
/*highlight-light, cc3*/
/*green highlight, cc5*/
/*blue highlight color, cc6*/
/*Text color with partial opacity - calendar controls, cc7*/
/* bare button disabled text color, cc8*/
/* updating blink - lighter color */
/* updating blink - darker color */
/* Z-INDEX */
/* LIST VIEWS */
/* PHONE */
/* ================================ */
/* MIXINS                           */
/* ================================ */
.phone-calls-page {
  padding: 10px; }

.called-another-brand {
  color: #7245b8 !important; }

.auto-block {
  color: #b5b836 !important; }

.play-button {
  text-decoration: none;
  color: #CAD0E6; }

.play-button:hover {
  color: #FD5F45; }

.sms-button {
  background-color: transparent;
  color: #CAD0E6;
  border: none;
  font-size: 12px;
  outline: none; }

.sms-button:hover {
  color: #FD5F45; }

.sms-message, .sms-message-large, .sms-message-scheduler {
  text-align: left    !important;
  color: #2B2A30; }

.sms-message-large {
  width: 270px !important; }

.sms-message-scheduler {
  width: 85%; }

.sms-minimized {
  padding: 1px 5px 2px 5px; }

.sms-expanded {
  white-space: normal !important;
  padding: 5px 5px 5px 5px; }

.sms-in {
  margin-right: 10px;
  background-color: #4BBC9C;
  border-radius: 5px 5px 0px 5px; }

.sms-out {
  margin-left: 35px;
  background-color: #5C9DF5;
  border-radius: 5px 5px 5px 0px; }

.sms-requires-no-action {
  display: inline-block;
  width: 23px;
  max-width: 23px; }

.sms-requires-no-action-button {
  color: #CC4D38 !important; }

.sms-requires-no-action-button:hover {
  color: #b8273f !important; }

.phone-calls-list-window-row {
  font-weight: normal;
  font-size: 12px;
  padding: 1px 0px 1px 0px; }

.phone-calls-list-window-row > div {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top; }

.phone-calls-list-window-row > div:nth-child(1n) {
  /* Day of week */
  width: 40px;
  overflow: hidden; }

.phone-calls-list-window-row > div:nth-child(2n) {
  /* Date */
  width: 90px; }

.phone-calls-list-window-row > div:nth-child(3n) {
  /* Time */
  width: 60px; }

.phone-calls-list-window-row > div:nth-child(4n) {
  /* Duration */
  width: 35px; }

.phone-calls-list-window-row > div:nth-child(5n) {
  /* Recording */
  width: 25px;
  text-align: center; }

.phone-calls-list-window-row > div:nth-child(6n) {
  /* Direction */
  width: 50px; }

.phone-calls-list-window-row > div:nth-child(7n) {
  /* Missed */
  width: 20px; }

.phone-calls-list-window-row > div:nth-child(8n) {
  /* Customer number */
  width: 110px; }

.phone-calls-list-window-row > div:nth-child(9n) {
  /* Custromer name */
  width: 100px; }

.phone-calls-list-window-row > div:nth-child(10n) {
  /* Company number */
  width: 110px; }

.phone-calls-list-window-row > div:nth-child(11n) {
  /* Company number notes/label */
  width: 100px; }

.phone-calls-list-window-row > div:nth-child(11n):hover {
  /* Company number notes/label */
  width: 100px;
  color: #FD5F45;
  height: inherit;
  text-wrap: normal;
  overflow-y: visible;
  white-space: normal; }

.phone-calls-list-window-row > div:nth-child(12n) {
  /* Employee name */
  width: 70px; }

.phone-calls-list-window-row > div:nth-child(13n) {
  /* Buttons - Debug and Return buttons */
  width: 105px; }

.phone-calls-list-window-row-error > div:nth-child(1n) {
  color: #CC4D38; }

.phone-calls-list-window-row-error > div:nth-child(14n) {
  color: #CAD0E6; }

.call-report .cr-open-button {
  cursor: pointer; }

.call-report .cr-week {
  display: flex; }

.call-report .cr-day {
  padding: 5px;
  border-radius: 10px;
  border-width: 3px;
  border-color: #424242;
  border-style: solid;
  font-size: 12px;
  width: 14%; }

.call-report .cr-day table {
  font-size: 12px; }

.call-report .cr-date {
  text-align: center; }

.call-report .cr-blank {
  color: #232323; }

/*Return call/sms button*/
.respond-button {
  background-color: transparent;
  color: #CAD0E6;
  border: none;
  font-size: 12px;
  outline: none;
  padding: 3px; }

.respond-button:hover {
  color: #FD5F45; }

.phone-call-heading {
  padding-top: 5px;
  font-size: 14px;
  font-weight: bold; }

/* BACKGROUND COLORS */
/*body-background, cb1 */
/*main-background, cb2 */
/*input-background-02, cb7*/
/*slightly darker background for highlighting things, cb8*/
/* TEXT COLORS */
/*text-color-01, cc1*/
/* COLORS */
/*highlight-dark, error, cc2*/
/*highlight-light, cc3*/
/*green highlight, cc5*/
/*blue highlight color, cc6*/
/*Text color with partial opacity - calendar controls, cc7*/
/* bare button disabled text color, cc8*/
/* updating blink - lighter color */
/* updating blink - darker color */
/* Z-INDEX */
/* LIST VIEWS */
/* PHONE */
/* ================================ */
/* MIXINS                           */
/* ================================ */
.c-header {
  margin-top: 0px;
  margin-bottom: 3px;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 35px;
  border-style: solid;
  border-top-width: 0px;
  border-bottom-width: 1px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-color: #51535C;
  /*background-color: #87cefa;*/
  /*position: absolute;*/
  /*top:0px;*/
  /*left:0px;*/ }

.c-day {
  border-color: #51535C;
  border-style: solid;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 1px;
  vertical-align: top;
  min-height: 70px;
  position: relative;
  /*background: linear-gradient(to bottom, transparent , #323138);*/
  /*background: linear-gradient(to bottom, transparent , #ffa07a);*/ }

.c-day-month-year {
  text-align: center;
  background-color: #70768c;
  color: #2B2A30;
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  /*border-bottom-right-radius: 100px;*/
  /*border-bottom-left-radius: 100px;*/
  width: 50%;
  margin-right: auto;
  margin-left: auto; }

.c-date {
  vertical-align: top;
  /*display: inline-block;*/
  /*float: left;*/
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  /*width: 5%;*/
  width: 50px;
  text-align: center;
  /*background: linear-gradient(to bottom right, transparent , #393740);*/
  /*background: radial-gradient(transparent , #393740);*/
  /*background-color: #2B2A30;*/
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  /*border-bottom-right-radius: 5px;*/
  /*border-top-right-radius: 5px;*/
  /*background-color: #d3d3d3;*/ }

.c-date-today {
  color: #fdf865; }

.c-day-lines {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  margin-right: -3px;
  /*background-color: #87cefa;*/ }

.c-day-line {
  position: relative; }

.c-app-timespan, .c-tl-timespan {
  position: absolute;
  color: #2B2A30;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 8px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 12px;
  margin-top: 1px; }

.c-app-timespan {
  background-color: #B7C2E8;
  opacity: .5;
  z-index: 10; }

.c-tl-timespan {
  background-color: #5C9DF5;
  opacity: .3;
  max-height: 17px;
  text-overflow: clip;
  overflow: hidden; }
  .c-tl-timespan .ro-copy-button {
    display: none; }

.c-app-timespan:hover, .c-tl-timespan:hover {
  opacity: .75;
  /*
  z-index:100;
    max-height:  34px;
    */
  z-index: 1000;
  max-height: 340px; }
  .c-app-timespan:hover .ro-copy-button, .c-tl-timespan:hover .ro-copy-button {
    display: inline-block; }

.c-app-timespan-selected {
  background-color: #FD5F45;
  /*background-color: #5C9DF5;*/
  opacity: .63; }

.c-app-timespan-unverified {
  background-color: #ff0000;
  /*opacity: .63;*/ }

.c-app-info {
  position: absolute;
  top: 0px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s; }

.c-app-info:hover {
  z-index: 100;
  white-space: nowrap;
  overflow: visible;
  width: auto;
  max-width: 200px;
  border-radius: 5px;
  padding: 5px;
  margin-top: -5px;
  margin-left: -5px;
  color: white;
  background-color: #232229;
  box-shadow: 0px 0px 10px black; }

.c-tech-line-tech-name {
  left: 70%;
  /*width:    20%;*/ }

.c-app-error {
  left: 67%;
  width: 3%;
  color: #CC4D38; }

.c-app-brand-error {
  color: #CC4D38; }

.c-app-tech {
  left: 70%;
  width: 7%; }

.c-app-cust {
  left: 77%;
  width: 8%;
  padding-right: 2px; }

.c-app-geo {
  left: 85%;
  width: 15%; }

.c-app-timeoff {
  left: 77%;
  width: 23%; }

.c-month {
  font-size: 14px;
  /*background-color: #ffa07a;*/ }

.c-date-number {
  font-size: 20px;
  display: inline-block; }

.c-date-sup {
  vertical-align: super;
  display: inline-block;
  font-size: 14px;
  /*vertical-align: top;*/ }

.c-date-ln3 {
  font-size: 10px; }

.c-capacity {
  font-size: 10px; }

.c-bottom-loading {
  position: absolute;
  height: 60px;
  width: 819px;
  top: 650px;
  text-align: center;
  font-size: 56px;
  opacity: .75;
  z-index: 100;
  /*top: 695; <-Very bottom*/ }

.ca-bottom-soft-out {
  position: absolute;
  height: 15px;
  width: 819px;
  top: 740px;
  z-index: 100;
  background: linear-gradient(transparent, #1b1a21);
  /*background-color: red;*/
  /*opacity: .5;*/ }

.c-holiday {
  margin-left: 7%; }

.c-lines-container {
  /*background-color: #2B2A30;*/
  /*background-color: #27262D;*/
  border-style: solid;
  border-bottom-width: 1px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-color: #333138; }

.ca-more-button {
  float: right;
  margin-right: 10px; }

.ca-more-button:hover {
  color: white; }

.ca-days-outer-container {
  height: 718px;
  overflow: hidden; }

/*.ca-header-additional-controls{*/
/*position: absolute;*/
/*top:35px;*/
/*left:0px;*/
/*width:100%;*/
/*background-color: #2B2A30;*/
/*opacity: 1;*/
/*border-style: solid;*/
/*border-top-width: 0px;*/
/*border-bottom-width:0px;*/
/*border-right-width: 0px;*/
/*border-left-width: 0px;*/
/*border-color: #51535C;*/
/*transition: 0.4s ease;*/
/*height:0px;*/
/*overflow: hidden;*/
/*background-color: blue;*/
/*max-height:0px;*/
/*z-index: -1;*/
/*}*/
/*.ca-header-additional-controls-show{*/
/*height: inherit !important;*/
/*border-bottom-width:1px !important;*/
/*background-color: #2B2A30 !important;*/
/*max-height: 100px;*/
/*z-index: 50;*/
/*box-shadow: 0px 10px 10px -5px black;*/
/*}*/
.ca-header-additional-controls {
  position: absolute;
  top: 32px;
  left: 0px;
  width: 100%;
  background-color: #2B2A30;
  opacity: 1;
  border-style: solid;
  border-top-width: 0px;
  border-bottom-width: 1px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-color: #51535C;
  /*transition: 0.4s ease;*/
  /*height:0px;*/
  /*overflow: hidden;*/
  /*background-color: #87cefa;*/
  /*max-height:0px;*/
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 5px 5px 8px -3px black;
  z-index: 50; }

.ca-header-additional-controls-inner {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px; }

.ca-route-optimization-header {
  display: inline-block;
  margin-left: 60px;
  background-color: #212126;
  border-radius: 3px;
  padding-right: 10px;
  padding-left: 10px; }

.ca-appointment-cancelled {
  position: absolute;
  width: 94%;
  margin-right: 3%;
  margin-left: 3%;
  top: 8px;
  border-radius: 50px;
  height: 2px;
  background-color: #CC4D38;
  opacity: .50; }

.booked-too-far-out {
  background-color: #3c0003; }

/* BACKGROUND COLORS */
/*body-background, cb1 */
/*main-background, cb2 */
/*input-background-02, cb7*/
/*slightly darker background for highlighting things, cb8*/
/* TEXT COLORS */
/*text-color-01, cc1*/
/* COLORS */
/*highlight-dark, error, cc2*/
/*highlight-light, cc3*/
/*green highlight, cc5*/
/*blue highlight color, cc6*/
/*Text color with partial opacity - calendar controls, cc7*/
/* bare button disabled text color, cc8*/
/* updating blink - lighter color */
/* updating blink - darker color */
/* Z-INDEX */
/* LIST VIEWS */
/* PHONE */
/* ================================ */
/* MIXINS                           */
/* ================================ */
button.locked .fa-lock-open {
  display: none; }

button.unlocked .fa-lock {
  display: none; }

.cell-button-flex {
  background-color: #CAD0E6;
  color: #2B2A30;
  opacity: .75;
  border-style: solid;
  border-color: transparent;
  border-width: 1px 0 1px 0;
  border-radius: 2px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: 0.3s transform;
  /***************/ }

.flip-cell-button-flex, .cell-button-flex {
  vertical-align: top;
  /*float: right;*/
  font-size: 12px;
  margin-top: -2px;
  margin-bottom: 0px;
  margin-left: 3px; }

.clear-button {
  background: none;
  border: none;
  color: inherit;
  outline: none; }

.clear-button:hover {
  color: white; }

.small-button, .cell-button, .button-01, .button-01-disabled {
  background-color: #CAD0E6;
  color: #2B2A30;
  opacity: .75;
  border: none;
  border-radius: 2px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: 0.3s transform; }

.button-01-disabled {
  background-color: #575961 !important; }

/*.button-01-disabled:hover{*/
/*}*/
.flip-cell-button, .cell-button {
  vertical-align: top;
  float: right;
  font-size: 12px;
  margin-top: -2px;
  margin-bottom: 0px;
  margin-left: 3px; }

.small-button {
  font-size: 9px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  height: 13px; }

.base-check input {
  display: none; }

.base-check input + span {
  vertical-align: middle; }

.base-check input:checked + label {
  font-weight: bold;
  /*background-color: $text-color;*/
  /*color: #2B2A30;*/
  opacity: .75; }

/*/////////////////////*/
/* HIGHLIGHT CHECK */
/*/////////////////////*/
.highlight-check input + span {
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 300px; }

.highlight-check input:checked + span {
  font-weight: bold;
  background-color: #CAD0E6;
  color: #2B2A30;
  opacity: .75; }

/*//////////////////////////*/
/*   UPDATING CHECK 01 */
/*///////////////////////////*/
.box-updating-check input {
  display: none; }

.box-updating-check input + div {
  vertical-align: middle; }

.box-updating-check input:checked + label {
  font-weight: bold; }

.box-updating-check input + div {
  display: inline-block;
  width: 15px;
  vertical-align: middle; }

.box-updating-check input + div + div {
  display: none;
  width: 15px;
  vertical-align: middle; }

.box-updating-check input + div + div + div {
  display: none;
  vertical-align: middle;
  width: 15px;
  color: #FD5F45; }

.box-updating-check input:checked + div {
  display: none; }

.box-updating-check input:checked + div + div {
  display: inline-block; }

.box-updating-check input:checked + div + div + div {
  display: none; }

.box-updating-check input:disabled + div {
  color: grey; }

.box-updating-check input:disabled + div + div {
  color: grey; }

.box-updating-check input:disabled + div + div + div {
  color: grey; }

.box-updating-check-updating input + div {
  display: none !important; }

.box-updating-check-updating input + div + div {
  display: none !important; }

.box-updating-check-updating input + div + div + div {
  display: inline-block !important; }

.box-updating-check-error input + div {
  color: #FD5F45; }

/*/////////////////////*/
/* HIGHLIGHT CHECK */
/*/////////////////////*/
.pic-check input {
  display: none; }

.pic-check input + div {
  text-align: center; }

.pic-check input + div:after {
  /*font-family: FontAwesome;*/
  /*content: "\f096"; */
  /* fa-square-o */
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f0c8"; }

.pic-check input:checked + div:after {
  font-family: FontAwesome;
  content: "\f14a";
  /* fa-check-square */ }

/*====================*/
/* RADIO BUTTON STYLE */
/*====================*/
.radio-button-check input + span:after {
  font-family: FontAwesome;
  content: "\f10c"; }

.radio-button-check input:checked + span:after {
  font-family: FontAwesome;
  content: "\f192"; }

/*//////////////////////////*/
/*   UPDATING CHECK 01 */
/*///////////////////////////*/
/*====================*/
/* CHECK WITH BOX */
/*====================*/
.check-with-box input + span:before {
  font-family: FontAwesome;
  content: "\f096";
  display: inline-block;
  width: 30px; }

.check-with-box input:checked + span:before {
  font-family: FontAwesome;
  content: "\f046"; }

.base-check-updating input + span {
  background-color: #CC4D38; }

.base-check-updating input:checked + span {
  background-color: #CC4D38; }

.sli-item {
  display: inline-block;
  /*overflow: hidden;*/
  text-overflow: ellipsis;
  white-space: nowrap; }

.sli-street {
  width: 200px; }

.sli-city {
  width: 75px; }

.sli-state {
  width: 30px; }

.sli-zip {
  width: 75px; }

/************************/
/*      FLIP BUTTON     */
/************************/
.flip-button-cb {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform-style: preserve-3d;
  /* Chrome, Safari, Opera */
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 0px 2px 0px;
  width: 25px; }

/* entire container, keeps perspective */
.flip-container {
  -webkit-perspective: 1000px;
  /*Chrome, Safari, Opera*/
  perspective: 1000px;
  /*perspective:1000;*/ }

.flip-container.flip .flipper {
  -webkit-transform: rotateY(180deg);
  /* Chrome, Safari, Opera */
  transform: rotateY(180deg); }

.flip-container, .flip-front, .flip-back {
  width: 25px;
  height: 17px; }

/* flip speed goes here */
.flipper {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  /* Chrome, Safari, Opera */
  transform-style: preserve-3d;
  position: relative; }

/* hide back of pane during swap */
.flip-front, .flip-back {
  -webkit-backface-visibility: hidden;
  /* Chrome, Safari, Opera */
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0; }

/* front pane, placed above back */
.flip-front {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
  /* Chrome, Safari, Opera */
  transform: rotateY(0deg); }

/* back, initially hidden pane */
.flip-back {
  -webkit-transform: rotateY(180deg);
  /* Chrome, Safari, Opera */
  transform: rotateY(180deg); }

.circle-hover-button:before {
  font-family: FontAwesome;
  content: "\f060"; }

.circle-hover-button:hover:before {
  font-family: FontAwesome;
  content: "\f0a8"; }

.button-02 {
  background-color: transparent;
  color: #CAD0E6;
  border: none; }

.button-02:hover:enabled {
  COLOR: #CC4D38; }

.button-02:disabled {
  color: #6b6f83; }

.bare-button {
  border: none;
  outline: none;
  background-color: transparent;
  color: #CAD0E6;
  transition: transform 0.4s; }

.bare-button:hover {
  color: white; }

.bare-button:disabled, .bare-button:disabled i {
  color: #575961; }

.sup-bare-button {
  margin-left: -0px;
  vertical-align: top;
  font-size: 10px; }

.dbl-delete-button-container {
  display: inline-block;
  background-color: #232229;
  padding: 3px;
  border-radius: 2px; }

.delete-button-container {
  display: inline-block;
  background-color: #232229;
  padding: 3px;
  border-radius: 2px;
  vertical-align: middle; }

.base-radio-check {
  text-align: center; }

.base-radio-check input {
  display: none; }

.base-radio-check i {
  width: 15px;
  /*background-color: black;*/ }

.base-radio-check input + i {
  display: inline-block; }

.base-radio-check input + i + i {
  display: none; }

.base-radio-check input:checked + i {
  display: none; }

.base-radio-check input:checked + i + i {
  display: inline-block; }

/* BACKGROUND COLORS */
/*body-background, cb1 */
/*main-background, cb2 */
/*input-background-02, cb7*/
/*slightly darker background for highlighting things, cb8*/
/* TEXT COLORS */
/*text-color-01, cc1*/
/* COLORS */
/*highlight-dark, error, cc2*/
/*highlight-light, cc3*/
/*green highlight, cc5*/
/*blue highlight color, cc6*/
/*Text color with partial opacity - calendar controls, cc7*/
/* bare button disabled text color, cc8*/
/* updating blink - lighter color */
/* updating blink - darker color */
/* Z-INDEX */
/* LIST VIEWS */
/* PHONE */
/* ================================ */
/* MIXINS                           */
/* ================================ */
.lv-primary-block {
  float: right;
  position: relative;
  height: 19px;
  width: 19px;
  font-size: 12px;
  text-align: center; }

.lv-primary-static:hover {
  font-weight: bold; }

.lv-primary-block-disabled .lv-primary-static {
  display: block;
  background-color: purple; }

.lv-primary-block-disabled .lv-primary-edit {
  display: none; }

.lv-primary-block-disabled .lv-primary-updating {
  display: none; }

.lv-primary-block-enabled .lv-primary-static {
  display: none; }

.lv-primary-block-enabled .lv-primary-edit {
  display: block; }

.lv-primary-block-disabled .lv-primary-updating {
  display: none; }

.lv-primary-block-updating .lv-primary-static {
  display: none !important; }

.lv-primary-block-updating .lv-primary-edit {
  display: none !important; }

.lv-primary-block-updating .lv-primary-updating {
  display: block !important; }

.lvi-selected {
  color: #fffb5e; }

/* BACKGROUND COLORS */
/*body-background, cb1 */
/*main-background, cb2 */
/*input-background-02, cb7*/
/*slightly darker background for highlighting things, cb8*/
/* TEXT COLORS */
/*text-color-01, cc1*/
/* COLORS */
/*highlight-dark, error, cc2*/
/*highlight-light, cc3*/
/*green highlight, cc5*/
/*blue highlight color, cc6*/
/*Text color with partial opacity - calendar controls, cc7*/
/* bare button disabled text color, cc8*/
/* updating blink - lighter color */
/* updating blink - darker color */
/* Z-INDEX */
/* LIST VIEWS */
/* PHONE */
/* ================================ */
/* MIXINS                           */
/* ================================ */
.base-input, .s-input, .small-input, .s-select {
  border-right-width: 0px;
  border-left-width: 3px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-style: solid;
  border-color: transparent;
  background-color: #111014;
  /*#111014;*/
  color: #CAD0E6;
  transition: background 0.4s ease;
  -webkit-transition: background 0.4s ease;
  -moz-transition: background 0.4s ease;
  -ms-transition: background 0.4s ease;
  -o-transition: background 0.4s ease;
  transition: background 0.4s ease; }

.s-input {
  font-weight: bold;
  border-radius: 3px;
  padding-right: 10px;
  padding-left: 7px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px; }

.small-input {
  font-size: 12px;
  border-radius: 1px;
  padding-right: 10px;
  padding-left: 7px;
  padding-top: 3px;
  padding-bottom: 2px; }

.base-input:focus, .s-input:focus, .input-cell:focus {
  /*outline-color: #b86d61;*/
  outline-color: #6A82B8;
  outline-width: 1px; }

.s-input:disabled {
  background-color: transparent;
  border-color: transparent; }

/* STATIC INPUT */
/* This input is used to enter text, but also displays the static text when it is disabled */
/* CONTROL INPUT */
.c-input:disabled {
  color: #575961; }

.s-select {
  border-width: 0 0 0 3px; }

input::-ms-clear {
  display: none; }

/*.input-cell::-ms-clear, .s-input::-ms-clear {*/
/*display:none;*/
/*}*/
.scheduler-notes-textarea {
  width: 95%; }

.notes-textarea {
  border-right-width: 0px;
  border-left-width: 3px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-style: solid;
  border-color: transparent;
  /*color: inherit;*/
  color: #CAD0E6;
  /*resize: vertical;*/
  resize: none;
  font-size: 12px;
  background-color: #111014;
  /*#111014;*/
  font-family: seravek;
  width: 95%;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }

.notes-textarea:disabled {
  /*border: none;*/
  resize: none;
  background-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-color: #1a191e;
  margin: -1px -1px -1px 2px; }

.notes-textarea-static {
  /*height: 90px;*/
  border: none;
  background-color: transparent;
  color: inherit;
  resize: none;
  font-size: 12px; }

.notes-textarea-edit {
  border-right-width: 0px;
  border-left-width: 3px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-style: solid;
  border-color: transparent;
  background-color: #111014;
  /*#111014;*/
  color: #CAD0E6;
  /*#CAD0E6;*/
  /*color: inherit;*/
  resize: none;
  font-size: 12px; }

.updating-input {
  animation: updating-input 1s steps(5, start) infinite;
  -webkit-animation: updating-input 1.5s steps(5, start) infinite; }

@-webkit-keyframes updating-input {
  0% {
    border-color: #b86d61; }
  50.0% {
    border-color: #673433; }
  100.0% {
    border-color: #b86d61; } }
@keyframes updating-input {
  0% {
    border-color: #b86d61; }
  50.0% {
    border-color: #673433; }
  100.0% {
    border-color: #b86d61; } }
.updatable-select {
  border: solid;
  border-width: 0px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
  border-color: #111014; }

.updatable-select label select {
  border-radius: 0px 3px 3px 0px; }

.expandingArea {
  position: relative;
  /*border: 1px solid #888;*/
  /*background: #fff;*/ }

.expandingArea > textarea,
.expandingArea > pre {
  padding: 5px;
  /*padding:0px;*/
  /*background: transparent;*/
  /*font: 400 13px/16px helvetica, arial, sans-serif;*/
  font-family: seravek;
  font-size: 12px;
  /* Make the text soft-wrap */
  white-space: pre-wrap;
  word-wrap: break-word; }

.expandingArea > textarea {
  /* The border-box box model is used to allow
   * padding whilst still keeping the overall width
   * at exactly that of the containing element.
   */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 95%;
  /* This height is used when JS is disabled */
  height: 100px; }

.expandingArea.active > textarea {
  /* Hide any scrollbars */
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  /* Remove WebKit user-resize widget */
  resize: none; }

.expandingArea > pre {
  display: none; }

.expandingArea.active > pre {
  display: block;
  /* Hide the text; just using it for sizing */
  visibility: hidden; }

/* BACKGROUND COLORS */
/*body-background, cb1 */
/*main-background, cb2 */
/*input-background-02, cb7*/
/*slightly darker background for highlighting things, cb8*/
/* TEXT COLORS */
/*text-color-01, cc1*/
/* COLORS */
/*highlight-dark, error, cc2*/
/*highlight-light, cc3*/
/*green highlight, cc5*/
/*blue highlight color, cc6*/
/*Text color with partial opacity - calendar controls, cc7*/
/* bare button disabled text color, cc8*/
/* updating blink - lighter color */
/* updating blink - darker color */
/* Z-INDEX */
/* LIST VIEWS */
/* PHONE */
/* ================================ */
/* MIXINS                           */
/* ================================ */
.payment-method-row > div {
  display: inline-block; }

.payment-method-row > div:nth-child(1n) {
  width: 135px; }

.payment-method-row > div:nth-child(2n) {
  width: 50px; }

.payment-method-row > div:nth-child(3n) {
  width: 50px; }

.payment-method-row > div:nth-child(4n) {
  width: 22px; }

.payment-paired {
  color: #84889b;
  text-decoration: line-through; }

.payment-canceled {
  color: #84889b;
  text-decoration: line-through; }

.reviews-window {
  font-size: 10pt; }
  .reviews-window .heading {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.5em; }
  .reviews-window table td {
    vertical-align: top; }
  .reviews-window .copied {
    color: #ffff00; }

.targets-window .selected-review {
  color: #ffff00; }

.review-feed-listview-table tbody td {
  white-space: nowrap; }

.review-history .target-item {
  color: #5C9DF5; }

.not-saved, .template-not-saved, .input-not-saved {
  background-color: #490000; }

.base-radio-check input.not-saved + i {
  color: #CC4D38; }

.base-radio-check input.not-saved + i + i {
  color: #CC4D38; }

.incidents .viewedittable td {
  vertical-align: top; }
.incidents .appointment-item {
  display: flex;
  font-size: 0.8em;
  color: #2E3037;
  border-radius: 0.35em;
  padding: 0.5em; }
  .incidents .appointment-item .ai-heading {
    font-weight: bold;
    margin-bottom: 0.5em; }
  .incidents .appointment-item .ai-body {
    margin-left: 1.0em; }
  .incidents .appointment-item table td + td {
    text-align: right; }
  .incidents .appointment-item button {
    color: #d3d3d3;
    background-color: #2E3037;
    font-size: 3em; }
.incidents .appointment-item-add {
  background-color: #d3868a; }
  .incidents .appointment-item-add #remove_button {
    display: none; }
.incidents .appointment-item-item {
  background-color: #d3d3d3;
  margin-bottom: 1px; }
  .incidents .appointment-item-item #add_current_appointment_button {
    display: none; }
  .incidents .appointment-item-item .ai-heading {
    display: none; }
  .incidents .appointment-item-item #remove_button {
    color: red; }
.incidents .incident-report-table td + td {
  text-align: right;
  font-family: "courier new", monospace;
  padding-left: 1.0em; }

.log-list .ERROR {
  color: #CC4D38; }

.campaign-window .campaign-view-edit-table td {
  vertical-align: top; }
.campaign-window .templates-section {
  margin-top: 1em;
  margin-bottom: 1em;
  border-style: solid;
  border-width: 0 0 0 2px;
  border-color: #111014;
  padding-left: 1em; }
.campaign-window .event-list-view tbody td + td + td {
  text-align: right; }

.tasks-window .base-task-item table td {
  vertical-align: text-top; }
.tasks-window .base-task-item pre {
  background-color: #111014;
  padding: 0.5em;
  margin: 0 1em 0 0;
  white-space: pre-wrap;
  /* css-3 */ }
.tasks-window .base-task-item .trc-appointment-content {
  padding-left: 1em; }
  .tasks-window .base-task-item .trc-appointment-content .trc-appointment {
    padding-left: 1em;
    margin: 0.5em 0 0.5em 0;
    border-width: 0 0 0 2px;
    border-color: #CAD0E6;
    border-style: solid;
    font-size: 0.8em; }

/*.scrollBar*/
/*{*/
/*width:10px; */
/* Set the width of the scrollbar */
/*border-radius:5px; */
/* Remove if you want square corners*/
/*background-color: #ccc; */
/* Set the scrollbar color*/
/*transition: opacity 0.3s linear; */
/* Mouseover delay */
/*}*/
.hide {
  display: none !important; }

.highlight {
  color: #FD5F45; }

.error {
  color: #b8273f !important; }

.success {
  color: #4BBC9C; }

.WARNING, .warning {
  color: #bfbb2a; }

.DEBUG, .debug {
  color: #4BBC9C; }

.INFO, .info {
  color: #5C9DF5; }

.link-01 {
  text-decoration: none;
  color: #CAD0E6; }

.link-01:hover {
  font-weight: bold;
  color: white; }

.job-photos-window {
  padding: 10px 14px;
  color: #CAD0E6; }

.job-photos-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px; }

.job-photos-check {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 8px; }

.job-photos-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 10px; }

.job-photos-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px; }

.job-photos-table thead td {
  padding: 4px 4px 6px 4px;
  color: #CAD0E6;
  font-weight: bold; }

.job-photos-table tbody td {
  padding: 5px 4px;
  color: #CAD0E6;
  vertical-align: top; }

.job-photos-table tbody tr {
  background-color: #2B2A30; }

.job-photos-table tbody tr:nth-child(odd) {
  background-color: #212026; }

.job-photos-table tbody tr:hover {
  background-color: #09090d; }

.job-photos-table .job-photos-row-message td {
  color: #70768c; }

.job-photos-customer {
  color: #CAD0E6; }

.job-photos-address {
  font-size: 11px;
  color: #70768c; }

.job-photos-number {
  text-align: center;
  white-space: nowrap; }

.job-photos-missing-count {
  color: #CC4D38 !important;
  font-weight: bold; }

.job-photos-action {
  text-align: right;
  white-space: nowrap; }

.job-photos-status {
  font-weight: bold;
  white-space: nowrap; }

.job-photos-status-error {
  color: #CC4D38; }

.job-photos-status-warning {
  color: #bfbb2a; }

.job-photos-status-complete {
  color: #4BBC9C; }

.job-photos-table .job_photos_open_button {
  padding: 2px 6px; }

.flip-hide {
  -webkit-transform: rotateY(180deg);
  /* Chrome, Safari, Opera */
  transform: rotateY(180deg); }

.edit-icon {
  padding-left: 4px;
  padding-right: 5px; }

.edit-icon:hover {
  /*text-shadow: 0px 0px 5px #CAD0E6;*/ }

.scheduler-sub-static-table {
  font-size: 12px;
  width: 95%; }

.scheduler-sub-static-table td {
  border: none;
  padding: 0px;
  font-size: 12px !important;
  font-weight: normal;
  vertical-align: top;
  width: auto; }

.services-table td + td {
  text-align: right; }

.services-table thead {
  font-weight: bold; }

.payments-table td {
  font-weight: normal; }

.appointment-box-shadow {
  box-shadow: 0px 0px 20px black;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  /*z-index: 1000;*/ }

.tiny-thumb {
  border-radius: 3px;
  /*position: relative;*/ }

.tiny-thumb:hover {
  opacity: .75; }

.tiny-thumb-deleting {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: red;
  opacity: .5;
  /*border-style: solid;*/
  /*border-width: 1px;*/
  /*border-color: black;*/ }

.tny-thumb-block {
  display: inline-block;
  margin: 1px; }

.pic-advanced-controls {
  text-align: right;
  margin-right: 35px;
  margin-bottom: 7px; }

.tool-tip-icon {
  background-color: #8b0000;
  /*align-content: left;*/
  text-align: left;
  min-width: 15px;
  /*min-height:15px;*/ }

.tool-tip-icon i {
  /*color: #006400;*/
  color: #CAD0E6;
  opacity: 1.0;
  position: absolute;
  top: 0;
  font-size: 12px; }

.tool-tip-icon i + i {
  opacity: 0.0;
  color: #CAD0E6;
  position: absolute;
  top: 0; }

.tool-tip-icon:hover i {
  opacity: 1.0;
  color: #FD5F45;
  z-index: 1; }

.tool-tip-icon:hover i + i {
  opacity: 1.0;
  z-index: 2;
  color: #CAD0E6; }

.tool-tip-popup-base, .tool-tip-popup, .tool-tip-popup-lv {
  position: absolute;
  background-color: #CAD0E6;
  color: #2B2A30;
  z-index: 100; }

.tool-tip-popup {
  border-radius: 5px;
  padding: 6px; }

.tool-tip-popup-lv {
  top: -15px;
  left: 14px;
  border-radius: 3px 3px 3px 0px;
  padding: 2px;
  white-space: nowrap;
  font-size: 12px; }

.appointment-cancelled-indicator {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  background-color: #FD5F45;
  color: #2B2A30;
  text-align: center;
  font-size: 18px;
  border-radius: 3px; }

.bs-table th {
  padding-top: 0.5em;
  text-align: left; }

.bs-table td {
  padding-left: 1em;
  vertical-align: top; }

.bs-input {
  width: 400px; }

.bs-city {
  width: 225px; }

.bs-state {
  width: 50px; }

.bs-zip {
  width: 79px; }

.bs-half {
  width: 188px; }

.demo-model-label {
  float: left;
  margin-top: 5px;
  margin-left: 20px;
  color: #CC4D38;
  font-weight: bold;
  font-size: 22px;
  margin-bottom: -10px; }

/*******************************/
/* PAYROLL */
/******************************/
.payroll-page {
  padding: 20px; }

.payroll-table {
  margin-top: 10px;
  font-size: 12px; }

.payroll-table thead {
  font-weight: bold; }

.payroll-table td {
  padding-right: 5px;
  overflow: hidden;
  white-space: nowrap; }

.payroll-table tbody tr td:nth-child(n+1) {
  text-align: right; }

.payroll-table tbody tr td:nth-child(9) {
  text-align: left;
  max-width: 20em; }

.payroll-table tbody tr td:nth-child(n+10) {
  text-align: right; }

.payroll-table tfoot tr td:nth-child(n+1) {
  text-align: right; }

.payroll-table tfoot tr td:nth-child(3) {
  text-align: left; }

.payroll-table tfoot tr td:nth-child(n+4) {
  text-align: right; }

.payroll-table .miles-error {
  color: #CC4D38; }

.model-dialog {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 100; }

.customer-phone-calls {
  font-size: 12px; }

.cpc-data-row {
  display: flex; }

.cpc-more-button {
  width: 80%;
  border: none;
  padding: 5px;
  border-radius: 5px; }

.day-detail {
  margin: 10 0 10 0;
  padding: 0 0 0 10px;
  background-color: #202020; }

.places-autocomplete {
  background-color: #111014;
  color: #CAD0E6;
  z-index: 1000;
  position: absolute;
  box-shadow: 0px 5px 5px #2B2A30;
  padding: 5px; }

.places-autocomplete .row:hover {
  background-color: #2B2A30; }

.report-heading-table {
  margin: 5px 3px 5px 3px;
  border-width: 0px 1px 0px 0px;
  border-style: solid;
  border-color: black; }

.report-heading-table thead {
  font-weight: bold; }

.report-heading-table tbody td + td {
  text-align: right; }

.cr-table td + td {
  text-align: right; }

.top-label-mini {
  margin-top: 0.3em;
  font-size: 0.75em; }

.content-indent-mini {
  margin-left: 0.5em;
  margin-bottom: 0.3em;
  margin-right: 1.0em; }

.cancelled-other-appointment {
  text-decoration: line-through;
  color: #7c3a3b; }

/*.select2-container-class{*/
/*background-color: #111014;*/
/*border-radius: 2px;*/
/*}*/
/*.select2-selection--single, .select2-container--default{*/
/*background-color: #111014;*/
/*border-radius: 2px;*/
/*}*/
/*.select2{}                      */
/*IGNORE*/
/*.select2-container{}            */
/*IGNORE*/
/*.select2-container--focus{}     */
/*IGNORE*/
/*.select2-container--default{*/
/*}*/
/*.selection{*/
/*}*/
/*.select2-selection{*/
/*}*/
/*.select2-selection--single{*/
/*}*/
/*.select2-selection__rendered{*/
/*}*/
/*.select2-2ibw-container{*/
/*}*/
/*.select2-selection__arrow{*/
/*}*/
/*=========================*/
/*.select2-dropdown{*/
/*}*/
/*.select2-dropdown--below{*/
/*}*/
/*.select2-search{*/
/*}*/
/*.select2-search--dropdown{*/
/*}*/
/*=======================++*/
/*.select2-search__field{*/
/*}*/
/*=========================*/
/*.select2-results{*/
/*}*/
/*.select2-results__options{*/
/*}*/
/*.select2-results__option{*/
/*}*/
/*.select2-container--default .select2-selection{*/
/*background-color:   #111014;*/
/*background-color: #00ff00;*/
/*border-radius:      2px;*/
/*font-family:        seravek;*/
/*height: 22px;*/
/*padding-top:2px;*/
/*}*/
/*.select2-container--default .select2-results__option{*/
/*background-color: blue;*/
/*}*/
/*.select2-container--ej .select2-results__option:hover{*/
/*background-color: pink;*/
/*}*/
/*.select2-container--ej .select2-search--dropdown .select2-search__field{*/
/*font-family:        seravek;*/
/*}*/
/*.select2-container--ej .select2-arrow{*/
/*color: red;*/
/*background-color: #006400;*/
/*}*/
/*.ca-gradient{*/
/*background: linear-gradient(to bottom, rgba(43,42,48,0), rgba(43,42,48,1));*/
/*height:60px;*/
/*width: 819px;*/
/*background-color: #ffa07a;*/
/*z-index: 1000;*/
/*position: absolute;*/
/*top:695px;*/
/*}*/

/*# sourceMappingURL=main.css.map */
@font-face {
    font-family: asap;
    src: url(/fonts/asap/Asap-Regular.otf) format('embedded-opentype');
}
@font-face {
    font-family: asap;
    src: url(/fonts/asap/Asap-Bold.otf);
    format('embedded-opentype')
    font-weight: bold;
}
@font-face {
    font-family: asap;
    src: url(/fonts/asap/Asap-Bolditalic.otf) format('embedded-opentype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: seravek;
    src: url(/fonts/seravek/seravek-regular-webfont.eot), url(/fonts/seravek/Seravek-Regular.otf);
    /*url(/fonts/seravek/Seravek-Regular.otf), */
}
@font-face {
    font-family: seravek;
    /*src: url(/fonts/seravek/Seravek-Bold.otf) format('embedded-opentype');*/
    src: url(/fonts/seravek/seravek-bold-webfont.eot), src: url(/fonts/seravek/Seravek-Bold.otf);
    font-weight: bold;
}
@font-face {
    font-family: brandon;
    src: url(/fonts/brandon/Brandon_reg.otf) format('embedded-opentype');
}
@font-face {
    font-family: brandon;
    src: url(/fonts/brandon/Brandon-bld.otf);
    format('embedded-opentype')
    font-weight: bold;
}
@font-face {
    font-family: open-sans;
    src: url(/fonts/open-sans/OpenSans-Regular.ttf);
    format('embedded-opentype')
}
@font-face {
    font-family: open-sans;
    src: url(/fonts/open-sans/OpenSans-Bold.ttf);
    format('embedded-opentype')
    font-weight: bold;
}
@font-face {
    font-family: raleway;
    src: url(/fonts/raleway/Raleway-Regular.ttf);
    format('embedded-opentype')
}
@font-face {
    font-family: raleway;
    src: url(/fonts/raleway/OpenSans-Bold.ttf);
    format('embedded-opentype')
    font-weight: bold;
}
@font-face {
    font-family: verdana;
    src: url(/fonts/verdana/Verdana.ttf);
    format('embedded-opentype')
}

body{
    font-family: seravek;
}

.scheduler-block, .scheduler-notes-textarea{
    /*font-family: arial, sans-serif;*/
    font-family: seravek;
}
.dtp-mobile{
    position: absolute;
    top:20px;
    left:0px;

    background-color: #2B2A30;
    border-radius: 20px 0px 20px 20px;

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;

    z-index: 100;

    /*overflow: hidden;*/

    box-shadow: 5px 5px 20px black;
}

/*.dtp-mobile input{*/
    /*font-size: 1cm;*/
    /*width: 10cm;*/
    /*width: 500px;*/
/*}*/

.dtp-mobile-closed{
    width:0px;
    height:0px;
}
/*.dtp-mobile-open{*/
    /*width:12cm;*/
    /*height:5cm;*/
/*}*/
.dtp-mobile-open-datetime{
    width:12cm;
    height:5cm;
}
.dtp-mobile-open-date{
    width:7cm;
    height:5cm;
}
.dtp-mobile-open-time{
    width:7cm;
    height:5cm;
}

/*.dtp-scroll-container{*/
    /*text-align: center;*/
/*}*/
.dtp-scroll{
    position: absolute;
    display: inline-block;
    /*vertical-align: top;*/
    font-size: .8cm;


    top:-1cm;

    border-style:   solid;
    border-color:   #1a191f;
}
.dtp-scroll div{
    /*text-align:     right;*/
    /*padding-bottom: .1cm;*/
    /*padding-top:    .1cm;*/

    height:         1cm;
    max-height:     1cm;

    /*border-style:   solid;*/
    /*border-width:   0 0 0 0;*/
    /*border-color:   #1a191f;*/
    border:none;
    text-align:     center;
    margin: 0;
}
/*.dtp-year-scroll{*/
    /*width: 2.5cm;*/
    /*left:  2cm;*/
    /*border-width: 0 1px 0 0;*/
/*}*/

.dtp-scroll-container-base{
    display:  inline-block;
    position: relative;
    overflow: hidden;
    height:   5cm;
}
.dtp-scroll-container-01{
    margin-left:  .5cm;
    margin-right: 0cm;
    width:        3.2cm;

    border-style:   solid;
    border-width:   0px 0px 0px 0px;
    border-color:   #1a191f;
}
.dtp-scroll-container-02{
    margin-left:  0cm;
    width:        2cm;

    border-style:   solid;
    border-width:   0px 0px 0px 0px;
    border-color:   #1a191f;
}
.dtp-scroll-container-03{
    margin-left:  0cm;
    width:        1.5cm;

    border-style:   solid;
    border-width:   0px 0px 0px 0px;
    border-color:   #1a191f;
}
.dtp-scroll-container-04{
    margin-left:  0cm;
    width:        1.5cm;

    border-style:   solid;
    border-width:   0px 0px 0px 0px;
    border-color:   #1a191f;
}
.time-colon{
    display: inline-block;
    vertical-align: top;
    margin-top:2cm;
    font-size: .8cm;
    padding:0px;
}
.dtp-ampm-container{
    display: inline-block;
    vertical-align: top;
    margin-top: 2cm;
    font-size: .8cm;

}
.dtp-year-month-scroll{
    border:none;
    padding-left:.3cm;
}
.dtp-day-scroll{
    border:none;
    padding-left:.5cm;
}
.dtp-hour-scroll{
    border:none;
    padding-left:.5cm;
}
.dtp-minute-scroll{
    border:none;
    padding-left:.20cm;
}


.dtp-scroll-cover{
    position: absolute;
    top:0;
    left:0;

    width:100%;
    height: 100%;

    z-index:101;

    /*background-color: #ffa07a;*/

    /*opacity: .5;*/
}
.dtp-scroll-cover-piece{
    position: absolute;
    border-radius: 30px;
    width:110%;
    margin-right:-5%;
    margin-left:-5%;
}
.dtp-scroll-cover-top{

    top:1.85cm;
    left:0;

    height:.15cm;

    box-shadow: 5px 5px 20px black;

    background-color: #2B2A30;

    /*opacity: .5;*/
}

.dtp-scroll-cover-bottom{
    top: 3cm;
    left:0;

    height:.15cm;

    background-color: #2B2A30;

    box-shadow: 5px 5px 20px black;
}
.dtp-scroll-cover-over{
    position: absolute;
    top:2cm;
    height: 1cm;
    width: 105%;
    margin-right:-2.5%;
    margin-left:-2.5%;

    /*background-color: #FD5F45;*/
    opacity: .25;

    background: linear-gradient(#4BBC9C, rgba(75, 188, 156, 0.52)); /* Standard syntax */

    box-shadow: 5px 5px 20px #204f3f;

}
.dtp-scroll-cover-left{
    position: absolute;
    top:1.85cm;
    left:0;

    width:1cm;
    height:1.3cm;

    background-color: #2B2A30;

    box-shadow: 5px 5px 20px black;
}

.dtp-close-button{
    position: absolute;
    top:3px;
    right:3px;
    z-index: 102;

    background-color: transparent;
    border: none;
    outline: none;
    color: #CAD0E6;
}
.dtp-close-button i{
    font-size: .75cm;
}
.dtp-close-button:hover{
    color: #FD5F45;
}

/*.dtp-close-button:hover i{*/
    /*color: #FD5F45;*/
/*}*/

.new-appointment-button-scheduler{
    left: 521px;
    width: 50px;
    height:30px;
    position: absolute;

    border-radius: 5px 5px 50px 50px;

    /*background-color: #CAD0E6;*/
    /*background-color: #A2A7B8;*/
    background-color: #a1a6b8;
    color: #2B2A30;
    border:none;

    /*opacity: .75;*/

    /*border-radius: 2px;*/

    box-shadow: 0px 2px 20px 0px black;

    /*box-shadow: 0px -4px 20px -7px black;*/

    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.new-appointment-button-scheduler:enabled:hover{
    left: 517px;
    width: 58px;
    height:34px;
}

.new-appointment-button-scheduler-blink{
    /*background-color: white;*/
    left: 517px;
    width: 58px;
    height:34px;
}

.calendar-pane{
    display: inline-block;
    float: right;
    margin-right:-1px;

    position: relative;

    width: 819px;
    /*width:800px;*/
    /*margin-right: 0px;*/
    vertical-align: top;

    min-height: 755px;
    border-style: solid;
    border-color: #1E2029;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    border-left-width: 1px;
}
.scheduler-block{
    border-style: solid;
    border-right-width: 0px;
    border-left-width: 0px;
    border-top-width: 1px;
    border-bottom-width: 0px;
    /*border-color: #42404A;*/
    /*border-color: red;*/

    padding-bottom:7px;
    padding-top:0px;
    padding-left: 0px;
    padding-right: 0px;

    height: auto;

    font-size: 12px;

    /*background-color: #87cefa;*/

    background-color: #2B2A30;

    /*z-index: 10000 !important;*/
    position: relative;

}
.scheduler-block-left{
    display: inline-block;
    width: 100%;

    /*background-color: #ffa07a;*/
}
.scheduler-block-header{
    position: relative;

    margin: 0px;
    padding:0px;

}
.scheduler-block-label{
    display: inline-block;
    font-size: 8px;
    font-weight: bold;

    margin:0px;

    padding-right:  7px;
    padding-left:   2px;
    padding-bottom: 0px;
    padding-top:    0px;

    background-color: #CAD0E6;
    color: #2B2A30;

    vertical-align: top;

    border-bottom-right-radius: 10px;

    transition: 0.2s;

    max-width: 5px;
    max-height: 1.5em;

    overflow: hidden;
    white-space: nowrap;
}
.scheduler-block-label-demo{
    font-size: 10px !important;

    max-width: inherit !important;

}
.scheduler-block-label:hover{
    font-size: 10px !important;

    max-width: inherit;
}
.scheduler-block-content{
    margin-left: 15px;
}
.scheduler-block-edit-button{
    position: absolute;
    top:4px;
    right:0px;

    padding:5px;
    margin-top:-10px;

    /*background-color: #ffa07a;*/
    border-radius: 50px;
}
/*.scheduler-block-edit-button:hover{*/
    /*text-shadow: 0px 0px 5px #CAD0E6;*/
/*}*/

.appointment-pane{
    display: inline-block;

    float: left;

    min-height: 755px;
    width: 546px;
    /*margin: -1px;*/
    vertical-align: top;

    padding: 0px;

    /*background-color: #d3d3d3;*/
}

.appointment-time-block{
    display: inline-block;
    width: 300px;

    height: 28px;
    max-height: 28px;

    overflow: hidden;

    position: absolute;

    /*background-color: #ffa07a;*/
}

.appointment-time-animate-block{
    position: absolute;

    top:0;
    left:0;
}

.appointment-initialize-hint{
    text-align: center;
    font-size: 24pt;
    margin-top: 30px;
}
.appointment-initialize-hint-arrow{
    float: right;
    margin-right: 25px;
}

.customer-edit-container{
    /*vertical-align: top;*/
    /*background-color: lightgreen !important;*/
}
.customer-search-input{
    margin-top:1px;
}
.scheduler-customer-search-results-table{
    width:100%;

    border-collapse: collapse;
    border-width: 0px;
}
.scheduler-customer-search-results-table tbody tr:hover{
    background-color: #09090d !important;
}
.scheduler-customer-search-results-table tbody tr:nth-child(odd){
    background-color: #212026;
}
.scheduler-customer-search-results-table td{           /* NAME */
    vertical-align: top;
    width: 20%;
}
.scheduler-customer-search-results-table td + td{      /* PHONE NUMBER */
    width: 20%;
}
.scheduler-customer-search-results-table td + td + td{ /* ADDRESS */
    width: 60%;
}
/*.scheduler-customer-search-results-table td + td +td +td{*/
    /*width: 5%;*/
    /*background-color: #ffa07a;*/
    /*text-align: right;*/
/*}*/

.customer-search-fields-table{
    width: 100%;
}
.customer-search-fields-table td{
}
.customer-search-fields-table td + td{
    width: 100px;
}
.oa-table{

}
.oa-table td{
    padding: 2px;
}

.oa-brand-name{
    max-width: 200px;
    overflow: hidden;
}

.oa-item-row{
    margin-top: 1px;
    margin-bottom: 2px;
}
.oa-item-row:hover{
    background-color: #232229;
}
.oa-day-of-week{
    display: inline-block;
    width: 60px;
    text-align: right;
}
.oa-month{
    display: inline-block;
    width: 60px;
    text-align: right;
}
.oa-day{
    display: inline-block;
    width: 28px;
    text-align: right;
}
.oa-year{
    display: inline-block;
    width: 30px;
    text-align: right;
}
.oa-time {
    display: inline-block;
    width: 50px;
    text-align: right;
}
.oa-edit-button{
    display: inline-block;
    width: 40px;
    text-align: right;
}
.oa-invoice{
    display: inline-block;
    width: 100px;
    text-align: right;

}
.oa-printer{
    display: inline-block;
    width: 80px;
    text-align: right;
}

.tab-container{
    width: 1366px;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #2E3037;*/
}
.tab{
    display: inline-block;
    padding: 8px;
    font-size: 16px;

    font-weight: bold;

    border: none;
    background-color: transparent;

    color: #CAD0E6;

    outline: none;

    margin:-1px;
}
.tab:hover{
    color: #CC4D38;
}
.selected-tab{
    background-color: #2B2A30 !important;
    color: #FD5F45 !important;

    box-shadow: 0px -4px 20px -7px black;
}

.sub-tab-menu{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #0e0e15;
    margin-bottom: 15px;
}
.sub-tab{
    display: inline-block;
    font-size: 16px;
    padding:8px;
    font-weight: bold;
}
.sub-tab:hover{
    color: white;
}
.sub-tab-selected{
    color: #FD5F45 !important;
    box-shadow: 0px -4px 20px -7px black;
}
.sub-tab-selected:hover{

}.cb1{
    background-color: #2E3037;/*body-background*/
}
.cb2{
    background-color: #2B2A30;/*main-background*/
}
.cb3{
    background-color: #282930;
}
.cb4{
    background-color: #1E2029;/*dark-separator*/
}
.cb5{
    background-color: #4E4C57;/*input-background-01*/
}
.cb6{
    background-color: #51535C;/*medium-separator*/
}
.cb7{
    background-color: #111014;/*input-background-02*/
}
.cb8{
    background-color: #232229;/*slightly darker background for highlighting things*/
}

.cc1{
    color: #CAD0E6;/*text-color-01*/
}
.cc2{
    color: #CC4D38;/*highlight-dark, error*/
}
.cc3{
    color: #FD5F45;/*highlight-light*/
}
.cc4{
    color: #CAD0E6;/*input-text-color-01*/
}
.cc5{
    color: #4BBC9C;/*green highlight*/
}
.cc6{
    color: #5C9DF5;/*blue highlight color*/
}
.cc7{
    color: #70768c;/*Text color with partial opacity - calendar controls*/
}
.cc8{
    color: #575961;/* bare button disabled text color*/
}

.new-appointment-button-scheduler:hover:enabled, .new-person-button-people-window:hover:enabled, .small-button:hover:enabled, .cell-button-flex:enabled, .cell-button:hover:enabled, .button-01:hover:enabled{
    color: #CC4D38;
}
.scheduler-block-edit-button:hover{
    color: white;
}

.new-appointment-button-scheduler:disabled, .new-person-button-people-window:disabled, .small-button:disabled, .cell-button-flex:disabled, .cell-button:disabled, .button-01:disabled{
    /*background-color: #A2A8BD;*/
    background-color: #575961;
}

.input-cell, .base-input{
    background-color: #111014;
}

.input-cell, .base-input{
    color: #CAD0E6;
}

.input-cell:disabled, .base-input:disabled {
    background-color: transparent;
    border-color:     transparent;
}

.user-control-pop-out{
    z-index: 10;
}

.scheduler-block{
    z-index: 15;
}

.scheduler-block-edit-button{
    z-index: 30;
}
.new-appointment-button-scheduler{
    z-index:100;
}
.new-person-button-people-window{
    z-index:100;
}

.sign-in-background{
    z-index: 1000;
}

.log-in-control{
    z-index: 1001;
}
.user-control{
    padding-right:  10px;
    padding-left:   10px;
    padding-bottom: 10px;

    border-radius: 5px;

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.user-control-pop-out{
    box-shadow: 0px 0px 20px black;
    background-color: #2E3037;
}
.sign-in-background{

    top:0px;
    /*right:0px;*/
    left: 0;
    right: 0;
    margin: -50 auto;
    /*margin: -50px;*/

    position: absolute;

    width:  100%;
    height: 100%;

    background-color: black;

    opacity: .8;
}

.log-in-control{
    top:15%;
    /*right:0px;*/
    left: 0;
    right: 0;
    margin: 0 auto;

    position: absolute;

    width: 800px;
    height: 450px;

    background-color: #2B2A30;

    border-radius: 5px;

    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    
    -webkit-transform-style:    preserve-3d; /* Chrome, Safari, Opera */
	transform-style:            preserve-3d;

    -webkit-backface-visibility:    hidden; /* Chrome, Safari, Opera */
    backface-visibility:            hidden;
}
.log-in-control-flip-hide{
    -webkit-transform:  rotateY(180deg); /* Chrome, Safari, Opera */
    transform:          rotateY(180deg);
}

.log-in-header{
    margin-top:10%;
    margin-bottom: 20px;

    text-align: center;
    font-size: 48px;
}
.log-in-row{
    text-align: center;

    margin:3px;
}
.log-in-row-label{
    display: inline-block;
    font-size: 28px;
    font-weight: bold;

    width:160px;

    text-align: left;
}
.log-in-input{

    font-size: 28px;
    width:500px;
}
.submit-row{
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-color: #111014;

    cell-padding:15px;

    margin-top:15px;
    margin-right: 5%;
    margin-left:5%;

    text-align: right;


}
.forgot-container{
    float: left;
    font-size:18px;

    margin-top:15px;
    margin-left:185px;

    text-align: left;
}
.forgot-password-link{
    color: inherit;
    text-decoration:none;
}
.forgot-password-link:hover{
    color: white;
}
.forgot-password-reset-control{
    position: absolute;
    top:0px;
    left:0px;

    width:350px;

    /*border-style: solid;*/
    /*border-width: 1px;*/
    /*border-color: #51535C;*/
    border-radius: 5px;

    background-color: #202025;

    padding: 10px 10px 10px 20px;
}
.forgot-password-status-block{
    text-align: center;
}

.submit-button{
    /*float: right;*/
    font-size: 28px;
    margin-top: 15px;
}

.sign-in-error-container{
    margin-top: 35px;
    text-align: center;

    /*font-weight: bold;*/
    font-size: 24px;

    /*background-color: #d3d3d3;*/
    margin-right:10%;
    margin-left: 10%;
    border-radius: 5px;

    color: #CC4D38;
}
.line-item-select-control-dropdown{
    margin-left: 12px;
}

.services-select-table{

}
.services-select-table tr:hover{
    background-color: #333238;
    color: #ffffff;
}
/*div{*/
    /*clear: both;*/
/*}*/

/**{border:1px solid red;}*/

.w-cb1{
    background-color: #2a292f;
}
.w-cb2{
    background-color: #FD6344;
}

.w-link{
    color: #CAD0E6;
    text-decoration: none;
    font-weight: bold;
}
.w-link:hover{
    color: #ffffff;
}


.w-header{
    position: fixed;

    z-index: 10;
    /*height: 20px;*/
    /*width: 200px;*/

    /*position: fixed;*/
    top: 0;
    width: 100%;
    /*left: 0;*/

    /*background-color: #ffa07a;*/

    min-height:60px;
    height: 60px;
    background-color: #2a292f;
}
.w-header-inside{

    width: 1366px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;

    vertical-align: middle;

    /*background-color: #d3d3d3;*/
}
.logo-block{
    min-width: 250px;
    width:24%;
    font-size: 24px;
    text-decoration: none;
    color: #CAD0E6;
    display: inline-block;
    margin-top:5px;
}
.clear-link{
    text-decoration: none;
    color: #CAD0E6;
}
.menu-block{
    float:right;
    display: inline-block;
    margin-top:20px;
    text-align: right;
    vertical-align: middle;

}
.menu-item{
    display: inline-block;

    background-color: inherit;
    border-radius: 50px;

    /*width: 150px;*/
    /*height: 30px;*/

    padding-right:15px;
    padding-left:15px;

    font-size: 18px;
}
.menu-item:hover{
    color: white;
}
.menu-item a{
    color: #CAD0E6;
    text-decoration: none;
}
.menu-item a:hover{
    color: white;
    font-weight: bold;
}

/*//////////////////////*/
/*          BODY        */
/* /////////////////////*/
.w-body{
    width: 100%;
    max-width: 100%;
}

.block-outer{
    padding-top:60px;
    width:100%;
}
.odd-block{
    background-color: #292b32;
}
.body-block-inner{
    width:  1024px;
    max-width:95%;
    margin-right:auto;
    margin-left:auto;
    padding-bottom:10px;
}
.w-heading-1{
    text-align: center;
    font-size: 36px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.w-heading-2{
    text-align: center;
    font-size: 28px;
    margin-top: 7px;
    margin-bottom: 7px;
}
.w-heading-3{
    text-align: center;
    font-size: 22px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.sign-up-block{
    width:1024px;
    max-width: 100%;

    position: relative;

    margin-right:auto;
    margin-left:auto;
    margin-top:0px;
    margin-bottom: 30px;

    padding-top:10px;
    padding-bottom: 30px;

    /*margin-top:30px;*/
    /*margin-bottom:30px;*/

    font-size: 28px;
    font-weight: bold;

    /*background-color: #d3d3d3;*/
}
.sign-up-table{
    max-width:95%;
}
.sign-up-table td{
    vertical-align: top;
    /*width: 190px;*/
    width:21%;
    max-width: 21%;
    /*max-width: 35%;*/

    /*background-color: #00ff00;*/
}
.sign-up-table td + td{
    /*width: 500px;*/
    width: 48%;
    max-width: 48%;
    /*background-color: #87cefa;*/
}
.sign-up-table td + td + td{
    /*width: 334px;*/
    width: 29%;
    max-width: 29%;

    vertical-align: top;

    /*background-color: #ffa07a;*/
}
.sign-up-table input, .sign-up-table textarea{
    font-size: 28px;
    width: 400px;
    max-width: 99%;
}
.sign-up-form-input{
    min-width: 500px;;
    width:     500px;
    max-width: 500px;
}
.contact-form-table{
    max-width:95%;
    width: 95%;
}
.contact-form-table td{
    vertical-align: top;
}
.contact-form-table td + td{
    vertical-align: top;
    width: 80%;
}
.contact-form-table input, .contact-form-table textarea{
    font-size: 28px;
    max-width: 99%;
    width: 99%;
}
.contact-form-input{
    /*min-width: 500px;;*/
    /*width:     500px;*/
    /*max-width: 500px; */
    width: 100%;
}
.sign-up-form-field-error{
    /*background-color: #e23838;*/
    /*border-radius: 5px;*/
    /*padding-left: 5px;*/
    /*padding-right: 5px;*/

    /*font-size: 12px;*/

    /*height: 64px;*/
    /*line-height: 32px;*/
    /*vertical-align: middle;*/

    /*width: 90%;*/

    /*display: inline-block;*/
    /*position: relative;*/

    /*position: relative;*/

    /*margin-left:0px;*/

    -webkit-transition: 0.4;
    -moz-transition: 0.4;
    -ms-transition: 0.4;
    -o-transition: 0.4;
    transition: 0.4;

    display: inline-block;
    background-color: #e23838;
    width: 95%;
    border-radius: 5px;
}
.sign-up-form-field-error-text{
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    padding-left:5px;
    /*background-color: #00ff00;*/
    /*opacity: .5;*/
}
.sign-up-form-field-error-before{
    display: inline-block;

	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;

	border-right:7px solid #e23838;

    margin-top:0px;
    margin-right:-7px;
    vertical-align: middle;
}
.sign-up-table tfoot td{
    text-align: right;
}
.sign-up-button{
    font-size: 28px;
}

.sign-up-confirmation-block{
    position: absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;

    -webkit-transform-style:    preserve-3d; /* Chrome, Safari, Opera */
	transform-style:            preserve-3d;

    -webkit-backface-visibility:    hidden; /* Chrome, Safari, Opera */
    backface-visibility:            hidden;
}
.sign-up-confirmation-block-background{
    /*position: absolute;*/
    /*top:0;*/
    /*left:0;*/

    background-color: #191a20;

    /*margin-top:5%;*/
    /*width:100%;*/
    height:100%;

    opacity: .95;

    border-radius: 10px;
}
.sign-up-confirmation-block-message{
    text-align: center;
    padding-top:70px;

    position: absolute;
    top:0;
    left:0;

    width:100%;
}
.sign-up-flip-hide{
    -webkit-transform:  rotateY(180deg); /* Chrome, Safari, Opera */
    transform:          rotateY(180deg);
}

.sign-up-conf-link{
    text-decoration: none;
    /*color: #CAD0E6;*/
    color: #4BBC9C;
}
.sign-up-conf-link:hover{
    color: #7ff4d7;
}
.sign-up-error-block{
    text-align: center;
    color: #e23838;
    margin-top:20px;
}

/*//////////////////////////////*/
/*SCREEN SHOTS BLOCK*/
/*/////////////////////////////*/

.screen-shots-block{
    background-color: #292b32;
}
/*//////////////////////////////*/
/*FOOTER*/
/*/////////////////////////////*/
.w-footer{
    min-height: 100px;
    background-color: #2a292f;

    font-size: 12px;
}
.w-footer-inside{
    vertical-align: top;

    width: 1366px;
    max-width:95%;
    margin-left:auto;
    margin-right:auto;

    padding-top:5px;
}
/*.w-footer a{*/
    /*color: #CAD0E6;*/
    /*text-decoration: none;*/
    /*font-weight: bold;*/
/*}*/
/*.w-footer a:hover{*/
    /*color: #ffffff;*/
/*}*/
.w-f-icon{
    display: inline-block;
    padding-right:5px;
    vertical-align: top;
}
/* /////////////////////// */
/*       CONTACT           */
/* //////////////////////  */
.w-contact-table{

}
.w-contact-table td{
    vertical-align: top;
    min-width: 100px;

    font-size: 18px;

    padding: 5px;
}

.w-what-left{
    display: inline-block;

    width: 60%;

    vertical-align: top;

    font-size: 22px;
}
.w-what-right{
    width:39%;

    display: inline-block;
}
.w-what-right img{

}

/************************/
/* DEMO */
/*************************/
.demo-img-container {
    margin-top:10px;
    text-align: center;
    height: 500px;
}
.demo-img{
    width:780px;
    max-width: 98%;
    box-shadow: 0px 0px 25px #09080d;

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.demo-img:hover{
    width:800px;
    max-width: 100%;
    box-shadow: 0px 0px 50px #000000;
}

/***************************/
/* ANIMATIONS */
/**************************/
.an-button{
    display: inline-block;

    font-weight: bold;

    padding: 0px 5px 0px 5px;

    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;

    border-radius: 30px;
}
.an-button:hover{
    color: #2B2A30;
    background-color: #CAD0E6;

}
.animation-container{
    width:      68%;
    display:    inline-block;
    position:   relative;
    height:     400px;

    overflow: hidden;
    box-shadow: 0px 0px 50px #000000;
}

.an-img-base {
    -webkit-transition: 2.4s;
    transition:         2.4s;

    position: absolute;
}
.an-img-start{
    width:100%;
    z-index: 2;
}
.an-schedule-1{
    width:1100px;
    margin-left:-400px;
    z-index: 2;
}
.an-schedule-2{
    width:1366px;  /* 791: height */
    margin-left:0px;
    z-index: 2;
}
.an-schedule-3{
    width:1366px;
    margin-left:0px;
    margin-top:-400px;
    z-index: 2;
}
.an-payments-1{
    width:1366px;
    margin-left:-5px;
    margin-top: -400px;
    z-index: 2;
}
.an-customers-start{
    width:4066px;
    z-index: 2;
}
.an-customers-1{
    width:4066px;
}
.an-customers-2{
    width:100%;
    z-index: 2;
}

/********************************/
/* VIDEO */
/********************************/
.ws-quick-demo-video{
    width:100%;
    max-width: 100%;
}
.video-description-block{
    display: inline-block;
    width:25%;
    max-width: 25%;

    vertical-align: top;

    /*background-color: #87cefa;*/

}
.video-block{
    display: inline-block;
    /*width: 750px;*/
    width:74%;
    max-width: 74%;
    vertical-align: top;

    box-shadow: 0px 0px 50px #000000;

    margin-bottom: 50px;

    /*background-color: #ffa07a;*/
}
.ws-what-small-block{
    margin-bottom:5px;
}
.ws-what-small-block-heading{
    font-weight: bold;
}



/*.float-top{*/
    /*z-index: 10;*/
    /*height: 20px;*/
    /*width: 200px;*/

    /*position: fixed;*/
    /*top: 0;*/
    /*left: 0;*/

    /*background-color: #ffa07a;*/
/*}*/


.debugger{
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 1000;
}

.debug-expand-window{
    min-width: 200px;
    min-height: 20px;
    background-color: #232229;
    font-size: 12px;
    padding: 1em;
}.tc-head{
    background-color : #111014;
    padding: 5px;

    border: solid;
    border-width: 0 0 0 3px;
    border-color: #111014;
}
.tc-head-closed{
    border-radius: 3px;
}
.tc-head-open{
    border-radius: 3px 3px 0 0;
    /*box-shadow: 5px 5px 20px black;*/
}
.tc-head-updating {
  animation: updating-input 1s steps(5, start) infinite;
  -webkit-animation: updating-input 1.5s steps(5, start) infinite;
}
@-webkit-keyframes tc-head-updating {
  0%{
      border-color: #b86d61;
  }
  50.0%{
      border-color: #673433;
  }
  100.0%{
      border-color: #b86d61;
  }
}
@keyframes tc-head-updating {
  0%{
      border-color: #b86d61;
  }
  50.0%{
      border-color: #673433;
  }
  100.0%{
      border-color: #b86d61;
  }
}

.tc-new-tag-input{
    /*background-color:   #111014;*/
    background-color: transparent;
    color:              #CAD0E6;
    border: none;
    outline: none;
}
.selected-tag{
    display: inline-block;
    padding: 2px 5px 2px 5px;
    background-color: #302d33;
    color:              #CAD0E6;
    margin-right: 5px;

    border-radius: 5px;
}
.selected-tag button{
    border: none;
    outline: none;
    vertical-align: top;
    font-size: 10px;
    color:              #CAD0E6;

    background-color: transparent;
    /*margin: 0;*/
    /*padding: 0;*/

    /*background-color: #8b0000;*/
    margin: 0 -5px 0 0 0;     /* This is here so the "close" button can be bigger and easier to press" */
    padding: 0px 5px 5px 5px; /* This is here so the "close" button can be bigger and easier to press" */
}
.selected-tag button:hover{
    color: #FD5F45;
}
.selected-tag span{
    margin-left: -5px;  /* This is here so the "close" button can be bigger and easier to press" */
}/* The MIT License */
.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropzone {
  position: relative;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(0,0,0,0.02);
  padding: 1em;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone .dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone.dz-drag-hover {
  border-color: rgba(0,0,0,0.15);
  background: rgba(0,0,0,0.04);
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  background: rgba(255,255,255,0.8);
  position: relative;
  display: inline-block;
  margin: 17px;
  vertical-align: top;
  border: 1px solid #acacac;
  padding: 6px 6px 6px 6px;
}
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
  display: none;
}
.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
  width: 100px;
  height: 100px;
  /*width:25px;*/
  /*height:25px;*/
  position: relative;
  background: #ebebeb;
  padding: 5px;
  margin-bottom: 22px;
}
.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  height: 100%;
}
.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  /*width:25px;*/
  /*height:25px;*/
}
.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
  position: absolute;
  left: 3px;
  /*bottom:     -14px;*/
  /*height:      14px;*/
  /*line-height: 14px;*/
  bottom:     -28px;
  height:      28px;
  line-height: 28px;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  display: block;
}
.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img {
  display: none;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  color: #8cc657;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  color: #ee162d;
}
.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #d7d7d7;
  display: none;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #8cc657;
}
.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress {
  display: block;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245,245,245,0.8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  display: block;
}
.dropzone {
  border: 1px solid rgba(0,0,0,0.03);
  min-height: 120px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: rgba(0,0,0,0.03);
  padding: 23px;
}

.dropzone .dz-default.dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  background-image: url("../images/spritemap.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  width: 428px;
  height: 123px;
  margin-left: -214px;
  margin-top: -61.5px;
  top: 50%;
  left: 50%;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5/1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) {
  .dropzone .dz-default.dz-message {
    background-image: url("../images/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}
.dropzone .dz-default.dz-message span {
  display: none;
}
.dropzone.dz-square .dz-default.dz-message {
  background-position: 0 -123px;
  width: 268px;
  margin-left: -134px;
  height: 174px;
  margin-top: -87px;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.15;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
  filter: alpha(opacity=15);
}
.dropzone.dz-started .dz-message {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
  box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
  font-size: 14px;
}
.dropzone .dz-preview.dz-image-preview:hover .dz-details img,
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
  display: block;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview.dz-error .dz-progress .dz-upload,
.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
  background: #ee1e2d;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  background-image: url("../images/spritemap.png");
  background-repeat: no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5/1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) {
  .dropzone .dz-preview .dz-error-mark,
  .dropzone-previews .dz-preview .dz-error-mark,
  .dropzone .dz-preview .dz-success-mark,
  .dropzone-previews .dz-preview .dz-success-mark {
    background-image: url("../images/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}
.dropzone .dz-preview .dz-error-mark span,
.dropzone-previews .dz-preview .dz-error-mark span,
.dropzone .dz-preview .dz-success-mark span,
.dropzone-previews .dz-preview .dz-success-mark span {
  display: none;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  background-position: -268px -123px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  background-position: -268px -163px;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  -webkit-animation: loading 0.4s linear infinite;
  -moz-animation: loading 0.4s linear infinite;
  -o-animation: loading 0.4s linear infinite;
  -ms-animation: loading 0.4s linear infinite;
  animation: loading 0.4s linear infinite;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-image: url("../images/spritemap.png");
  background-repeat: repeat-x;
  background-position: 0px -400px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5/1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) {
  .dropzone .dz-preview .dz-progress .dz-upload,
  .dropzone-previews .dz-preview .dz-progress .dz-upload {
    background-image: url("../images/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}
.dropzone .dz-preview.dz-success .dz-progress,
.dropzone-previews .dz-preview.dz-success .dz-progress {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone a.dz-remove,
.dropzone-previews a.dz-remove {
  background-image: -webkit-linear-gradient(top, #fafafa, #eee);
  background-image: -moz-linear-gradient(top, #fafafa, #eee);
  background-image: -o-linear-gradient(top, #fafafa, #eee);
  background-image: -ms-linear-gradient(top, #fafafa, #eee);
  background-image: linear-gradient(to bottom, #fafafa, #eee);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #eee;
  text-decoration: none;
  display: block;
  padding: 4px 5px;
  text-align: center;
  color: #aaa;
  margin-top: 26px;
}
.dropzone a.dz-remove:hover,
.dropzone-previews a.dz-remove:hover {
  color: #666;
}
@-moz-keyframes loading {
  from {
    background-position: 0 -400px;
  }
  to {
    background-position: -7px -400px;
  }
}
@-webkit-keyframes loading {
  from {
    background-position: 0 -400px;
  }
  to {
    background-position: -7px -400px;
  }
}
@-o-keyframes loading {
  from {
    background-position: 0 -400px;
  }
  to {
    background-position: -7px -400px;
  }
}
@keyframes loading {
  from {
    background-position: 0 -400px;
  }
  to {
    background-position: -7px -400px;
  }
}/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }

	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */

	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}

	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */

	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}

	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}

	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}

	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}

	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}

	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}

	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }

	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }

	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }

	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }

	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }

	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }

	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}

	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }

	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }

	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}

	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools,
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}

	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: width .2s ease-out .2s, height .2s ease-out .2s,
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out;
	}



/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/

	/*
	----------------------------------------
	6.1 THEMES
	----------------------------------------
	*/

	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)";
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/*
		sprites locations
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/*
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/*
		sprites locations
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/*
		sprites locations
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }


	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

	/* ---------------------------------------- */



	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }


	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }

	/* ---------------------------------------- */



	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */

	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }

	/* ---------------------------------------- */



	/* theme: "light-thin", "dark-thin" */

	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */

	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

	/* ---------------------------------------- */



	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }

	.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }

	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}

	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }

	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}

	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}

	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }

	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}

	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}

	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }

	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }

	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }

	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }


	/* theme "rounded-dark", "rounded-dots-dark" */

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }


	/* theme "rounded-dots", "rounded-dots-dark" */

	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
	}

	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }


	/* theme "rounded-dots-dark" */

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }

	/* ---------------------------------------- */



	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}


	/* theme "3d", "3d-dark" */

	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }

	.mCS-3d.mCSB_scrollTools,
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
	}

	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}

	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


	/* theme "3d-dark" */

	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}

	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

	/* ---------------------------------------- */



	/* theme: "3d-thick", "3d-thick-dark" */

	.mCS-3d-thick.mCSB_scrollTools,
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
	}

	.mCS-3d-thick.mCSB_scrollTools,
	.mCS-3d-thick-dark.mCSB_scrollTools,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }

	.mCS-3d-thick.mCSB_scrollTools_vertical,
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }

	.mCS-3d-thick.mCSB_scrollTools_horizontal,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}

	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}

	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}

	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }


	/* theme: "3d-thick-dark" */

	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }

	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }

	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

	/* ---------------------------------------- */



	/* theme: "minimal", "minimal-dark" */

	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0;
		margin: 12px 0;
	}

	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0;
		margin: 0 12px;
	}

	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0;
		right: auto;
	}

	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }

	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }

	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
	}

	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
	}


	/* theme: "minimal-dark" */

	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
	}

	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
	}

	/* ---------------------------------------- */



	/* theme "light-3", "dark-3" */

	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}

	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}

	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


	/* theme "dark-3" */

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

	/* ---------------------------------------- */



	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}

	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }


	/* theme "inset-2", "inset-2-dark" */

	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}

	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }


	/* theme "inset-3", "inset-3-dark" */

	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }

	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }

	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }

	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	/* ---------------------------------------- */