html {
  font-size: 14px;
  min-height:600px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
  margin-bottom: 10px;
}
.admin-header {
    height: 70px;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0px 1px 6px #e0e0e0;
}
.footer-bar{
    width:100%;
    display: inline-block;
    border-top: solid 1px #d1d5db;
    position: relative;
    bottom: 0px;
    height: 50px;
    padding-top: 15px;
    padding-left: 15px;
}
.header-left {
    display: flex;
    align-items: center;
    gap: 40px;
}

.logo {
    font-size: 25px;
    font-weight: 800;
    text-decoration: none;
    color: #111827;
}


.main-nav {
    display: inline-block;    
}

    .main-nav a {
        text-decoration: none;        
        font-size: 12pt;
    }
.main-nav .dropdown {
    float: left;    
    margin-top: 8px;
}
.main-nav a.home-item {
    display: inline-block;
    padding: 8px 15px 8px 12px;
    border-radius: 5px;
    color: #333333;
    float:left; border: solid 1px #ffffff;
    
}
        .main-nav a.home-item:hover {
            color: #000;
            border: solid 1px #000;            
        }
    .main-nav .dropdown .dropdown-toggle {        
        border: solid 1px #fff;
        border-radius: 5px;
        padding: 8px 15px 8px 12px;
        color: #333333;
    }
    .main-nav .dropdown:hover .dropdown-toggle {
        border: solid 1px #000;
        border-radius: 5px;
        color: #000000;
    }
    .main-nav .dropdown .dropdown-toggle:hover {
        border: solid 1px #000;
        border-radius: 5px;
        color: #000000;
    }
    .main-nav .dropdown:focus .dropdown-toggle {
        border: solid 1px #000;
        border-radius: 5px;
        color: #000000;
    }
    .main-nav .dropdown:focus {
        border: solid 1px #000;
        border-radius: 5px;
        color: #000000;
    }

        .header-right {
            display: flex;
            align-items: center;
            gap: 16px;
        }

.btn-user {
    border: 1px solid #666666;
    border-radius: 5px;
    background: white;
    padding: 8px 18px;
}
    .btn-user:hover{
        border: solid 1px #000;
    }

    .btn-icon {
        border-radius: 5px;
        background: white;
        width: 41px;
        height: 41px;
        background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='gray'><path d='M11.366 22.564l1.291-1.807-1.414-1.414-1.807 1.291c-0.335-0.187-0.694-0.337-1.071-0.444l-0.365-2.19h-2l-0.365 2.19c-0.377 0.107-0.736 0.256-1.071 0.444l-1.807-1.291-1.414 1.414 1.291 1.807c-0.187 0.335-0.337 0.694-0.443 1.071l-2.19 0.365v2l2.19 0.365c0.107 0.377 0.256 0.736 0.444 1.071l-1.291 1.807 1.414 1.414 1.807-1.291c0.335 0.187 0.694 0.337 1.071 0.444l0.365 2.19h2l0.365-2.19c0.377-0.107 0.736-0.256 1.071-0.444l1.807 1.291 1.414-1.414-1.291-1.807c0.187-0.335 0.337-0.694 0.444-1.071l2.19-0.365v-2l-2.19-0.365c-0.107-0.377-0.256-0.736-0.444-1.071zM7 27c-1.105 0-2-0.895-2-2s0.895-2 2-2 2 0.895 2 2-0.895 2-2 2zM32 12v-2l-2.106-0.383c-0.039-0.251-0.088-0.499-0.148-0.743l1.799-1.159-0.765-1.848-2.092 0.452c-0.132-0.216-0.273-0.426-0.422-0.629l1.219-1.761-1.414-1.414-1.761 1.219c-0.203-0.149-0.413-0.29-0.629-0.422l0.452-2.092-1.848-0.765-1.159 1.799c-0.244-0.059-0.492-0.109-0.743-0.148l-0.383-2.106h-2l-0.383 2.106c-0.251 0.039-0.499 0.088-0.743 0.148l-1.159-1.799-1.848 0.765 0.452 2.092c-0.216 0.132-0.426 0.273-0.629 0.422l-1.761-1.219-1.414 1.414 1.219 1.761c-0.149 0.203-0.29 0.413-0.422 0.629l-2.092-0.452-0.765 1.848 1.799 1.159c-0.059 0.244-0.109 0.492-0.148 0.743l-2.106 0.383v2l2.106 0.383c0.039 0.251 0.088 0.499 0.148 0.743l-1.799 1.159 0.765 1.848 2.092-0.452c0.132 0.216 0.273 0.426 0.422 0.629l-1.219 1.761 1.414 1.414 1.761-1.219c0.203 0.149 0.413 0.29 0.629 0.422l-0.452 2.092 1.848 0.765 1.159-1.799c0.244 0.059 0.492 0.109 0.743 0.148l0.383 2.106h2l0.383-2.106c0.251-0.039 0.499-0.088 0.743-0.148l1.159 1.799 1.848-0.765-0.452-2.092c0.216-0.132 0.426-0.273 0.629-0.422l1.761 1.219 1.414-1.414-1.219-1.761c0.149-0.203 0.29-0.413 0.422-0.629l2.092 0.452 0.765-1.848-1.799-1.159c0.059-0.244 0.109-0.492 0.148-0.743l2.106-0.383zM21 15.35c-2.402 0-4.35-1.948-4.35-4.35s1.948-4.35 4.35-4.35 4.35 1.948 4.35 4.35c0 2.402-1.948 4.35-4.35 4.35z'/></svg>") no-repeat center center;
        background-size: 24px;
    }
    .btn-icon:hover {
        background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='black'><path d='M11.366 22.564l1.291-1.807-1.414-1.414-1.807 1.291c-0.335-0.187-0.694-0.337-1.071-0.444l-0.365-2.19h-2l-0.365 2.19c-0.377 0.107-0.736 0.256-1.071 0.444l-1.807-1.291-1.414 1.414 1.291 1.807c-0.187 0.335-0.337 0.694-0.443 1.071l-2.19 0.365v2l2.19 0.365c0.107 0.377 0.256 0.736 0.444 1.071l-1.291 1.807 1.414 1.414 1.807-1.291c0.335 0.187 0.694 0.337 1.071 0.444l0.365 2.19h2l0.365-2.19c0.377-0.107 0.736-0.256 1.071-0.444l1.807 1.291 1.414-1.414-1.291-1.807c0.187-0.335 0.337-0.694 0.444-1.071l2.19-0.365v-2l-2.19-0.365c-0.107-0.377-0.256-0.736-0.444-1.071zM7 27c-1.105 0-2-0.895-2-2s0.895-2 2-2 2 0.895 2 2-0.895 2-2 2zM32 12v-2l-2.106-0.383c-0.039-0.251-0.088-0.499-0.148-0.743l1.799-1.159-0.765-1.848-2.092 0.452c-0.132-0.216-0.273-0.426-0.422-0.629l1.219-1.761-1.414-1.414-1.761 1.219c-0.203-0.149-0.413-0.29-0.629-0.422l0.452-2.092-1.848-0.765-1.159 1.799c-0.244-0.059-0.492-0.109-0.743-0.148l-0.383-2.106h-2l-0.383 2.106c-0.251 0.039-0.499 0.088-0.743 0.148l-1.159-1.799-1.848 0.765 0.452 2.092c-0.216 0.132-0.426 0.273-0.629 0.422l-1.761-1.219-1.414 1.414 1.219 1.761c-0.149 0.203-0.29 0.413-0.422 0.629l-2.092-0.452-0.765 1.848 1.799 1.159c-0.059 0.244-0.109 0.492-0.148 0.743l-2.106 0.383v2l2.106 0.383c0.039 0.251 0.088 0.499 0.148 0.743l-1.799 1.159 0.765 1.848 2.092-0.452c0.132 0.216 0.273 0.426 0.422 0.629l-1.219 1.761 1.414 1.414 1.761-1.219c0.203 0.149 0.413 0.29 0.629 0.422l-0.452 2.092 1.848 0.765 1.159-1.799c0.244 0.059 0.492 0.109 0.743 0.148l0.383 2.106h2l0.383-2.106c0.251-0.039 0.499-0.088 0.743-0.148l1.159 1.799 1.848-0.765-0.452-2.092c0.216-0.132 0.426-0.273 0.629-0.422l1.761 1.219 1.414-1.414-1.219-1.761c0.149-0.203 0.29-0.413 0.422-0.629l2.092 0.452 0.765-1.848-1.799-1.159c0.059-0.244 0.109-0.492 0.148-0.743l2.106-0.383zM21 15.35c-2.402 0-4.35-1.948-4.35-4.35s1.948-4.35 4.35-4.35 4.35 1.948 4.35 4.35c0 2.402-1.948 4.35-4.35 4.35z'/></svg>") no-repeat center center;
        background-size: 24px;
        box-shadow: 0px 1px 5px #e0e0e0;
        border: 1px solid #d1d5db;
    }
    .btn-icon:focus {
        background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='black'><path d='M11.366 22.564l1.291-1.807-1.414-1.414-1.807 1.291c-0.335-0.187-0.694-0.337-1.071-0.444l-0.365-2.19h-2l-0.365 2.19c-0.377 0.107-0.736 0.256-1.071 0.444l-1.807-1.291-1.414 1.414 1.291 1.807c-0.187 0.335-0.337 0.694-0.443 1.071l-2.19 0.365v2l2.19 0.365c0.107 0.377 0.256 0.736 0.444 1.071l-1.291 1.807 1.414 1.414 1.807-1.291c0.335 0.187 0.694 0.337 1.071 0.444l0.365 2.19h2l0.365-2.19c0.377-0.107 0.736-0.256 1.071-0.444l1.807 1.291 1.414-1.414-1.291-1.807c0.187-0.335 0.337-0.694 0.444-1.071l2.19-0.365v-2l-2.19-0.365c-0.107-0.377-0.256-0.736-0.444-1.071zM7 27c-1.105 0-2-0.895-2-2s0.895-2 2-2 2 0.895 2 2-0.895 2-2 2zM32 12v-2l-2.106-0.383c-0.039-0.251-0.088-0.499-0.148-0.743l1.799-1.159-0.765-1.848-2.092 0.452c-0.132-0.216-0.273-0.426-0.422-0.629l1.219-1.761-1.414-1.414-1.761 1.219c-0.203-0.149-0.413-0.29-0.629-0.422l0.452-2.092-1.848-0.765-1.159 1.799c-0.244-0.059-0.492-0.109-0.743-0.148l-0.383-2.106h-2l-0.383 2.106c-0.251 0.039-0.499 0.088-0.743 0.148l-1.159-1.799-1.848 0.765 0.452 2.092c-0.216 0.132-0.426 0.273-0.629 0.422l-1.761-1.219-1.414 1.414 1.219 1.761c-0.149 0.203-0.29 0.413-0.422 0.629l-2.092-0.452-0.765 1.848 1.799 1.159c-0.059 0.244-0.109 0.492-0.148 0.743l-2.106 0.383v2l2.106 0.383c0.039 0.251 0.088 0.499 0.148 0.743l-1.799 1.159 0.765 1.848 2.092-0.452c0.132 0.216 0.273 0.426 0.422 0.629l-1.219 1.761 1.414 1.414 1.761-1.219c0.203 0.149 0.413 0.29 0.629 0.422l-0.452 2.092 1.848 0.765 1.159-1.799c0.244 0.059 0.492 0.109 0.743 0.148l0.383 2.106h2l0.383-2.106c0.251-0.039 0.499-0.088 0.743-0.148l1.159 1.799 1.848-0.765-0.452-2.092c0.216-0.132 0.426-0.273 0.629-0.422l1.761 1.219 1.414-1.414-1.219-1.761c0.149-0.203 0.29-0.413 0.422-0.629l2.092 0.452 0.765-1.848-1.799-1.159c0.059-0.244 0.109-0.492 0.148-0.743l2.106-0.383zM21 15.35c-2.402 0-4.35-1.948-4.35-4.35s1.948-4.35 4.35-4.35 4.35 1.948 4.35 4.35c0 2.402-1.948 4.35-4.35 4.35z'/></svg>") no-repeat center center;
        background-size: 24px;
        box-shadow: 0px 1px 5px #e0e0e0;
        border: 1px solid #d1d5db;
    }

    .logout-btn {
        text-decoration: none;
        color: #444;
        background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='gray'><path d='M19 10l-6-5v3h-7v4h7v3l6-5zM3 3h8v-2h-8c-1.1 0-2 0.9-2 2v14c0 1.1 0.9 2 2 2h8v-2h-8v-14z'/></svg>") no-repeat 3px center;
        background-size: 18px;
        padding-left: 24px;
    }
    .logout-btn:hover {
        background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='black'><path d='M19 10l-6-5v3h-7v4h7v3l6-5zM3 3h8v-2h-8c-1.1 0-2 0.9-2 2v14c0 1.1 0.9 2 2 2h8v-2h-8v-14z'/></svg>") no-repeat 3px center;
        color: #000;
    }

    .dropdown-menu {
        min-width: 260px;
        border: none;
        border-radius: 5px;
        box-shadow: 0 10px 30px rgba(0,0,0,.12);
        border: solid 1px #666;
    }
.system-menus{
    
}
    .system-menus li a.dropdown-item {        
        font-size: 12pt;
    }
        .system-menus li a.dropdown-item span{
            display: block;
            width: 100%;
            font-size: 11pt;
            padding-top: 5px;
            padding-bottom: 5px;
            color: #555555;
        }
        .dropdown-item {
            padding: 2px 15px;
        }
.dropdown-config{
    
}
    .dropdown-config .btn-icon {
        border: solid 1px #666666;
    }
.admin-content {
    background: #f5f7fb;
    min-height: 580px;
}
.dropdown-menu-end li a{    
    font-weight: bold;
    color: #000000;
    padding: 10px;
}
/*Title bar, caption*/
.title-bar {
    width: 100%;
    display: inline-block;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: solid 1px #d1d5db;
}
    .title-bar .title{
        display: inline-block;
        width: auto;
    }
.btn-top{
    float: right;
}
.title-bar .title h2.title-text {
    float: left;
    font-weight: bold;
    display: inline-block;
    line-height: 35px;
    text-transform: uppercase;
    font-size: 12pt;
}
        .title-bar .title .btn-add {
            display: inline-block;
            padding-left: 22px;
            padding-right: 10px;
            height: 35px;
            line-height: 32px;
            border-radius: 5px;
            border: solid 0.5px #f0f0f0;
            color: #444;
            text-decoration: none;
            box-shadow: 0px 0px 3px #e5e7eb;
            margin-left: 15px;
            background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='gray'><path d='M31 12h-11v-11c0-0.552-0.448-1-1-1h-6c-0.552 0-1 0.448-1 1v11h-11c-0.552 0-1 0.448-1 1v6c0 0.552 0.448 1 1 1h11v11c0 0.552 0.448 1 1 1h6c0.552 0 1-0.448 1-1v-11h11c0.552 0 1-0.448 1-1v-6c0-0.552-0.448-1-1-1z'/></svg>") no-repeat 5px center;
            background-size: 12px;
        }
            .title-bar .title .btn-add:hover {
                background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='black'><path d='M31 12h-11v-11c0-0.552-0.448-1-1-1h-6c-0.552 0-1 0.448-1 1v11h-11c-0.552 0-1 0.448-1 1v6c0 0.552 0.448 1 1 1h11v11c0 0.552 0.448 1 1 1h6c0.552 0 1-0.448 1-1v-11h11c0.552 0 1-0.448 1-1v-6c0-0.552-0.448-1-1-1z'/></svg>") no-repeat 5px center;
                background-size: 12px;
                color: #000;
                box-shadow: 0px 0px 3px #d1d5db;
                border: solid 0.5px #d1d5db;
            }
        .title-bar .title .btn-back {
            float: left;
            border: solid 1px #d1d5db;
            color: #666;
            margin-right: 15px;
         
        }
.aio-page-header .btn-ai-createpost {
    display: inline-block;
    height: 35px;
    line-height: 32px;
    border-radius: 5px;
    border: solid 0.5px #c0c0c0;
    color: #000;
    text-decoration: none;
    box-shadow: 0px 0px 3px #e5e7eb;
    padding-left: 10px;
    padding-right: 10px;
}
    .aio-page-header .btn-ai-createpost:hover {
        color: #000;
        box-shadow: 0px 0px 3px #d1d5db;
        border: solid 0.5px #333;
    }

    .title .backward-link {
        float: left;
        color: #444444;
        text-transform: uppercase;
        display: inline-block;
        font-size: 10pt;
        line-height: 35px;
        padding-right: 15px;
    }
.title .subtitle-text {
    color: #000;
    font-size: 13pt;
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    line-height: 35px;
}
.title-bar .bnt-frm {
    display: inline-block;
    float: right;
    
}
.filter-bar {
    float: right;
}
.filter-input {
    width: 300px;
    border: solid 1px #f0f0f0;
    display: inline-block;
    border-radius: 10px;
    position:relative;
}
    .filter-input:hover{
        box-shadow: 0px 0px 5px #e5e7eb;
    }
    .filtertextbox {
        width: 300px;
        float: left;
    }
.filter-button {
    width: 40px;
    position: absolute;
    right: 0px;
    height: 34px;
    top: 1px;
}
    .filter-button .btn-search {
        width: 40px;
        height: 34px;
        border: none;
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='gray'><path d='M31.715 28.953c0.381 0.381 0.381 0.999 0 1.381l-1.381 1.381c-0.382 0.381-1 0.381-1.381 0l-9.668-9.668c-0.105-0.105-0.175-0.229-0.222-0.361-1.983 1.449-4.418 2.314-7.063 2.314-6.627 0-12-5.373-12-12s5.373-12 12-12c6.627 0 12 5.373 12 12 0 2.645-0.865 5.080-2.314 7.063 0.132 0.047 0.256 0.116 0.361 0.222l9.668 9.668zM12 4c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8c0-4.418-3.582-8-8-8z'/></svg>") no-repeat center center;
        background-size: 16px;
    }
    .filter-button .btn-search:hover {
        width: 40px;
        height: 34px;
        border: none;
        background: #f9f9f9 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='black'><path d='M31.715 28.953c0.381 0.381 0.381 0.999 0 1.381l-1.381 1.381c-0.382 0.381-1 0.381-1.381 0l-9.668-9.668c-0.105-0.105-0.175-0.229-0.222-0.361-1.983 1.449-4.418 2.314-7.063 2.314-6.627 0-12-5.373-12-12s5.373-12 12-12c6.627 0 12 5.373 12 12 0 2.645-0.865 5.080-2.314 7.063 0.132 0.047 0.256 0.116 0.361 0.222l9.668 9.668zM12 4c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8c0-4.418-3.582-8-8-8z'/></svg>") no-repeat center center;
        background-size: 16px;
    }
.btn-save {
    font-weight: bold;
    background: #0d6efd url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='white'><path d='M23 14l-8 8-8-8h5v-12h6v12zM15 22h-15v8h30v-8h-15zM28 26h-4v-2h4v2z'/></svg>") no-repeat 5px center;
    background-size: 16px;
    padding-left: 25px;
  
}
/*grid*/
.pager-bar {
    width: 100%;
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
}
.total-item{
    display: inline-block;
   width: 50%;
   text-align: left;
}
    .total-item .total-text{
        color: #666;
        line-height: 38px;
        float: left;
        margin-right: 10px;
    }
.noitem-text {
    color: #666;
    line-height: 38px;
}
.pager-buttons {
    display: flex;
    float: right;
    gap: 5px;
    height: 40px;
}
.active-filters {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.filter-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    border-radius: 20px;
    text-decoration: none;
    color: #3730a3;
}

    .filter-tag:hover {
        background: #ddd6fe;
    }

.close {
    font-weight: bold;
}

.clear-filter {
    padding: 6px 12px;
    border-radius: 20px;
    background: #fee2e2;
    color: #991b1b;
    text-decoration: none;
}
/*editor form*/
.form-editor
{
   position:relative;
}
.gray-form {
    padding-top: 15px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 15px;
    background-color: #ebedee;
    margin-top: 15px;
}
.form-panel-center{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.form-actions {
    display: flex;
    gap: 15px;
}
/*index page layout*/
.aio-page-index {
    color: #1f2937;
    padding-left: 24px;
    padding-right: 24px;    
   
}
.aio-page-editor {
    padding-left: 24px;
    padding-right: 24px;
}
.aio-module-type-page {
    padding-left: 24px;
    padding-right: 24px;
}
.aio-page-header {
    display: flex;
    flex-direction: row;
    gap: 25px;
    margin-bottom: 15px !important;
    flex-wrap: nowrap;
}
    .aio-page-header div h4.fw-bold {
        text-transform: uppercase;
        font-size: 13pt;
    }

    .aio-page-header .btn-add {
        display: inline-block;
        height: 35px;
        line-height: 32px;
        border-radius: 5px;
        border: solid 0.5px #c0c0c0;
        color: #000;
        text-decoration: none;
        box-shadow: 0px 0px 3px #e5e7eb;
        padding-left: 10px;
        padding-right: 10px;
    }
        .aio-page-header .btn-add:hover {
            color: #000;
            box-shadow: 0px 0px 3px #d1d5db;
            border: solid 0.5px #333;
        }

.gridbtn-edit {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='gray'><path d='M27 0c2.761 0 5 2.239 5 5 0 1.126-0.372 2.164-1 3l-2 2-7-7 2-2c0.836-0.628 1.874-1 3-1zM2 23l-2 9 9-2 18.5-18.5-7-7-18.5 18.5zM22.362 11.362l-14 14-1.724-1.724 14-14 1.724 1.724z'/></svg>") no-repeat 2px center;
    background-size: 12px;
    padding-left: 18px;
    border: solid 0.5px #666;
}

    .gridbtn-edit:hover {
        box-shadow: 0px 0px 5px rgba(0,0,0,.12);
        border: solid 0.5px #333;
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='black'><path d='M27 0c2.761 0 5 2.239 5 5 0 1.126-0.372 2.164-1 3l-2 2-7-7 2-2c0.836-0.628 1.874-1 3-1zM2 23l-2 9 9-2 18.5-18.5-7-7-18.5 18.5zM22.362 11.362l-14 14-1.724-1.724 14-14 1.724 1.724z'/></svg>") no-repeat 2px center;
        color: #000;
        background-size: 12px;
    }
.gridbtn-admod {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='gray'><path d='M29.555 11.501l-14-9.333c-0.336-0.224-0.774-0.224-1.109 0l-14 9.333c-0.278 0.185-0.445 0.498-0.445 0.832v9.333c0 0.334 0.167 0.647 0.445 0.832l14 9.333c0.168 0.112 0.361 0.168 0.555 0.168s0.387-0.056 0.555-0.168l14-9.333c0.278-0.185 0.445-0.498 0.445-0.832v-9.333c0-0.334-0.167-0.647-0.445-0.832zM15 20.465l-5.197-3.465 5.197-3.465 5.197 3.465-5.197 3.465zM16 11.798v-6.93l11.197 7.465-5.197 3.465-6-4zM14 11.798l-6 4-5.197-3.465 11.197-7.465v6.93zM6.197 17l-4.197 2.798v-5.596l4.197 2.798zM8 18.202l6 4v6.93l-11.197-7.465 5.197-3.465zM16 22.202l6-4 5.197 3.465-11.197 7.465v-6.93zM23.803 17l4.197-2.798v5.596l-4.197-2.798z'/></svg>") no-repeat center;
    background-size: 16px;
    width: 32px;
    border: solid 0.5px #666;
}
    .gridbtn-admod:hover {
        box-shadow: 0px 0px 5px rgba(0,0,0,.12);
        border: solid 0.5px #333;
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='black'><path d='M29.555 11.501l-14-9.333c-0.336-0.224-0.774-0.224-1.109 0l-14 9.333c-0.278 0.185-0.445 0.498-0.445 0.832v9.333c0 0.334 0.167 0.647 0.445 0.832l14 9.333c0.168 0.112 0.361 0.168 0.555 0.168s0.387-0.056 0.555-0.168l14-9.333c0.278-0.185 0.445-0.498 0.445-0.832v-9.333c0-0.334-0.167-0.647-0.445-0.832zM15 20.465l-5.197-3.465 5.197-3.465 5.197 3.465-5.197 3.465zM16 11.798v-6.93l11.197 7.465-5.197 3.465-6-4zM14 11.798l-6 4-5.197-3.465 11.197-7.465v6.93zM6.197 17l-4.197 2.798v-5.596l4.197 2.798zM8 18.202l6 4v6.93l-11.197-7.465 5.197-3.465zM16 22.202l6-4 5.197 3.465-11.197 7.465v-6.93zM23.803 17l4.197-2.798v5.596l-4.197-2.798z'/></svg>") no-repeat center;
        color: #000;
        background-size: 16px;
    }


    .aio-filter-box {
        background: #ffffff;
        border: 1px solid #e5e7eb;
        border-radius: 5px;
        padding: 14px;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
    }

.aio-filter-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.aio-filter-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #eef2ff;
    color: #3730a3;
    border: 1px solid #c7d2fe;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

    .aio-filter-tag:hover {
        background: #e0e7ff;
        color: #312e81;
    }

.aio-table-wrap {
    background: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
}

.aio-page-table {
    margin-bottom: 0;
}

    .aio-page-table thead th {
        background: #e8eaee;
        color: #111827;
        font-weight: 700;
        white-space: nowrap;
        border-bottom: 1px solid #d1d5db!important;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .aio-page-table thead th a {
            color: #2563eb;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 4px;
        }

            .aio-page-table thead th a span {
                font-size: 12px;
                color: #64748b;
            }

    .aio-page-table tbody tr:hover {
        background: #f9fafb;
    }

.aio-page-title {
    font-weight: 700;
    color: #111827;
    line-height: 1.35;
}
    .aio-page-title .bg-secondary{
        color: #fff;
    }
    .aio-page-slug {
        margin-top: 3px;
        font-size: 13px;
        color: #6b7280;
    }

.aio-language {
    display: inline-block;
    background: #f1f5f9;
    color: #334155;
    border-radius: 999px;
    padding: 4px 9px;
    font-size: 13px;
    font-weight: 600;
}

.aio-meta-title {
    max-width: 520px;
    line-height: 1.45;
}

.aio-pagination-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: 18px;
}

.aio-page-table .badge {
    font-weight: 700;
}

@media (max-width: 768px) {
    .aio-page-header,
    .aio-pagination-row {
        flex-direction: column;
        align-items: flex-start;
    }
}
    /*loading*/
    .loading-panel {
        display: block;
        width: 100%;
        height: 100%;
        border: solid 1px #ccc;
        background-color: #999;
        opacity: 0.8;
        position: absolute;
        top: 0px;
        z-index: 1000;
    }

.snippet {
    position: relative;
    padding: 2rem 5%;
    margin: 1.5rem 0;
    text-align: center;
    font-size: 18pt;
}

    .snippet::after {
        content: "Processing request...";
        color: #fff;
    }

.stage {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 0;
    margin: 0 -5%;
    overflow: hidden;
}
/**
 * ==============================================
 * Dot Collision
 * ==============================================
 */
.dot-collision {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background-color: #00a4ff;
    color: #139118;
    border: solid 1px #005c8f;
}

    .dot-collision::before, .dot-collision::after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 0;
    }

    .dot-collision::before {
        left: -25px;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        background-color: #ff0000;
        color: #139118;
        border: solid 1px #b60000;
        animation: dotCollisionBefore 1s infinite ease-in;
    }

    .dot-collision::after {
        left: 25px;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        background-color: #139118;
        border: solid 1px #006204;
        color: #139118;
        animation: dotCollisionAfter 1s infinite ease-in;
        animation-delay: 0.5s;
    }
@keyframes dotCollisionBefore {
    0%, 50%, 75%, 100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-15px);
    }
}

@keyframes dotCollisionAfter {
    0%, 50%, 75%, 100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(15px);
    }
}
/*tab editor*/
.tab-editor #tabs {
    width: 100%;
    border: none;
    padding-top: 15px;
}
    .tab-editor #tabs .left-panel-tab
    {
        width: 12%;
        float: left;
    }
        .tab-editor #tabs .left-panel-tab .ui-tabs-nav{
            width: 100%;
            padding: 5px 5px 0px 5px;
        }
            .tab-editor #tabs .left-panel-tab .ui-tabs-nav li{
                margin-bottom: 5px;
                width: 99%;
                border: none;
            }
                .tab-editor #tabs .left-panel-tab .ui-tabs-nav li a{
                    display: inline-block;
                    width: 100%;
                }
                .tab-editor #tabs .left-panel-tab .btn-save {
                    width: 100%;
                    margin-top: 25px;
                }
    .tab-editor .ui-tabs-vertical .ui-tabs-panel {
        float: left !important;
        min-height: 500px;
        width: 82%;
        border: solid 1px #d1d5db;
        background-color: #e5e7eb;
        margin-left: 2%;
    }
.card-body .form-label{
    font-weight: bold;
}
.bottom-savebtn-group {
    border-top: solid 1px #666666;
    background-color: #f0f0f0;
    position: fixed;
    bottom: 0px;
    z-index: 100;
    width: 100%;
    left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
    padding-right: 25px;
}
.bottom-savebtn-group .btn{
    margin-left: 15px;
}
.card-main{
    padding-left: 0px;
    padding-right: 0px;
}
.btndel-article {
    float: left;
}
.badge{
    border: solid 1px #333;
    color: #000;
}
.bg-dark{
    color: #fff;
}
.aio-page-table tr td span.bg-success {
    color: #fff !important;
    border: solid 1px #009006
}
.bg-primary {
    color: #fff !important;
}
span.bg-success {
    color: #fff !important;
    border: solid 1px #009006
}
.bg-danger {
    color: #fff !important;
    border: solid 1px #f10000
}
.aijob-title {
    display: block;
    width: 100px;
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}