:root{--info-rgb:220,30,56;--info-20:rgba(var(--info-rgb),0.2);--info-60:rgba(var(--info-rgb),0.6);--info-80:rgba(var(--info-rgb),0.8);--info-100:rgba(var(--info-rgb),1);--info-hex:#dc1e38;--border-info-100:rgba(var(--info-rgb),1);--primary-rgb:220,30,56;--primary-20:#f8f9fe;--primary-60:rgba(var(--primary-rgb),0.6);--primary-80:rgba(var(--primary-rgb),0.8);--primary-100:rgba(var(--primary-rgb),1);--primary-hex:#6c6c6f;--border-primary-100:rgba(var(--primary-rgb),1);--success-rgb:108,108,111;--success-20:rgba(var(--success-rgb),0.2);--success-60:rgba(var(--success-rgb),0.6);--success-80:rgba(var(--success-rgb),0.8);--success-100:rgba(var(--success-rgb),1);--success-hex:#6c6c6f;--border-success-100:rgba(var(--success-rgb),1);--hover-rgb:108,108,111;--hover-20:rgba(var(--hover-rgb),0.2);--hover-60:rgba(var(--hover-rgb),0.6);--hover-80:rgba(var(--hover-rgb),0.8);--hover-100:rgba(var(--hover-rgb),1);--hover-hex:#6c6c6f;--danger:#dc1e38;--warning:#f9b64e;--bg-light:#f4f2ee}.btn-outline-primary{color:#000;border-color:var(--border-primary-100);background-color:transparent;background-image:none}.btn-outline-primary:hover{color:#fff;border-color:var(--border-primary-100);background-color:var(--hover-100)}.btn-outline-primary:active{color:#fff!important;border-color:var(--primary-20)!important;background-color:var(--primary-100)!important}.btn-primary{background-color:var(--primary-100)}.btn-primary,.btn-primary:hover{color:#fff;border-color:var(--border-primary-100)}.btn-primary:hover{background-color:var(--hover-100)}.btn-primary:active{color:#fff!important;border-color:var(--border-primary-100)!important;background-color:var(--primary-100)!important}.bg-light-primary{background-color:var(--primary-20)!important;color:#fff!important}.btn-info{background-color:var(--info-100)}.btn-info,.btn-info:hover{color:#fff;border-color:var(--border-info-100)}.btn-info:hover{background-color:var(--hover-100)}.btn-info:active{color:#fff!important;border-color:var(--border-info-100)!important;background-color:var(--info-100)!important}.btn-outline-info{color:#000;border-color:var(--border-info-100);background-color:transparent;background-image:none}.btn-outline-info:hover{color:#fff;border-color:var(--border-info-100);background-color:var(--info-100)}.btn-outline-info:active{color:#fff!important;border-color:var(--border-info-100)!important;background-color:var(--info-100)!important}.btn-success{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-success,.btn-success:hover{color:#fff;border-color:var(--border-success-100);background-color:var(--primary-100)}.btn-success:active{color:#fff!important;border-color:var(--border-success-100)!important;background-color:var(--primary-80)!important}.text-primary,a.text-primary:hover{color:var(--primary-100)!important}.text-primary:hover{color:var(--hover-100)!important}.loader{width:2rem;height:2rem;border:5px solid #fff;border-top:6px solid #dc1e38;border-radius:100%;margin:auto;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.bg-primary{background-color:var(--primary-20)!important}.page-item.active .page-link{z-index:3;color:#fff;border-color:var(--border-primary-100)!important;background-color:var(--primary-80)!important}.bg-gradient-primary{background:linear-gradient(0deg,var(--primary-80),#f4f2ee 60%)!important}.kiosk{position:relative;z-index:0}.kiosk:before{content:"";position:fixed;bottom:4px;left:0;width:100%;height:100%;background:linear-gradient(0deg,var(--primary-80),#f4f2ee 60%);background-size:contain;opacity:.8;z-index:-1}.bg-default{background:linear-gradient(0deg,var(--primary-80),#fff 20%)!important}.fill-default{fill:#f4f2ee}body{background:linear-gradient(0deg,var(--primary-80),#fff 50%),url(../img/mellat-bank-logo.baa1c6d9.png) no-repeat bottom;background-size:contain}.bg-gray{background:var(--primary-80)!important}.partition-name{color:#f4f2ee!important}.border-gray,.border-primary{border-color:var(--primary-80)!important}.brand-logo{max-width:220px;max-height:100px}.show-offices:before{content:"";position:fixed;bottom:4px;left:0;width:100%;height:100%;background:linear-gradient(0deg,var(--primary-80),#f4f2ee 60%),url(../img/mellat-bank-logo.baa1c6d9.png) no-repeat bottom;background-size:contain;opacity:.8;z-index:-1}.single-office{transition:background-color .3s ease;cursor:pointer}.single-office:hover{background-color:var(--hover-80)!important}.profile-icon{color:var(--primary-100)}