/* 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; }

/* 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; }

.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 */