@import url('styles_scheduling.css');


/* width */
#side-menu::-webkit-scrollbar,#sms-contacts_container::-webkit-scrollbar,#sms-messages_container::-webkit-scrollbar  {
  width: 5px;
}

/* Track */
#side-menu::-webkit-scrollbar-track,#sms-contacts_container::-webkit-scrollbar-track,#sms-messages_container::-webkit-scrollbar-track {
  background: #F4F4F4;
  border: 1px solid #E4e4e4;
}

/* Handle */
#side-menu::-webkit-scrollbar-thumb,#sms-contacts_container::-webkit-scrollbar-thumb,#sms-messages_container::-webkit-scrollbar-thumb {
  background: #C4C4C4;
  border: #C2C2C2;
  border-radius: 2px;
}

/* Handle on hover */
#side-menu::-webkit-scrollbar-thumb:hover,#sms-contacts_container::-webkit-scrollbar-thumb:hover,#sms-messages_container::-webkit-scrollbar-thumb:hover {
  background: #9F9F9F;
}

.sms-contact {
  width: 100%;
  border: 1px solid #F4F4F4;
  padding: 5px;
  margin: 0;
  opacity: 0.8;
}

.sms-contact .message {
  background: #F4F4F4;
  font-size: 0.8em;
  border-radius: 10px;
  border-top-left-radius: 0;
  padding: 5px;
}

.sms-contact:hover,.sms-contact.active {
  opacity: 1;
  border: 1px solid #0CAAD4;
}

.sms-messages_message_container {
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
}

.sms-messages_message_container.incoming {
  text-align: left;
  padding-right: 20%;
  padding-left: 10%;
}

.sms-messages_message_container.outgoing{
  text-align: right;
  padding-left: 20%;
  padding-right: 10%;
}

.sms-messages_message {
  padding: 10px;
  text-align: left;
}

.sms-messages_message.incoming {
  background: #4DC4F9;
  color: #FFF;
  border-radius: 10px;
  border-top-left-radius: 0;
}

.sms-messages_message.incoming a {
  color: #F4F4F4;
}

.sms-messages_message.outgoing {
  background: #F4F4F4;
  border-radius: 10px;
  border-top-right-radius: 0;
}

.sms-messages_message_datetime {
  margin-top: 5px;
  font-size: 0.8em;
  opacity: 0.8;
}

.sms-messages_message_contactname {
  font-size: 1.1em;
  font-weight: bolder;
}

.updatedashboards-option {
	margin: 5px 0;
	background: #F4F4F4;
	color: #505050;
	border: 1px solid #C4C4C4;
	padding: 5px;
	padding-left: 10px;
}
.autocompleteSuggestions{
	max-height: 200px;
	overflow: auto;
	width: 90%;
	position: absolute;
	background: #FFF;
	z-index: 5001;
}

.autocompleteSuggestions-suggestion {
	display: block;
	padding: 3px;
	font-size: 0.9em;
	color: #006FE2;
	border: 1px solid #f4f4f4;
	margin: 0;
	border-collapse: collapse;
}

.autocompleteSuggestions-suggestion:hover {
	background: #F4F4F4;
	cursor: pointer;
}

.panel-color .collapse-icon, .panel-color .collapse-icon .text-muted {
	color: #F4F4F4 !important;
}

.markerjs-logo,.markerjs-toolbar {
  z-index: 25000;
}

.highlightMe {
	background: #FEF98D;
	box-shadow: 2px 2px 2px #f4f4f4;
}

.map-marker-label{
	background-color:#ffffff;
	width: auto;
	text-align: center;
	font-size: 1em;
	border-radius: 20px;
	border-top-left-radius: 0;
	box-shadow: 0px 0px 8px dimgray;
	padding: 7px;
	background: #ffffff;
	color: #505050;
}

.map-marker-label-equipment {
	border: 2px solid #5205B3;
}

.tag {
	display: inline-block;
	padding: 5px;
	border-radius: 5px;
	font-size: 0.8em;
	font-weight: bold;
	margin: 1px;
}

.tag-default {
	background: #F2F2F2;
	color: #707070;
}

.tag-jobtype-OHR_And_HMR,.map-marker-label-OHR_And_HMR {
	background: #B1A000;
	color: #ffffff;
}
.tag-jobtype-OHR__service,.map-marker-label-OHR__service {
	background: #C6FFD1;
	color: #707070;
}
.tag-jobtype-OHR__install,.map-marker-label-OHR__install {
	background: #E2FFE7;
	color: #707070;
}
.tag-jobtype-OHR__call_back,.map-marker-label-OHR__call_back {
	background: #ECFCD2;
  border: 2px dashed red;
	color: #707070;
}
.tag-jobtype-HMR__service,.map-marker-label-HMR__service {
	background: #9DEDF7;
	color: #707070;
}
.tag-jobtype-HMR__install,.map-marker-label-HMR__install {
	background: #C3EFF4;
	color: #707070;
}
.tag-jobtype-HMR__call_back,.map-marker-label-HMR__call_back {
	background: #37CBF2;
  border: 2px dashed red;
	color: #707070;
}

.tag-jobtype-OHC__service,.map-marker-label-OHC__service {
	background: #FEFFC3;
	color: #707070;
}
.tag-jobtype-OHC__install,.map-marker-label-OHC__install {
	background: #E6E884;
	color: #707070;
}
.tag-jobtype-OHC__call_back,.map-marker-label-OHC__call_back {
	background: #F5F773;
  border: 2px dashed red;
	color: #707070;
}
.tag-jobtype-HMC__service,.map-marker-label-HMC__service {
	background: #DAC3FF;
	color: #707070;
}
.tag-jobtype-HMC__install,.map-marker-label-HMC__install {
	background: #E9DAF0;
	color: #707070;
}
.tag-jobtype-HMC__call_back,.map-marker-label-HMC__call_back {
	background: #BE85FF;
  border: 2px dashed red;
	color: #707070;
}

.tag-jobtype-customer_pick_up,.map-marker-label-customer_pick_up{
  background: #E08C8C;
  color: #707070;
}
.tag-jobtype-furnish_and_deliver,.map-marker-label-furnish_and_deliver{
  background: #F7CA7C;
  color: #707070;
}
.tag-jobtype-general_maintenance,.map-marker-label-general_maintenance{
  background: #7DD5BD;
  color: #707070;
}
.tag-jobtype-fire_door_test_drop,.map-marker-label-fire_door_test_drop{
  background: #BCF1F2;
  color: #707070;
}


.tag-status-workorders-new{
  background: #F4BE00;
  color: #FFF;
}
.tag-status-workorders-new_order{
  background: #C69A00;
  color: #FFF;
}
.tag-status-workorders-waiting_for_measurements{
  background: #C6CC4E;
  color: #FFF;
}
.tag-status-workorders-measurement_completed{
  background: #C6CC4E;
  color: #FFF;
}
.tag-status-workorders-ready_to_be_scheduled{
  background: #3FA7AD;
  color: #FFF;
}
.tag-status-workorders-scheduled{
  background: #40A2C7;
  color: #FFF;
}
.tag-status-workorders-left_message{
  background: #ADBB0C;
  color: #FFF;
}
.tag-status-workorders-en_route{
  background: #04A5E0;
  color: #FFF;
}
.tag-status-workorders-on_site{
  background: #047DE0;
  color: #FFF;
}
.tag-status-workorders-return_trip_needed{
  background: #F60000;
  color: #FFF;
}
.tag-status-workorders-parts_needed{
  background: #E46A06;
  color: #FFF;
}
.tag-status-workorders-needs_a_quote{
  background: #E46A06;
  color: #FFF;
}
.tag-status-workorders-on_hold{
  background: #B43462;
  color: #FFF;
}
.tag-status-workorders-parts_ordered{
  background: #ECB64E;
  color: #FFF;
}
.tag-status-workorders-waiting_for_materials{
  background: #EEC982;
  color: #FFF;
}
.tag-status-workorders-work_completed{
  background: #018B2C;
  color: #FFF;
}
.tag-status-workorders-invoiced{
  background: #040EFF;
  color: #FFF;
}
.tag-status-workorders-cancelled{
  background: #4F4F4F;
  color: #FFF;
}

.tag-status-invoices-not_paid{
	background: #DB0101;
	color: #FFF;
}
.tag-status-invoices-partially_paid{
	background: #ECB64E;
	color: #FFF;
}
.tag-status-invoices-paid{
	background: #018B2C;
	color: #FFF;
}
.tag-status-invoices-cancelled{
	background: #4F4F4F;
	color: #FFF;
}


.tag-status-estimates-pending{
	background: #ECB64E;
	color: #FFF;
}
.tag-status-estimates-accepted{
	background: #018B2C;
	color: #FFF;
}
.tag-status-estimates-converted{
	background: #7402C3;
	color: #FFF;
}
.tag-status-estimates-rejected{
	background: #DB0101;
	color: #FFF;
}
.tag-status-estimates-sent{
	background: #0985D5;
	color: #FFF;
}
.tag-status-estimates-questions{
	background: #BB6116;
	color: #FFF;
  border: 1px dashed #ECB64E;
}
.tag-status-estimates-cancelled{
	background: #4F4F4F;
	color: #FFF;
}

.tag-lead-me {
	background: #DB0101;
	color: #FFF;
}


.tag-status-recurring-inactive{
  background: #DB0101;
  color: #FFF;
}
.tag-status-recurring-active {
  background: #018B2C;
  color: #FFF;
}

.tag-status-inventory_stock-good {
	background: #018B2C;
	color: #FFF;
}
.tag-status-inventory_stock-getting_low {
	background: #ECB64E;
	color: #FFF;
}
.tag-status-inventory_stock-low {
	background: #DB0101;
	color: #FFF;
}

.tag-status-inventory_order-ordered {
	background: #FADFAB;
	color: #505050;
}
.tag-status-inventory_order-partially_received {
	background: #FEFFCF;
	color: #505050;
}
.tag-status-inventory_order-received {
	background: #B9FFC0;
	color: #505050;
}

.lineitems-choose {
	width: 32%;
	box-sizing: border-box;
	color: #505050;
	display: inline-block;
	text-align: center;
	padding: 5px;
	margin: 2px 0;
}

.lineitems-choose-category {
	background: #E3FAFF;
	border: 1px solid #9ACAD5;
}

.lineitems-choose-item {
	background: #EBFFEB;
	border: 1px solid #A8D4A8;
}

.lineitems-choose-back {
	background: #F4F4F4;
	border: 1px solid #CDCDCD;
}

.lineitems-chosen {
	background: #FDFFD2 !important;
	border: 1px dashed #B7BE3C !important;
}

i {
	opacity: 0;
}
.fontawesome-i2svg-active i {
	opacity: 1 !important;
}
.bg-white {
	background: #fff !important;
}

.color-blue {
	color: #0099ff !important;
}

.padded-sm {
	padding: 10px;
}

.margin-sm {
	margin: 10px;
}

.padded-md {
	padding: 20px;
}

.margin-md {
	margin: 20px;
}

.padded-lg {
	padding: 30px;
}

.margin-lg {
	margin: 30px;
}

.padded-xs {
	padding: 3px;
}

.margin-xs {
	margin: 3px;
}

.btn-muted {
	opacity: 0.5;
}

.req-star::before {
	color: #E49C9C;
	font-size: 0.75em;
	content: "*";
}

.bold {
	font-weight: bolder;
}

.form-header {
	font-weight: bolder;
	color: #3b7dcf !important;
	border-bottom: 1px solid #3b7dcf !important;
	font-size: 1em;
	margin-top: 10px;
	margin-bottom: 5px;
}

@keyframes animation-blink {
	0% {opacity: 1;}
	25% {opacity: 0.5;}
	50% {opacity: 0.3;}
	75% {opacity: 0.5;}
	100% {opacity: 1;}
}

.blink {
  animation: animation-blink 1s linear infinite;
}



.modal .select2 {
	width: 100% !important;
}

.row {
	word-wrap: break-word !important;
}

.modal-backdrop{
	z-index: 10000 !important;
}

.modal {
	z-index: 11000 !important;
}

.menu-subitem {
	font-size: 0.8em;
	padding: 0;
	margin-left: 15px;
	border-left: 1px solid #F0F0F0;
}

.img-circle {
	width: 32px !important;
	height: 32px !important;
}

#notifications-menubutton {
	line-height: 70px;
}

#side-menu svg {
	margin-right: 10px;
}

#side-menu {
	overflow-y: auto;
	overflow-x: hidden;
}

#side-menu li a{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
#side-menu li a:hover {
	opacity: 0.9 !important;
	color: #0099ff;
	background: #f4f4f4;
	padding-left: 30px !important;
}


body.modal-open {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden !important;
}

.iosmodalfix {
	position: fixed !important;
}

.tooltip {
	z-index: 9999 !important;
}

.drag-dots {
	opacity: 0.3;
}
.drag-dots:before {
	display: none;
	font-family: "Font Awesome 5 Solid";
	content: "\f142";
}
.drag-dots:after {
	display: none;
	font-family: "Font Awesome 5 Solid";
	content: "\f142";
}

.signature-container {
	width: 100%;
	display: block;
	overflow-x: hidden !important;
	border: 1px solid #eee;
	box-shadow: 2px 2px 2px #eee;
}

/*bootstrapfix*/
.footable-filtering-search .btn.dropdown-toggle {
    display: none;
}

.widget-inline-box-last {
	border-right: 0 !important;
}

.swal2-container {
	z-index: 11000 !important;
}

ul.dropdown-menu {
	max-width: 500px !important;
}
ul.dropdown-menu>li>a {
	color: #656565 !important;
	transition: background 0.5s;
	-webkit-transition: background 0.5s;
	padding: 10px 20px;

}

ul.dropdown-menu>li.dropdown-inline{
	display: inline-block !important;
	padding: 5px !important;
	font-size: 0.8em;
	text-align: center;
	width: 30%;
	word-wrap: break-word !important;
}
ul.dropdown-menu>li.active>a{
	background: white !important;
	color: #3db1ff !important;
}
ul.dropdown-menu>li>a:hover:not(.popup-menu-toggle) {
	background: #f4f4f4 !important;
}

.btn-default {
	box-shadow: 1px 1px 2px #ccc;
	margin: 2px;
}

.panel {
	box-shadow: 2px 2px 2px #f5f5f5;
}

.modal-header {
	border-bottom: 2px solid #f7f7f7 !important;
	padding-bottom: 8px !important;
}

.close {
	font-size: 2em;
	color: red !important;
	opacity: 0.9;
}

.customer-menu-item {
	color: #626773 !important;
}
.customer-menu-item:hover{
	color: #0099ff !important;
}

.footable-tag-select .tag {
	cursor: pointer;
}

.footable-tag-select .tag:hover {
	opacity: 0.7;
}

.footable-tag-select .tag-selected {
	opacity: 0.5;
	border: 2px dashed #505050;
	box-shadow: 0 0 8px #C8C8C8;
}

.footable-empty td {
	font-size: 1em !important;
}

.content-padding {
	padding: 15px;
}

.sidebar-navigation {
	z-index: 1501 !important;
}



@media screen and (min-width: 1025px){
	.stickynav {
		position: fixed;
		transform: translateY(-70px);
		width: 240px;
	}
}
@media screen and (max-width: 1025px){
	.content-padding {
		padding: 5px;
	}
	.center-xs {
		text-align: center !important;
	}
}

@media screen and (max-width: 991px){
	#side-menu {display: block !important;}
	#page-right-content {margin-left: 0 !important; border-left: 0 !important;}
	.lineitems-choose {
		width: 100%;
	}
}

.barcode-scanner canvas, .barcode-scanner  video {
    max-width: 100%;
		width: 100%;
	}

canvas.drawing, canvas.drawingBuffer {
    position: absolute;
    left: 0;
    top: 0;
}

.transferPhoto {
  display: inline-block;
  height: 200px;
  width: 200px;
  margin: 10px;
  padding: 5px;
  background-position: center;
  background-size: cover;
}
.transferPhotoSelected {
  box-shadow: 0 0 8px #505050;
  border: 3px solid yellow;
}

.footable-filtering-search .btn.dropdown-toggle {
	display: inline-block !important;
	margin-left: 1px;
}
.footable-filtering-search .dropdown-menu a {
	padding: 10px 10px;
}
.footable-filtering-search .dropdown-menu input[type='checkbox'] {
	margin-right: 10px;
}

.footable-filtering-search .dropdown-menu label {
	font-weight: normal;
}