@font-face {
  font-family: 'Roboto';
  src: local(Roboto Thin), url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Thin.eot');
  src: url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Thin.eot?#iefix')
      format('embedded-opentype'),
    url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Thin.woff2') format('woff2'),
    url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Thin.woff') format('woff'),
    url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Thin.ttf') format('truetype');
  font-weight: 200;
}

@font-face {
  font-family: 'Roboto';
  src: local(Roboto Light), url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Light.eot');
  src: url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Light.eot?#iefix')
      format('embedded-opentype'),
    url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Light.woff2') format('woff2'),
    url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Light.woff') format('woff'),
    url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Light.ttf') format('truetype');
  font-weight: 300;
}

@font-face {
  font-family: 'Roboto';
  src: local(Roboto Regular), url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Regular.eot');
  src: url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Regular.eot?#iefix')
      format('embedded-opentype'),
    url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Regular.woff2') format('woff2'),
    url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Regular.woff') format('woff'),
    url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Roboto';
  src: url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Medium.eot');
  src: url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Medium.eot?#iefix')
      format('embedded-opentype'),
    url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Medium.woff2') format('woff2'),
    url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Medium.woff') format('woff'),
    url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
}

@font-face {
  font-family: 'Roboto';
  src: url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Bold.eot');
  src: url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Bold.eot?#iefix')
      format('embedded-opentype'),
    url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Bold.woff2') format('woff2'),
    url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Bold.woff') format('woff'),
    url('https://configurator-utility-dev.s3.amazonaws.com/public/src/fonts/roboto/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
}

@font-face {
  font-family: 'DomaineDisplayNarrowBold';
  src: url("https://www.kitchenmagic.com/hubfs/fonts/domaine-display-narrow-bold/DomaineDisplayNarrowWeb-Bold.eot"), url("https://www.kitchenmagic.com/hubfs/fonts/domaine-display-narrow-bold/DomaineDisplayNarrowWeb-Bold.eot?#iefix") format("embedded-opentype"), url("https://www.kitchenmagic.com/hubfs/fonts/domaine-display-narrow-bold/DomaineDisplayNarrowWeb-Bold.woff") format("woff"), url("https://www.kitchenmagic.com/hubfs/fonts/domaine-display-narrow-bold/DomaineDisplayNarrowWeb-Bold.woff2") format("woff2"); }

@font-face {
  font-family: 'ProximaNova-Bold';
  src: url("https://www.kitchenmagic.com/hubfs/fonts/proxima-nova/proxima-nova-bold.eot");
  src: url("https://www.kitchenmagic.com/hubfs/fonts/proxima-nova/proxima-nova-bold.eot?#iefix") format("embedded-opentype"), url("https://www.kitchenmagic.com/hubfs/fonts/proxima-nova/proxima-nova-bold.woff2") format("woff2"), url("https://www.kitchenmagic.com/hubfs/fonts/proxima-nova/proxima-nova-bold.woff") format("woff"), url("https://www.kitchenmagic.com/hubfs/fonts/proxima-nova/proxima-nova-bold.ttf") format("truetype"); }

@font-face {
  font-family: 'ProximaNova-Regular';
  src: url("https://www.kitchenmagic.com/hubfs/fonts/proxima-nova/proxima-nova-regular.eot");
  src: url("https://www.kitchenmagic.com/hubfs/fonts/proxima-nova/proxima-nova-regular.eot?#iefix") format("embedded-opentype"), url("https://www.kitchenmagic.com/hubfs/fonts/proxima-nova/proxima-nova-regular.woff2") format("woff2"), url("https://www.kitchenmagic.com/hubfs/fonts/proxima-nova/proxima-nova-regular.woff") format("woff"), url("https://www.kitchenmagic.com/hubfs/fonts/proxima-nova/proxima-nova-regular.ttf") format("truetype"); }

@font-face {
  font-family: 'ProximaNova-RegularIt';
  src: url("https://www.kitchenmagic.com/hubfs/fonts/proxima-nova/proxima-nova-regular-italic.eot");
  src: url("https://www.kitchenmagic.com/hubfs/fonts/proxima-nova/proxima-nova-regular-italic.eot?#iefix") format("embedded-opentype"), url("https://www.kitchenmagic.com/hubfs/fonts/proxima-nova/proxima-nova-regular-italic.woff2") format("woff2"), url("https://www.kitchenmagic.com/hubfs/fonts/proxima-nova/proxima-nova-regular-italic.woff") format("woff"), url("https://www.kitchenmagic.com/hubfs/fonts/proxima-nova/proxima-nova-regular-italic.ttf") format("truetype"); }


html {
  height: 100%;
  box-sizing: border-box;
}

body {
  position: relative;
  margin: 0;
  padding-bottom: 6rem;
  min-height: 100%;
  font-family:"ProximaNova-Regular", helvetica, sans-serif;
}

pre {
  font-family:"ProximaNova-Regular", helvetica, sans-serif;
  font-weight: 600;
}
p.custom-bold{
  font-family:"ProximaNova-Regular", helvetica, sans-serif;
  font-weight: 600;
}

dialog {
  padding: 0 !important;
}

span.clearfix.d-none.d-sm-inline-block.pl-1 {
  font-family: "ProximaNova-Regular", helvetica, sans-serif;
}

img.img-fluid {
  width: -webkit-fill-available;
}

.nav-gray{
  background-color: #A3A5A8 !important;
}

.nav-dark{
  background-color: #222 !important;
}

p.assigned-text {
  margin-bottom: auto !important;
}

a.custom-links {
  color:#0095fa;
}

a.custom-links:hover{
  color: #c30019;
}

button:hover{
  cursor: pointer;
}

.side-nav.custom-side-nav {
  width: 18rem !important;
}

.side-nav.text-dark {
  color: #222 !important;
}

.custom-slim > .ss-single-selected {
  height: 40px !important;
  font-size: larger;
  font-weight: 700;
}

.double-nav .breadcrumb-dn.custom-nav-header p {
  padding-left: 4rem;
}

.punctuation {
  padding-left: 3px;
  overflow: hidden;
}

.fc-event.fc-event-km {
  border-radius: 5px;
  border: 2px outset;
  border-bottom-style: solid;
  font-size: 0.85em !important;
}

.fc-event.fc-event-km.border-thick {
  border-radius: 5px;
  border: 4px outset;
  border-bottom-style: solid;
}

.fc-event.fc-event-allDay-km {
  border: 3px outset;
  border-color: lightgray !important;
  border-bottom-style: solid;
  font-size: 0.85em !important;
}

.fc-cell-text {
  font-size: 0.7rem !important;
}

.fc-sticky.km-sticky {
  position: sticky;
  left: 0px;
  right: 0px;
  top: 0px;
}

.fc-event.fc-event-km:hover {
  opacity: 0.7;
}

.fc-nonbusiness {
  background-color: #FF999F !important;
}

.fc-bgevent{
  overflow: hidden;
}

.fc-bgevent-container > .fc-nonbusiness {
  height: 75px;
}

.fc-bgevent.fc-horizontal {
  height: 75px;
}

.fc-bgevent.fc-bg-off {
  opacity: 1;
  background-color: rgba(240,24,52, 0.5);  
  font-weight: 900;
}

.fc-bgevent.fc-bg-on{
  opacity: 1;
  background-color: rgba(236, 209, 78, 0.983);  
  font-weight: 900;
}

[data-resource-id] {
  height: 85px;
  border: 3pt solid #A3A5A8;
}

.tickets[data-resource-id]{
  height:50px !important;
  background-color: #0095fa !important;
}

.fc-custom-resource-body{
  color: black; 
  padding-left: 32px;
  margin: auto;
}

.hidden {
  display: none !important;
}

.km-bg-today {
  background-color: #d1ecf1;
  opacity: .6;
}

.km-border-end-of-day {
  border-right: solid 1pt #222 !important;
}

.km-bg-past {
  background-color: #cbc5c5;
  opacity: .8;
}

.md-form .custom_labels {
  position: inherit;
  font-size: medium;
  font-weight: bolder !important;
  font-variant: all-petite-caps;
}

.font-size-md {
  font-size: medium !important;
}

label.default_label {
  font-family: "ProximaNova-Bold", helvetica, sans-serif !important;
  color: #222 !important;
  font-size: .8rem !important;
  margin-bottom: 0 !important;
  margin-top: 0.625rem !important;
  background-color: transparent !important;
}

label.footer_label {
  font-family: "ProximaNova-Bold", helvetica, sans-serif !important;
  color: #fff;
  font-size: .8rem !important;
  margin-bottom: 0 !important;
  margin-top: 0.625rem !important;
  text-transform: uppercase !important;
  background-color: transparent !important;
}


.label_alert {
  color: red !important;
}

.script-staging {
  margin-top: 10%;
  min-height: auto;
  max-width: inherit;
}

.script-style {
  /*min-height: initial;
    height: 74px;*/
  border-radius: 5pt;
  border: 1pt inset;
}

.script-content {
  min-height: inherit;
}

i.draggable_icon {
  font-size: 25pt;
  min-width: 50px;
}

.list-group-item.custom-list-item {
  border: none !important;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #000;
  color: #fff;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;

  border: ridge;
  border-radius: 10pt;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active.accordion:hover {
  background-color: #f01834;
}

li.nav-item.nav-group{
  display: contents;
}

.accordion:after {
  content: "\23F6"; /* Unicode character for "plus" sign (+) */
  font-size: 22px;
  color: #fff;
  float: right;
  margin-left: 5px;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.contact_properties {
  min-width: 200px;
}

.logo-wrapper.custom_sidenav {
  margin-left: 20px;
  height: 6.75rem;
}

.custom-error {
  background-color: rgba(255, 0, 0, 0.3);
  font-weight: bold;
  border-radius: 5pt;
  text-align: center !important;
}

.custom-success {
  background-color: rgba(0, 255, 0, 0.3);
  font-weight: bold;
  border-radius: 5pt;
  text-align: center !important;
}

.success {
  background-color: rgba(0, 255, 0, 0.3);
  font-weight: bold;
  border-radius: 5pt;
  text-align: center !important;
}

.menu {
  width: 12rem;
  height: 11rem;
  background-color: #f4f4f4;
  color: #333;
  border: 1px solid #aaa;
  box-shadow: 2px 2px 2px #999;
  border-radius: 0.2rem;
  list-style: none;
  position: fixed;
  z-index: 1000;
}

.off {
  top: 200%;
  left: 200%;
}

.menu-item {
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 1.25rem;
  font-weight: 100;
  cursor: pointer;
  font-variant: small-caps;
  padding-bottom: 2rem;
}

.menu-item > a {
  color: #333;
}

.menu-item > a:hover,
.menu-item > a:active,
.menu-item:hover,
.menu-item:active {
  color: red !important;
  font-weight: 500;
}

.menu-title {
  font-variant: small-caps;
  padding-bottom: 0.5rem;
}

.script-layout {
  border: 1px inset;
  min-height: 100px;
}

.script-component {
  height: 50px;
  margin: 15px 5px;
}

.script-component-area {
  height: 50px;
  border: 1pt dashed gray;
}

.btn.btn-block.component_added {
  margin: auto !important;
}
.btn-custom {
  color: #fff;
  background-color: #f01834;
  border-color: #f01834;
}

.btn-custom:hover {
  color: #fff;
  background-color: #c30019;
  border-color: #c30000;
}

.btn-custom:focus,
.btn-custom.focus {
  box-shadow: 0 0 0 0.2rem rgba(224, 109, 109, 0.979);
}

.btn-custom.disabled,
.btn-custom:disabled {
  color: #fff;
  background-color: #ff999f;
  border-color: #ff999f;
}

.btn-custom:not(:disabled):not(.disabled):active,
.btn-custom:not(:disabled):not(.disabled).active,
.show > .btn-custom.dropdown-toggle {
  color: #fff;
  background-color: #c30019;
  border-color: #c30000;
}

.btn-custom:not(:disabled):not(.disabled):active:focus,
.btn-custom:not(:disabled):not(.disabled).active:focus,
.show > .btn-custom.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(224, 109, 109, 0.979);
}

.font-small {
  font-size: xx-small;
}

.font-small-2 {
  font-size: small;
}

.font-medium {
    font-size: larger !important;
}

.font-large {
  font-size: xx-large !important;
}

.km-tooltip:before {
  content: attr(data-text); /* here's the magic */
  position: absolute;

  /* vertically center */
  top: 5%;
  transform: translateY(-135%);
  margin-left: 10px; /* and add a small left margin */

  /* basic styles */
  width: 250px;
  min-height: auto;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  padding: 10px;
  border-radius: 20px;
  background: #000;
  font-weight: 500;
  color: #fff;
  text-align: center;

  display: none; /* hide by default */
}

.km-tooltip:hover:before {
  display: block;
}

.km-tooltip.left:before {
  /* reset defaults */
  left: initial;
  margin: initial;

  /* set new values */
  right: 100%;
  margin-right: 15px;
}

.km-tooltip:after {
  content: "";
  position: absolute;

  bottom: 100%;
  margin-left: 40px;

  top: 25%;
  transform: translateY(-75%);

  border: 15px solid #000;
  border-color: black transparent transparent transparent;

  display: none;
}
.km-tooltip:hover:before,
.km-tooltip:hover:after {
  display: block;
}

.km-calendar-tools {
    font-size: 15pt;
    color: #fff;
}

.km-calendar-tools span.clearfix.d-none.d-sm-inline-block.pl-1{
  font-size: 1.5rem;
}

.km-calendar-tools:hover {
    opacity: .7;
}

.calendar-view.active > .km-calendar-tools {
  color: #2196f3; 
}

.calendar-selected.active > .km-calendar-tools {
  color: #2196f3; 
}

.calendar-view.active {
  border: solid .125rem #fff;
  border-radius: .3rem;
  background-color: #fff;
  color: #2196f3; 
}

.calendar-selected.active {
  border: solid .125rem #fff;
  border-radius: .3rem;
  background-color: #fff;
  color: #2196f3; 
}

.calendar-selected.disabled {
  opacity: .4; 
}

.nav-link.disabled {
  opacity: .4; 
}

/* Sales */
.calendar-view.sales-view.active > .km-calendar-tools {
  color: #A3A5A8; 
}

.calendar-selected.sales-view.active > .km-calendar-tools {
  color: #A3A5A8; 
}

.calendar-view.sales-view.active {
  border: solid .125rem #fff;
  border-radius: .3rem;
  background-color: #fff;
  color: #A3A5A8 
}

.calendar-selected.sales-view.active {
  border: solid .125rem #fff;
  border-radius: .3rem;
  background-color: #fff;
  color: #A3A5A8; 
}

.calendar-selected.sales-view.disabled {
  opacity: .4; 
}

.km-no-cursor {
    cursor: default;
}

span.km-icon-header {
  font-size: 1.5rem;
}

i.km-header-drop-list{
  font-size: 1.5rem !important;
}

i.hover:hover {
  color: black !important;
}

i.hover-red:hover {
  color: #F01834 !important;
  opacity: 1;
}

i.fab.fa-hubspot {
  color: #ff7a59;
  font-weight: 800 !important;
}

i.fab.fa-hubspot > span.km-icon-header {
  color: #ffffff;
}

i.fab.fa-hubspot.bg-hubspot {
  color: #ffffff;
  font-weight: 800 !important;
  background-color: #ff7a59;
}

.btn.btn-hubspot {
  background-color: #ff7a59;
  border-radius: 10px;
  font-weight: 800 !important;
  color: #fff !important;
  font-family: system-ui;
}

.btn.btn-hubspot-outline {
  background-color: #fff;
  border-color: #ff7a59;
  border-style: solid;
  border-width: 1pt;
  border-radius: 10px;
  color: #ff7a59 !important;
  font-family: system-ui;
  font-weight: 800 !important;
}

i.nav-icon-link{
  color: #ffffff;
  font-weight: 800 !important;
}

i.nav-icon-link > span.km-icon-header {
  color: #ffffff;
}

i.fas.fa-history {
  color: #ffffff;
  font-weight: 800 !important;
}

i.fas.fa-history > span.km-icon-header {
  color: #ffffff;
}

i.fas.fa-info{
  color: rgb(250, 160, 160);
  font-weight: 800 !important;
}

i.fas.fa-info > span.km-icon-header {
  color: #ffffff;
}

i.fas.fa-clock{
  color: #ffffff;
  font-weight: 800 !important;
}

i.fas.fa-clock > span.km-icon-header {
  color: #ffffff;
}

i.fas.fa-home{
  color: #ffffff;
  font-weight: 800 !important;
}

i.fas.fa-home{
  color: #ffffff;
  font-weight: 800 !important;
}

i.fas.fa-home > span.km-icon-header {
  color: #ffffff;
}

i.fas.fa-calendar{
  color: #ffffff;
  font-weight: 800 !important;
}

i.fas.fa-calendar > span.km-icon-header {
  color: #ffffff;
}

i.fas.fa-door-open{
  color: #FFF;
  font-weight: 800 !important;
}

i.fas.fa-door-open > span.km-icon-header {
  color: #ffffff;
}

i.far.fa-calendar-alt{
  color: #ffffff;
  font-weight: 800 !important;
}

i.far.fa-calendar-alt > span.km-icon-header {
  color: #ffffff;
}

i.far.fa-calendar-check{
  color: #ffffff;
  font-weight: 800 !important;
}

i.far.fa-calendar-check > span.km-icon-header{
  color: #ffffff;
}

i.fas.fa-graduation-cap{
  color: #ffffff;
  font-weight: 800 !important;
}

i.fas.fa-graduation-cap > span.km-icon-header {
  color: #ffffff;
}

i.fas.fa-toolbox{
  color: cyan;
  font-weight: 800 !important;
}

i.fas.fa-toolbox > span.km-icon-header {
  color: #ffffff;
}

i.fab.fa-medium {
  color: #4E9AD7;
  font-weight: 800 !important;
}

i.fas.fa-map-marked-alt {
  color: #1EA362;
  font-weight: 800 !important;
}

i.fas.fa-route {
  color: #4A89F3;
  font-weight: 800 !important;
}

i.icon {
  background: url('https://www.kitchenmagic.com/hubfs/images/association-logos/logo-infor.png');
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  width: 30px;
  display: block;
}

i.icon.utility {
  background: url('https://www.kitchenmagic.com/hubfs/images/association-logos/utility-logo.png');
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  width: 30px;
  display: block;
}

i.icon > span.km-icon-header {
  color: #ffffff;
  padding-left: 2rem;
}

i.icon.hover:hover {
  opacity: .5 !important;
}

i.icon.utility > span.km-icon-header {
  color: #ffffff;
  padding-left: 2rem;
}

i.icon.utility.hover:hover {
  opacity: .5 !important;
}

.assignee-hover:hover {
  opacity: .5;
}
dialog.dialog-fixed {
  position: fixed;
}

.background-dialog::backdrop {
	background: rgba(0,0,0,0.5);
}

.background-dialog-lock::backdrop {
	background: rgba(0,0,0,0.5);
}

dialog.white-drop::backdrop {
  background: rgba(255,255,255,0.7);
}

.navbar-footer {
  border: none;
  border-radius: 5px;
  font-size: large;
  font-weight: 400;
  color: #222;
  overflow: hidden;
}

.pointer {cursor: pointer;}

thead.fc-head td.fc-resource-area div.fc-cell-content span.fc-cell-text {
  font-weight: 900 !important;
  font-size: x-large !important;
}

thead.fc-head .fc-resource-area th {
  background-color: #EEF3F5 !important
}

.fc-time-area th {
  font-weight: 600 !important;
  font-size: large !important;
  background-color: #F9FAFC;
}

td.fc-time {
  font-weight: 600 !important;
  font-size: large !important;
  background-color: #F9FAFC;
}

.fc th.fc-day-header {
  font-weight: 600 !important;
  font-size: large !important;
  background-color: #F9FAFC;
  padding: 0.6rem 0.6rem;
}

.fc-axis{
  background-color: #F9FAFC;
}

#calendar-date{
  font-size: 1.5rem;
  color: #fff;
}

label.other-switch-label{
  margin-right: 2.7rem;
  font-weight: 800;
}

.custom-switch-options{
  color: #fff;
}

.custom-control-label.font-bold{
  font-weight: 800;
}

.unassigned-team {
  background-color: #C4C4C4;
}

.cabinets-team {
  background-color: #C3B1E1;
}

.countertops-team {
  background-color: #FAC898;
}

.drafting-team {
  background-color: #D5F6FB;
}

.driver-team {
  background-color: #CCFFC7;
}
.manager-team {
  background-color: #dfc7a7;
}
.other-team {
  background-color: #dfc7a7;
}
.plumber-team {
  background-color: #FDFD96;
}
.service-team {
  background-color: #FAA0A0;
}
.tile-team {
  background-color: #AEC6CF;
}

.zoom-btn#zoom-in{
  cursor: zoom-in;
}

.zoom-btn#zoom-out{
  cursor: zoom-out;
}

.zoom-btn.disabled {
  opacity: .5;
}

@media print {
  .side-nav {
    display: none;
  }
}

.btn-custom-switch-primary {
  background-color: #222;
}

.btn-custom-switch-primary  > i {
  color: #fff;
}

.btn-custom-switch-primary.active {
  background-color: #007bff;
}

.active.btn-custom-switch-primary  > i {
  color: #fff;
}

.bg-warranty{
  background-color: #8000FF !important;
}

.bg-production{ 
  background-color: #3788d8 !important;
}

.custom-pink {
  background-color: #f48fb1;
}

td.sm-input-width{
  width: 150px !important;
}

.sm-input-width{
  width: 110px !important;
}

i.copy-field {
  color: #0099FA;
}

.copy-field:hover {
  color: #F01834;
  cursor: grab;
}

.copy-field:active {
  cursor: grabbing;
}

.ticket-link{
  text-decoration: underline;
}

a.x-modal-close:hover{
  color: #F01834 !important;
}

.x-modal-close:active{
  font-size:larger;
}

button.x-modal-close{
  float: right;
  opacity: .5;
  color:#000;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  background-color: transparent;
  outline-color: transparent;
}

button.x-modal-close:hover{
  opacity: 1;
  color:#000;
}

button.x-modal-close:active{
  opacity: 1;
  color:#F01834;
  font-size:larger;
}

.stage-badge {
  font-size: .85rem;
}

small > span.ticket_data {
  font-weight: 700;
}

.btn-custom-inverse{
  background-color: transparent;
}

.btn-custom-inverse > i {
  color: #222 !important;
}

.btn-custom-inverse.active{
  background-color: #0099FA;
}

.btn-custom-inverse.active > i {
  color: #fff !important;
}

@media (max-width:1025px) {
  .fc-event.fc-event-km {
    font-size: 0.66em !important;
  }
  .fc-cell-text {
    font-size: 0.66rem !important;
  }
  .stage-badge {
    font-size: .66em;
  }
}

.modal-title {
  color: #007bff !important;
}

.modal-title:hover{
  color: #222;
}

.no-outline {
  outline-color: transparent !important;
}

.estimate-badge {
  background-color: #fff !important;
  color: #222 !important;
  border: 1pt solid black;
}

.assigned-badge  {
  background-color: #4CBB17 !important;
  color: #fff !important;
}

.set-badge  {
  background-color: #FFBF00 !important;
  color: #222 !important;
}

.soft-confirmed-badge {
  background-color: #FFBF00 !important;
  color: #222 !important;
}

.hard-confirmed-badge {
  background-color: #4CBB17 !important;
  color: #fff !important;
}

.completed-badge {
  background-color: #222 !important;
  color: #fff !important;
}

.complete-badge {
  background-color: #222 !important;
  color: #fff !important;
}

.default-stage-badge {
  background-color: #A3A5A8 !important;
  color: #222 !important;
}

.cancelled-badge {
  background-color: red !important;
  color: #fff !important;
}

.measure-bg {
  background-color: skyblue !important;
}

.badge.measure-bg {
  color: #222 !important;
}

.default-type-bg{
  background-color: #A3A5A8 !important;
}

.badge.default-type-bg{
  color: #222 !important;
}

.installation-bg {
  background-color: darkred !important;
  color: #fff !important;
}

.delivery-bg {
  background-color: lightgreen !important;
}

.badge.delivery-bg{
  color: #222 !important;
}

.template-bg {
  background-color: darkgreen !important;
  color: #fff !important;
}

.rip-out-bg {
  background-color: darkblue !important;
  color: #fff !important;
}

.group-bg {
  background-color: black !important;
  color: #fff !important;
}

.debris-removal-bg {
  background-color: purple !important;
  color: #fff !important;
}

.service-bg {
  background-color: #FF8080 !important;
}

.badge.service-bg{
  color: #222 !important;
}

.plumbing-bg {
  background-color: #FF964F !important;
}

.badge.plumbing-bg{
  color: #222 !important;
}

.inspection-bg {
  background-color: #FFFA80 !important;
}

.badge.inspection-bg{
  color: #222 !important;
}

.field-card-allDay {
  background-color: #000 !important;
  color: #fff !important;
}

.field-card-bg {
  background-color: #F9FAFC !important;
  color: #222 !important;
}

.field-card-bg.grouping {
  border-width: 6pt 4pt 4pt 6pt;
  border-style: double inset inset double;
  border-color: black;
}

.field-card-bg.warranty {
  background-color: #E1E5E4 !important;
  color: #222 !important;
}

.field-card-bg.selected {
  background-color: #ffff00 !important;
  border: 2pt black solid;
}

.field-card-bg.warranty.selected {
  background-color: #ffff00  !important;
  border: 2pt black solid;
}

.field-card-bg.selected-group {
  background-color: #00ffff !important;
  border: 2pt black solid;
}

.field-card-bg.warranty.selected-group {
  background-color: #00ffff !important;
  border: 2pt black solid;
}

.unconfirmed-appt {
  background-color: red !important;
}

.confirmed-appt {
  background-color: yellow !important;
}

.assigned-appt {
  background-color: #4CBB17 !important;
}

.goback-set {
  background-color: purple !important;
  color: white !important;
}

.goback-set.goback-return-set {
  background-color: teal !important;
  color: white !important;
}

.goback-assigned {
  background-color: pink !important;
}

/* FROM Original Sales CSS */
.km-forms{
  border:2px solid black;
  box-shadow: 5px 5px 10px 12px rgba(0,0,0,.2);
  padding: 20px 20px;
}

/***** FORMS ***********/

.form-value{
  width:100%;
  font-size:12pt;
  padding: 10px 10px;
  border: solid;
  border-color: slategrey;
  margin-bottom: 15px;
}

.form-header{
  text-align: center;
  font-size: 20pt;
}

.form-control.assigned{
  border: 1px solid gray !important;
  margin-top: 0;

}

.header-control{
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.text-control{
  display: block;
  width: 100%;
  height: calc(2.25rem + 200px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #f9fafc;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  overflow: auto;
  resize: none;
}

.text-control.custom-modal-area{
  height: calc(1.25rem + 125px);
}

.text-control.custom-modal-area-sm{
  height: calc(1.25rem + 35px);
}

.text-control.custom-modal-area#schedulenotes{
  height: calc(1.25rem + 85px);

}

.text-control.custom-modal-cancel{
  height: calc(1.25rem + 20px);

}

.form-control-orig {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control.orig{
  border: 1px solid #ced4da !important;
  background-color: #fff !important;
}

form input:last-child {
  margin-bottom: 35px;
}

.form-start{
  margin-top:35px;
}

label.form-check-label{
  margin-top: 0;
}

.custom-cursor{
  cursor: pointer;
}


.km-btn-group button {
  margin-right: 10px;
  width: 100%;
}

.km-btn-group button:last-child {
  margin-right: 0;
}

.modal#reviewWaitModal {
  overflow: hidden !important; /* Enable scroll if needed */
  padding: 10%;
}

/* Modal Content */
.my-modal-content {
  background-color: #fefefe;
  margin: auto;
  border: 1px solid #888;
  width: 60%;
}

.my-modal-content#hard-data{
  width: 60%;
}

.my-modal-content#hard-submit{
  width: 550px;
}

/*The Close Button*/
.close-modal {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-top: -20px;
}

.close-modal:hover,
.close-modal:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

h5.appt-card-header{
  color: black;
  font-size: x-large;
  margin-top: -10px;
  margin-right:20px;
  display: inline-block;
}

.appt-card-header{
  color: black;
  font-size: medium;
  margin-top: -10px;
  margin-right:20px;
  display: inline-block;
}

.wkend{
  width: 5400px !important;
}

.event-blocker{
  /* display: none !important; */
  opacity: .2 !important;
}

.grouper-red{
  background-color: indianred;
}

.btn.grouper-red {
  background-color: indianred !important;
}

.grouper-red:hover {
  background-color: indianred;
  opacity: .5;
}

.grouper-blue{
  background-color: cornflowerblue;
}

.btn.grouper-blue {
  background-color: cornflowerblue !important;
}

.grouper-blue:hover {
  background-color: cornflowerblue;
  opacity: .5;
}

.grouper-green{
  background-color: mediumspringgreen;
}

.btn.grouper-green {
  background-color: mediumspringgreen !important;
}

.grouper-green:hover {
  background-color: mediumspringgreen;
  opacity: .5;
}

.grouper-yellow{
  background-color: lightyellow;
}

.btn.grouper-yellow {
  background-color: lightyellow !important;
}

.grouper-yellow:hover {
  background-color: lightyellow;
  opacity: .5;
}

.grouper-orange{
  background-color: gold;
}

.btn.grouper-orange {
  background-color: gold !important;
}

.grouper-orange:hover {
  background-color: gold;
  opacity: .5;
}

.grouper-none{
  background-color: #bcc1c7;
}

.grouper-none:hover {
  background-color: #bcc1c7;
  opacity: .5;
}

.interactive-board{
  display: block;
}

.hide_items{
  display: none !important;
}

.full-assign-header{
  text-align: center;
  font-size: x-large;
}

.mapping-appt{
  color: rgba(0, 110, 255, 0.986);
  font-size: 16px;
  background-color: transparent;
}

.mapping-appt:hover{
  color: white;
}

#lock-btn:hover{
  opacity: .7;
}
  
.look-up{
  margin-left: 5px;
  margin-top: 1px;
}

.drop-custom:hover{
  background-color: #e3f2fd !important;
}

.drop-custom:active{
  color: red !important;
}

.error-custom{
  color: white;
  background-color: red;
  margin-top: 10px;
  padding-left: inherit;
  border-radius: 3px;
  font-size: larger;
}

.custom-disabled{
  cursor: default !important;
}

.custom-awesome{
  font-size: 110px;
}

.my-modal-content.custom-modal-table{
  max-width: min-content;
  width: 80%;
}

.nav-link.active.custom-tab{
  border: 2px solid black !important;
  border-bottom-color: transparent !important;
}

.spinner-grow.custom-spin{
  -webkit-animation: spinner-grow 3s linear infinite;
  width:500px;
  height:500px;
}

.spinner-grow.custom-spin-sm{
  -webkit-animation: spinner-grow 3s linear infinite;
  width:250px;
  height:250px;
}

.spinner-grow.custom-spin-load{
  -webkit-animation: spinner-grow 3s linear infinite;
  width:1000px;
  height:1000px;
}

.myModal-submit{
  display:none;
}
.modal.modal-load{
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  overflow: hidden !important; /* Enable scroll if needed */
  background-color: rgba(255, 255, 255, 1); /* Black w/ opacity */
  margin: auto;
}

.myModal-loading{
  display:none;
  background-color: transparent;
  margin: auto;
}

.my-modal-content#loading{
  background-color: transparent;
  border: none;
  text-align: center;
  transform: translateY(-50%);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .my-modal-content#loading {
    transform: translateX(-30%);
    padding-top:0;
  } }
@media (min-width: 481px) and (max-width: 767px) {
  .my-modal-content#loading {
    transform: translateY(-50%);
    padding-top:0;

  } }
@media (min-width: 320px) and (max-width: 480px) {
  .my-modal-content#loading {
    transform: translateY(0%);
    padding-top:0;

  } }

.text-control.custom-modal-area.logs{
  width: -webkit-fill-available;
  height: calc(3.25rem + 225px);
  position:inherit;
}

.background-event-custom{
  height: 85px;
  opacity: .6 !important;
  color: white;
  text-align:center;
  overflow-x: hidden;
}

.hidden{
  display:none !important;
}

.resource-assignment-btn{
  font-size: medium !important;
  font-weight: 600 !important;
}

.resource-assignment-btn i.fab.fa-hubspot{
  font-size: inherit !important;
  font-weight: inherit !important;
}

.resource-assignment-btn i.fas.fa-info-circle{
  font-size: inherit !important;
  font-weight: inherit !important;
  color: #F35B62 !important;
}

.resource-assignment-btn i.fas.fa-envelope{
  font-size: inherit !important;
  font-weight: inherit !important;
  color: #0099FA !important;
}

.warning{
  color: #ffa800;
}

.fc-resized-row { 
  height: 35px !important;
}

.guidelines {
  height: initial !important;
  background-color: transparent !important;
  border: none !important;
  text-align: center !important;
}

.no-guidelines{
  height: 27px !important;
  background-color: #c6c6c6 !important;
  border: none !important;
  text-align: center !important;
}

.guidelines-none {
  height: 27px !important;
  background-color: black !important;
  border: black !important;
  text-align: center !important;
}

.guideline-container{
  width: 83%;
  padding:25px 0;
  margin:auto;
}

.custom-borders{
  border-right-color: black !important;
  border-right-width: 2px !important;
}

.custom-font-guidelines{
  font-size: x-large;
  font-family: monospace;
}

.custom-btn-spinner{
  width: 1rem !important;
  height: 1rem !important;
  margin-left: 5px;
  vertical-align: sub !important;
}

.hide_spinner{
  display: none !important;
}

.custom-nav{
  float:none;
  display: inline-block !important;
  text-align: center !important;
}

.success {
  color: rgb(13, 200, 53);
  text-align: center;
}

.success > p {
  color: rgb(13, 200, 53);
  font-weight: 900;
}

.error {
  background-color: rgba(255, 0, 0, 0.3);
  text-align: center !important;
}

.error-field {
  background-color: rgba(255, 0, 0, 0.3);
}

.error > p {
  color: rgb(221, 52, 22);
  font-weight: 900;
}

.card.my-modal-content {
  width: 60rem !important;
}

.custom-checkbox{
  width: 20px !important; 
  height: 20px !important;
}

.text-cyan{ 
  color: cyan;
}

.card-img-top {
  width: 70% !important;
  height: auto !important;
}

.overflow-modal {
  overflow-y: auto !important;
}

.text-inherit {
  color: inherit !important;
}

.calendar-control-switches.disabled{
  opacity: .5;
}

.switch {
  font-size: 1.1rem !important;
  font-weight: 700;
}

.text-blue {
  color: #2196f3 !important
}

.bg-blue {
  background-color: #2196f3 !important
}

.full-flex {
  flex: 100%;
}

.auto-flex {
  flex:auto;
}

.custom-flex {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: row;
  /* justify-content: center;
  align-items: center;
  align-content: center; */
}

.hs-color{
  color: #ff7a59 !important;
}

.modal-link.disabled {
  opacity: .2 !important;
}

.signature-pad {
  cursor: pointer;
  border: 2px solid black;
  border-radius: 4px;
}

@media (pointer: coarse) {
  /* body {
    overflow: hidden; /* Needed to prevent the vertical scroll on touch devices */
  /* } */
}

.border.border-dashed{
  border: 1px dashed !important;
}

.thumbnails img {
  width: 150px;
  height: auto;
}

.border-thick-1{
  border-width: thin;
}

.border-thick-2{
  border-width: medium;
}

.border-thick-3{
  border-width: thick;
}

.geo-globe-success {
  color: #222 !important;
  background-color: #00ff00 !important;
}

.badge.geo-globe-success{
  font-size: 100%;
}

.geo-globe-error {
  color: #222 !important;
  background-color: #ff0000 !important;
}

.badge.geo-globe-error{
  font-size: 100%;
}