.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.weekend-browse-row {
	display: flex;
	justify-content: space-between;
	background-color: #93bde1;
}

    .namediv {
        margin-top: 3px;
        font-size: .9em;
        font-weight: 700
    }
    .left-schedule-column {
        text-align: left!important;
        line-height: 20px!important;
        font-size: 16px!important;
        width: unset!important;
        min-width: unset!important
    }
    .left-names-custom {
        height: auto;
        border: 0px solid #B6B6B6;
        background: #fff;
        color: #4F4F4F;
        width: unset!important;
        min-width: unset!important;
        display: flex!important;
        align-items: center!important
    }
    .schedule-container-div {
        overflow-y: scroll!important;
        max-height: 68vh!important
    }

#schedule .ui-selecting {
    background: #FECA40;
	height:1em !important;
	width:1em !important;
}

#schedule .ui-selected {
    background: #F39814;
    color: white;
    border: 2px blue solid!important;
	height:1em !important;
	width:1em !important;
}

#schedule .ui-corner-top {
	border-radius: 0px;
     }

.left-schedule-column {
    text-align: left;
    line-height: 20px;
    font-size: 16px;
    width: 8em;
    min-width: 8em
}

.schedule-not-approved {
    box-shadow: inset 0 0 10px #3403f9
}

.selectable td {
    border-collapse: collapse;
    text-align: center;
    min-width: 16px;
    max-width: 25px;
    width: 25px;
    height: 2.5em;
    display: table-cell
}

.ui-selectable {
    width: 100%
}

.planner-data-width {
    min-width: 2em;
    max-width: 2em
}

.ui-selectable-helper {
    position: absolute!important;
    z-index: 199!important;
    border: 2px dotted black!important
}

.transparent {
    background: transparent
}



#egenschedule1_row {
    margin-bottom: -2px
}

#loc__startdate_row {
    margin-bottom: -2px
}

#popup_genmonthlyschedule_div {
    max-width: 100%
}



#schedulever2code_row {
    overflow: hidden
}

#sched {
    text-decoration: none;
    color: #000;
    display: inline-flex;
    width: 100%;
    /* height: 30px; */
    border-spacing: 0;
    page-break-inside: auto;
    page-break-inside: avoid;
    /* margin-top: -26px; */
	justify-content: center;
}

.planner-weekend {
    background: #7DBAF0 url(images/bg_fallback.png) 0 0 repeat-x;
    background: -moz-linear-gradient(top, #7DBAF0 0%, #c4c4c4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7DBAF0), color-stop(100%, #c4c4c4));
    background: -webkit-linear-gradient(top, #7DBAF0 0%, #c4c4c4 100%);
    background: -o-linear-gradient(top, #7DBAF0 0%, #c4c4c4 100%);
    background: -ms-linear-gradient(top, #7DBAF0 0%, #c4c4c4 100%);
    background: linear-gradient(top, #7DBAF0 0%, #c4c4c4 100%)
}

.todaystyle {
    font-weight: 700;
    font-size: 1.11em;
    color: blue
}