ul {
    padding-inline-start: 0;
    margin-block-start: 0;
}

.hide {
    display: none !important;
}

.hideBG {
    background: none !important;
}

.pointer {
    cursor: pointer;
}

#body {
    width: 1920px;
    height: 1080px;
    font-family: arial;
}

.background {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}

#workstationBtn {
    position: absolute;
    left: 722px;
    top: 972px;
    width: 152px;
    height: 76px;
}

#employeeBtn {
    position: absolute;
    /* left: 884px; */
    left: 803px;
    top: 972px;
    width: 152px;
    height: 76px;
}

#floorBtn {
    position: absolute;
    /* left: 1046px; */
    left: 965px;
    top: 972px;
    width: 152px;
    height: 76px;
}

.backBtn {
    position: absolute;
    left: 64px;
    top: 972px;
    width: 100px;
    height: 76px;
}

#themap {
    position: absolute;
    left: 326px;
    top: 31px;
    width: 1410px;
    height: 1019px;
    display: block;
}

#dateContainer {
    position: absolute;
    left: 1592px;
    top: 56px;
    font-size: 22px;
    font-family: 'OpenSans-Regular';
}

#timeContainer {
    position: absolute;
    left: 1771px;
    top: 56px;
    font-size: 22px;
    font-family: 'OpenSans-Bold';
}

#floorNameContainer {
    position: absolute;
    left: 64px;
    top: 56px;
    font-size: 32px;
    font-family: 'OpenSans-Bold';
}

#legend {
    position: absolute;
    left: 374px;
    top: 180px;
}

#floor1Btn {
    position: absolute;
    left: 64px;
    top: 834px;
}

#floor2Btn {
    position: absolute;
    left: 64px;
    top: 750px;
}

#workstationDirContainer {
    position: absolute;
    left: 64px;
    top: 208px;
    width: 1793px;
    height: 654px;
    overflow: scroll;
}

#employeeDirContainer {
    position: absolute;
    left: 64px;
    top: 228px;
    width: 1793px;
    height: 654px;
    overflow: scroll;
}

#destinationsDirContainer {
    position: absolute;
    left: 64px;
    top: 228px;
    width: 1793px;
    height: 654px;
    overflow: scroll;
}


#workstationDirContainer::-webkit-scrollbar,
#employeeDirContainer::-webkit-scrollbar,
#destinationsDirContainer::-webkit-scrollbar {
    width: 0;
}



.rowE,
.rowO {
    display: inline-block;
    width: 1790px;
    height: 96px;
    outline: 1px solid #CCCED3;
    margin-bottom: 14px;
    background: white;
    font-size: 0;
}

.dirContainer ul li span,
.dirContainer ul li img {
    display: inline-block;
    font-family: "Noto Sans";
    font-size: 20px;
    vertical-align: middle;
    text-align: center;
}

.boldText {
    font-family: "OpenSans-SemiBold";
}

#employeeDirContainer .Img {
    margin-left: 30px;
    width: 64px;
    height: 64px;
    margin-right: 36px;
}

#employeeDirContainer .StatusImg {
    position: relative;
    left: 85px;
    top: 26px;
    width: 16px;
    height: 16px;
}

#employeeDirContainer .Name {
    text-align: left;
    width: 458px;
    line-height: 96px;
    font-family: "OpenSans-SemiBold";
}

#employeeDirContainer .Occupation {
    text-align: left;
    width: 510px;
    line-height: 96px;
    font-family: "OpenSans-SemiBold";
}

#employeeDirContainer .Floor {
    width: 50px;
    margin-right: 298px;
    font-family: "OpenSans-SemiBold";
}

#employeeDirContainer .Space {
    width: 138px;
    /* width: 75px; */
    font-family: "OpenSans-SemiBold";
    /* margin-right: 135px; */
    margin-right: 72px;
}

#employeeDirContainer .Find {}


#workstationDirContainerList .Workstation {
    text-align: left;
    width: 559px;
    line-height: 96px;
    margin-left: 29px;
    font-family: "OpenSans-SemiBold";
}

#workstationDirContainerList .Type {
    text-align: left;
    width: 510px;
    line-height: 96px;
    font-family: "OpenSans-SemiBold";
}

#workstationDirContainerList .Floor {
    width: 50px;
    margin-right: 298px;
}

#workstationDirContainerList .Space {
    width: 75px;
}

#destinationsDirContainerList .Number {
    text-align: left;
    width: 242px;
    line-height: 96px;
    margin-left: 73px;
    font-family: "OpenSans-SemiBold";
}

#destinationsDirContainerList .Floor {
    text-align: left;
    width: 215px;
    line-height: 96px;
    font-family: "OpenSans-SemiBold";
}

#destinationsDirContainerList .Type {
    text-align: left;
    width: 1145px;
    line-height: 96px;
    font-family: "OpenSans-SemiBold";
}


#inOfficeContainer {
    position: absolute;
    left: 128px;
    top: 166px;
    font-size: 30px;
    font-family: "OpenSans-Bold";
}

#spacesAvailableContainer {
    position: absolute;
    left: 128px;
    top: 146px;
    font-size: 30px;
    font-family: "OpenSans-Bold";
}

.resultsContainer {
    position: absolute;
    left: 64px;
    top: 879px;
    font-size: 15px;
    font-family: "OpenSans-Regular";
}

#allEmployeesFilterBtn {
    position: absolute;
    left: 185px;
    top: 972px;
}

#inOfficeFilterBtn {
    position: absolute;
    left: 353px;
    top: 972px;
}

#allWorkstationsFilterBtn {
    position: absolute;
    left: 171px;
    top: 972px;
}

#standingDeskFilterBtn {
    position: absolute;
    left: 352px;
    top: 972px;
}

#standardDeskFilterBtn {
    position: absolute;
    left: 525px;
    top: 972px;
}

#spacesAvailableMapContainer {
    position: absolute;
    left: 128px;
    top: 214px;
    font-family: "OpenSans-Bold";
    font-size: 30px;
}

#standingMapContainer {
    position: absolute;
    left: 128px;
    top: 311px;
    font-family: "OpenSans-Bold";
    font-size: 30px;
}

#sittingMapContainer {
    position: absolute;
    left: 128px;
    top: 408px;
    font-family: "OpenSans-Bold";
    font-size: 30px;
}

#timeoutVideoContainer {
    position: absolute;
    left: 0;
    top: 0;
}

#homeHand {
    position: absolute;
    left: 788px;
    top: 1080px;
    transition: all 2s ease-in-out;
}

.keyboardOpenBtn {
    position: absolute;
    left: 704px;
    top: 972px;
}

.keyboardImg {
    position: absolute;
    left: 704px;
    top: 824px;
}

.keyboardBtn {
    position: absolute;
    width: 50px;
    height: 32px;
}

.keyboardBtnQ {
    left: 780px;
    top: 925px;
}

.keyboardBtnW {
    left: 836px;
    top: 925px;
}

.keyboardBtnE {
    left: 891px;
    top: 925px;
}

.keyboardBtnR {
    left: 947px;
    top: 925px;
}

.keyboardBtnT {
    left: 1002px;
    top: 925px;
}

.keyboardBtnY {
    left: 1057px;
    top: 925px;
}

.keyboardBtnU {
    left: 1112px;
    top: 925px;
}

.keyboardBtnI {
    left: 1168px;
    top: 925px;
}

.keyboardBtnO {
    left: 1223px;
    top: 925px;
}

.keyboardBtnP {
    left: 1279px;
    top: 925px;
}

.keyboardBtnA {
    left: 809px;
    top: 963px;
}

.keyboardBtnS {
    left: 864px;
    top: 963px;
}

.keyboardBtnD {
    left: 920px;
    top: 963px;
}

.keyboardBtnF {
    left: 975px;
    top: 963px;
}

.keyboardBtnG {
    left: 1030px;
    top: 963px;
}

.keyboardBtnH {
    left: 1085px;
    top: 963px;
}

.keyboardBtnJ {
    left: 1141px;
    top: 963px;
}

.keyboardBtnK {
    left: 1196px;
    top: 963px;
}

.keyboardBtnL {
    left: 1251px;
    top: 963px;
}

.keyboardBtnZ {
    left: 842px;
    top: 1001px;
}

.keyboardBtnX {
    left: 901px;
    top: 1001px;
}

.keyboardBtnC {
    left: 960px;
    top: 1001px;
}

.keyboardBtnV {
    left: 1019px;
    top: 1001px;
}

.keyboardBtnB {
    left: 1079px;
    top: 1001px;
}

.keyboardBtnN {
    left: 1138px;
    top: 1001px;
}

.keyboardBtnM {
    left: 1197px;
    top: 1001px;
}

.keyboardBtn1 {
    width: 46px;
    left: 781px;
    top: 886px;
}

.keyboardBtn2 {
    width: 46px;
    left: 831px;
    top: 886px;
}

.keyboardBtn3 {
    width: 46px;
    left: 881px;
    top: 886px;
}

.keyboardBtn4 {
    width: 46px;
    left: 931px;
    top: 886px;
}

.keyboardBtn5 {
    width: 46px;
    left: 982px;
    top: 886px;
}

.keyboardBtn6 {
    width: 46px;
    left: 1032px;
    top: 886px;
}

.keyboardBtn7 {
    width: 46px;
    left: 1082px;
    top: 886px;
}

.keyboardBtn8 {
    width: 46px;
    left: 1133px;
    top: 886px;
}

.keyboardBtn9 {
    width: 46px;
    left: 1183px;
    top: 886px;
}

.keyboardBtn0 {
    width: 46px;
    left: 1233px;
    top: 886px;
}

.keyboardBtnBackspace {
    width: 46px;
    left: 1283px;
    top: 886px;
}

.keyboardBtnBack {
    width: 66px;
    height: 32px;
    left: 842px;
    top: 1040px;
}

.keyboardBtnSpace {
    width: 331px;
    left: 915px;
    top: 1040px;
}

.keyboardBtnEnter {
    width: 78px;
    left: 1252px;
    top: 1040px;
}

.keyboardBtnShift {
    left: 783px;
    top: 1001px;
}

.keyboardBtnClose {
    position: absolute;
    left: 1367px;
    top: 1007px;
    width: 64px;
    height: 64px;
}

.keyboardInput {
    position: absolute;
    left: 800px;
    top: 841px;
    width: 500px;
    height: 35px;
    font-family: "OpenSans-SemiBold";
    font-size: 15px;
    outline: none;
    border: none;
}

#popoutContainer {
    position: absolute;
    z-index: 999;
    /* left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%); */
}

#popoutText1 {
    position: absolute;
    left: 138px;
    top: 30px;
    font-family: 'OpenSans-Bold';
    font-size: 12px;
}

#popoutText2 {
    position: absolute;
    left: 138px;
    top: 67px;
    font-family: 'OpenSans-Bold';
    font-size: 18px;
}

#popoutText3 {
    position: absolute;
    left: 138px;
    top: 93px;
    font-family: 'OpenSans-Regular';
    font-size: 14px;
}

#popoutCloseBtn {
    position: absolute;
    left: 302px;
    top: 133px;
    width: 14px;
    height: 14px;
}

#popoutFaceImg {
    position: absolute;
    left: 32px;
    top: 44px;
    height: 91px;
    width: 91px;
}

#popoutDot {
    position: absolute;
    left: 99px;
    top: 118px;
    width: 16px;
    height: 16px;
}

.mapImg {
    z-index: 999 !important;
    border: 1px solid white;
    border-radius: 500px;
}

#qrcodeContainer {
    position: absolute;
    left: 31px;
    top: 47px;
    width: 86px;
    height: 86px;
}

#popoutBackground {
    width: 348px;
    height: 179px;
}

.iconImg {
    filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 black);
}

#dirBtn {
    position: absolute;
    left: 797px;
    top: 972px;
    width: 152px;
    height: 76px;
}

#destinationsBtn {
    position: absolute;
    left: 959px;
    top: 972px;
    width: 164px;
    height: 76px;
}

.destinationsSortBtn {
    position: absolute;
    top: 162px;
}

#numberSortBtn {
    left: 75px;
}

#floorSortBtn {
    left: 279px;
}

#typeSortBtn {
    left: 483px;
}

.destinationsFilterBtn {
    position: absolute;
    top: 972px;
}

#numberFilterBtn {
    left: 183px;
}

#floorFilterBtn {
    left: 311px;
}

#typeFilterBtn {
    left: 419px;
}

/* FONTS */

/* @font-face {
    font-family: 'Gotham Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Thin'), url('../fonts/Gotham Thin Regular.otf') format('woff');
} */
@font-face {
    font-family: 'OpenSans-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('OpenSans-Regular'), url('../fonts/OpenSans-Regular.ttf') format('woff');
}

@font-face {
    font-family: 'OpenSans-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('OpenSans-Bold'), url('../fonts/OpenSans-Bold.ttf') format('woff');
}

@font-face {
    font-family: 'OpenSans-SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('OpenSans-SemiBold'), url('../fonts/OpenSans-SemiBold.ttf') format('woff');
}