@import url('https://fonts.googleapis.com/css2?family=Exo:wght@400;700;800&family=Montserrat:wght@400;500;600;700;800&display=swap');


/* generale */
#map{
  font-family: Arial, sans-serif;
}

/* titolo piano */
#map h1.ng-binding{
    font-size: 46px;
    font-family: "Exo", sans-serif;
    font-weight: 700;
}

/* pulsanti navigazione */
#map > div.bottom{
    border-top: 1px solid #B7A3A1;
}
.btn{
  border-radius:0;
  color: #fff !important;
  text-transform:uppercase;
  font-family: "Montserrat", sans-serif;
  -webkit-box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.5);
  box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.5);
}
.btn:active,  .btn:focus {
    transform: scale(0.9);
    background-color: #4C4C4C;
}
.buttons button {
    margin-right: 15px;
}
#map > div.bottom > div:nth-child(1) > div > button:nth-child(1){
  background-color:#FF9901;
}
.btn-main {
    background-color: #4C4C4C;
}
.btn-default {
    background-color: #A5938E;
}
.btn-green{
  background-color: #FF3303;
}
button.btn-keyboard{
  background: #A5938E;
  border-color: #B7A4A1;
  border-radius: 0;
}

div.categories {
  width: 1075px;
  margin-left: -5px;
}
div.category {
  width:337px;
  font-family: "Montserrat", sans-serif;
  border-radius: 0;
  font-size:20px;
  line-height: 42px;
  -webkit-box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.5);
  box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.5);
  overflow:hidden;
  margin: 11px 10px;
}
div.category:active,  div.category:focus {
    transform: scale(0.9);
    background-color: #4C4C4C;
}
div.bar {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
}
.shops {
    margin-top: 10px;
    margin-left: 10px;
}
span.shop-title-small {
    line-height: 18px;
}

#map h1.search{
  font-size:19px;
}

#map .floor h1.ng-binding{
  background: #F7F7F7;
  padding: 15px 20px;
  border: 2px solid #B7A3A1;
}

div.bar-2{
  -webkit-box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.5);
  box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.5);
}
.shop-detail{
  background: transparent;
}

.keyboard-block{
  background:0;
  border-radius:0;
  border: 1px solid #B7A3A1;
}


#map{
  background: #e7e4e3;
}
.floor{
  background-color: transparent;
}



/* lotti  piano 0 */
.shop-pin{
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0;
}
#emisfero{
  top: 267px !important;
  left: 739px !important;
  width: 325px;
  height: 192px;
}

/* 1-64ter */
div#\31 -64ter{
  top: 539px !important;
  left: 739px !important;
  width: 313px;
  height: 269px;
}

/* 1bis */
div#\31 bis{
  top: 835px !important;
  left: 851px !important;
  width: 128px;
  height: 128px;
}

/* 3 */
div#\33{
  top: 927px !important;
  left: 759px !important;
  width: 28px;
  height: 37px;
}

/* 4 */
div#\34{
  top: 927px !important;
  left: 710px !important;
  width: 22px;
  height: 37px;
}

/* 7 */
div#\37{
  top: 942px !important;
  left: 634px !important;
  width: 21px;
  height: 22px;
}

/* 8 */
div#\38{
  top: 927px !important;
  left: 606px !important;
  width: 26px;
  height: 37px;
}

/* 9 */
div#\39{
  top: 927px !important;
  left: 589px !important;
  width: 15px;
  height: 37px;
}

/* 11-10 */
div#\31 1-10{
  top: 927px !important;
  left: 558px !important;
  width: 29px;
  height: 37px;
}

/* 13-14 */
div#\31 3-14{
  top: 927px !important;
  left: 490px !important;
  width: 26px;
  height: 37px;
}

/* 15 */
div#\31 5{
  top: 927px !important;
  left: 446px !important;
  width: 41px;
  height: 37px;
}

/* 19-18-17 */
div#\31 9-18-17{
  top: 927px !important;
  left: 315px !important;
  width: 53px;
  height: 37px;
}

/* 20 */
div#\32 0{
  top: 927px !important;
  left: 298px !important;
  width: 14px;
  height: 37px;
}

/* 23-24 */
div#\32 3-24{
  top: 927px !important;
  left: 194px !important;
  width: 46px;
  height: 37px;
}

/* 25 */
div#\32 5{
  top: 938px !important;
  left: 166px !important;
  width: 26px;
  height: 26px;
}

/* 30-29-28 */
div#\33 0-29-28{
  top: 927px !important;
  left: 38px !important;
  width: 78px;
  height: 37px;
}

/* 32-33 */
div#\33 2-33{
  top: 734px !important;
  left: 70px !important;
  width: 45px;
  height: 70px;
}

/* 35 */
div#\33 5{
  top: 734px !important;
  left: 142px !important;
  width: 35px;
  height: 44px;
}

/* 38 */
div#\33 8{
  top: 638px !important;
  left: 194px !important;
  width: 54px;
  height: 22px;
}

/* 41 */
div#\34 1{
  top: 586px !important;
  left: 318px !important;
  width: 22px;
  height: 30px;
}

/* 43 */
div#\34 3{
  top: 514px !important;
  left: 366px !important;
  width: 26px;
  height: 102px;
}

/* 44 */
div#\34 4{
  top: 514px !important;
  left: 394px !important;
  width: 70px;
  height: 102px;
}

/* 45 */
div#\34 5{
  top: 586px !important;
  left: 466px !important;
  width: 22px;
  height: 30px;
}

/* 47 */
div#\34 7{
  top: 514px !important;
  left: 518px !important;
  width: 22px;
  height: 102px;
}

/* 48 */
div#\34 8{
  top: 514px !important;
  left: 543px !important;
  width: 45px;
  height: 102px;
}

/* 49 */
div#\34 9{
  top: 582px !important;
  left: 590px !important;
  width: 15px;
  height: 34px;
}

/* 50 */
div#\35 0{
  top: 585px !important;
  left: 622px !important;
  width: 18px;
  height: 32px;
}

/* 52-51 */
div#\35 2-51{
  top: 563px !important;
  left: 642px !important;
  width: 34px;
  height: 54px;
}

/* 53 */
div#\35 3{
  top: 538px !important;
  left: 642px !important;
  width: 34px;
  height: 22px;
}

/* 54 */
div#\35 4{
  top: 514px !important;
  left: 642px !important;
  width: 34px;
  height: 22px;
}

/* 54 */
div#\35 4{
  top: 514px !important;
  left: 642px !important;
  width: 34px;
  height: 22px;
}

/* 55 */
div#\35 5{
  top: 494px !important;
  left: 642px !important;
  width: 34px;
  height: 18px;
}

/* 56 */
div#\35 6{
  top: 462px !important;
  left: 642px !important;
  width: 34px;
  height: 30px;
}

/* 57 */
div#\35 7{
  top: 438px !important;
  left: 642px !important;
  width: 34px;
  height: 22px;
}

/* 58 */
div#\35 8{
  top: 414px !important;
  left: 642px !important;
  width: 34px;
  height: 22px;
}

/* 62-63 */
div#\36 2-63{
  top: 266px !important;
  left: 642px !important;
  width: 34px;
  height: 70px;
}

/* 64bis */
div#\36 4bis{
  top: 734px !important;
  left: 714px !important;
  width: 22px;
  height: 26px;
}

/* 64a */
div#\36 4a{
  top: 774px !important;
  left: 714px !important;
  width: 22px;
  height: 34px;
}

/* 65 */
div#\36 5{
  top: 811px !important;
  left: 714px !important;
  width: 50px;
  height: 53px;
}

/* 67-68 */
div#\36 7-68{
  top: 834px !important;
  left: 790px !important;
  width: 58px;
  height: 42px;
}

/* 69 */
div#\36 9{
  top: 810px !important;
  left: 642px !important;
  width: 34px;
  height: 38px;
}

/* 70 */
div#\37 0{
  top: 762px !important;
  left: 590px !important;
  width: 50px;
  height: 98px;
}

/* 71 */
div#\37 1{
  top: 810px !important;
  left: 570px !important;
  width: 18px;
  height: 50px;
}

/* 76 */
div#\37 6{
  top: 810px !important;
  left: 446px !important;
  width: 42px;
  height: 50px;
}

/* 78 */
div#\37 8{
  top: 710px !important;
  left: 446px !important;
  width: 110px;
  height: 50px;
}

/* 79 */
div#\37 9{
  top: 654px !important;
  left: 446px !important;
  width: 46px;
  height: 54px;
}

/* 83-84 */
div#\38 3-84{
  top: 654px !important;
  left: 570px !important;
  width: 42px;
  height: 54px;
}

/* 86 */
div#\38 6{
  top: 654px !important;
  left: 642px !important;
  width: 34px;
  height: 30px;
}

/* 87 */
div#\38 7{
  top: 686px !important;
  left: 642px !important;
  width: 34px;
  height: 22px;
}

/* 88 */
div#\38 8{
  top: 711px !important;
  left: 571px !important;
  width: 104px;
  height: 40px;
}

/* 89 */
div#\38 9{
  top: 754px !important;
  left: 642px !important;
  width: 34px;
  height: 30px;
}

/* 90 */
div#\39 0{
  top: 786px !important;
  left: 642px !important;
  width: 34px;
  height: 22px;
}

/* 91 */
div#\39 1{
  top: 810px !important;
  left: 366px !important;
  width: 42px;
  height: 50px;
}
/* 95 */
div#\39 5{
  top: 754px !important;
  left: 266px !important;
  width: 46px;
  height: 106px;
}

/* 98-99 */
div#\39 8-99{
  top: 770px !important;
  left: 186px !important;
  width: 26px;
  height: 90px;
}

/* 104 */
div#\31 04{
  top: 654px !important;
  left: 318px !important;
  width: 22px;
  height: 54px;
}

/* 107 */
div#\31 07{
  top: 710px !important;
  left: 366px !important;
  width: 42px;
  height: 18px;
}

/* 108 */
div#\31 08{
  top: 730px !important;
  left: 366px !important;
  width: 42px;
  height: 14px;
}

/* 109 */
div#\31 09{
  top: 746px !important;
  left: 366px !important;
  width: 42px;
  height: 15px;
}

/* A */
div#A{
  top: 885px !important;
  left: 246px !important;
  width: 42px;
  height: 15px;
}

/* B */
div#B{
  top: 885px !important;
  left: 322px !important;
  width: 42px;
  height: 15px;
}

/* I */
div#I{
  top: 885px !important;
  left: 498px !important;
  width: 42px;
  height: 15px;
}

/* E */
div#E{
  top: 885px !important;
  left: 570px !important;
  width: 21px;
  height: 15px;
}

/* U */
div#U{
  top: 885px !important;
  left: 591px !important;
  width: 21px;
  height: 15px;
}

/* D */
div#D{
  background: #368AC9;
  border: 1px solid #FFF;
}





/* lotti  piano 1 */

/* 116-115-114-113+112 */
div#\31 16-115-114-113\+112{
  top: 938px !important;
  left: 618px !important;
  width: 138px;
  height: 26px;
}

/* 123 */
div#\31 23{
  top: 926px !important;
  left: 454px !important;
  width: 34px;
  height: 38px;
}

/* 124 */
div#\31 24{
  top: 946px !important;
  left: 410px !important;
  width: 18px;
  height: 18px;
}

/* 126 */
div#\31 26{
  top: 926px !important;
  left: 350px !important;
  width: 18px;
  height: 38px;
}

/* 134-133 */
div#\31 34-133{
  top: 938px !important;
  left: 166px !important;
  width: 50px;
  height: 26px;
}

/* 135-136 */
div#\31 35-136{
  top: 938px !important;
  left: 118px !important;
  width: 46px;
  height: 26px;
}

/* 137-138 */
div#\31 37-138{
  top: 938px !important;
  left: 70px !important;
  width: 46px;
  height: 26px;
}

/* 140a-140c */
div#\31 40a-140c{
  top: 734px !important;
  left: 38px !important;
  width: 78px;
  height: 62px;
}

/* 140b */
div#\31 40b{
  top: 730px !important;
  left: 118px !important;
  width: 54px;
  height: 66px;
}

/* 144 */
div#\31 44{
  top: 504px !important;
  left: 194px !important;
  width: 186px;
  height: 84px;
}

/* 145-146 */
div#\31 45-146{
  top: 590px !important;
  left: 318px !important;
  width: 62px;
  height: 26px;
}

/* 147 */
div#\31 47{
  top: 514px !important;
  left: 382px !important;
  width: 82px;
  height: 102px;
}

/* 148 */
div#\31 48{
  top: 514px !important;
  left: 466px !important;
  width: 26px;
  height: 102px;
}

/* 149 */
div#\31 49{
  top: 514px !important;
  left: 494px !important;
  width: 46px;
  height: 102px;
}

/* 150 */
div#\31 50{
  top: 514px !important;
  left: 542px !important;
  width: 46px;
  height: 102px;
}

/* 159 */
div#\31 59{
  top: 738px !important;
  left: 718px !important;
  width: 46px;
  height: 22px;
}

/* 161 */
div#\31 61{
  top: 810px !important;
  left: 718px !important;
  width: 46px;
  height: 38px;
}

/* 181-182-163 */
div#\31 81-182-163{
  top: 710px !important;
  left: 558px !important;
  width: 82px;
  height: 106px;
}

/* 164 */
div#\31 64{
  top: 818px !important;
  left: 570px !important;
  width: 22px;
  height: 42px;
}

/* 168 */
div#\31 68{
  top: 818px !important;
  left: 494px !important;
  width: 18px;
  height: 42px;
}

/* 170-171 */
div#\31 70-171{
  top: 710px !important;
  left: 446px !important;
  width: 110px;
  height: 106px;
}

/* 175 */
div#\31 75{
  top: 654px !important;
  left: 518px !important;
  width: 38px;
  height: 54px;
}

/* 178-179 */
div#\31 78-179{
  top: 654px !important;
  left: 614px !important;
  width: 54px;
  height: 54px;
}

/* 189+192-198*/
#\31 89-192-198{
  top: 26px !important;
  left: 18px !important;
  clip-path: polygon(19% 70%, 19% 75%, 24% 75%, 24% 79%, 28% 79%, 28% 74%, 33% 74%, 33% 60%, 29% 60%, 29% 62%, 27% 62%);
  width: 1028px;
  height: 1050px;
  overflow: hidden;
}

/* 191 */
div#\31 91{
  top: 814px !important;
  left: 210px !important;
  width: 22px;
  height: 46px;
}

/* 200-203 */
div#\32 00-203{
  top: 706px !important;
  left: 358px !important;
  width: 50px;
  height: 102px;
}

/* H */
div#H{
  top: 885px !important;
  left: 570px !important;
  width: 42px;
  height: 15px;
}