@import "theme/default.css";

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

.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.png);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}
.allbranch{margin-bottom:124px}
.branch-item{background:#F9FAFB;width:calc(50% - 16px);box-shadow:0px 1px 2px rgba(8, 48, 71, 0.05);padding:0}
.branch-item .title{gap: 12px}
.branch-item:nth-child(1),.branch-item:nth-child(2){margin-top:0}
.branch-item:before{content:"";position:absolute;width:24px;height:24px;left:12px;top:50%;transform:translate(0,-50%);background:url(../images/arrow-left.png)}
.branch-link{padding:12px 12px 12px 48px}
.left-branch-item{gap: 4px}
.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-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}
.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-subject{letter-spacing:-0.02em}
.allbranch{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}
.branch-item.active-branch-item:not(.branch-disable){box-shadow:initial;background:#F0FBFC;box-shadow:0px 1px 2px rgba(8, 48, 71, 0.05)}
.online-status .online:before,.offline-status .offline:before{position:absolute;width:12px;height:12px;left:-2px;top:-2px;content:"";-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.online-status .online{position:relative;width:8px;height:8px;display:inline-block;vertical-align:top;margin-top:9px;margin-left:4px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;vertical-align:middle;top:50%;margin-top:0;-webkit-animation:flash 1s linear infinite;-moz-animation:flash 1s linear infinite;-ms-animation: flash 1s linear infinite;-o-animation: flash 1s linear infinite;animation:flash 1s linear infinite}
.offline-status .offline{position:relative;width:8px;height:8px;display:inline-block;vertical-align:top;margin-top:9px;margin-left:4px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;vertical-align:middle;top:50%;margin-top:0;-webkit-animation:flash 1s linear infinite;-moz-animation:flash 1s linear infinite;-ms-animation: flash 1s linear infinite;-o-animation: flash 1s linear infinite;animation:flash 1s linear infinite}
.online-status .online:before{background-color:rgba(33,198,79,.3)}
 .offline-status .offline:before{background-color:rgba(240,68,56,.3)}
.online-status .online{background-color:#21c64f}
.offline-status .offline{background-color:#F04438}
.map_merchant{width: 100%;height: 296px}
.marker {background-image: url('../images/map-pins.png');background-size: cover;width: 50px;height: 50px;border-radius: 50%;cursor: pointer;}
.show-menu{width:328px;max-width:100%;height:52px;padding:0 20px;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);}
.button-container{margin-top:65px}
@keyframes flash {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.branch-item{border:1px solid #EAECF0;background:#fff;width:100%}
.branch-link{padding:16px}
.branch-item:before{display:none}


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


@media(max-width:801px){
	.branch-page{padding-top:0}
	.img-branch-top img{border-radius:0;height: 107px;}
	.bottom-row{padding:0 16px}
	.logo-branch-top{bottom:-36px}
	.logo-branch-top img{width:72px;height:72px}
}
@media(max-width:768px){
	.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%;margin-top: 32px;}
	.branch-item:nth-child(2){margin-top:16px}
	.branch-address{overflow:initial;text-overflow:initial;white-space:initial}
	#langModal .modal-dialog{margin:0}
	#langModal .modal-body > div.title{margin-bottom: 24px}
	.map_merchant{height: 120px}
	.main-content {width: 100%;padding:0;}
}