/*
employeepanel=picture
assetpanel=picture
deskpanel=picture
*/

/* Controls Employees Reservation */
.employees {
   border: 0px solid #f2f2f3;
   background-color: #f2f2f3!important;
   border-radius: 50px;
   padding: 0px;
}

.employeepanel.panelselected {
   padding: 0px;
}

/* ASSETPANEL IMAGES AND THE TEXT BELOW THE ASSET */
.assetpanel img {
   border: 0px solid #f2f2f3;
   background-color: #f2f2f3!important;
   border-radius: 50px;
   padding: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.canedit {
text-align: center;
}

.assets {
   border: 0px solid #f2f2f3;
   background-color: #f2f2f3!important;
   border-radius: 50px;
   padding: 1px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.helpicon {
display: none;
}

/* When You've Selected A Panel (Under the Image), DOES NOT CONTROL THE IMG */
.panelselected {
   border: 0px solid #f2f2f3;
   background-color: #f2f2f3!important;
   border-radius: 50px;
   animation: panelselectedpulse 3s infinite;
   padding: 1px;
   filter: drop-shadow(0px 0px 3px #4b68ea);
}

/* Selected panel become blue picture */
.panelselected[resid="-1"] {

   height: 32px;
   width: 32px;
   padding: 0px;
}

.panelselected[resid="multiple"] {
   animation: bookedpulse 3s infinite;

}

/* Reserved Panel When Selected */
.deskbooked.panelselected {
   animation: bookedpulse 3s infinite;

}


/* Desk Image when Selected */
.deskpanel.panelselected img {

}


/* Unselected Desk */
.deskpanel  {
   padding: 0px;
}


/* Green Desk Border */
.deskpanel[resid="-1"] img {
   border: 0;
}


/* Multiple Reservations Change Photo */
.deskpanel[resid="multiple"] img {
   content: url("https://hotel.wetlandsrc.com/staffmap/_engine/images/deskassignedmultiple.png");
   height: 32px;
   width: 32px;
}



/* Multiple Desks Icon / Booking */
.deskpanel[resid="multiple"] {
   color: transparent;
   font-size: 0;
   background-color: transparent;
   border-radius: 1000px;
   height: 30px;
   width: 30px;
   padding: 0px;
}



/* Red Desk Border */
.deskbooked img {
   border: none;
}


/* Remove Text from Reservation */
.deskpanel span {
   display: none;
}


/* Desk Pixel Size */
.Aligntop {
   min-height: 32px;
   height: 32px;
   width: 32px;
}


/* Desk Pixel Size */
.Alignbottom {
   min-height: 32px;
   height: 32px;
   width: 32px;
}

/* Desk Pixel Size */
.Alignleft {
   min-height: 32px;
   height: 32px;
   width: 32px;
}

/* Desk Pixel Size */
.Alignright {
   min-height: 32px;
   height: 32px;
   width: 32px;
}

/* Toolbar Settings */
.ToolbarTransparency {
   background-color: #323132;
   opacity: 1;
}


/* Floor Name at Top */
#divFloorlabel {
   color: white;
   font-size: 16px;
   font-weight: bold;
}

.MoreIcon {
}

/* Profile Name Settings */
.ProfileName {
   color: white;
   font-size: 16px;
   font-weight: bold;
}

.ProfileInfo:hover {
   background-color: #323132;
}


.divLoginProfile {
   color: white;
   font-size: 16px;
   font-weight: bold;
}

.LoginButton {
   color: white;
   font-size: 16px;
   font-weight: bold;
}


/* Side Menu */
.box_content {
   border-top: none;
}


/* Buttons */
.btn-primary {
   background-color: #3faa47;
   border-color: #3faa47
}


/* Background Color */
body {
   background-color: #f2f2f3
}

#divSearchContainer {
   width: 350px;
;
}

.SearchBox {
   background-color: #ffffff
}


/* Blue Pulse */
@keyframes panelselectedpulse {
    30% { box-shadow: 0 0 0 0 rgba(75,104,234, 0.4); }
    70% { box-shadow: 0 0 0 50px rgba(75,104,234, 0); }
    100% { box-shadow: 0 0 0 0 rgba(75,104,234, 0); }
}


/* Red Pulse */
@keyframes bookedpulse {
    30% { box-shadow: 0 0 0 0 rgba(255,0,0, 0.4); }
    70% { box-shadow: 0 0 0 50px rgba(255,0,0, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255,0,0, 0); }
}