/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn,img, ins, kbd, q, s, samp,small, strike, center,dl, dt, dd, ol, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body{line-height: 1;}
/* ol, ul{list-style: none;} */
blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';content: none;}table {	border-collapse: collapse;	border-spacing: 0;}a{text-decoration:none;color:inherit;}
html,body{margin:0;padding:0;width:100%;height:100%;}
ul,li{margin:0;padding:0;}
a{text-decoration:none;color:inherit;}
button{cursor:pointer;}
body{font-family: 'Nunito Sans', sans-serif;font-size: 16px;line-height: 1.4em;font-weight: 400;letter-spacing: 0.024em;color: #292929;overflow-x: hidden;}
body.active{overflow:hidden;}
h1,h2,h3,h4,h5{margin:8px 0;line-height:1.3em;}
h1{margin:8px 0;font-size: 28px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:18px;}
pre{padding:10px;background:#B39C8E;    position: relative;width: 100%;z-index: 9999999999999999;}
ul{margin:0;}

.container{margin:0 auto;width:1600px;height:100%;}

.success_message{padding: 40px;position: fixed;top: 50%;left: 50%;font-size: 18px;font-weight: 900;color: #fff;background: #123258;transform: translateX(-50%) translateY(-20%);border-radius: 10px;box-shadow: 0 0 20px 0 rgb(0 0 0 / 50%);opacity:0;transition: 0.25s;z-index: 9999999999999999;}
.success_message::before{content: '✔';margin: 0px 10px 0;padding: 15px 0 0 0;width: 50px;height: 35px;position: relative;top: 3px;left: auto;display: inline-block;font-size: 34px;font-weight: bold;text-align: center;color: #4fc844;border: 5px solid #4fc844;border-radius: 100%;z-index: -1;}
.success_message.active{opacity:1;transform:translateX(-50%)translateY(-50%);}

#header {padding:20px 0;width: 100%;height: 95px;position: fixed;top: 0;left: 0;background: #fff;box-shadow: 0 2px 15px 0 rgb(0 0 0 / 10%);border-bottom: 1px solid #e7e7e7;box-sizing: border-box;z-index: 9999;}
#header_spacer{width:100%;height:95px;}
#page_title_con{width:700px;display:flex;align-items:center;float:left;gap:20px;}
#page_title_con h1{margin:0;flex:40%;font-size:40px;float:left;}
#page_title_con h1 span{margin: 0 0 0 20px;padding: 0 0 0 15px;border-left: 2px solid #000;text-transform: none;}
#header #go_back{margin: 0 20px 0 0;padding: 0 20px 0 0;float: left;border-right: 1px solid #000;}

.form_con{width:100%;height:100%;display:table;text-align:center;}
.form_con .form_con_inner{display:table-cell;vertical-align:middle;}
form label{display:block;text-transform:uppercase;}
form input, form select, form textarea{margin:0 auto 15px;padding:10px;width:300px;display:block;text-align:center;box-sizing:border-box;}
form input[type="submit"]{padding:10px 30px;width:auto;background:#e8371f;border:none;color:#fff;box-sizing:border-box;}

#main_content{margin:0;padding:20px 0 100px 0;width:100%;height:100%;float:left;position:relative;z-index:1;}
#main_content .container{padding:0;}

#nav_sidebar{padding:40px 0 0;width:160px;height:100%;position:fixed;top:96px;left:0;background:#f4f4f4;border-right: 1px solid #c2c2c2;z-index:99;}
#nav_sidebar li{width:100%;position:relative;}
#nav_sidebar li a{padding:10px 15px;font-size:14px;display:block;color:#333;border-bottom:1px solid #ececec;}
#nav_sidebar li a:hover{background:#123151;}

#results div{padding: 15px 30px;background: #c2e6f8;}
.radio-con{position:relative;}
.radio-con label{padding-left:24px;}
.radio-con input{position:absolute;top:1px;left:0;}

.client_block{margin: 0 0 10px;padding: 20px;width: 100%;background: #fff;border-radius:10px;box-sizing: border-box;}
#client_list h4 {margin: 0 0 10px;padding: 0 0 10px;font-size: 18px;border-bottom: 1px solid #c8c8c8;}
#client_list ul li{margin: 0 0 4px;}
#client_list ul li a.edit_btn{margin:0 10px 0 0;display:none;}

.firm_website_block{margin:30px 0 0;}
#firm_websites h4{display:inline;}
#firm_websites a.edit_btn{margin: 0px 0 0 5px;display: inline;}
#firm_websites ul{margin:0;}
#firm_websites ul li{margin:0 0 5px;padding:5px;background:#f5f5f5;}
.server_name{padding: 2px 3px;margin:0 5px 0 0;font-size: 12px;color:#727272;background:#f5f5f5;border-radius: 3px;}
.server0{background: black;color: #8d8d8d;}
.server1{color:#fff;background:#9aa8c4;}
.server2{color:#fff;background:#3f556c;}
.server3{color:#fff;background:#b2998c;}
.server4{color:#fff;background:#7C7C7C;}
.server5{color:#fff;background:#e85a00;}
.server6{color:#fff;background:#2584b0;}
.server8{color:#fff;background:#549557;}

#edit_other_websites{margin:0 0 40px;width:100%;float:left;}
#edit_other_websites a{margin:0 5px 5px 0;padding:10px;float:left;background:#e85a00;color:#fff;font-size:14px;}

#footer{padding:0 20px;width:100%;position:fixed;left:0;bottom:0;display:flex;justify-content: space-between;align-items: center;background:#e9e9e9;z-index:9;}
a.edit_btn{padding: 5px 5px 5px 4px;position: relative;font-size: 10px;background: #e85a00;color: #fff!important;top: -2px;}
#edit_other_websites a.active_edit{background:#e3925f}

.bbtn.btn_create{margin:0 0 0 15px;padding:0;width:auto;float: right;}
.bbtn.btn_create a{transition:0.33s;}
.create_modal{padding:20px;display:none;position: fixed;z-index:999;text-align:center;left:50%;top:50%;width:400px;height:300px;transform:translateX(-50%) translateY(-50%);background-color: #ebebeb;box-sizing:border-box;}
.create_modal .modal_content{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.create_modal .modal_content form{padding: 0 20px;box-sizing:border-box;}
.create_modal .modal_content input[type="text"]{padding:10px;width:100%;box-sizing:border-box;}
.create_modal .modal_content input[type="submit"]{margin:15px auto 0;}
.create_modal .modal_content .close{color: #aaa;float: right;font-size: 28px;font-weight: bold;position: relative;top: -50px;right: 20px;cursor: pointer;}
.create_modal .modal_content .close:hover,
.create_modal .modal_content .close:focus{color: black;text-decoration: none;cursor: pointer;}

#pages_table{width:100%;text-align:left;}
#pages_table ul{width:100%;}
#pages_table ul.headings{margin:0 0 10px;font-weight:600;font-size:14px;}
#pages_table ul.headings li{border:none;}
#pages_table ul.headings li:first-child{padding:0 0 0 30px;box-sizing:border;}
#pages_table ul.items li > div{margin: 0 0 10px;padding: 10px;border:1px solid #ccc;border-radius:5px;transition:0.15s;}
#pages_table ul.items li > div:hover{box-shadow:0 0 5px rgb(0 0 0/20%);border:1px solid #6d6d6d;}
#pages_table ul.items li > div:hover .item_move > i{color:#000;}
#pages_table ul.headings, #pages_table ul.items li > div{display: grid;grid-template-columns: 4fr repeat(4, 1fr);gap: 10px;align-items: center;}
#pages_table .item_move{width:20px;display:inline-block;vertical-align:middle;}
#pages_table .item_move > i{float:left;color:#ccc;}
#pages_table input[type="checkbox"]{margin:0 10px;width:18px;height:18px;display:inline-block;}

#styling_buttons{padding:20px;width:100%;background:#ccc;box-sizing:border-box;}

#content_sidebar{padding:30px;width:240px;height:100%;position:fixed;top:95px;left: 0;background:#f5f5f5;box-sizing:border-box;}
#content_sidebar a{padding:10px;display:block;background:#fff;box-shadow:0 1px 10px 0 rgb(0 0 0 / 15%);}
#content_list{margin:0 0 0 250px;}
#content_list ul{list-style:none;}

#page_header {margin:0 0 40px;padding: 0px 0 20px;width: 100%;float: left;border-bottom: 1px solid #ccc;}
#page_header h1{float:left;}
#header_item_status{font-size:22px;font-weight:bold;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
#header_item_status .item_status > div{margin: 0 10px 0 0;width: 20px;height: 20px;border-radius: 100%;float: left;}

#project_list {margin: 20px 0 0;width: 100%;position:relative;display: grid;grid-template-columns: repeat(4, 1fr);justify-items: center;gap: 20px;}
#project_list .block{min-width:100%;height:240px;position:relative;border: 1px solid #ccc;display: flex;box-sizing: border-box;transition: 0.25s;flex-direction: column;justify-content: space-between;border-radius: 10px;}
#project_list .block:hover{border-color:#e85a00;}
#project_list .block .anchor{padding: 50px 20px 20px;width: 100%;height: 100%;position: absolute;top: 10px;left: 0;font-size: 16px;font-weight: 600;display: block;box-sizing: border-box;}
#project_list .block .updated{position:absolute;bottom:20px;left:20px;font-size:14px;color:#666;transition:0.25s;}
#project_list .project_options{padding:20px;position: absolute;bottom: 0;right: 0;top: auto !important;left: auto !important;width: auto !important;height: auto !important;transition:0.33s;}
#project_list .project_options > span{margin:3px 0;width:3px;height:3px;display:block;background:#ccc;}
/* #project_list .project_options:hover{background:#2584b0;} */
#project_list .project_options_menu li:hover{background:#e1e1e1;}
#project_list .project_options_menu a{display:block;color:#000!important;}
#project_list .project_options_menu a:hover{background:#e1e1e1;}
.project_box{margin:0 2% 0 0;padding:20px;width:22%;float:left;border:1px solid #ccc;border-radius:15px;}
.project_box:nth-of-type(4n+4){margin-left:0;}
#sitemap_upload_con{margin:60px 0 0;width:100%;float:left;text-align:center;border-top:50px solid #e8371f;}
#sitemap_upload_con h3{margin:30px 0 20px;font-size:30px;font-weight:bold;}

#project_list .item_number{padding: 2px 10px;width: 100%;text-align: right;font-size: 12px;color: #666;background: #ebebeb;border-top-left-radius: 10px;border-top-right-radius: 10px;box-sizing: border-box;z-index:9;}
#project_list .page_status{padding: 0 20px;width: 100%;position: absolute;top: 40px;left: 0;color: #000 !important;box-sizing: border-box;border-radius:10px;z-index: 9;transition: 0.33s;}
#project_list .page_status > a{height:10px;position:relative;}
.tooltip{position: absolute;text-align:center;background-color: #333;color: #fff;padding: 5px 10px;border-radius: 5px;font-size: 14px;display: none;pointer-events: none;z-index: 1000;}

#selected_content_options{padding:10px;width:100%;height:60px;position:fixed;bottom:-60px;left:0;background:#e5e5e5;box-sizing:border-box;transition:0.33s;z-index:999;}
#selected_content_options.active{bottom:0;}
/* #selected_content_options .container {display: flex;align-items: center;justify-content: space-between;} */
#selected_content_options .set_status_con{width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);align-items: center;justify-items: end;gap:15px;}
#selected_content_options .set_status_con form {display:flex;align-items:center;gap:15px;width:500px;}
#selected_content_options .set_status_con form select{margin:0;padding:10px;width:200px;box-sizing:border-box;}
#selected_content_options .set_status_con form button{padding: 10px 20px;background: #011838;border:none;font-size: 16px;color: #fff;letter-spacing: 1px;display: inline-block;white-space: nowrap;border-radius: 2px;border-radius: 10px;}
#selected_content_options .set_status_con form button:hover{background: #ff6700;color: #fff;}
.custom-select-wrapper {position: relative;user-select: none;width: 100%;}
.custom-select {position: relative;display: inline-block;width: 100%;}
.custom-select-trigger {display: flex;justify-content: space-between;align-items: center;background-color: #fff;padding: 10px;cursor: pointer;border: 1px solid #ccc;border-radius: 5px;}
.custom-options{position:absolute;display: none;top: 100%;left: 0;right: 0;height: 260px;top: -264px;overflow-y: scroll;background-color: #fff;border: 1px solid #ccc;border-radius: 5px;z-index: 10;}
/* .custom-options{position:relative!important;top:auto!important;} */
.custom-options.show{display:block;}
.custom-option{padding:5px 10px;cursor: pointer;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.custom-option:hover{background-color: #f0f0f0;}
.color-circle {display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin-right: 10px;vertical-align: middle;}

#user_list_con{margin:20px 0 0;opacity:0;}
#user_list_con.active{opacity:1;}
#user_list_con select{width:100%;text-align:left;}

#user_menu{right: 0;}
#header #select_item_status_form{width: 380px;position: absolute;left: 50%;}
#header #select_item_status_form .custom-options{top:auto!important;}

.popout_menu{width: 190px;position: absolute;top: 67px;right: 100px;background: #fff;border-radius: 4px;border: 1px solid #e1e1e1;box-shadow: 0 0 8px rgb(0 0 0 / 18%);display: none;}
.popout_menu ul li{width: 100%;display: block;border-bottom: 1px solid #e1e1e1;box-sizing: border-box;transition: 0.13s;}
.popout_menu ul li a{padding: 14px 20px;display:block;}
.popout_menu ul li a:hover{color:#fff;}
.popout_menu ul li:hover{background:#e8371f;color:#fff!important;}
.popout_menu ul li:hover a{color:#fff;}
.popout_menu ul li:last-of-type{border:none;}
.popout_menu.active{display:block;}
.project_options_menu.popout_menu{top: auto;bottom: -100px;background:#fff;z-index:9999;}

.bbtn{margin:0;display:inline-block;}
.bbtn a {padding: 10px 20px;background: #011838;font-size: 16px;color: #fff;letter-spacing: 1px;display: inline-block;border-radius: 2px;border-radius: 10px;}
.bbtn a:hover{background:#ff6700;color:#fff;}

@media(max-width:1660px){
.container{padding:0 30px;width:100%;box-sizing:border-box;}
}


#content_page_name {padding: 10px 20px;border:solid 1px #ccc;width: 100%;float: left;box-sizing: border-box;}
#toolbar{margin:0 0 40px;padding:7px 0;width:100%;position:fixed;top:157px;left:0;display:flex;align-items: center;background:#fff;border:none;border-bottom:1px solid #ccc;box-sizing:border-box;z-index:9;}
#toolbar .container {padding: 0 30px !important;display: flex;justify-content: space-between;/*flex-direction: row-reverse;*/align-items: center;}
#toolbar .ql-header {margin: 0 10px 0 0;padding: 0px 20px;float: left;font-size: 16px;}
#toolbar .inner{display: flex;flex-wrap: nowrap;align-items: center;}
#toolbar .bbtn {position: relative;float: right;display:none;}
#toolbar .bbtn a{padding:5px 15px;color:#fff;text-decoration:none;}

.text_editors_con{margin:150px auto 20px;width:760px;position:relative;}
.text_editors_con .text_editors_con_inner{margin: 0 0 30px;width: 100%;float: left;position: absolute;top: 0;left: 0;display:none;}
.text_editors_con .text_editors_con_inner.active{display:block;}
.text_editors_con .text_editors_con_inner > div {margin: 0 0 30px !important;position: relative;width: 100%;float: left;}
.text_editors_con .text_editors_con_inner > div:nth-of-type(5){margin: 0 0 110px !important;}
.text_editors_con .text_editors_con_inner > div > h3{margin: 0;padding: 10px 20px;width: 100%;float: left;position:relative;font-size: 18px;border: 1px solid #ccc;border-bottom: none;box-sizing: border-box;background: #f3f3f3;}
.text_editors_con .text_editors_con_inner > div > .editor_options{position:absolute;top:10px;right:10px;display:none;}
/* .text_editors_con ul,.text_editors_con ol{list-style:initial;} */
/* form input[type="text"],form textarea{width:100%;} */
.ql-editor{margin:10px 0 0 0;padding:0 15px;}
.div_as_input {min-height:60px;padding:10px;width: 100%;border: 1px solid #ccc;box-sizing:border-box;overflow-y: hidden;}
#content_meta_tabs {width: 100%;height: 60px;position: fixed;top: 95px;left: 0;border-top: 1px solid #ccc;background:#fff;border-bottom: 1px solid #ccc;display: grid;grid-template-columns: repeat(2, 1fr);justify-items: center;align-items: center;z-index:9;}
#content_meta_tabs > div{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;cursor:pointer;transition:0.33s;}
#content_meta_tabs > div:hover{background:#e5e5e5;}
#content_meta_tabs > div.active{background:#e5e5e5;}
#content_meta_tabs > div:nth-of-type(1){border-right:1px solid #ccc;}
.show_raw_html {padding: 40px;width: 800px;height: 96%;position: fixed;top: 50%;left: 50%;font-family: monospace;display: none;background: #fff;border: 1px solid #ccc;border-radius: 10px;box-sizing: border-box;box-shadow: 0 0 5px rgb(0 0 0 / 20%);transform: translateX(-50%) translateY(-50%);z-index: 999999;}
.show_raw_html.active{display:table;}
.show_raw_html > pre {padding: 30px;background: #f3f3f3;box-sizing: border-box;height: calc(100% - 70px);overflow: auto;white-space: pre-wrap;word-break: break-all;}
.show_raw_html .bbtn {padding: 10px 20px;height:64px;position: absolute;bottom: 0;right: 0;border-top: 1px solid #000;width: 100%;text-align: right;box-sizing: border-box;font-family: sans-serif;}
#autosave_success {position: fixed;top:167px;right: 40px;font-size: 18px;color:#e8371f;font-weight: bold;visibility:hidden;opacity:0;transition: 0.33s;z-index: 9999;}
#autosave_success.active{visibility:visible;opacity:1;}

/* #select_item_status_form{width:300px;position:absolute;top:4px;left:60%;transform:translateX(-50%);} */
#content_info h1,#content_info h2,#content_info h3,#content_info h4,#content_info h5,#content_info p,#content_info ol,#content_info ul{margin:0 0 20px;}
#content_info p{font-size:16px;}
#content_info li{margin:0 0 10px;font-size:16px;}
#content_info h3{font-size: 1.37em;}
#content_info{margin-bottom:110px;}
.warning_color{color:#f00;}
.word_count_con{float:right;font-size:14px;}


.ql-editor li[data-list=bullet]::before{content: '\2022';display: inline-block;margin-left: -1.5em;margin-right: .3em;text-align: right;white-space: nowrap;width: 1.2em;}

.ql-editor ol {
  counter-reset: list-counter; /* Initialize the counter */
  list-style: none; /* Remove default numbering */
  padding-left: 1.5em; /* Adjust indentation */
}

.ql-editor ol li[data-list=ordered] {
  counter-increment: list-counter; /* Increment the counter */
  margin-left: 1.5em;
  position: relative;
}

.ql-editor ol li[data-list=ordered]::before {
  content: counter(list-counter) ". "; /* Display the counter with a dot */
  display: inline-block;margin-left: -1.5em;margin-right: .3em;text-align: right;white-space: nowrap;width: 1.2em;
}
/* .ql-ui{display:none;} */


#revision_container{padding: 30px 50px 100px;width: 700px;max-height:800px;position:fixed;right:-700px;top:210px;background: #fff;box-shadow:0 0 0 rgb(0 0 0 / 25%);box-sizing: border-box;overflow:scroll;transition:0.33s;z-index:5;}
#revision_container.active{right: 0;box-shadow: 0 0 40px rgb(0 0 0 / 20%);}
#revision_container .show_revisions{padding: 15px;width: 110px;position: fixed;display: block;text-align: center;top: 270px;right: -50px;background: #549557;color: #fff;transform: rotateZ(-90deg);cursor: pointer;transition:0.33s;}
#revision_container .show_revisions:hover{background:#81b383;}
#revision_container .show_revisions.active{right:657px;}
#revision_shade{width:100%;height:100%;position:fixed;top:0;left:-100%;background:rgb(0 0 0 / 70%);transition:0.33s;z-index:4;}
#revision_shade.active{left:0;}

@media(max-width:1660px){
#main_content .container,.container{padding:0 30px;width:100%;box-sizing:border-box;}
}
@media(max-width:1400px){
#header #select_item_status_form {width: 250px;left: 60%;}
}
@media(max-width:1200px){
#page_title_con{width: 600px;}
#page_title_con h1{font-size:30px;}
#header #select_item_status_form{left: 66%;}
}
@media(max-width:1100px){

}
@media(max-height:1100px){
#revision_container{max-height:660px;}
}
@media(max-width:800px){
#main_content .container{width:100%;}
}