@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham'), url('public/fonts/GothamFontFamily/Gotham-Black.otf') format('opentype');
}

body {
    padding-top: 56px;
    min-width: 320px;
    padding-bottom: 70px;
}
.pointer, .nav-link {
    cursor: pointer !important;
}
.no-pointer {
    cursor: initial !important;
}
.each-employee-image {
    max-height: 110px;
    max-width: 110px;
}

#calendar-wr {
    width: 100%;
    overflow: hidden !important;
}
#calendar-wrapper {
    position: relative;
    min-width: 100%;
    height: 740px;
    overflow: auto;
    overflow-y: scroll;
    border: 1px solid black;
}

#table-header {
    border-bottom: 1px solid black;
    background: #fff;
    z-index: 9;
    position: absolute;
    padding-left: 54px;
}
#table-header tr td, #table-footer tr td {
    position: relative;
    min-width: 230px;
    padding-left: 10px;
}
#table-footer tr td {
  background: #fff;
}
#calendar {
    position: absolute;
}
#calendar td {
    border-right: 1px solid black;
}
#calendar th {
    border-right: 1px solid black;
}
#calendar tr {
    /* height: 30px; */
    border-top: 1px solid black;
    position: relative;
    height: 30px;
}
#calendar tr td {
    position: relative;
    min-width: 230px;
}
#table-footer {
    position: absolute;
    border-bottom: 1px solid black;
    background: #fff;
    z-index: 99;
    padding-left: 54px;
    min-height: 29px;
}
#table-footer td {
  z-index: 99;
}
.todays-income {
  border: 1px solid #fff !important;
  position: relative;
  bottom: 15px;
  font-weight: bold;
  background: #fff !important;
}

.employees {
    min-width: 230px;
    display: inline-block;
}
.times {
    min-width: 50px !important;
    border-bottom: 1px solid #fff !important;
    position: relative;
    bottom: 15px;
    text-align: center;
}
.first-col {
    min-width: 50px !important;
    border-bottom: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
    position: relative;
    bottom: 15px;
    text-align: center;
}
.invisible-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.each-appointment-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 86%;
    z-index: 2;
}
.each-appointment {
    position: absolute;
    left: 0;
    top: -1px;
    padding: 4px;
    background: green;
    color: #fff;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    z-index: 3;
    border-top: 1px solid black;
}
.each-appointment p {
    text-align: right;
    position: relative;
    bottom: 10px;
}

.block {
    display: block !important;
}

#dimmer {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: black;
    opacity: 0.8;
    z-index: 9999;
}
.modal {
    z-index: 10000 !important;
}
.calendar-field:hover {
    cursor: pointer;
    background: yellow;
}



.employee-disabled {
    color: #ededeb;
}
.calendar-field-disabled {
    border-color: #ededeb;
}


.out-of-work-time td {
    background: #adacac;
}

.closed-time {
    background: #adacac;
}

#image-preview {
    height: 220px;
    width: 220px;
    display: block;
}

#fake-sms {
    border: 1px solid black;
    padding: 8px;
    border-radius: 4px;
}
#fake-sms span {
    display: block;
}