p{text-align:left}.btn-primary{min-width:0;height:45px}.dns-container{min-width:500px;position:relative;border-radius:8px;overflow:hidden}.dns-item{display:block;padding:12px 16px;margin-bottom:8px;background:#f3f5f9;border-radius:10px;position:relative;min-height:55px}.server-location{max-width:100%;white-space:normal;margin-left:0}.status-icon{width:20px;flex-shrink:0}.btn-plus{background-color:#fff;border:1px solid #d9d9d9;font-size:45px!important;line-height:0!important;font-weight:250!important}.btn-plus:hover{border-color:var(--first-color)!important}.dns-record{font-size:14px;line-height:1.4;margin-bottom:4px;word-wrap:break-word;overflow-wrap:break-word}.dns-record-value,.dns-record-type{font-size:12px}.dns-record-type{display:inline-block;width:55px;white-space:nowrap}.dns-record-value{display:inline-block;width:calc(100% - 55px);word-break:break-word}.status-message,.server-ip{font-weight:400}.status-icon.error{color:#dc3545;font-weight:bold;font-size:18px}.server-header{display:block;margin-bottom:6px;width:100%}.right-block{display:flex;flex-direction:column;align-items:end;margin-top:0!important;gap:22px}.server-ip{white-space:normal;margin-top:0;margin-right:0}.status-icon.success{color:#28a745;font-weight:bold;font-size:16px}.server-info{flex:1}.status-message{flex:none;margin-left:0;padding-left:0;text-align:right}.dns-details{margin-top:8px;width:100%;word-wrap:break-word;overflow-wrap:break-word;text-align:left}.dns-details .dns-record{display:block}.map-container{background:linear-gradient(135deg,#a8d8f0 0%,#7fb8d3 100%);width:100%;max-width:270px;height:clamp(250px,30vw,400px);border-radius:8px;top:130px;position:sticky;overflow:hidden;border:1px solid #ddd;transition:all .3s ease}.timeout-control{display:flex;align-items:center;gap:10px;margin-top:15px}#mapCanvas{width:100%;height:100%;border-radius:8px;overflow:hidden}.form-control-number{width:45px;height:45px;padding:15px 15px!important}.info-icon{width:50px;text-align:center;font-size:20px;flex-shrink:0}.info-value{width:40%;padding-left:15px;color:#333;font-size:16px;word-break:break-word}.fi{font-size:1em!important;line-height:1em;vertical-align:middle;margin-left:35px;min-height:20px;min-width:20px}.bi-flag{margin-left:35px}.marker{width:30px;height:30px;cursor:pointer;background-image:url('/static/site/img/qr/map-marker.svg');background-size:cover;display:flex;align-items:center;justify-content:center;font-size:16px}.marker.pending{content:""}.marker.success::after{content:"✅"}.marker.error::after{content:"❌"}.dns-server-marker{width:25px;height:25px;background-color:#007bff;border:2px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:bold}.loading{position:relative}.loading::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid #ccc;border-top-color:#333;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.horizontal-banner{display:none;max-width:100%;height:auto}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.6);display:flex;justify-content:center;align-items:start;backdrop-filter:blur(3px);display:none}.loading-overlay.active{display:flex}.loading-spinner{width:40px;height:40px;border:4px solid;border-top-color:#fff;margin-top:70px;border-radius:50%;animation:spin 1s linear infinite}.pnlBanner-horizontal{display:none}select.form-select.record-type-select{padding:8px 15px 8px 20px!important}.btn-plus{color:#0e79ba;font-weight:250;font-size:16px;line-height:16px;text-align:center}.domain-check-wrapper{padding-right:5px!important}.domain-type-wrapper{padding:0 5px!important;width:18%}.domain-input-wrapper{padding:0 5px!important;width:23%}.dnsAddInput{padding-right:5px}.dnsAddBtn{padding-left:5px}@media(max-width:991.98px){.dns-container{min-width:auto;width:100%}.domain-type-wrapper{width:26%}.dnsAddInput{padding-right:5px!important;width:50%}.domain-check-wrapper{padding-right:5px!important;width:50%}.btn-primary{padding:0!important}.map-container{top:65px}.col-lg-4 img{display:none}.timeout-control{order:1;flex:1;display:flex;align-items:center;gap:10px;margin-top:10px;margin-bottom:0}.banner-container{justify-content:flex-start;align-items:center}.pnlBanner-horizontal{display:block}.fi{margin-left:55px}.bi-flag{margin-left:55px}}@media(max-width:767.98px){.dns-container{min-width:auto;width:100%;margin-bottom:20px}.btn-primary{width:100%;margin-bottom:10px}.right-block .pnlBanner{display:none!important}.right-block{order:3;width:100%;align-items:center!important;margin-top:20px!important}.right-block .map-container{position:relative!important;top:0!important;max-width:100%;height:250px}.map-container{height:250px;margin-top:20px}#mapCanvas{min-height:250px}.timeout-control{display:flex!important;flex-direction:row!important;align-items:center;gap:5px}.timeout-control span{margin-bottom:0;white-space:nowrap}.timeout-control .form-control-number{flex:0 0 60px;height:45px}.form-control-number{width:60px}.timeout-control .form-control-number{flex:0 0 60px;height:45px}.dns-form .row:nth-child(2) .banner-container{width:100%;margin-top:10px}.dns-item{padding:10px 12px}.server-header{flex-direction:column;align-items:flex-start}.status-icon{margin-bottom:5px}.info-value{width:100%;padding-left:0;margin-top:5px}h1{font-size:1.5rem}}@media(max-width:575.98px){.container{padding-left:10px;padding-right:10px}.domain-check-wrapper{width:100%;padding-right:12px!important}.domain-type-wrapper{width:40%;padding-left:12px!important}.domain-input-wrapper{width:60%;padding-right:12px!important}.map-container{height:200px}#mapCanvas{min-height:200px}.dns-item{padding:8px 10px;font-size:14px}.marker{width:25px;height:25px}.dns-server-marker{width:20px;height:20px;font-size:8px}h1{font-size:1.3rem}p{font-size:14px}.dns-input-row{display:flex;gap:8px}.dns-input-row .DomainCheckInput{width:80%}.dns-input-row .DomainCheckAddBtn{width:64px;flex-shrink:0}.status-message-wrapper{width:100%;justify-content:flex-start!important;margin-top:.25rem}.fi{margin-left:85px}.bi-flag{margin-left:85px}.dns-record-type{width:55px;font-size:11px}.dns-record-value{width:calc(100% - 55px);font-size:13px}.server-location{font-size:13px}.dns-item{padding:10px 12px}.dns-record{font-size:13px}.status-icon{width:18px;font-size:16px}.dnsAddInput{width:85%}.dnsAddBtn{width:15%}}@media(min-width:768px) and (max-width:805px){.server-location{font-size:13px}.dns-item{padding:10px 12px}.dns-record{font-size:13px}.status-icon{width:18px;font-size:16px}}@media(max-width:506px){.dnsAddInput{width:84%;padding-right:5px}.dnsAddBtn{width:16%;padding-left:5px!important}.domain-input-wrapper input.domain-input,.domain-input-wrapper textarea.domain-input{padding:15px 7px!important;padding-right:3px!important}.domain-check-wrapper input.domain-check,.domain-check-wrapper textarea.domain-check{padding:15px 7px!important;padding-right:3px!important}}@media(max-width:410px){.dnsAddInput{width:81%;padding-right:5px}.dnsAddBtn{width:19%;padding-left:5px!important}}@media(max-width:356px){.form-control{padding:15px 3px!important}.form-control-number{padding:15px 15px!important}}