.control {
  cursor: pointer;
}

td.dt-body-right {
  text-align: right;
}

tbody .right{
  text-align: right;
}

tbody .center{
  text-align: center;
  vertical-align: middle;
}

tbody .w30{
  width: 30px;
}

.calendar_legend {
  margin-top: 10px;
  padding: 5px 0px 6px;
  opacity: 0.2;
  cursor: help;
}

.calendar_legend:hover {
  opacity: 0.8;
}

.gaunread{
  font-weight: bold;
  color: rgb(0, 128, 0);
}

.gaimportant{
  color: red;
}


.event_shape {
  float: left;
  width: 100px;
  height: 20px;
  margin-left: 20px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
  color: white;
}

.event_private {
  background: #5BB75B;  /* green */
}

.event_non_cutomer {
  background: #F89406; /* orange */
}

.event_normal {
  background: #49AFCD; /* blue */
}


#logoutUser {
  color: #c00000; /* dark red */
  text-shadow: -1px -1px 0 #4d1515, 1px -1px 0 #4d1515, -1px 1px 0 #4d1515, 1px 1px 0 #4d1515; /* darker red outline */
}

.checkbox.inline.chkCloseEventStyle {
  margin-left: 30px;
  margin-top: 17px;
}


.hint {
  position: relative;
  display: inline-block;
}

.hint .hinttext {
  visibility: hidden;
  width: 120px;
  background-color: rgba(126, 126, 126, 0.9);
  color: #fff;
  text-shadow: none;
  text-align: center;
  padding: 5px 0;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
  margin-bottom: 13px;
}

.hint .hinttext-mini {
  visibility: hidden;
  width: 60px;
  background-color: rgba(126, 126, 126, 0.9);
  color: #fff;
  text-shadow: none;
  text-align: center;
  padding: 0;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -30px; /* Use half of the width (120/2 = 60), to center the tooltip */
  margin-bottom: 8px;
}


.hint:hover .hinttext,  .hint:hover .hinttext-mini{
  visibility: visible;
}

.hint .hinttext::after, .hint .hinttext-mini::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(126, 126, 126, 0.9) transparent transparent transparent;
}