.sb-nav-link-icon path {
  color:rgba( 255, 255, 255);
}

.widetable {
  width:100%;
}

.float-right {
  float:right;
}

.formTableLeft {
  width:40%;
  font-weight:bold;
  vertical-align:top;
}

.formTableRight {
  padding-bottom:5px;
}

.icon-red {color:#ff0000}

#editCompanyForm .input-group .input-group-text, 
#editProfileForm .input-group .input-group-text {
  width:40%;
}

label.input-group-text {
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}

#editCompanyForm .input-group,
#editProfileForm .input-group
{
  padding-bottom:5px;
}

#editCompanyForm .input-group .invalid-feedback, 
#editCompanyForm .input-group .valid-feedback,
#editProfileForm .input-group .invalid-feedback, 
#editProfileForm .input-group .valid-feedback
{
  text-align:right;
}

.form-disabled {background-color:#e9ecef}

.card-body .text {padding-bottom:5px;}

.loginbackground {
  background-image:url('../assets/images/background.jpg');
  background-size:100% auto;
}

.loginfooter {
  background-color:#4e4e4e;
  background-repeat:no-repeat;
  background-position:center right;
  background-size:auto 100%;
  color:#fff;
}

.navbar-brand img {
  width:195px;
}

.titlebar {
  background-color:#34373b;
  padding-top:10px;
  padding-bottom:10px;
}

.pagename {
  font-size:16px;
  color:#fff;
}

.pagename a {
  color:#aaa;
  text-decoration:none;
}

.subbar {
  width:100%;
  background-color:#4c4e52;
  padding-top:10px;
  padding-bottom:10px;
  margin-bottom:20px;
  min-height:58px;
  overflow:hidden;
}

.bottombar {
  width:100%;
  background-color:#4c4e52;
  padding-top:10px;
  padding-bottom:10px;
  min-height:58px;
  overflow:hidden;
}

.messagebar {
/*   float:left; */
}

.messagebar .alert {
  margin-bottom:0;
  padding:6px;
  padding-top:4px;
  padding-bottom:4px;
  float:left;
  margin-right:5px;
  margin-top:2px;
  margin-bottom:2px;
}

.tableMessage {
  display:none;
}

.buttonbar {
  float:right;
}

.formMessage {
  line-height:36px;
  color:#fff;
  display:none;
}

.formMessageError {
  color:#ff0000;
}

.sb-nav-link-icon {
  min-width:20px;
}

table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
  padding-left:10px;
}

table.dataTable tbody tr:hover, table.dataTable tbody tr.odd:hover {
  background-color:#e5e5e5;
}

table.dataTable tbody tr td {
  border-bottom:1px solid #ddd;
}

table.dataTable tbody tr.odd {
  background-color:#f5f5f5;
}

.icon-green {color:#008a19}
.icon-red {color:#ff0000}
.icon-blue {color:#00308a}
.icon-orange {color:#f57d05}
.icon-yellow {color:#e3e01e}
.icon-grey {color:#ccc}
.icon-white {color:#555}
.icon-purple {color:#8132a8;}
.icon-teal {color:#20c997;}
.icon-oldwhite {color: #8b8378}

.iconbutton svg {
  margin-top: 15px;
}

.iconbuttonnotop svg {
  margin-top:0;
}

.topnoradius {
  border-top-left-radius:0;
  border-top-right-radius:0;
  border-top:0;
}

.topspacer {
  padding-top:20px;
}

a {
  color:#555;
  text-decoration:none;
}

a:hover {
  color:#000;
  text-decoration:underline;
}

.buttonBarHider {
  display:none;
}

/*
.bg-c-blue1 {background-color:#4d82ff;font-weight:bold;color:#fff}
.bg-c-blue2 {background-color:#709bff;font-weight:bold;}
.bg-c-blue3 {background-color:#abc4ff;font-weight:bold;}

.bg-c-orange1 {background-color:#ff8352;font-weight:bold;}
.bg-c-orange2 {background-color:#ffa27d;font-weight:bold;}
.bg-c-orange3 {background-color:#ffbda3;font-weight:bold;}

.bg-c-green1 {background-color:#306e2e;font-weight:bold;color:#fff;}
.bg-c-green2 {background-color:#47a644;font-weight:bold;}
.bg-c-green3 {background-color:#5cdb58;font-weight:bold;}

.bg-c-purple1 {background-color:#593175;font-weight:bold;color:#fff;}
.bg-c-purple2 {background-color:#8a49b8;font-weight:bold;color:#fff;}
.bg-c-purple3 {background-color:#a458db;font-weight:bold;}
*/

.bg-c-blue1 {border-top:5px solid #4d82ff;font-weight:bold;color:#555;}
.bg-c-blue2 {border-top:5px solid #709bff;font-weight:bold;color:#555;}
.bg-c-blue3 {border-top:5px solid #abc4ff;font-weight:bold;color:#555; }

.bg-c-orange1 {border-top:5px solid #ff8352;font-weight:bold;color:#555; }
.bg-c-orange2 {border-top:5px solid #ffa27d;font-weight:bold;color:#555; }
.bg-c-orange3 {border-top:5px solid #ffbda3;font-weight:bold;color:#555; }

.bg-c-green1 {border-top:5px solid #306e2e;font-weight:bold;color:#555;}
.bg-c-green2 {border-top:5px solid #47a644;font-weight:bold;color:#555; }
.bg-c-green3 {border-top:5px solid #5cdb58;font-weight:bold;color:#555; }

.bg-c-purple1 {border-top:5px solid #593175;font-weight:bold;color:#555; }
.bg-c-purple2 {border-top:5px solid #8a49b8;font-weight:bold;color:#555; }
.bg-c-purple3 {border-top:5px solid #a458db;font-weight:bold;color:#555;}

.card {
  filter: drop-shadow(0 0 10px #ddd);
}

.iconbutton, .iconbuttoninactive, .iconbuttonnotop {
  padding:3px;
  border:1px solid #ccc;
  border-radius:2px;
  background-color:#fff;
}

.iconbutton:hover, .iconbuttonnotop:hover {
  border-color:#000;
  color:#000;
  cursor:pointer;
}

.datatables img {max-width:150px;}

.deviceImageTable .imagecol, .productImageTable .imagecol {
  width:45%;
  padding-left:5%;
}
.deviceImageTable .imagecol img, .productImageTable .imagecol img {
  max-width:100%;
}
.deviceImageTable .infocol, .productImageTable .infocol {
  width:50%;
}

.imageRow {
  border-bottom:1px solid #ccc;
}

.imageRow td {
  padding-bottom:5px;
  padding-top:5px;
}

.tree-title {
  font-size:16px;
  padding-left:10px;
}

.tree-node {
  height:30px;
}

.tree-node-top, .tree-node-bottom {
  border-top:0px!important;
  border-bottom:0px!important;
}

.tree-node-selected {
  background: #f7f7f7;
  color:#000;
}

.tree-node-append .tree-title {
  border: 0px dotted red;
}

.tree-node-append {
  background-color:#35a106;
  color:#fff;
}

.card-header select{
  border:2px solid #eee;
  font-size:14px;
  padding:2px;
}

.svg-icon-delete {
  background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"/></svg>');
  filter: invert(28%) sepia(84%) saturate(7448%) hue-rotate(356deg) brightness(97%) contrast(116%);
}

.calendarspacing {
  padding:20px;
  padding-top:0;
}

.fc-header-toolbar {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 50px;
  z-index: 150;
  background-color:#fff;
  padding-top:20px;
  margin-bottom:0!important;
  padding-bottom:10px;
}

.fc-scrollgrid thead {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top:120px;
  z-index:150;
  background-color:#fff;
  
}

.tdone {color:#008211;}
.tworking {color:#ff9d3b}
.tnone {color:#ff0000}

.ajaxDropdown {position:absolute;padding:7px;border:1px solid rgb(206, 212, 218);width:calc( 100% - 173px );margin-left:149px!important;margin-top:38px;border-top:0;background-color:#fff;display:none;z-index:99}
.ajaxDropdownChoice {cursor:pointer;padding:5px;}
.ajaxDropdownChoice:hover {background-color:#007bff;color:#fff;}

.checklistItem, .checklist, .productItem, .employeeItem {
  width:100%;
  border:1px solid #ccc;
  cursor:pointer;
  margin-bottom:2px;
  padding:5px;
  margin-left:0!important;
}

.checklistItem:hover, .checklist:hover, .productItem:hover, .employeeItem:hover {
  background-color:#eee;
  border:1px dotted #ccc;
}

.checklistItem .btn, .checklist .btn, .productItem .btn, .employeeItem .btn {
  float:left;
  margin-right:20px;
  margin-bottom:2px;
  margin-top:2px;
}

#deviceTable tr {
  border-bottom:1px solid #ccc;
}

.checklistLine {
  border-bottom:1px dotted #ccc;
}

.numProductsWorkorder {
  float:left;
  width:100px;
  height:42px;
  margin-right:20px;
}

.productItem {
  line-height:42px;
}

.workorderImages img, .deviceImages img {
  max-height:150px;
  padding: 3px;
  border: 1px solid #ccc;
  border-radius: 2px;
  float:left;
  margin-right:5px;
}

.totalNumbers {
  padding-top:20px;
  margin-top:20px;
  border-top:1px solid #ddd;
}

.quoteImage, .billImage, .subscriptionImage {
  max-height:100px;
  width:auto;
}

.productTable .productRowDesc td {
  padding-bottom:5px;
}

.productTable .productRowDevider td {
  padding-bottom:5px;
  border-top:1px solid #eee;
}

.activerevision {
  color:rgb(20, 108, 67);
  font-style:italic;
}

.card-body-icon {
  position: absolute;
  z-index: 0;
  top: -1.25rem;
  right: -1rem;
  opacity: 0.4;
  font-size: 5rem;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}

.chatMessages {
  width:100%;
  border:1px solid #ccc;
  height:250px;
  overflow-y: scroll;
}

.chat-message {
  margin:5px;
  padding:5px;
  background-color:#d8e4ff;
}

.chat-message:hover {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3C!--!Font%20Awesome%20Free%206.7.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202025%20Fonticons%2C%20Inc.--%3E%3Cpath%20d%3D%22M135.2%2017.7L128%2032%2032%2032C14.3%2032%200%2046.3%200%2064S14.3%2096%2032%2096l384%200c17.7%200%2032-14.3%2032-32s-14.3-32-32-32l-96%200-7.2-14.3C307.4%206.8%20296.3%200%20284.2%200L163.8%200c-12.1%200-23.2%206.8-28.6%2017.7zM416%20128L32%20128%2053.2%20467c1.6%2025.3%2022.6%2045%2047.9%2045l245.8%200c25.3%200%2046.3-19.7%2047.9-45L416%20128z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  padding-right: calc(1.5em + 0.75rem);
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  background-color:#ff0000;
  color:#fff;
}

.chat-message-info {
  font-size:10px;
  text-align:right;
  font-style:italic;
}