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: 208px;
    width: 1793px;
    height: 654px;
    overflow: scroll;
}

#workstationDirContainer::-webkit-scrollbar,
#employeeDirContainer::-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;
}


#inOfficeContainer {
    position: absolute;
    left: 128px;
    top: 146px;
    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: 180px;
    top: 972px;
}

#inOfficeFilterBtn {
    position: absolute;
    left: 341px;
    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;
}

#keyboardBtn {
    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;
}

#keyboardBtnBackspace2 {
    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);
}

/* 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');
}