.mod-sb {
    position: absolute;
	top: 0rem;
	left: 0rem;
	height: 100%;
	width: 3.38rem;
	overflow-x: visible;
	z-index: 20;
}

.mod-sb.right {
    left: auto;
    right: 0rem;
}

.mod-sb.bottom {
	width: 100%;
	height: 3.38rem;
	bottom: 0rem;
	top: inherit;
	left: 0rem;
	border-radius: 0rem;
	overflow: initial;
	z-index: 24;
}

.msb-btns {
	position: absolute;
	right: 0px;
	width: 3.38rem;
	height: 100%;
}

.mod-sb.bottom .msb-btns {
	position: relative;
	right: unset;
	width: auto;
	height: 3.38rem;
	top: unset;
	bottom: 0rem;/* 3.38rem;
	margin: auto; */
}

.mod-sb.bottom.open .msb-btns {
	bottom: 16.38rem;
}

.mod-sb.right .msb-btns {
	left: 0px;
}

.msb-main {
	position: absolute;
	top: 0px;
	right: 3.38rem;
	height: 100%;
	width: 64.87rem;
	background-color: #fff;
	overflow: hidden;
	border-right: 1px solid var(--hg-color);
}

.mod-sb.bottom .msb-main {
	position: relative;
	top: unset;
	right: unset;
	height: 16.38rem;
	width: 20.28rem;
	background-color: #fff;
	overflow: hidden;
	bottom: 16.38rem;
	margin: auto;
}

.mod-sb.bottom.closed .msb-main {
	display: none;
}

.mod-sb.bottom.open .msb-main {
	display: block;
}

.msb-main.right {
    left: 3.38rem;
}

.msb-main>* {
	width: 100%;
	height: 100%;
}

.t-pos {
	-webkit-transition-property: right, left, top, bottom;
	-moz-transition-property: right, left, top, bottom;
	-o-transition-property: right, left, top, bottom;
	transition-property: right, left, top, bottom;
}

.t-size {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.t-size, .t-pos {
	-webkit-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-o-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}

/* --- INNER NAVBAR --- */
.msb-btns>.mod-nb {
    position: absolute;
	top: 0rem;
    left: 0rem;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.mod-sb.bottom .msb-btns>.mod-nb {
    position: relative;
    top: 0rem;
    left: 0rem;
    height: 100%;
    width: 20.28rem;
    z-index: 1;
    margin: auto;
}

.msb-btns .mnb-wrap {
    position: absolute;
	top: calc(50% - (23.66rem/2));
    height: 23.66rem;
    width: 100%;
	border-radius: 0rem;
	box-shadow: none;
    overflow: hidden;
}

.mod-sb.bottom .msb-btns .mnb-wrap {
    position: absolute;
    top: 0rem;
    height: 23.66rem;
    width: auto;
    border-radius: 0rem;
    box-shadow: none;
    overflow: hidden;
}

.msb-btns>.mod-nb .btt {
	width: 100%;
	height: 3.38rem;
	box-shadow: none;/*0rem 0.1875rem 0.375rem #00000040;*/
	background-clip: border-box;
}

.msb-btns>.mod-nb .btt.first:not(.act) {
	border-top-right-radius: 1.31rem;
}

.msb-btns>.mod-nb .btt.first.act {
	border-top: 1px solid var(--af-color);
}

.msb-btns>.mod-nb .btt.last:not(.act) {
	border-bottom-right-radius: 1.31rem;
}

.msb-btns>.mod-nb .btt.last.act {
	border-bottom: 1px solid var(--af-color);
}

.mod-sb.bottom .msb-btns>.mod-nb .btt {
	display: inline-block;
	width: 3.38rem;
	height: 3.38rem;
	box-shadow: none; /*0rem 0.1875rem 0.375rem #00000040;*/
	background-clip: border-box;
	border-top-right-radius: 0rem;
	border-bottom-right-radius: 0rem;
	border-top: 0rem;
	border-bottom: 0rem;
}

.mod-sb.bottom .msb-btns>.mod-nb .btt-cam, .mod-sb.bottom .msb-btns>.mod-nb .btt-tex, .mod-sb.bottom .msb-btns>.mod-nb .btt-help {
	display: none;
}

.msb-btns>.mod-nb.openShare .mnb-shareDropMenu {
	display: block;
    position: absolute;
	top: 30rem;
    left: 3.38rem;
    width: 12.23rem;
    height: 7.93rem;
	overflow-x: visible;
	text-align: center;
	padding-top: 1.06rem;
	background-clip: border-box;
	border: 1px solid #000;
	border-radius: 0rem 1.88rem 1.69rem 0rem;
}

.msb-btns .ndsh-btt.btt-save {
	margin-top: 0.8rem;
}

.msb-btns .ndsh-hold {
	height: 3.9rem;
}

.msb-btns>.mod-nb.openFav .mnb-favDropMenu {
	display: block;
    position: absolute;
    top: 30.49rem;
    left: 3.38rem;
    width: 12.23rem;
    height: 5.91rem;
    overflow-x: visible;
    text-align: center;
    padding-top: 0.85rem;
    background-clip: border-box;
    background-color: #fff;
    border: 1px solid var(--hg-color);
    border-radius: 0rem 1.88rem 1.69rem 0rem;
    box-shadow: none;
}

.msb-btns .mnb-favDropMenu .btt-texfav {
	display: block;
	margin: auto 0.91rem auto auto;
}

.msb-btns .mnb-favDropMenu .btt-roomfav {
	display: block;
	margin: auto 0.91rem auto auto;
}

.msb-btns .mnb-favDropMenu .btt-texfav>div, .msb-btns .mnb-favDropMenu .btt-roomfav>div {
	display: inline-block;
}

#mod_ZoomNav.mod-zn-sb {
	top: 12.09rem;
	left: 3.22rem;
}

.mod-zn-sb .z_overview {
	border-top-left-radius: 0rem;
	border-bottom-left-radius: 0rem;
}

/* --- INNER NAVBAR END --- */

/* --- INNER RoomSelector --- */
.msb-main>.mod-rs {
	top: 0rem;
}

.msb-main>.mod-rs .mrs-main {
	height: calc(100% - 6.6875rem);
}
/* --- INNER RoomSelector END --- */

/* --- INNER RoomInfo --- */
.msb-main>.mod-ri {
	top: 0rem;
}
/* --- INNER RoomInfo END --- */

/* --- INNER TextureInfo --- */
.msb-main>.mod-ti {
	top: 0rem;
}
/* --- INNER TextureInfo END --- */