@font-face {
    font-family: 'Icons';
    src:url(/fonts/icons.eot);
    src:url(/fonts/icons.eot?#iefix) format('embedded-opentype'),
        url(/fonts/icons.woff2) format('woff2'),
        url(/fonts/icons.woff) format('woff'),
        url(/fonts/icons.ttf) format('truetype'),
        url(/fonts/icons.svg#icons) format('svg');
}
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans');

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
}
html, body { height: 100% }
div.v-application {
  height: 100%;
}
div.v-application--wrap {
  min-height: 100%;
}
body {
  font-family: 'Open Sans', sans-serif;
  word-break: break-word;
}
body::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #efefef;
}
body::-moz-placeholder { /* Firefox 19+ */
color: #efefef;
}
body:-ms-input-placeholder { /* IE 10+ */
color: #efefef;
}
body:-moz-placeholder { /* Firefox 18- */
color: #efefef;
}
.form-control {
color: #121212;
}
div.absolute {
position: absolute;
}

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
}
.spinner h1 {
  font-size: 1.25rem;
  margin-bottom: 2rem;
}

/* Main layout */
.layout-cols-row {
  display: flex;
  overflow: hidden;
  height: calc(var(--vh, 1vh) * 100 - 56px);
  /* height: calc(100vh - 56px);
  height: fill-available;
  height: -webkit-fill-available; */
  /* height: 100%; */
}
/* .main-center-details div.flex-column {
  height: 100%
} */
.layout-cols {
  display: flex;
  overflow: hidden;
  height: calc(var(--vh, 1vh) * 100 - 56px);
  /* height: calc(100vh - 56px);
  height: fill-available;
  height: -webkit-fill-available; */
  /* height: 100%; */
}
/* div.layout-cols-row div.layout-nav {
  max-width: 25rem;
  min-width: 12rem;
} */
@media only screen and (min-width: 667px) {
  .layout-nav {
    max-width: 25rem;
    min-width: 12rem;
  }
}

/* Other stuff */
/* 
/* Main Left Panel */
.main-left-previews, .main-left-previews .flex-column {
    height: 100%;
    width: 100%;
    
}
.main-left-action {
    overflow-x: scroll;
    width: 100%;
    margin: 0 0 .5rem;
    padding: .5rem 1rem;
    text-align: center;
    border-bottom: 1px solid #ddd;
    flex-shrink: 0;
    flex-grow: 0;
    font-size: .9rem;
}
.main-left-action div.v-list {
  padding: 0;
}
.main-left-action .add-on .input-group-btn > .btn {
    border-left-width:0;
    margin-left: -.25rem;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.main-left-content {
    flex-grow: 1;
    overflow-y: scroll;
    margin: 0 -1rem;
    padding: 0 1rem;
}
.msg-preview {
    padding: .6rem 0 0;
    margin: 0 -1rem;
}
div.msg-indicator {
    width: 1.5rem;
    padding: 0 .35rem;
    flex-basis: 1rem;
    flex-grow: 0;
}
div.msg-indicator i.v-icon {
    font-size: .4rem;
    line-height: .8rem;
}
div.msg-indicator i.unread-message.v-icon {
  color: #4cace2;
}
div.msg-indicator i.read-unfinished-message.v-icon {
  color: #dc3545;
}
div.msg-indicator i.read-message.v-icon {
    opacity: 0;
}
div.msg-container {
    margin: 0;
    padding: 0 .8rem 0 0;
    border-bottom: 1px solid #ddd;
    width: calc(100% - 1rem - 15px * 2);
}
div.msg-name {
    padding:0;
    display: block;
}
div.msg-time {
    color: #555;
    font-size:.7rem;
    display: block;
    padding: .3rem 0 0;
}
div.msg-text {
    color: #333;
    margin: 0;
    padding-bottom: 1rem;
    display: block;
}

@media (min-width: 767.98px) { 
    .msg-container {
        flex-basis: 0;
        flex-grow: 1;
    }
}

/* Main Center Panel */
div.messageTemplateItem:hover {
    cursor: pointer;
    background-color: #efefef;
}
div.main-center-details {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    /* height: 100%; */
    height: calc(var(--vh, 1vh) * 100 - 56px);
    padding: 0;
}
.main-center-details .flex-column {
    height: 100%;
    /* height: calc(100vh - 56px); */
    /* height: calc(var(--vh, 1vh) * 100 - 56px); */
    /* height: fill-available;
    height: -webkit-fill-available; */
}
.main-center-top {
    overflow-x: scroll;
    width: 100%;
    margin: 0 0 .5rem;
    padding: .5rem 0rem;
    text-align: center;
    border-bottom: 1px solid #ddd;
    flex-shrink: 0;
    flex-grow: 0;
    font-size: .9rem;
}
.main-center-top-type {
    font-size: 0.65rem;
    line-height: 0.65rem;
}
.main-center-top-title {
    font-weight: bold;
    font-size: 1.1rem;
    margin: auto;
    line-height: 2rem;
}
.main-center-actions {
    padding: 0 0 .75rem;
    text-align: center;
}
.main-center-actions .action-button {
    padding: .2rem .35rem;
    margin: .25rem;
    font-size: .9rem;
}
.main-center-filters .nav-link {
    padding: 0 .75rem;
}
.main-center-middle {
    padding: .5rem;
    flex-grow: 1;  /*ensures that the container will take up the full height of the parent container*/
    overflow-y: scroll; 
}
div.msg-detail-container {
    margin: 1rem 0 0;
}
div.msg-detail-container > div {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
div.msg-detail-container > div > div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.no-whitespace {
  white-space: pre-wrap;
}
.msg-detail-contact-info {
  font-size: 0.75rem;
  line-height: 0.5rem;
}
.msg-detail-bubble {
    margin: .25rem 0rem;
    display: inline-block;
    position: relative;
    width: 90% !important;
    height: auto;
}
.msg-bubble-content {
    padding: 1rem;
    text-align: left;
    line-height: 1.5em;
}
.note-bubble-hover {
    cursor: pointer;
}
.note-bubble-hover .msg-bubble-content {
  background: #efefef;
    border: 1px dashed #ababab !important;
}
.from-msg-bubble,.from-chat-bubble {
  border-radius: 1.7rem 1.7rem 1.7rem .4rem;
  background-color: #ededed;
}
.to-msg-bubble {
  border-radius: 1.7rem 1.7rem .4rem 1.7rem;
  background-color: #ebf7fe;
}
.to-chat-bubble {
  border-radius: 1.7rem 1.7rem .4rem 1.7rem;
  border: 1px solid #ccc;
}
div.msg-detail-header {
  margin: .25rem 1rem;
  font-size: .9rem;
}
div.msg-detail-header span.msg-detail-name {
  font-weight:bold;
  padding-right: .25rem
}
div.msg-detail-header span.msg-detail-time {
  font-weight:lighter;
}
.appt-bubble {
  margin: .25rem 1rem .25rem;
  width: 100%;
}
.appt-bubble-hover {
  cursor: pointer;
}
.appt-bubble-header {
  color: #fff;
  background-color: #007bff;
  text-align: center;
}
.appt-bubble-content {
  padding: 1rem;
  border: 1px solid #aaa;
}
.appt-bubble-time {
  margin-bottom: .5rem;
}
.appt-bubble-employee {
  margin: .5rem 0rem;
}
.main-center-bottom {
    flex-shrink: 0;
    flex-grow: 0;
    align-self: flex-end;
    width: 100%;
}
.main-center-bottom .v-text-field__details {
  display: none;
}
.main-center-bottom .msg-input {
    width: 100%;
    padding: .25rem;
}
.full-width, .msg-input input {
    width: 100%;
}

.msg-character-count {
    text-align: right;
    font-size: .75rem;
    color: #777;
    line-height: .5rem;
    padding: .25rem .25rem 0;
}
.msg-counter {
  padding-top: .5rem;
}
div.history-actions {
  text-align: center;
}

div.input-textarea-container div.v-input__append-inner {
  align-self: flex-end;
}

@media (min-width: 767.98px) { 
    .msg-detail-container {
        margin: 0 0 1.5rem;
    }
    .msg-detail-bubble {
        margin: .25rem 1rem;
        width: 80% !important;
    }
}


/* Right Panel - Contact */
#lsidebar, #rsidebar {
    margin-top: 2.5rem;
    padding: 1rem;
}
.contact-photo {
    font-size: 1.5rem;
    border: 0px solid #333;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 50%;
    margin: 1rem auto;
    color: #333;
    vertical-align: middle;
}

.contact-info {
    text-align: center;
}
.contact-name{
    font-size: 1.2rem;
    font-weight: bold;
}
.contact-status {
    font-size: .9rem;
}
.right-actions {
    margin: 1rem auto 0;
}
.right-actions button {
    margin: .5rem auto;
    width: 100%;
}
.contact-info .add-new {
    text-align: right;
    font-size: .9rem;
}
.contact-info table {
    margin: 0 auto;
}
.contact-info table td{
    text-align:left;
    padding: .2rem .25rem;
    font-size: .9rem;
}
.contact-info h3{
    margin: 2rem 0 0;
    font-weight: bold;
    font-size: 1rem;
}
.custom-field-name {
    font-weight: bold;
}
table.detail-table tr:hover, div.contact-name:hover {
  cursor: pointer;
  background-color: #efefef;
}
/* Customer - Right Rail */
.customer-row {
  padding: .5rem .8rem;
}
div.no-results-row span {
  color: #007bff;
}
div.no-results-row:hover, div.no-results-row div:hover {
  background: none;
}
.form-check-label:hover {
  cursor: pointer;
}
div.settings-header-text {
  font-size: 1.5rem;
  margin: 1rem 0;
  padding: 1rem 0;
}
div.settings-subheader-text {
  font-size: 1.2rem;
  margin: 1rem 0 .25rem;
  padding: 1rem 0 .25rem;
}
div.settings-center-rail {
  overflow: scroll;
  height: 100%;
}
div.v-card__title {
  word-break: break-word;
}
div.main-right-content div.container{
  padding-bottom: 5rem;
}
.v-data-table th {
  word-break: normal;
  vertical-align: top;
  padding-top: .5rem !important;
}
div.settings-card {
  min-width: 80%;
}

@media only screen and (max-width: 666px) {
  main div.container {
    padding: 0 .5rem;
  }
  div.settings-card div.container div.settings-header-text, div.settings-section-main-content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  div.report-time-row {
    padding: 0 1rem;
  }
  /* div.settings-section-main-content .col {
    padding: 0;
  } */
  /* div.review-preview {
    margin-right: -2rem;
    margin-left: -2rem;
  } */
  button.mobile-customer-rail-switcher {
    bottom: 0;
    left: 0;
    position: absolute;
    margin: 0 16px 16px;
  }
}

@media only screen and (min-width: 667px) {
  div.settings-card {
    max-width: 80rem;
    padding: 0 3rem;
  }
}
button.btn:hover {
  cursor: pointer;
}
td.e-rowcell {
  cursor: pointer;
}

/*----------------------*/
/* Call Settings Styles */
/*----------------------*/
div.v-dialog__content.v-dialog__content--active div.v-dialog.v-dialog--active{
  background-color: white;
}
/*--------------*/
/* Login Styles */
/*--------------*/
.login-div {
  width: 100%;
  position: relative;
  display: flex;
  background-color: white;
}
.login-div > div {
  margin: auto;
}
.login-div a {
  color: #007bff !important;
  text-decoration: underline;
}

[data-test="sign-in-header-section"] {
  text-align: center !important;
}

[data-test="sign-in-header-section"]::before {
  text-align: center;
  font-size: 1.5rem;
  content: "dabaTools";
  display: block;
}

[data-test="sign-in-section"] {
  height: 100% !important;
  min-width: 350px !important;
  padding: .75rem !important;
  width: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

button.login-div,
[data-test="sign-in-sign-in-button"], 
[data-test="forgot-password-send-code-button"],
[data-test="sign-up-create-account-button"],
[data-test="forgot-password-submit-button"],
[data-test="confirm-sign-up-confirm-button"],
.Section__sectionFooterPrimaryContent___36Gb1, 
.login-div button,
.Section__sectionFooterPrimaryContent___36Gb1 button {
  background-color: #007bff !important;
  color: #fff !important;
  font-weight: bold !important;
}

button.login-div:hover,
[data-test="sign-in-sign-in-button"]:hover, 
[data-test="forgot-password-send-code-button"]:hover,
[data-test="sign-up-create-account-button"]:hover,
[data-test="forgot-password-submit-button"]:hover,
[data-test="confirm-sign-up-confirm-button"]:hover,
.Section__sectionFooterPrimaryContent___36Gb1:hover {
  background-color: #0069d9 !important;
}

[data-test="sign-up-dial-code-select"] {
  background-image: none !important;
}

div.login-div .error {
  background-color: white !important;
  color: red;
  padding-top: 1rem;
}
[data-test="sign-in-footer-section"]:nth-child(2),
.Section__sectionFooterSecondaryContent___3cjOa {
  display:none;
}

@media (min-width: 450px) {
  button.login-div,
  [data-test="sign-in-sign-in-button"], 
  [data-test="forgot-password-send-code-button"],
  [data-test="sign-up-create-account-button"],
  [data-test="forgot-password-submit-button"],
  [data-test="confirm-sign-up-confirm-button"],
  .Section__sectionFooterPrimaryContent___36Gb1 {
    /*margin-left: 1rem;*/
  }
}

@media (min-width: 767.98px) { 
  .login-div {
    position: absolute;
    display: block;
    max-width: 30rem;
  }
  .login-div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  [data-test="sign-in-section"] {
    padding: 35px 25px !important;
    width: 100% !important;
    border: 0 !important;
    border-radius: .05rem !important;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.25) !important;
    -moz-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.25) !important;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.25) !important;
  }
}

/**** Calendar ****/
/* div.v-calendar-daily_head-weekday, div.v-calendar-weekly__head-weekday {
  font-size: .9rem;
}
div.v-calendar-daily__day-label .v-btn__content, div.v-calendar-weekly__day-label .v-btn__content{
  font-size: .75rem;
}
div.v-calendar-daily_head-day-label .v-btn--fab.v-size--default {
  height: 2rem;
  width: 2rem;
}
div.calendar-toolbar-center {
  text-align: center;
}
div.calendar-toolbar-left {
  text-align: left;
}
div.calendar-toolbar-right {
  text-align: right;
}
div.calendar-container {
  width: 100%;
  height: calc(100% - 60px);
  overflow-y: scroll;
}
div.v-calendar-daily__body {
  height: 200px;
  overflow:scroll;
} */