
.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Make sure it's above the modal */
}

.loading-overlay img {
  /*width: 50px;
  height: 50px;*/
}


body{
  padding: 0 0;
  margin: 0 0; 
}
.loading {
  display: none;
  position: fixed;
  z-index: 999 !important;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: progress;
}
.loading img {
  position: relative;
  top: 50vh;
  left: 50vw;
  z-index: 1000 !important;
}

.col-xl-1-5{
  width: 12.499999995%;
    flex: 0 0 12.499%;
    max-width: 12.499%;
}

.form-check.form-switch input:hover{
  cursor: pointer;
}
.fields_edit_mode{
  border: 1px solid;
  border-color: tomato;
  color: #888;
}
.img-thumbnail{
  width:50px !important;
  height:50px !important;
}
input, select {
  color: royalblue !important;
}
table thead tr{
  background-color: ivory;
  color: grey;
  font-size: 1.0em!important;
  font-weight: lighter!important;
}
.navbar.navbar-light{
  /*background-color: aliceblue !important;*/
  background-color: #43709d7a !important;

}
.navbar.formIcons.nav-link {
  padding: 0px;
}
.navbar.formIcons.nav-link img {
  padding: 0px;
}


table {
  color: darkslateblue !important;
  cursor: default;
  font-size: 1.0em;
}
tbody td {
  padding: 0px !important;
}
table tr.clicked,li.clicked{
  background-color: lightgreen;
  border: 2px solid;
  border-color: lightgreen;
}

.card {
  box-shadow: 3px 3px 5px 0px #888;
  cursor: pointer;
}
.card.clicked {
  border:2px solid lightgreen !important;
}
.card.clicked > .card-footer {
  background-color: lightgreen !important
}
.card .card-text{
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.card-footer span {
  font-size: 0.8em ;
}
.nav li:hover{
  background-color: ivory;
}

.firmTitle, .serviceTitle{
  color:darkmagenta;
}

.disabled{
  background-color: #eee !important;
}
tr.canceled *{
  background-color: rgb(241, 218, 218) !important;
  text-decoration: Line-through;
}

/*a.fc-daygrid-event{
  background-color: blueviolet;
}*/

fc-daygrid-event:hover{
  background-color: #999 !important;
}
.fc-event-title {
  margin: 1px;
  padding: 1px;
  white-space: normal;
  color:#000;
  font-weight:400 !important;
}
.fc-event-time {
  min-width: 2.6em;
}
.legend.value{
  display:block;
  color:black;
  font-family: inherit;
  margin: 0px 3px;
  padding: 0px;
  line-height: 1em;
  white-space: pre-wrap;
}
.legend.plan_dt{
  color: #000;
}
.legend.value.serv{
  display:block;
  color:black;
}
.legend.value.firm{
  display:block;
  color: brown;
}
.legend.value.username{
  display:block;
  color: blue;
}
.legend .priority{
  display:inline-block;
  color:#fff;
  font-size: 1.2em;
  font-weight: bold;
  border: 1px solid red;
  border-radius: 50%;
  padding: 1px 5px;
  background: red;
  margin: 2px;
}

.small_menu .card ul {
  list-style: none;
  cursor: default;
}
.small_menu .card a {
  text-decoration: none;
}
.small_menu .card:hover {
  background-color: lightblue;
}
.small_menu .card:hover .list-group-item {
  background-color: lightblue;
}


div.modal ol.files{
  text-align: left;
}

td .comm_rems.comm_rems_small{
  height: 2em;
  font-size: 1.0em
}
td .comm_rems.comm_rems_large{
  height: 15em;
  font-size: 1.0em
}














