.room-count-dropdown {
    position: absolute;
    min-width: 300px;
    background: white;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    font-size: 12px;
    font-size: .75rem;
    visibility: hidden;
    opacity: 0;
    z-index: 355;
    transition: all 250ms ease-in-out;
    top: 100%;
    margin-top: 14px;
}
.room-count-dropdown.show {
    visibility: visible;
    opacity: 1;
}
.room-count-dropdown:after {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 200;
    border-color: rgba(136,183,213,0);
    border-bottom-color: white;
    border-width: 14px;
    margin-left: -14px;
    filter: drop-shadow(0 -2px 2px rgba(0,0,0,0.02));
}
.room-count-dropdown .room-info {padding: 10px;}
.room-count-dropdown .room-info .info-row {
    width: 100%;
    text-align: left;
    padding: 10px 0px;
}
.person-total {
  font-size: 12px;
  line-height: 48px;
  height: 48px;
  display: block;
  cursor: pointer;
  background: #fff;
  padding: 0px;
  border: 1px solid #ccc;
}
.room-count-dropdown .room-info .info-row .col {
    padding: 0;
    width: 50%;
    float: left;
    margin-bottom: 4px;
}
.room-count-dropdown .room-info .info-row .col:first-child {min-width: 55px;padding: 0;}
.room-count-dropdown .room-info .info-row .col span.room-number {
    line-height: 34px;
    color: #28374F;
    font-weight: 700;
    font-size: 12px;
    font-size: .75rem;
}
.room-count-dropdown .action-button-area {
    width: 100%;
    padding: 10px 20px;
    border-top: 1px solid #EFEFEF;
    text-align: right;
}
.room-count-dropdown .action-button-area span.add-room {
    font-size: 12px;
    font-size: .75rem;
    color: #0065B8;
    font-weight: 700;
    cursor: pointer;
}
.room-count-dropdown .room-info .info-row .col .remove-oda {
    line-height: 34px;
    height: 34px;
    border: 1px solid #ff3e3e;
    display: block;
    text-align: center;
    border-radius: 5px;
    color: #ff3e3e;
    font-weight: bold;
}
@media(max-width: 768px) {
    .room-count-dropdown {width: 98%;min-width: 98%;left: 1%;}
    .room-count-dropdown .room-info .info-row .col {display: inline-block;min-width: 33%;width: 33%;margin-right: -0.5px;}
    .room-count-dropdown .room-info .info-row .col.child1,
    .room-count-dropdown .room-info .info-row .col.child2,
    .room-count-dropdown .room-info .info-row .col.child3,
    .room-count-dropdown .room-info .info-row .col.child4 {min-width: 25%;width: 25%;}
    .room-count-dropdown .room-info .info-row .col:first-child {width: 100%;}
    .room-count-dropdown .room-info .info-row .col:first-child label{display: none;}
    .room-count-dropdown .room-info .info-row .col.remove-oda-wrap {width: 100%;}
}


.lang-wrap  , .currency-wrap{
    float:right;
    position: relative;
    width: 90px;
    display: flex;
    align-items: center;
    height: 48px;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
.currency-wrap {
    margin-right: 10px;
    margin-left: 10px;
}
.lang-wrap img {width: auto; height: 24px;}
.lang-wrap ul, .currency-wrap ul,
.lang-tooltip , .currency-tooltip {
    display: none;
    position:absolute;
    top:0;
    right:0;
    z-index:105;
    background:#fff;
    color: #000;
    padding: 55px 0 12px;
    border-radius:4px;
    border:1px solid #eee;
    border-top:none;
    visibility:hidden;
    opacity:0;
    box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.1);
    text-align: center;
    width: 100%;
}
.lang-wrap ul li, 
.currency-wrap ul li {display: block;width: 100%;margin: 0;}
.lang-wrap ul li a, 
.currency-wrap ul li a {color: #000 !important;    display: flex;justify-content: center;width: 100%;}
.lang-wrap ul li img {margin-right: 4px;}
.show-lang  , .show-currency-tooltip{
    cursor:pointer;
    position:relative;
    z-index:106;
    text-align: center;
    display: flex;
}
.show-currency-tooltip span {
    position:relative;
}


.show-lang i {position: relative !important;right: 0 !important;height: auto;line-height: inherit;}

.show-lang img , .lang-tooltip li img {
    position:relative;
    border-radius:0px;
}
.show-lang img {
    margin-right:4px;
}
.show-lang span {
    padding:0 10px 0 6px;
    position:relative;
    z-index:2;
}
.show-lang .fa-angle-down {
    position:relative;
     top:2px;
}
.lang-wrap:hover .lang-tooltip,
.lang-wrap:hover ul,
.currency-wrap:hover .currency-tooltip,
.currency-wrap:hover ul {
    visibility:visible;
    opacity:1;
    display: block;
}
.lang-wrap:hover .show-lang span  , .currency-wrap:hover .show-currency-tooltip span {
        color:#666;
}
.lang-tooltip li  , .currency-tooltip li{
    float:left;
    width:100%;
    position:relative;
    text-align:left;
    border-radius:4px;
    padding:6px 14px;
    margin-left: 0;
}
.currency-tooltip li{text-align: center;}
.lang-tooltip li:hover , .currency-tooltip li:hover {
    background:#18458B;
}
.currency-tooltip li {
    margin-bottom:4px;
    padding-left:10px;
}
.currency-tooltip li:last-child {
    margin-bottom:0;
}
.currency-tooltip li i {
    margin-right:8px;
}
.lang-tooltip li img {
    margin-right:10px;
}
.lang-tooltip li:hover a , .currency-tooltip li:hover a {
    color:#fff;
}
.lang-tooltip li a , .currency-tooltip li a{
    display: block;
    width: 100%;
    color: #566985;
    font-weight:500;
    font-size:10px;
    text-transform:uppercase;
}

.show-lang img {
    align-self: anchor-center;
}
@media(max-width: 768px) {
    .currency-wrap {
    margin-right: 0;
    margin-left: 0;
    }
        .lang-wrap, .currency-wrap {
        width: 50px !important;
        margin: 0;
    }

}