@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);.btn{background:none;border:0;box-shadow:none;cursor:pointer;outline:0}.btn:disabled{cursor:not-allowed}.h-100{height:100%}.h-70{height:70px}.h-706{max-height:706px}.h-600{max-height:600px}.h-auto{height:auto!important}.text-center{text-align:center}.m-0{margin:0}.mt-4{margin-top:20px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-14{margin-bottom:14px}.mb-16{margin-bottom:16px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-74{margin-bottom:60px}.px-5{padding-left:5px;padding-right:5px}.p-5{padding:5px}.pt-13{padding:13px 0 0!important}.px-15{padding-left:15px;padding-right:15px}.p-16{padding:16px}.px-20{padding-left:25px;padding-right:25px}.py-35{padding-bottom:35px;padding-top:35px}.font-9px{font-size:9px}.font-10{font-size:10px}.font-12{font-size:12px}.font-14{font-size:14px}.fw-500{font-weight:500}.fw-600{font-weight:600}.position-relative{position:relative}.d-flex{display:flex}.d-none{display:none}.flex-column{flex-direction:column}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.align-center{align-items:center}.align-end{align-items:flex-end}.gap-16{gap:16px}.gap-6{gap:6px}.gap-25{gap:25px}.flex-grow{flex-grow:1}.bg-green{background-color:#45bc6a}.bg-primary{background-color:#0f6190}.p-absolute{position:absolute}.p-relative{position:relative}.bottom-0{bottom:0}.bottom-60{bottom:60px}body,html{font-family:Montserrat,serif;margin:0;padding:0}*,:after,:before{box-sizing:border-box}html{min-height:100%}#root,body,html{display:flex;flex-direction:column}#root,body{flex-grow:1}.container-wrapper{height:600px;overflow:auto}img{-webkit-user-drag:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.maxw-320{background:#fff;border-radius:8px;box-shadow:0 8px 64px 0 #00000080;color:#000;margin-left:auto;margin-right:auto;max-width:320px;width:100%}@media screen and (max-width:767.98px){.maxw-320{max-width:100%}.call-wrapper{flex-grow:1}.pattern-block{background:none!important;height:auto!important}.pattern-block img{display:block!important}}.header-wrapper{background:#0f6190;cursor:move;display:flex;height:36px;justify-content:space-between;max-height:36px}.btn-row{display:flex;gap:12px;justify-content:center}.button-wrapper{gap:12px}.button-wrapper,.call-wrapper{display:flex;flex-direction:column}.call-wrapper{overflow:auto;position:relative}.pattern-block{background:#fafafa;height:100%;padding:10px;text-align:center}.number-input{border:1px solid #e8ebeb;border-radius:5px;font-family:Montserrat,serif;font-size:12px;height:40px;max-width:342px;outline:none;padding:0 20px;width:100%}.dial-key,.number-input{background:#e8ebeb;color:#000;font-weight:600}.dial-key{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:45px;justify-content:center;width:68px}.sub-label{color:#adadad;font-size:10px;text-align:center}.action-button{align-items:center;background-color:#23bc6a;border:none;border-radius:5px;color:#fff;display:inline-flex;font-family:Montserrat,serif;font-size:14px;gap:8px;height:40px;justify-content:center;outline:none;width:100%}.action-button:disabled{cursor:not-allowed;opacity:.5}.callerid-text{color:#f3f3f3;display:block;font-family:Montserrat Semi Bold;font-size:8px;font-weight:600;letter-spacing:.5px}.caller-information{height:74px;max-height:74px;padding:20px}.caller-id,.caller-information{align-items:center;background:#fafafa;display:flex}.caller-id{border-radius:4px;color:#444141;font-size:14px;font-weight:600;height:40px;justify-content:center;margin-bottom:10px;text-align:center}.select{color:#838383;font-size:13px;font-weight:500;margin-left:10px}.status-block{align-items:center;border-radius:17px;color:#fff;display:flex;font-size:10px;font-weight:600;gap:8px;height:100%;justify-content:center;padding:3px 8px;width:fit-content}.status-dot{background:#fff;border-radius:50%;height:6px;width:6px}.avatar{align-items:center;background:#206190;border-radius:100%;color:#fff;display:flex;font-size:12px;font-weight:600;height:30px;justify-content:center;text-align:center;text-transform:uppercase;width:30px}.button-subtext{bottom:8px;display:block;font-family:Bai Jamjuree,sans-serif;font-size:6px;letter-spacing:2px;line-height:normal;position:absolute}.form-label{color:#bdbdbd;min-width:60px;opacity:.8;position:relative;top:1px}.form-label,.subtext{font-size:6px;letter-spacing:.5px}.subtext{color:#fffc;display:block;margin-top:3px}.imagebox{left:calc(100% - 40px);position:absolute;top:-20px}.form-control{background-color:initial;border:0;box-shadow:none;flex-grow:1;outline:0}.back-btn,.form-control{color:#fffc;font-family:Bai Jamjuree,sans-serif;font-size:10px;letter-spacing:.5px}.back-btn{align-items:center;display:inline-flex;gap:8px;justify-content:center;text-decoration:none}.reset-btn{background:#f9f9f9;border:6px solid #101010;color:#0c0c0c;font-family:Montserrat Semi Bold;font-size:14px;font-weight:600;line-height:1;max-width:250px;padding:11px 10px 8px;width:100%}.footer-menu{background:#206190;bottom:0;color:#fff;display:flex;font-size:11px;height:60px;justify-content:space-around;position:absolute;width:100%}.active>.underline{display:block}.underline{background:#fff;bottom:0;display:none;height:2px;position:absolute;width:40px}.footer-btn{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:5px;justify-content:center}.form-input{background-color:initial;border-width:0 0 1px;border-bottom:1px solid #333;box-shadow:none;color:#fff;flex-grow:1;font-family:Bai Jamjuree,sans-serif;font-size:18px;font-weight:300;letter-spacing:.5px;max-width:120px;opacity:.8;outline:0}.input-box{margin-left:auto;margin-right:auto;min-height:76px;padding:10px;position:relative;width:209px}.btn-pattern{height:60px;width:62px}.font-secondary{font-family:Bai Jamjuree,sans-serif}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.middle-block{align-items:center;display:flex;flex-grow:1;height:100%;justify-content:center}.flex-shrink-0{flex-shrink:0}.btn-wrapper{width:100%}.loader-img{width:110px}.c-pointer{cursor:pointer}.transform-180{transform:rotate(180deg)}.history-block{background-color:#e8ebeb;border-radius:5px;justify-content:space-between;margin:10px 0;padding:12px}.history-block,.sub-content{align-items:center;display:flex}.sub-content{font-size:10px;gap:8px;margin-top:10px}.timer{gap:6px}.dialcall-btn,.timer{align-items:center;display:flex}.dialcall-btn{background-color:#45bc6a;border:0;border-radius:100%;cursor:pointer;height:28px;justify-content:center;text-align:center;width:28px}.page-title{border-bottom:2px solid #e8ebeb;margin:0 10px 8px;padding:15px}.content-h{height:435px;overflow:auto;padding:12px}.s-content{display:grid;font-size:12px;grid-template-columns:120px auto;margin-bottom:25px}h4{margin:0 5px}.settings-content{margin:0 10px 8px;padding:15px}.ongoing-block{max-height:595px;overflow:auto}.ongoing-call-detail{background:#fafafa;border-radius:4px;height:80px;padding:20px 16px}.keypad-section{background:#fafafa;height:40px}.keypad-section>img{transition:transform .3s ease}.ongoing-action{color:#000;gap:25px;height:468px;margin-top:16px;padding:12px}.btn-action{background:#fafafa;border-radius:8px;cursor:pointer;height:65px;width:65px}.close-btn{position:absolute;right:12px;top:155px}.hangup-btn{background:#e84d4d}.sub-text{color:#adadad}.bg-danger{background:#e84d4d}.loading:after{animation:ellipsis .9s steps(4) infinite;content:"...";display:inline-block;overflow:hidden;position:absolute;vertical-align:bottom;width:0}@keyframes ellipsis{to{width:1.25em}}.btn-phone{align-items:center;background:#206190;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:40px;justify-content:center;margin:10px;max-width:200px;outline:none;width:100%}.invalid-error{color:red;font-size:14px;font-weight:600;text-align:center}.remove-btn{cursor:pointer;position:absolute;right:14px;top:13px;z-index:999999}.error-message{animation:moveUp .5s ease-out forwards;background-color:#e84d4d;color:#fff;display:flex;font-size:13px;font-weight:500;justify-content:center;padding:7px;text-align:center;width:100%}.animation-dialer{animation:moveUpDialer .5s ease-out forwards!important}@keyframes moveUpDialer{0%{bottom:0}to{bottom:60px}}@keyframes moveUp{0%{padding:0}to{padding:7px}}