﻿.alert-main{color:#000;background-color:#fbfbfb;border-color:#d5d3d3}.safe-body{position:relative;padding:15px;display:grid}.comment-main{color:#000;background-color:#fbfbfb;border-color:#d5d3d3}.comment-container{border-bottom:28px solid #fbfbfb;margin:5px 11px 1px 14px;padding:14px 5px 2px 6px}.reply-comment-main{color:#000;background-color:#dadada;border-color:#d5d3d3;width:90%;margin:0 1px 2px 45px;border-radius:28px}.reply-comment-container{border-bottom:28px solid #dadada;margin:5px 11px 1px 14px;padding:14px 5px 2px 6px}.name-display{display:none}.datetime{float:right;padding:4px 6px 2px 2px;font-weight:600;line-height:1;font-size:12px;color:#777;line-height:15px}.comments-info{font-size:1.7rem;margin-bottom:15px;font-weight:700}.comment-like{padding:11px 7px 1px 12px;margin-bottom:13px;border-radius:20px}.visitor-count{float:right;color:#444;margin-right:10px}.Number-Icon{max-width:100%;background-size:100%;background-image:url(/img/Phone.avif)}.CenterContent{text-align:center}.number{display:table-cell;font-size:26px;font-weight:400;color:#3b454a}.Number-Safe-Icon{float:left;color:#444;margin-right:10px}.visitor{max-width:100%;background-size:100%;background-image:url(/img/Eye.avif)}.like-icon{max-width:100%;background-size:100%;background-image:url(/img/like.avif)}.panel-detail-icon .country-icon{display:inline-block;vertical-align:middle;margin:0 0 0 0;width:30px;height:20px}.panel-detail-icon{float:left;color:#444;margin-right:10px}.panel-icon{float:left;color:#444;margin-right:10px}.panel-icon-unknown{float:left;color:#444;margin-right:10px}.panel-icon-unknown .country-icon{display:inline-block;vertical-align:middle;margin:0 0 0 0;width:35px;height:22px}.panel-icon .country-icon{display:inline-block;vertical-align:middle;margin:0 0 0 0;width:30px;height:20px}.country-icon{max-width:100%;background-size:100%;background-repeat:no-repeat}.dislike-icon{max-width:100%;background-size:100%;background-image:url(/img/dislike.avif)}.like-count .like-icon{display:inline-block;vertical-align:middle;margin:0 3px 2px 0;width:15px;height:15px}.like-count .dislike-icon{display:inline-block;vertical-align:middle;margin:0 3px 2px 0;width:15px;height:15px}.like-count{float:right;color:#444}.comment-count{float:left;color:#444;margin:21px 0 0 0}.reply_comment_count{float:left;color:#444;margin:17px 5px 0 0}.reply_comment_count a{color:#212324;text-decoration:none;margin:inherit;padding:5px 0 1px 11px}i.reply-comment-icon{max-width:100%;background-size:100%;background-image:url(/img/comment.avif)}.reply_comment_count i.reply-comment-icon{display:inline-block;vertical-align:middle;margin:0 3px 2px 0;width:20px;height:20px}.comment-count a{color:#212324;text-decoration:none;margin:inherit;padding:0 0 0 10px;opacity:.6}i.comment-icon{max-width:100%;background-size:100%;background-image:url(/img/comment.avif)}.comment-count i.comment-icon{display:inline-block;vertical-align:middle;margin:0 3px 2px 0;width:15px;height:15px}.panel-city{font-size:13px;display:block;color:#666;margin:5px 0 3px 0}.like-count a{color:#212324;text-decoration:none;margin:inherit;padding:0 0 0 10px;opacity:.6}.logo-home{text-align:center;margin:12px 0 13px 0}.similar-name{filter:alpha(opacity=20);opacity:.4}.name-home{float:left;padding:4px 6px 2px 2px;font-size:17px;font-weight:600;line-height:1;color:#000;filter:alpha(opacity=20)}i.login{margin:40px 3px 10px 2px}.form_input{border:1px solid #9b9b9b;border-radius:4px;padding:13px 15px 14px 21px;width:100%;font-size:16px;border-radius:28px;font-family:inherit;box-shadow:0 0 0;transition:box-shadow .2s linear}select#call-type{margin:12px 0 -17px 0}option{font-weight:400;display:block;padding-block-start:0;padding-block-end:1px;min-block-size:1.2em;padding-inline:2px;white-space:nowrap}.login input{float:left;border-radius:0;font-size:18px;padding:9px;border:0;box-sizing:border-box;width:86%}.mb-4{margin:7px 3px 2px 0;padding:0 0 38px 3px}.mb-12{margin:7px 3px 2px 0;padding:0 0 38px 3px}.Reported{font-size:90%;font-style:italic;color:#777}.searchbox{margin:7px 3px 2px 0;padding:0 0 38px 3px;display:flex}.searchbox input{float:left;border-radius:0;font-size:18px;padding:9px;border:0;box-sizing:border-box;width:86%}.mb-4 input{float:left;border-radius:0;font-size:18px;padding:9px;border:0;box-sizing:border-box;width:86%}input#whosnumber{margin:12px 0 -17px 0;max-width:100%}.commentinpt{margin:7px 3px 2px 0;padding:0 0 38px 3px}.commentinpt input{float:left;font-size:18px;padding:8px;border:1px solid #9b9b9b;border-radius:4px;width:100%}a.site_title{color:#f9f9f9;text-decoration:none}b.safe{color:green;font-size:89%}b.notsafe{color:red;font-size:89%}b.unknown{color:darkgoldenrod;font-size:89%}.otherNumbers{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.otherNumbers li{background:#fff;padding:8px 12px;border-radius:5px;font-weight:400;display:flex;align-items:center;gap:6px;border:1px solid #ddd;transition:background 0.2s ease-in-out}.otherNumbers li:hover{background:#f5f5f5}.otherNumbers li a{text-decoration:none;color:#333;font-size:15px}.otherNumbers li i{color:#888;font-size:14px}.logo-display{text-align:center}.name{float:left;padding:4px 6px 2px 2px;font-size:14px;font-weight:600;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20)}button.btn.btn-success.btn-lg{margin:0 4px 10px 0}button.btn.btn-danger.btn-lg{margin:0 4px 10px 0}button.btn.btn-info.btn-lg{margin:0 4px 10px 0}.table-container{float:left;margin-right:4%;margin-bottom:20px}.table-container:last-child{margin-right:0}table{width:100%;border-collapse:collapse;margin:10px 0;box-shadow:0 2px 5px rgba(0,0,0,.1)}table th{background-color:#888d88;color:#fff;padding:10px;text-align:left}table td{padding:10px;border-bottom:1px solid #ddd}table tr:nth-child(even){background-color:#f2f2f2}table tr:hover{background-color:#f1f1f1}h2{color:#333;border-bottom:2px solid #379bff;padding-bottom:5px}.hidden-rows{display:none}.toggle-button{background-color:#06c;color:#fff;border:none;padding:10px;cursor:pointer;margin-top:10px}.clear{clear:both}.info-container{width:50%;float:left}.visitor-count .visitor{display:inline-block;vertical-align:middle;margin:0 3px 3px 0;width:23px;height:23px}.UpdateDate{text-align:right;opacity:.9}.panel-detail-icon .safe-icon{display:inline-block;vertical-align:middle;margin:0 0 0 0;width:32px;height:32px}.PanelNumber{font-size:26px;font-weight:400;color:#33444c}.delete{float:left;width:32px;margin:17px 0 8px 15px}.delete img{height:18px;width:18px}textarea#Description{width:100%;height:150px}.Country{margin:45px 0 0 0}.Country li{margin:inherit;padding:2px 20px 4px 0;display:inline-grid}.Country img{width:32px;height:auto}.subcomments{width:90%;margin:auto;border:solid;background:#c6caca;margin:0 6px 14px 45px}.subcomment{width:95%;display:grid;margin:auto;padding:13px 4px 14px 2px}.reply{float:left;width:33px;margin:17px 0 8px 15px}.reply img{height:18px;width:18px}.top-nav{margin:-2px 3px 34px 0}.top-nav a{color:#4e2681;text-decoration:none;font-size:15px}.top-nav a:hover{color:#00a41d;text-decoration:none}.top-void{margin:41px 6px 4px 0;text-align:center}abbr.datetime{text-decoration:none;border-bottom:none}.table-box{border:1px solid #ddd;padding:10px;background-color:#f9f9f9}.table-box h3{text-align:center;color:#333}table{width:50%;border-collapse:collapse}table td{padding:8px;border:1px solid #ddd}.row-light{background-color:#f2f2f2}.row-dark{background-color:#e0e0e0}.description-box{padding:10px;border:1px solid #ddd;background-color:#f9f9f9;width:100%;margin-left:20px}.chart-container{position:relative;width:100%;max-width:600px;margin:0 auto}#AjaxLoader{width:20px;height:20px;margin:-10px 5px -3px 0}#MessageImage{width:20px;height:20px;margin:-8px 5px -3px 0}#MessageImageBError{color:Red}#MessageImageBSucess{color:green}.dropdown{position:relative;display:inline-block;float:right;margin:7px 0 4px 0}.dropdownHeader{position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0;z-index:1}.dropdown img{height:30px;font-size:14px;padding:5px;border-radius:4px;margin:1px -6px 1px 5px}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:25;right:0;max-height:300px;overflow-y:auto}.dropdown-content.show{display:block}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:flex;align-items:center}.dropdown-content a img{width:20px;height:15px;margin-right:10px}.dropdown-content a:hover{background-color:#f1f1f1}.dropbtn{background-color:#4e2681;color:#fff;padding:0;font-size:16px;border:none;cursor:pointer}.dropbtn:hover{background-color:#3f196f}#languageDropdown img{width:42px;height:26px;font-size:14px;padding:0;border-radius:6px}header.wrapper.clearfix{position:relative;height:75px;padding:0 15px}.dropbtn img{width:42px;height:26px;font-size:14px;padding:0;border-radius:6px}#languageDropdown a:hover{background-color:#e0e0e0}#languageDropdown::-webkit-scrollbar{width:8px}#languageDropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}#languageDropdown::-webkit-scrollbar-thumb{background-color:#b3b3b3;border-radius:10px}#languageDropdown::-webkit-scrollbar-thumb:hover{background:#909090}#languageDropdown #searchInput{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:20px;box-sizing:border-box;font-size:14px;outline:none;transition:border-color 0.3s}#languageDropdown #searchInput:focus{border-color:#66afe9;box-shadow:0 0 5px rgba(102,175,233,.5)}#languageDropdown a{display:flex;align-items:center;padding:8px;text-decoration:none;color:#333;border-radius:6px;transition:background-color 0.3s}.SearchInputStyle{width:100%;margin-top:10px;padding:10px;margin-bottom:10px;box-sizing:border-box}
.panel-detail-icon .safe-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 0;
    width: 32px;
    height: 32px;
    background-image: url(/img/safe.avif);
}
.panel-detail-icon .notsafe-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 0;
    width: 32px;
    height: 32px;
    background-image: url(/img/notsafe.avif);
}
.panel-detail-icon .unknown-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 0;
    width: 32px;
    height: 32px;
    background-image: url(/img/unknown.avif);
}
i.safe-button {
    color: #444;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0 -4px;
    width: 32px;
    height: 32px;
    background-image: url(/img/safe.avif);
}
i.notsafe-button {
    color: #444;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0 -4px;
    width: 32px;
    height: 32px;
    background-image: url(/img/notsafe.avif);
}
i.unknown-button {
    color: #444;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0 -4px;
    width: 32px;
    height: 32px;
    background-image: url(/img/unknown.avif);
}

#deleteIcon {
    background-image: url(/img/delete.avif);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
}
#replyIcon {
    background-image: url(/img/reply.avif);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
}
.social-footer a {
    color: white;
    display: inline-block;
    padding: 6px 6px;
    margin: 0px;
    text-decoration: none;
    font-size: 16px;
}
.social-footer a:hover{
    color:#e1e1e1;
}
[data-tooltip] {
  position: relative;
  cursor: pointer;
}
[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 6px 8px;
  border-radius: 4px;
  font-size: 13px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
  z-index: 1000;
}
[data-tooltip]:hover::after {
  opacity: 1;
}
.info-box {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin-bottom: 30px;
}

.info-box h2 {
    font-size: 24px;
    color: #333;
    margin-bottom: 15px;
}

.info-box p {
    font-size: 16px;
    color: #555;
    margin-bottom: 20px;
}

.info-box .btn {
    background-color: #4e2681;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
}

.info-box .btn:hover {
    background-color: #3a1b65;
}
h1.PanelTitle {
    font-size: 22px;
    margin: -7px 0 0 0;
}