.text-left{text-align: left;}
.font13{font-size:13px}
.pointer{cursor: pointer;}
.hiddenOnMobile{display: block}
.hiddenOnPC{display: none}
.tox-promotion{
    display: none;
}
.loginModal .modal-body{
    padding: 50px!important;
}
.loginModal .modal-body h4{
    font-size: 18px;
}
.fixWidth600{
    max-width: 600px;
    margin:0 auto;
}
.fixWidth720{
    max-width: 720px;
    margin:0 auto;
}
.fixWidth800{
    max-width: 800px;
    margin:0 auto;
}
.fixWidth960{
    max-width: 1080px;
    margin:0 auto;
}
.fixWidth1080{
    max-width: 1080px;
    margin:0 auto;
}
.fixWidth1200{
    max-width: 1200px;
    margin:0 auto;
}
.socialCatImg{
    text-align: center;
}
.socialCatImg img{
    max-width: 48px;
    height: auto;
}
.minHeight50{min-height: 70px;}
.userMenuFix{padding: 0px!important;}
.language_select{width: 30px;}
.userAvatar{ position: relative;}
.page-content{font-size: 14px; line-height:24px}
.tableKeywords table td {
    border-top: 1px solid var(--main-border-color);
    padding: 0.5rem 0.2rem !important;
    font-size: 12px;
    word-break: break-all;
}
table.dataTable thead th, table.dataTable thead td{
    padding: 0.5rem 0.2rem !important;
    text-transform: uppercase;
    font-size: 11px;
}
.itemTitle{
    text-transform: none;
}
.tableKeywords .selected td{
    background-color:#e4f1ff;
}
.tableAction button{
    white-space: nowrap;
}

.userLevel-TRIAL {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAyNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUwM18zNzIpIj4KPHBhdGggZD0iTTI0IDBIMFYxMUgyNFYwWiIgZmlsbD0iIzAwNTVGRiIvPgo8cGF0aCBkPSJNMy4xNjE5MyA0LjU5MDkxVjMuNjM2MzZINi45NTQ1NVY0LjU5MDkxSDUuNjQyMDVWOEg0LjQ3NDQzVjQuNTkwOTFIMy4xNjE5M1pNNy40MDAzOSA4VjMuNjM2MzZIOS4yODM5MUM5LjYwNzc4IDMuNjM2MzYgOS44OTExNiAzLjY5NTMxIDEwLjEzNDEgMy44MTMyMUMxMC4zNzcgMy45MzExMSAxMC41NjU5IDQuMTAwODUgMTAuNzAwOCA0LjMyMjQ0QzEwLjgzNTggNC41NDQwMyAxMC45MDMyIDQuODA5NjYgMTAuOTAzMiA1LjExOTMyQzEwLjkwMzIgNS40MzE4MiAxMC44MzM2IDUuNjk1MzEgMTAuNjk0NCA1LjkwOThDMTAuNTU2NiA2LjEyNDI5IDEwLjM2MjcgNi4yODYyMiAxMC4xMTI3IDYuMzk1NkM5Ljg2NDE3IDYuNTA0OTcgOS41NzM2OSA2LjU1OTY2IDkuMjQxMyA2LjU1OTY2SDguMTE2M1Y1LjYzOTJIOS4wMDI2NkM5LjE0MTg3IDUuNjM5MiA5LjI2MDQ4IDUuNjIyMTYgOS4zNTg0OSA1LjU4ODA3QzkuNDU3OTIgNS41NTI1NiA5LjUzMzkxIDUuNDk2NDUgOS41ODY0NyA1LjQxOTc0QzkuNjQwNDUgNS4zNDMwNCA5LjY2NzQ0IDUuMjQyOSA5LjY2NzQ0IDUuMTE5MzJDOS42Njc0NCA0Ljk5NDMyIDkuNjQwNDUgNC44OTI3NiA5LjU4NjQ3IDQuODE0NjNDOS41MzM5MSA0LjczNTA5IDkuNDU3OTIgNC42NzY4NSA5LjM1ODQ5IDQuNjM5OTFDOS4yNjA0OCA0LjYwMTU2IDkuMTQxODcgNC41ODIzOSA5LjAwMjY2IDQuNTgyMzlIOC41ODUwNVY4SDcuNDAwMzlaTTkuOTU3MjEgNS45OTcxNkwxMS4wNDgxIDhIOS43NjExOUw4LjY5NTg1IDUuOTk3MTZIOS45NTcyMVpNMTIuNTkyOSAzLjYzNjM2VjhIMTEuNDA4MlYzLjYzNjM2SDEyLjU5MjlaTTE0LjI4NzggOEgxMy4wMDk0TDE0LjQ0OTggMy42MzYzNkgxNi4wNjkxTDE3LjUwOTQgOEgxNi4yMzFMMTUuMjc2NSA0LjgzODA3SDE1LjI0MjRMMTQuMjg3OCA4Wk0xNC4wNDkyIDYuMjc4NDFIMTYuNDUyNlY3LjE2NDc3SDE0LjA0OTJWNi4yNzg0MVpNMTcuOTI5NyA4VjMuNjM2MzZIMTkuMTE0M1Y3LjA0NTQ1SDIwLjg3ODZWOEgxNy45Mjk3WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF81MDNfMzcyIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjExIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat left center;
    width: 24px;
    height: 11px;
    position: absolute;
    top: 43px;
    left: 6px;
    border-radius: 2px;
}
.userLevel-VIP {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAyNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUwM18zNzIpIj4KPHBhdGggZD0iTTI0IDBIMFYxMUgyNFYwWiIgZmlsbD0iI0ZEMTM2MSIvPgo8cGF0aCBkPSJNNy43MjAxNyAyLjkwOTA5TDguNzY0MiA2LjQ5ODU4SDguODAzOThMOS44NDgwMSAyLjkwOTA5SDExLjQwOTFMOS43Mjg2OSA4SDcuODM5NDlMNi4xNTkwOSAyLjkwOTA5SDcuNzIwMTdaTTEzLjI4MTUgMi45MDkwOVY4SDExLjg5OTRWMi45MDkwOUgxMy4yODE1Wk0xMy45MzY1IDhWMi45MDkwOUgxNi4xMzRDMTYuNTExOCAyLjkwOTA5IDE2Ljg0MjQgMi45ODM2NiAxNy4xMjU4IDMuMTMyODFDMTcuNDA5MiAzLjI4MTk2IDE3LjYyOTYgMy40OTE2IDE3Ljc4NyAzLjc2MTcyQzE3Ljk0NDUgNC4wMzE4NCAxOC4wMjMyIDQuMzQ3NTQgMTguMDIzMiA0LjcwODgxQzE4LjAyMzIgNS4wNzMzOSAxNy45NDIgNS4zODkwOSAxNy43Nzk2IDUuNjU1ODlDMTcuNjE4OCA1LjkyMjcgMTcuMzkyNiA2LjEyODIgMTcuMTAwOSA2LjI3MjM3QzE2LjgxMDkgNi40MTY1NSAxNi40NzIgNi40ODg2NCAxNi4wODQzIDYuNDg4NjRIMTQuNzcxOFY1LjQxNDc3SDE1LjgwNThDMTUuOTY4MiA1LjQxNDc3IDE2LjEwNjYgNS4zODY2IDE2LjIyMSA1LjMzMDI2QzE2LjMzNyA1LjI3MjI1IDE2LjQyNTYgNS4xOTAyMiAxNi40ODY5IDUuMDg0MTZDMTYuNTQ5OSA0Ljk3ODEgMTYuNTgxNCA0Ljg1Mjk4IDE2LjU4MTQgNC43MDg4MUMxNi41ODE0IDQuNTYyOTcgMTYuNTQ5OSA0LjQzODY4IDE2LjQ4NjkgNC4zMzU5NEMxNi40MjU2IDQuMjMxNTMgMTYuMzM3IDQuMTUxOTkgMTYuMjIxIDQuMDk3M0MxNi4xMDY2IDQuMDQwOTYgMTUuOTY4MiA0LjAxMjc4IDE1LjgwNTggNC4wMTI3OEgxNS4zMTg2VjhIMTMuOTM2NVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNTAzXzM3MiI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIxMSIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) no-repeat left center;
    width: 24px;
    height: 11px;
    position: absolute;
    top: 43px;
    left: 6px;
    border-radius: 2px;
}
.userLevel-FREE {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAyNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUwM18zNzIpIj4KPHBhdGggZD0iTTI0IDBIMFYxMUgyNFYwWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTUuMjgxMjUgOFYzLjYzNjM2SDguMzQ5NDNWNC41OTA5MUg2LjQ2NTkxVjUuMzQwOTFIOC4xNjE5M1Y2LjI5NTQ1SDYuNDY1OTFWOEg1LjI4MTI1Wk04Ljc4NTE2IDhWMy42MzYzNkgxMC42Njg3QzEwLjk5MjUgMy42MzYzNiAxMS4yNzU5IDMuNjk1MzEgMTEuNTE4OCAzLjgxMzIxQzExLjc2MTcgMy45MzExMSAxMS45NTA2IDQuMTAwODUgMTIuMDg1NiA0LjMyMjQ0QzEyLjIyMDUgNC41NDQwMyAxMi4yODggNC44MDk2NiAxMi4yODggNS4xMTkzMkMxMi4yODggNS40MzE4MiAxMi4yMTg0IDUuNjk1MzEgMTIuMDc5MiA1LjkwOThDMTEuOTQxNCA2LjEyNDI5IDExLjc0NzUgNi4yODYyMiAxMS40OTc1IDYuMzk1NkMxMS4yNDg5IDYuNTA0OTcgMTAuOTU4NSA2LjU1OTY2IDEwLjYyNjEgNi41NTk2Nkg5LjUwMTA3VjUuNjM5MkgxMC4zODc0QzEwLjUyNjYgNS42MzkyIDEwLjY0NTIgNS42MjIxNiAxMC43NDMzIDUuNTg4MDdDMTAuODQyNyA1LjU1MjU2IDEwLjkxODcgNS40OTY0NSAxMC45NzEyIDUuNDE5NzRDMTEuMDI1MiA1LjM0MzA0IDExLjA1MjIgNS4yNDI5IDExLjA1MjIgNS4xMTkzMkMxMS4wNTIyIDQuOTk0MzIgMTEuMDI1MiA0Ljg5Mjc2IDEwLjk3MTIgNC44MTQ2M0MxMC45MTg3IDQuNzM1MDkgMTAuODQyNyA0LjY3Njg1IDEwLjc0MzMgNC42Mzk5MUMxMC42NDUyIDQuNjAxNTYgMTAuNTI2NiA0LjU4MjM5IDEwLjM4NzQgNC41ODIzOUg5Ljk2OTgyVjhIOC43ODUxNlpNMTEuMzQyIDUuOTk3MTZMMTIuNDMyOSA4SDExLjE0NkwxMC4wODA2IDUuOTk3MTZIMTEuMzQyWk0xMi43OTMgOFYzLjYzNjM2SDE1LjkzNzlWNC41OTA5MUgxMy45Nzc2VjUuMzQwOTFIMTUuNzc1OVY2LjI5NTQ1SDEzLjk3NzZWNy4wNDU0NUgxNS45MjkzVjhIMTIuNzkzWk0xNi41MjU0IDhWMy42MzYzNkgxOS42NzAzVjQuNTkwOTFIMTcuNzFWNS4zNDA5MUgxOS41MDgzVjYuMjk1NDVIMTcuNzFWNy4wNDU0NUgxOS42NjE4VjhIMTYuNTI1NFoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNTAzXzM3MiI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIxMSIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) no-repeat left center;
    width: 24px;
    height: 11px;
    position: absolute;
    top: 43px;
    left: 6px;
    border-radius: 2px;
}
.minHeight100{min-height: 105px;}
.ulPaymentSelect{
    list-style: none;
}
.ulPaymentSelect li{
    list-style: none;
    display: block;
    padding:10px 0px 10px!important;
    border: 1px #ececec solid;
    margin: 10px 0 10px!important;
    border-radius: 5px;
    cursor: pointer;
}
.ulPaymentSelect li:hover{
    background-color: #ececec;
}
.paymentLogo{
    display: inline-block;
    width: 60px;
    text-align: center;
}
.momoPaymentBG{
    background: url(../img/qrcode-pattern.png) 10px 10px no-repeat, linear-gradient(0deg, #c1177c, #e11b90);
    border-radius:10px;
}
.vcbPaymentBG{
    background: url(../img/qrcode-pattern.png) 10px 10px no-repeat, linear-gradient(0deg, #089259, #007A48);
    border-radius:10px;
}
.navbar-nav .dropdown:hover .dropdown-menu {
    transform: translate3d(-80%, 1px, 0);
}
.navbar-nav .dropdown .dropdown-menu {
    transform: translate3d(-80%, 10px, 0);
}
.topMenuNav .dropdown:hover .dropdown-menu {
    transform: translate3d(-30%, 1px, 0);
}
.topMenuNav .dropdown .dropdown-menu {
    transform: translate3d(-30%, 10px, 0);
}
.topMenuNav .dropdown .dropdown-menu .nav-item{
    padding: 5px 0px;
}
.topMenuNav .dropdown .dropdown-menu .nav-item:hover{
    color: #1e2125;
    text-decoration: none;
    background-color: #f3f4f7;
}

#language_select{
    padding: 20px 0px;
}
.code-block-600{
    max-width: 600px;
    margin: 0 auto;
}

.sorting_disabled::before,
.sorting_disabled::after{
    opacity: 0!important;
    content:''!important;
    display: none!important;

}

.wordcounter {
    display: flex;
    list-style: none;
    width: 100%;
    padding-left: 0px;
    margin: 15px 0px 10px;
}
.wordcounter li{
    width: 20%;
    text-align: center;
}
.wordcounter .wTitle{
    display: block;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.wordcounter .wNumber{
    display: block;
    font-size: 20px;
    font-weight: bold;
}
.sorting_disabled{
    padding-right: 10px!important;
    cursor:default!important;
}
.markdownEditor{
    padding:20px 50px

}
.markdownEditor h1{
    text-align: center;
    font-size: 22px;
    margin-bottom: 30px;

}
.markdownEditor h2{
    margin:20px 0px 30px;
    font-size: 22px;
}
.markdownEditor h3{
    margin:15px 0px 20px;
    font-size: 18px;
}
.markdownEditor table {
    width: 100%;
}
.markdownEditor table thead th{
    background:#444;
    color:#fff;
    text-align:left;
    padding:10px 7px;

}
.markdownEditor table tr td{
    padding:7px;
}
.markdownEditor tr:nth-child(even){
    background: #f4f4f4;
}
.markdownEditor tr:nth-child(odd){
    background: #ffffff;
}
.markdownEditor ul,ol{
    list-style-type:disc;
}
.markdownEditor a{
    color: #05f;
    font-weight: bold;
}
.markdownEditor img{
    max-height: 150px;
    width: auto;
    display: block;
    margin: 0 auto;
}

.editorToolRight{
    background-color: #fff;
    padding: 10px 15px 10px 15px;
}
.editorToolRight h4{
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    border-bottom: 1px #f3f4f7 solid;
    padding: 0px 0px 12px 0px;
    margin: 7px 0 0px 0;
    display: block;
}
.suggestedText{
    font-size: 12px;
    list-style: none;
    margin:0px;
    padding:0px;
}
.suggestedText ul{
    margin:0px;
    padding: 0px;
}
.suggestedText li{
    border-bottom: 1px #f3f4f7 solid;
    padding:10px 0px;
    margin:0px!important;
    list-style: none;
}
.suggestedTextFlex li{
    display: flex;
    justify-content: space-between;
}
.suggestedText li .sTitle{
    font-weight: 500;
}
.suggestedText li .sDes{
    font-size: 10px;
}
.suggestedText li .sWrite{
    padding-top:5px;
}
.suggestedText li .writer{
    font-size: 10px;
    cursor: pointer;
    padding: 5px;
    background-color: rgba(0,85,255,.12);
    color: #05f!important;
    border-radius: 3px;
    font-weight: 500;
}
.suggestedText li .writer:hover {
    background-color: rgba(0,85,255,.15);
    border-color: rgba(0,85,255,.1);
    color: #05f;
}
.suggestedText li .bardWriter{
    background-color: #fd13610f;
    color: #fd1361!important;

}
.suggestedText li .bardWriter:hover {
    border-color: #fd136125;
    color: #fd1361;
}
.suggestedText li .sDes ol,
.suggestedText li .sDes ul{
    padding: 0;
    margin: 0;
}
.suggestedText li .sDes ul li,
.suggestedText li .sDes ol li{
    border-bottom: none;
}
.editorToolRight .tab-content{
    height: 760px;
    padding:0px;
}

.active{
    color:#05f;
}
.show{
    display: block!important;
}
.suggestedBox {
    display: flex;
    flex-wrap: wrap;
}
.suggestedBox div{
    width: 33.3%;
    cursor: pointer;
}
.suggestedBox div img{
    width: 100%;
    border-radius: 5px;
    border:3px #fff solid;
}
.editorToolRightHeader span{
    cursor: pointer;
    font-weight: 600;
}
.rightBoxContent{
    display: none;
}

.editorToolRightHeader{
    margin: 0px!important;
    padding: 0px!important;
}
.editorToolRight{
    max-height: 800px;
    overflow-x: auto;
}
.editorToolRight_1{
    overflow: hidden!important;
}
.customScrollbar{
    overflow-x: auto;
}
.customScrollbar::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
.customScrollbar::-webkit-scrollbar-track {
    border-radius: 5px;
    background: rgba(0,0,0,0.1);
    border: 1px solid #ccc;
}
.customScrollbar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: linear-gradient(left, #fff, #e4e4e4);
    border: 1px solid #aaa;
}
.customScrollbar::-webkit-scrollbar-thumb:hover {
    background: #fff;
}
.customScrollbar::-webkit-scrollbar-thumb:active{
    background: #fff;
}
.badge-keywords{
    font-weight: 400;
    padding: 0.4em 0.5em;
    cursor: pointer;
}
.badge-keywords:hover{
    color: #fff!important;
    background-color: #05f;
    border-color: #05f;
}
.badge-btn{
    font-weight: 400;
    padding: 0.4em 0.5em;
    cursor: pointer;
}
.badge-btn:hover{
    color: #fff!important;
    background-color: #05f;
    border-color: #05f;
}
.editorAI{
    display: flex;
    width: 100%;
}
.editorAI .tox-tinymce{
    border: 1px solid #eee;
    border-radius: 0px;
}
.editorAI .tox:not(.tox-tinymce-inline),
.editorAI .tox-editor-header{
    box-shadow: none!important;
    border-bottom: 1px solid #eee!important;
}
.editorLeft{
    flex: 1;
}
.editorRightBox{
    width: 300px;
    padding-left: 10px;
}
.aiResults{
    padding-top:30px;
}
.aiTitle{
    font-weight:500;
    background:#f4f4f4;
    padding:5px;
    text-align:center;
}
.aiRes{
    padding:5px 0px;
}
.aiAddButton button{
    width:100%;
    display:block;
    background:#5578eb;
    border:#5578eb;
    color:#fff;
    padding:7px auto;
    font-size:13px;
    border-radius:5px;
}
.suggessionResults{
    padding:10px;
}
.suggessionResults h2{
    font-size:12px;
}


.editorBox{
    width:745px;
}
.editorToolRight{
    margin-left:15px;
    width:345px;
    border-radius:10px;
}
.caret {
    border-right: 0.1em solid #495057;
    margin-right: 0.1em;
    margin-left: 0.1em;
    display: inline-block;
    animation: blink-animation 1s steps(2, start) infinite;
}
.outline ul li{
    list-style: none;
    font-size: 12px;
}
.outline ul{
    padding-left:0px;
}
.outline ul li .sTitle{
    font-weight: 500;
    padding-bottom: 5px;
}
.addToWrite{
    padding:10px 0px;
}
.addToWrite .writer{
    font-size: 10px;
    cursor: pointer;
    padding: 5px;
    background-color: rgba(0,85,255,.12);
    color: #05f!important;
    border-radius: 3px;
    font-weight: 500;
}
.addToWrite .writer:hover {
    background-color: rgba(0, 85, 255, 0.373);
    border-color: rgba(0,85,255,0.373);
    color: #05f;
}
.addToWrite .writerAdded{
    background-color: rgba(73,80,87,.1);
    color: #495057;
    border-color: transparent;
    font-size: 10px;
    padding: 5px;
    border-radius: 3px;
    font-weight: 500;
}
.nav-tabs{
    border:none;
    font-size: 13px;
}
.nav-tabs li a.active{
    border:none!important;
}
.textKeywordStatus{
    margin-top:10px;
}
.languageSuggestionSelect{
    width: 150px;
}


.btn-customeTable{
    line-height: 1.1;
    border-radius: 0.1rem;
    width: 50px;
    font-size: 11px!important;
    text-align:center;
}
.classAction{
    padding:8px 0px!important;
}

.btn-table-dropdown{
    position: relative;
    display:inline-block;
}
.tableInputText{
    border:none;
    background:transparent;
    width:100%;
}
.tableStatus{
    text-align:center;
}
.dataTable th,
.dataTable td {
    font-size:12px;
}
.dataTable .btn{
    font-size:11px;
    box-shadow:none;
    border-radius:3px;
    padding:5px 0px;
    font-weight:normal;
}
.dataTables_info{
    font-size: 13px;
}
.tableSuggestion > :not(caption) > * > * {
    border-bottom: 1px #d1d1d1 solid;
}

.tableSuggestionToolBar{
    display: flex!important;
    width: 600px;
    justify-content: end;
    float: right;
}
.tableSuggestionToolBar .selectBox{
    background-color: #f4f5f7;
    padding: 0.4rem 2.2rem 0.4rem 0.6rem;
    width: auto;
}
.tableSuggestionToolBar .dropdown-item{
    padding: 0.35rem 0.5rem;
}
.filterData {
    cursor: pointer;
}
.swal2-close{
    position: absolute;
}
.border-top-left{
    border-radius: 5px 0 0 5px!important;
}
.border-5px{
    border-radius: 5px!important;
}

.tableSuggesstion li{
    display: flex;
    justify-content: space-between;
}
.postPostContent h2{
    font-size: 24px;
}
.postPostContent h3{
    font-size: 18px;
    margin:15px 0px;
}
.postPostContent{
    line-height: 30px;
}

.boxStep4Img .suggestedBox{
    position: relative;
}
.imgSpan{
    position: absolute;
    padding: 3px 5px;
    color: #fff;
    font-size: 6px;
    font-weight: bold;
    top: 5px;
    left: 5px;
    border-radius: 3px;
    opacity: 0.5;
}
.imgSpanGoogle{
    background:#0060ff;
}
.imgSpanBing{
    background:#000000;
}
.imgSpanPixabay{
    background:#00ab6b;
}
.imgSpanPexels{
    background: #05a081;
}
.border-radius-10{
    border-radius: 10px;
}
.youtubeFix{
    width: 90%;
    max-width: 800px;
    margin: 20px auto 0px;
}
.youtubeVideo {
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden;
}

.youtubeVideo iframe, .youtubeVideo object, .youtubeVideo embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.suggestedBox .sImg{
    position: relative;
}
.imgSpan{
    position: absolute;
    padding: 3px 5px;
    color: #fff;
    font-size: 6px;
    font-weight: bold;
    top: 5px;
    left: 5px;
    border-radius: 3px;
    opacity: 0.5;
}
.imgSpanGoogle{
    background:#0060ff;
}
.imgSpanBing{
    background:#000000;
}
.imgSpanPixabay{
    background:#00ab6b;
}
.imgSpanPexels{
    background: #05a081;
}

.contentTagInput p{
    font-size: 13px;
}
.contentTagInput ul{
    display: flex;
    flex-wrap: wrap;
    padding: 7px;
    margin: 10px 0;
    border-radius: 5px;
    border: 1px solid #a6a6a6;
}
.contentTagInput ul  li{
    color: #333;
    margin: 4px 3px;
    list-style: none;
    border-radius: 5px;
    padding: 5px 8px 5px 10px;
    display: inline-flex;
    font-size:12px;
    background-color: rgba(0,85,255,.1);
    color: #05f;
    border-color: transparent;
}
.contentTagInput ul li i{
    color: #0055ffe8;
    margin-left: 5px;
    font-size: 14px;
    cursor: pointer;
    margin-top: 3px;

}
.contentTagInput ul input{
    flex: 1;
    padding: 5px;
    border: none;
    outline: none;
    font-size: 13px;
}
.seo-info-ul{
    display: none;
}
.seo-info-ul.d-show{
    display:block;
}
.seoInfomation h6{
    margin:10px 0px 10px;
    font-size: 13px;
}
.seoInfomation ul{
    padding: 0px;
    margin:0px 0px 20px 0;
}
.seoInfomation ul li{
    list-style:none;
    font-size:12px;
    color:#3c434a;
    padding:3px 0 4px;
}
.seoInfomation ul li i{
    margin-right:5px;
}
.seoInfomation ul li .text-primary{
    color:#79c979!important;
}
.seoInfomation ul li .text-danger{
    color:#f29c96!important;
}
.serpPreview .serpUrl{
    font-family:Arial;
    color:#4d5156;
    font-size:12px;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.serpPreview .serpTitle{
    color:#1a0dab;
    font-size:14px;
    font-weight:bold;
    font-family:Arial;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;

}
.serpPreview .serpDes{
    color:#4d5156;
    font-size:12px;
    font-family:Arial;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ImgUploadOuter {
    text-align: center;
    width: 80px;
    height: 60px;
    margin-right:5px;
}
.ImgUploadOuter strong {
    padding: 0 10px
}
.dragBox {
    width: 80px;
    height: 60px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    color: #999;
    border: 1px solid #ccc;
    border-radius:5px;
    display: inline-block;
    transition: transform 0.3s;
    cursor: pointer;

}
.dragBox:hover{
    background:#f4f4f4;
    cursor: pointer;
}

.dragBox input[type="file"] {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    cursor: pointer;
}
.draging {
    transform: scale(1.1);
}
.previewBox{
    width: 80px;
    height: 60px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    color: #999;
    border: 1px solid #ccc;
    display: none;
}
#preview {
    text-align: center;
    width: 80px;
    height: 60px;
    object-fit: cover;
    margin: 0 auto;
}
#preview img {
    width: 80px;
    height: 60px;
    object-fit: cover;
    object-position: center center;
}
.previewBox .ImgRemove{
    position: absolute;
    right: 28px;
    background: #fff;
    display: inline-block;
    top: 8px;
    cursor: pointer;
    border-radius: 2px;
    padding: 3px 5px;
    opacity: 0.9;
    scale: 0.7;
}
.dropdown-main-menu{
    min-width: 16rem!important;
}
.modalAiWriter{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.modalAiWriter a{
    flex: 50%;
    margin: 15px 0px;
}
.modalAiWriter a:hover i{
    scale: 120%;
}
.v3InputBox {
    justify-content: center;
    max-width: 700px;
    width: 700px;
}
.v3InputBox .inputTitle{
    height:35px;
    border-radius: 5px 0 0 5px;
}
.v3InputBox .permalink{
    border-radius: 0px 5px 5px 0px;
}
.rightBoxCaret{
    top: 55px;
    right: 10px;
    cursor: pointer;
    z-index: 999999;
}
.rightBoxCaret i:hover{
    color:#0055FF;
}

.modalVideoYoutubeContainer .swal2-popup{
    height:450px;
}
.modalVideoYoutubeHTML{
    padding:0px;
    margin:0px;
}
.ai-steps{
    padding-left:30px;
}
.ai-steps .list {
    grid-gap: 30px;
    counter-reset: custom-counter;
    display: grid;
    position: relative;
}
.ai-steps .list:after {
    border-left: 2px dashed #d1d7d9;
    content: "";
    display: block;
    height: 100%;
    left: 46px;
    position: absolute;
    top: 0;
    width: 2px;
    z-index: 1;
}
.ai-steps .list-item {
    counter-increment: custom-counter;
    min-height: 30px;
    padding: 0 0 0 44px;
    position: relative;
    list-style: none;
}
.ai-steps .list-item:before {
    background: #05F;
    border-radius: 50%;
    color: #fff;
    content: "0" counter(custom-counter) ".";
    display: block;
    font-size: 12px;
    font-weight: 500;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30px;
    z-index: 3;
}

.minHeight_200{
    min-height:200px!important;
}
.subMenuRewrite .active{
    background-color: rgba(0,85,255,.1)!important;
}
.entryDes{
    line-height:24px;
}
.entryDes ul li {
    margin: 5px 0px 5px;
}
.entryDes div,
.entryDes p{
    margin: 10px 0px 10px;
    margin: 10px 0px 10px;
}
.entryContent{
    line-height:30px;
}
.entryContent h2{
    font-size:20px;
    margin:30px 0px 20px;
}
.entryContent h3{
    font-size:16px;
    margin-bottom:20px;
}
.entryContent h4{
    font-size:14px;
    margin-bottom:20px;
    color:#444;
}
.entryContent div{
    margin-bottom:20px;
}
.entryContent img{
    display:block;
    margin: 0 auto;
    max-width: 98%;

}
.priceVN{
    font-weight: bold;
    color:#05f;
}
.priceVN:after{
    content: "đ";
    display: inline-block;
    margin-left:3px;
}
.items{
    display: flex;
    gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.item{
    padding:15px;
    border-radius: 5px;
    border:1px #eeeeee solid;
    cursor: pointer;
    -ms-flex: 0 0 calc(33.333% - 20px);
    flex: 0 0 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
}
.item:hover{
    border:1px #0055FF solid;
    transition: all 0.1s;
}

.items .item .itemInfo{
    text-align: center;
}
.subAmount{
    top: -12px;
    right: -10px;
    background: #d4d4d4;
    border-radius: 50%;
    min-width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    padding-top: 8px;
    text-align: center;
    color: #000;
    font-size: 9px;
}
.orderRating-item{
    cursor: pointer;
}
.orderRating-item:hover i{
    scale: 1.1;
}

.chatboxRight-header{
    border-bottom: 2px #ccc solid;
    padding: 10px 10px 10px 15px;
}
.chatUser{
    list-style: none;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
}
.chatUser li{
    border-bottom: 1px #ccc solid;
    padding: 10px;
    display: flex;
}
.chatUser .chatHeading{
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
}
.chatUser .chatText{
    font-size: 12px;
}
.chatUser li .chatAvatar{
    flex: 0 0 40px;
}
.chatUser li .chatAvatar img{
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.message.message-out {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-top;
}
.message+.message {
    margin-top: 1.5rem;
}
.message-inner {
    max-width: 70%;
    margin-left: 1rem;
}
.message-text {
    background: #f6f9fb;
    border-radius: 10px;
    padding: 0.8rem 1rem;
    color: #95aac9;
    font-size: 13px;
}
.message-out .message-inner{
    margin-left: 0rem;
    margin-right: 1rem;
}
.message-out .message-time{
    text-align: right;
}
.message-out .message-text {
    background: #2787f5;
    color: #fff;
}
.chatBoxContent {
    display: flex;
}


.scrollbar_01::-webkit-scrollbar-track
{

    background: rgba(0,0,0,0.1);
    border: 1px solid #ccc;
}

.scrollbar_01::-webkit-scrollbar
{
    width: 4px;
    height: 4px;
}

.scrollbar_01::-webkit-scrollbar-thumb
{

    background: linear-gradient(left, #fff, #e4e4e4);
    border: 1px solid #aaa;
}
.scrollbar_01::-webkit-scrollbar-thumb:hover
{
    background: #fff;
}
.scrollbar_01::-webkit-scrollbar-thumb:active
{
    background: linear-gradient(left, #22ADD4, #1E98BA);
}
.scrollbar_02::-webkit-scrollbar {
    display: none;
}
.form-control:disabled, .form-control[readonly]{
    background-color: #dee2e6;
}

.chatboxLeft {
    padding:5px 10px 0 0px;
    flex: 0 0 360px;
    overflow-y: scroll;
}
.listMessage{
    overflow-y: scroll;
    padding:30px 20px;
}
.chatboxRight {
    flex: 1;

}
.inputChat{
    border-top:1px #ccc solid;
    display: flex;
    padding-top:5px;
}
.inputChatFile{
    flex:0 0 30px;
    padding:8px 0 0 8px;
}
.inputChatMsg{
    flex:1;
    margin-right: 10px;
}
.chatMess{
    border:none;
}
.tooltip-inner{
    font-size: 12px;
}
.divOrderBox{
    border-radius: 0.375rem !important;
    padding: 3rem !important;
    margin-top: 3rem !important;
    box-shadow: 0 7px 14px 0 rgba(52, 58, 64, 0.06);
    font-size: 13px;
}
.div-thoigiandilink{
    width: 50%;
}
.ul-listSocialService{
    margin:0px;
    padding: 0px;
}
.ul-listSocialService li{
    list-style: none;
    padding-left:0px;
}
.ul-listSocialService li input[type="radio"] {
    vertical-align: middle;
}
.reactionIcon{padding-left:0px;}
.reactionIcon img{width:36px;height:36px; margin-right:10px; cursor: pointer;}
.reactionIcon .selected{margin-top:-5px;border:2px #444 solid;border-radius:50%}
@media (min-width: 576px){
    .modal-sm {
        max-width: 400px;
    }

}
@media (max-width: 600px) {
    .keywordNavTab {
        flex-wrap:nowrap;
        overflow: scroll;
    }
    .subMenuRewrite{
        justify-content: left!important;
    }
    .subMenuRewrite li a{
        white-space: nowrap;
        font-size: 13px;;
    }
    .entryContent{padding:0px 10px;}
    .hiddenOnMobile{display: none;}
    .hiddenOnPC{display: block;}
    .content {
        padding-top: 5rem !important;
    }
    #language_select{
        padding: 10px 0px;
    }
    .navbar-nav .dropdown:hover .dropdown-menu{
        transform: translate3d(0%, 0px, 0);
    }
    .menu-do-Logout{border-top:1px #f3f4f7 solid;padding-top: 15px; margin-top:15px;}
    .li_Language{
        display: none;
    }
    .userMenuFix {
        text-align: center;
    }
    .userDropdownMenu{
        display: block;
        transform: translate3d(0%, 0px, 0)!important;
    }
    .table-responsive table{
        min-width: 1000px!important;
    }
    .fixWidth800{ max-width: 100%;}
    .mobileWidth800{max-width: fit-content; margin:20px}
    .keywordNavTab li a {
        padding: 0.625rem 0.94rem;
    }
    .textKeywordStatus{
        margin-top:10px;
        margin-bottom: 5px;
    }
    .v3InputBox .inputTitle{
        height:35px;
        border-radius: 5px 0 0 5px;
    }
    .rightBoxCaret{
        top: 90px;
        width: 30px;
        height: 30px;
        text-align: center;
        padding-top: 5px;
        border-radius: 5px;
        background-color: #f4f4f4;
        display: block;
    }
    .editorToolRight_V2{
        display: none;
    }
    .items {
        gap: 20px;

    }
    .items .item{
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
    }
    .items .item .socialCatImg{
        width: 60px;
        flex:0 1;
    }
    .items .item .itemInfo{
        padding-left:20px;
        text-align: left;
    }
    .items .item .itemInfo h4{
        margin-top:0px;

    }
    .chatboxLeft {
        flex: 0 0 50%;
    }

    .divOrderBox{
        border-radius: 0;
        padding: 1rem !important;
        margin-top: 3rem !important;
        box-shadow: none;
        font-size: 13px;
    }
    .div-trangcon{
        flex-wrap: wrap;
    }
    .div-thoigiandilink{
        width: 100%;
    }
}