@import "theme/default.css";

.user-active{background-color: var(--dmBackgrounColor)}

.branch-pnl,.branch-page{width:800px;max-width:100%;margin:0 auto;padding-top:30px}
.img-branch-top img.desktop{width: 100%;height: 234px}
.logo-branch-top{bottom:-48px;right:16px}
.logo-branch-top img{box-shadow:0px 1px 2px rgba(8, 48, 71, 0.05);border:1px solid #EAECF0;width: 96px;height: 96px}
.lang-box{text-align:left}
.lang-box span{min-width:80px;height:20px;margin-right:auto;padding:0 26px 0 18px}
.lang-box span:before{content:"";width:20px;height:20px;background:url(../images/lang-icon.svg);position:absolute;right:0;top:0}
.lang-box span:after{content:"";width:12px;height:12px;background:url(../images/arrow-1.png);position:absolute;left:0;top:4px}
.branch-hand{right:-6px}
.branch-list{margin-bottom:124px}
.branch-item{background:#F9FAFB;width:calc(50% - 16px);margin-top:16px;box-shadow:0px 1px 2px rgba(8, 48, 71, 0.05);padding:0}
.branch-item:nth-child(1),.branch-item:nth-child(2){margin-top:0}
.branch-item:before{content:"";position:absolute;width:16px;height:16px;left:12px;top:50%;transform:translate(0,-50%);mask-image:url(../images/arrow-left.svg);mask-repeat: no-repeat;mask-position: center;mask-size: contain;background-color: var(--dmButtonBgColor)}
.branch-link{padding:12px 12px 12px 48px}
.left-branch-item{width:calc(100% - 68px);display: flex;flex-direction: column;gap: 8px}
.branch-item-logo{width:56px!important;padding:0!important;height:56px}
.branch-item-logo img{border:1px solid #EAECF0}
/*.branch-disable .branch-item-logo,.branch-disable .left-branch-item{opacity:.38}*/
.branch-disable:before{display:none}
.branch-item .branch-disable-msg{display:flex;align-items:center;padding-right:18px;line-height:18px;color:#B32318;position:absolute;left:12px;top:16px;width:68px;height:22px;background:#FEF3F2;border-radius:11px;display: none}
.branch-item .branch-disable-msg:before{content:"";position:absolute;right:7px;top:50%;transform:translate(0,-50%);width:6px;height:6px;background:#F04438;border-radius:3px}
/*.branch-disable:after{content:"";position:absolute;right:0;top:0;width:100%;height:100%}*/
.branch-item.branch-disable .branch-disable-msg{display: flex}
.branch-subject{letter-spacing:-0.02em}
.map-btn{position:fixed;bottom:32px;left:50%;transform:translate(-50%,0);width:176px;height:52px;background:var(--dmButtonBgColor);color: var(--dmButtonTextColor);box-shadow:0px 4px 8px -2px rgba(8, 48, 71, 0.1), 0px 2px 4px -2px rgba(8, 48, 71, 0.06)}
.branch-list{margin-bottom:110px}
.modal-body{padding:0 16px 48px 16px}
.modal-header .btn-close{margin:-.5rem auto -.5rem -.5rem;width:20px;height:20px}
/*.modal-content{border-radius:8px}*/
.modal-header{border-bottom:0;padding:23px 20px 11px 27px}
.lagng-radio{padding-right:19px}
.lagng-radio input{cursor:pointer;position:absolute;right:0;top:0;width:100%;height:100%;padding-right:40px;opacity:0;z-index:1}
.lang-radio-item{width:20px;height:20px;right:0;top:5px}
.lang-radio-item:before{width:20px;height:20px;content:"";position:absolute;right:0;top:-1px;border-radius:10px;border:1.5px solid var(--dmButtonBgColor)}
.lang-radio-item:after{display:none;top:9px;width:10px;height:10px;content:"";position:absolute;right:0;transform:translate(-50%,-50%);border-radius:5px;background:var(--dmButtonBgColor)}
.lagng-radio input:checked ~ .lang-radio-item:after{display:block}
.lagng-radio input:checked ~ .lang-radio-item:before {background:#f0fbfc}
.map-pnl{width:1440px;margin:0 auto}
.map-pnl{max-width:100%;margin:0 auto}
.right-map-pnl,.left-map-pnl{max-width:50%}
.fit-map,.fit-map body,.fit-map .main-content,.fit-map .map-pnl,.fit-map .map-row{height:100%}
.fit-map .internal-right-pnl{height:calc(100% - 146px)}
.fit-map .map-pnl{overflow:hidden}
.branch-item.active-branch-item:not(.branch-disable){box-shadow:initial;background:#F0FBFC;box-shadow:0px 1px 2px rgba(8, 48, 71, 0.05)}
.left-map-pnl{padding:0}
.right-map-pnl{padding:66px 112px 0 0;height:100%;overflow-y:auto}
.right-map-pnl .branch-item{width:100%;margin-top:0;background:none;border-bottom:1px solid #F2F4F7;box-shadow:initial;border-radius:0}
.right-map-pnl .branch-item:last-child{border:0}
.right-map-pnl .branch-item:before{display:none}
.right-map-pnl .branch-link{padding:16px}
.back-branch{background:url(../images/arrow-back.png) right center no-repeat;width:77px;padding-right:27px}
.branch-mode{width:176px;height:52px;bottom:32px;background:var(--dmButtonBgColor);left:50%;transform:translate(-50%,0);box-shadow:0px 4px 8px -2px rgba(8, 48, 71, 0.1), 0px 2px 4px -2px rgba(8, 48, 71, 0.06)}
.map-search-box{width:calc(100% - 32px);height:54px;padding:14px 16px;border:1px solid #EAECF0;box-shadow:0px 1px 2px rgba(8, 48, 71, 0.05)}
.input-map-search{width:calc(100% - 32px);height:26px;border:0}
.map-search-box input:-ms-input-placeholder {color:#667085}
.map-search-box input::-ms-input-placeholder{color:#667085}
.map-search-box input::placeholder {color:#667085;opacity:1}
.right-branch-box{padding-bottom:108px}
.line-map{display:none;width:64px;height:3px;background:#D0D5DD}



.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-left:0;padding-left:32px}
.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{display:none!important}
.mCSB_scrollTools a+.mCSB_draggerContainer{margin:0}
.mCSB_scrollTools .mCSB_draggerRail{background:none!important}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#D0D5DD!important}


.min-map .top-right-map{position:absolute;width:328px;top:16px;left:50%;transform:translate(-50%,0);display:flex;justify-content:space-between}
.min-map .back-branch{padding:0;font-size:0;background:url(../images/arrow-right.png) center no-repeat #fff;width:44px;height:44px;box-shadow:0px 1px 3px rgba(8, 48, 71, 0.1), 0px 1px 2px rgba(8, 48, 71, 0.06);border-radius:8px}
.min-map .map-search-box{margin:0;width:276px;height:48px}
.min-map .input-map-search{line-height:28px;font-size:16px}
.min-map .right-map-pnl,.min-map .left-map-pnl{width:100%;max-width:100%}
.min-map .right-map-pnl{order:2}
.min-map .branch-mode{position:fixed!important}
.min-map .left-map-pnl{min-height:331px;height:331px;overflow:hidden;margin-bottom:16px}
/* .min-map .left-map-pnl{resize:vertical} */
.min-map .left-map-pnl:before{content:"";right:0;width:100%;position:absolute;bottom:0;height:10px;background:#fff;z-index:1}
.min-map .line-map{display:block;left:50%;transform:translate(-50%,0);bottom:0;z-index:2}
.min-map, .min-map body, .min-map .main-content, .min-map .map-pnl, .min-map .map-row{height:initial}
.min-map .mCS-dir-rtl>.mCSB_inside>.mCSB_container{padding-left:0}
.min-map .right-map-pnl{padding:0 16px}
.min-map .internal-right-pnl{margin-top:0}

#langModal .modal-body > div.title{margin-bottom: 16px}

@media(max-width:992px){
	.right-map-pnl{padding-right:32px}
}
@media(max-width:801px){
	.branch-pnl,.branch-page{padding-top:0}
	.img-branch-top img{border-radius:0}
	.bottom-row{padding:0 16px}
	.logo-branch-top{bottom:-36px}
	.logo-branch-top img{width:72px;height:72px}
}
@media(max-width:576px){
	.img-branch-top img{height: 107px}
	.branch-title,.branch-title span{font-size:20px;line-height:30px}
	.branch-title{margin-top:32px}
	.branch-page .branch-title {margin-top:40px}
	.branch-subtitr{font-size:16px;line-height:28px;margin-top:5px;letter-spacing:-0.02em}
	.branch-hand{width:24px;margin-right:8px}
	.branch-item{width:100%}
	.branch-item:nth-child(2){margin-top:16px}
	.branch-address{overflow:initial;text-overflow:initial;white-space:initial}
	.map-btn{bottom:14px;width: 189px}
	/*#langModal .modal-content{border-radius:8px 8px 0 0;position:absolute;bottom:-16px;right:-1px}*/
	#langModal .modal-dialog{margin:0}
	.lang-box span{margin-top: 16px}
	#langModal .modal-body > div.title{margin-bottom: 24px}
}