@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')
root:{
    --color-primary: #ff6600;
}
html {
    font-size: 16px;
}
body {
    font-size: inherit;
    font-family: roboto;
    letter-spacing: 0.5px;
}
*, :after, :before {
    box-sizing: border-box;
}
.subsubsub {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    font-size: 13px;
    float: left;
    color: #646970;
}
.subsubsub li {
    display: inline-block;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.ac_match, .subsubsub a.current {
    color: #000;
}
.subsubsub a.current {
    font-weight: 600;
    border: none;
}
.subsubsub a {
    line-height: 2;
    padding: .2em;
    text-decoration: none;
}
.wrap {
    margin: 10px 20px 0 2px;
}
a, div {
    outline: 0;
}
.subsubsub a .count, .subsubsub a.current .count {
    color: #50575e;
    font-weight: 400;
}
input, select {
    margin: 0 1px;
}
input, textarea {
    font-size: 14px;
}
button, input, select, textarea {
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
.table {
    font-size: 16px;
}
.tablenav {
    clear: both;
    height: 30px;
    margin: 6px 0 4px;
    padding-top: 5px;
    vertical-align: middle;
}
table.fixed {
    table-layout: fixed;
}
.comment-ays, .feature-filter, 
.popular-tags, .stuffbox, 
.widgets-holder-wrap, 
.wp-editor-container, 
p.popular-tags, 
table.widefat {
    background: #fff;
}
#menu-management .menu-edit, 
#menu-settings-column .accordion-container, 
.comment-ays, .feature-filter, 
.manage-menus, .menu-item-handle, 
.popular-tags, .stuffbox, .widget-inside, 
.widget-top, .widgets-holder-wrap, 
.wp-editor-container, p.popular-tags, 
table.widefat {
    border: 1px solid #c3c4c7;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
}
.widefat {
    border-spacing: 0;
    width: 100%;
    clear: both;
    margin: 0;
}
.widefat * {
    word-wrap: break-word;
}
.widefat td, .widefat th {
    color: #50575e;
}
.updates-table tbody td.check-column, .widefat tbody th.check-column, 
.widefat tfoot td.check-column, .widefat thead td.check-column {
    padding: 11px 0 0 3px;
}
.widefat tfoot td.check-column, 
.widefat thead td.check-column {
    padding-top: 0;
    vertical-align: middle;
}
.widefat .check-column {
    width: 2.2em;
    padding: 6px 0 25px;
    vertical-align: top;
}
.widefat tfoot tr td, 
.widefat tfoot tr th, 
.widefat thead tr td, .widefat thead tr th {
    color: #2c3338;
}
.widefat tfoot td, .widefat th, .widefat thead td {
    font-weight: 400;
}
#nav-menu-footer, #nav-menu-header, #your-profile #rich_editing, .checkbox, 
.control-section .accordion-section-title, .menu-item-handle, .postbox .hndle, .side-info, 
.sidebar-name, .stuffbox .hndle, .widefat tfoot td, .widefat tfoot th, .widefat thead td, 
.widefat thead th, .widget .widget-top {
    line-height: 1.4em;
}
.widefat tfoot td, .widefat th, .widefat thead td {
    text-align: left;
    line-height: 1.3em;
    font-size: 14px;
}
.widefat thead td, .widefat thead th {
    border-bottom: 1px solid #c3c4c7;
}
.widefat td, .widefat th {
    color: #50575e;
}
.widefat td, .widefat td ol, .widefat td p, .widefat td ul {
    font-size: 13px;
    line-height: 1.5em;
}
.widefat td {
    vertical-align: top;
}
.widefat td, .widefat th {
    padding: 8px 10px;
}
.check-column {
    position: relative;
}
td {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
.alternate, .striped>tbody>:nth-child(odd), ul.striped>:nth-child(odd) {
    background-color: #f6f7f7;
}
.mac-collapsible, .ui-sortable-handle {
    cursor: grab;
}

.elementor-screen-only, .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible {
    position: absolute;
    top: -10000em;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.postbox .inside h2, .wrap [class$=icon32]+h2, .wrap h1, .wrap>h2:first-child {
    font-size: 23px;
    font-weight: 400;
    margin: 0;
    padding: 9px 0 4px;
    line-height: 1.3;
}
h1 {
    color: #1d2327;
    font-size: 2em;
    margin: .67em 0;
}
.check-column label {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.tablenav .tablenav-pages {
    float: right;
    margin: 0 0 9px;
}
.tablenav .displaying-num {
    margin-right: 7px;
}
.wp-list-table a {
    transition: none;
}
.widefat a, .widefat button.button-link {
    text-decoration: none;
}
a:active, a:hover {
    color: #135e96;
}
.row-title {
    font-size: 14px !important;
    font-weight: 600;
}
.updates-table td input, .widefat tfoot td input, .widefat th input, .widefat thead td input {
    margin: 0 0 0 8px;
    padding: 0;
    vertical-align: text-top;
}
.wp-admin p input[type=checkbox], .wp-admin p input[type=radio], td>input[type=checkbox] {
    margin-top: 0;
}
.check-column input {
    position: relative;
    z-index: 1;
}
input[type=checkbox], input[type=radio] {
    border: 1px solid #8c8f94;
    border-radius: 4px;
    background: #fff;
    color: #50575e;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 1rem;
    margin: -.25rem .25rem 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 1rem;
    min-width: 1rem;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    transition: .05s border-color ease-in-out;
}
/*! This file is auto-generated */
button,input,select,textarea {
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

input,textarea {
    font-size: 14px
}

textarea {
    overflow: auto;
    padding: 2px 6px;
    line-height: 1.42857143;
    resize: vertical
}

input,select {
    margin: 0 1px
}

textarea.code {
    padding: 4px 6px 1px
}

input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea {
    box-shadow: 0 0 0 transparent;
    border-radius: 4px;
    border: 1px solid #8c8f94;
    background-color: #fff;
    color: #2c3338
}

input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week] {
    padding: 0 8px;
    line-height: 2;
    min-height: 30px
}

::-webkit-datetime-edit {
    line-height: 1.85714286
}

input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus {
    border-color: #2271b1;
    box-shadow: 0 0 0 1px #2271b1;
    outline: 2px solid transparent
}

input[type=email],input[type=url] {
    direction: ltr
}


input[type=radio]:checked+label:before {
    color: #8c8f94
}

.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:hover {
    color: #135e96
}

.wp-admin p input[type=checkbox],.wp-admin p input[type=radio],td>input[type=checkbox] {
    margin-top: 0
}

.wp-admin p label input[type=checkbox] {
    margin-top: -4px
}

.wp-admin p label input[type=radio] {
    margin-top: -2px
}

input[type=radio] {
    border-radius: 50%;
    margin-right: .25rem;
    line-height: .71428571
}

input[type=checkbox]:checked::before,input[type=radio]:checked::before {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

input[type=checkbox]:checked::before {
    content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E");
    margin: -.1875rem 0 0 -.25rem;
    height: 1.3125rem;
    width: 1.3125rem
}

input[type=radio]:checked::before {
    content: "";
    border-radius: 50%;
    width: .5rem;
    height: .5rem;
    margin: .1875rem;
    background-color: #3582c4;
    line-height: 1.14285714
}

@-moz-document url-prefix() {
    .form-table input.tog,input[type=checkbox],input[type=radio] {
        margin-bottom: -1px
    }
}

input[type=search] {
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-decoration {
    display: none
}

.wp-admin input[type=file] {
    padding: 3px 0;
    cursor: pointer
}

input.readonly,input[readonly],textarea.readonly,textarea[readonly] {
    background-color: #f0f0f1
}

::-webkit-input-placeholder {
    color: #646970
}

::-moz-placeholder {
    color: #646970;
    opacity: 1
}

:-ms-input-placeholder {
    color: #646970
}

.form-invalid .form-required,.form-invalid .form-required:focus,.form-invalid.form-required input,.form-invalid.form-required input:focus,.form-invalid.form-required select,.form-invalid.form-required select:focus {
    border-color: #d63638!important;
    box-shadow: 0 0 2px rgba(214,54,56,.8)
}

.form-table .form-required.form-invalid td:after {
    content: "\f534";
    font: normal 20px/1 dashicons;
    color: #d63638;
    margin-left: -25px;
    vertical-align: middle
}

.form-table .form-required.user-pass1-wrap.form-invalid td:after {
    content: ""
}

.form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after {
    content: "\f534";
    font: normal 20px/1 dashicons;
    color: #d63638;
    margin: 0 6px 0 -29px;
    vertical-align: middle
}

.form-input-tip {
    color: #646970
}

input.disabled,input:disabled,select.disabled,select:disabled,textarea.disabled,textarea:disabled {
    background: rgba(255,255,255,.5);
    border-color: rgba(220,220,222,.75);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.04);
    color: rgba(44,51,56,.5)
}

input[type=file].disabled,input[type=file]:disabled,input[type=file][aria-disabled=true],input[type=range].disabled,input[type=range]:disabled,input[type=range][aria-disabled=true] {
    background: 0 0;
    box-shadow: none;
    cursor: default
}

input[type=checkbox].disabled,input[type=checkbox].disabled:checked:before,input[type=checkbox]:disabled,input[type=checkbox]:disabled:checked:before,input[type=checkbox][aria-disabled=true],input[type=radio].disabled,input[type=radio].disabled:checked:before,input[type=radio]:disabled,input[type=radio]:disabled:checked:before,input[type=radio][aria-disabled=true] {
    opacity: .7;
    cursor: default
}

.wp-core-ui select {
    font-size: 14px;
    line-height: 2;
    color: #2c3338;
    border-color: #8c8f94;
    box-shadow: none;
    border-radius: 3px;
    padding: 0 24px 0 8px;
    min-height: 30px;
    max-width: 25rem;
    -webkit-appearance: none;
    background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
    background-size: 16px 16px;
    cursor: pointer;
    vertical-align: middle
}

/* domain-list-table  */
.domain-list-table .status span {
	padding: 5px 20px;
	background-color: #666;
	color: #fff;
	font-size: 16px;
	line-height: 1em;
	display: inline-block;
	border-radius: 5px;
	border: 1px solid rgb(62 24 24);
}
.domain-list-table .status.activate span {
	background-color: green;
}
.domain-list-table .status.pending span {
	background-color: yellow;
	color: #000;
	border: 1px solid rgba(0,0,0,0.7);
}
.domain-list-table .status.deactivate span {
	background-color: red;
}

/* table style detail */



/* Css Admin
-- coder LTP MAC 
----------------------------------*/
:root {
    --color-primary: #ff6600;
    --color-border: rgba(0,0,0,0.1);
}
.page-settings-wrap .mac-dashboard .postbox  {
    width: 100%;
}
.form-add-settings-menu {
    margin-top: 40px;
}
.mac-dashboard {
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}
.mac-dashboard .postbox {
    border: none;
    background-color: #efefef;
    border-radius: 5px;
    padding: 20px;
}
button {
    cursor: pointer;
}
.page-item button {
    margin-top: 0;
}
.form-list-page {
    display: flex;
    gap: 40px;
}
#check-pages,
#add-page {
    width: 200px;
}
.mac-dashboard .postbox-header h2 {
    font-size: 18px !important;
    font-weight: 700;
}
.mac-dashboard .postbox-header {
    padding: 10px 20px;
    background: #fff;
    border-radius: 5px;
    border: none;
}
.mac-dashboard .inside {
    padding: 10px 20px;
    background: #fff;
    border-radius: 5px;
    border: none;
    margin-top: 15px !important;
}
#post-body.columns-2 #postbox-container-1 {
    width: 290px !important;
    margin-left: 10px !important;
}
#post-body.columns-2 #postbox-container-1 > .postbox {
    position: sticky;
    top: 30px;
}
.mac-collapsible,
.ui-sortable-handle {
    cursor: grab;
}
.mac-collapsible:active,
.ui-sortable-handle:active {
    cursor: grabbing;
}
/**/
.form-table {
    display: inline-table;
    width: 100%;
}
.inside > .form-table > tbody > tr > td {
    padding: 15px 0 !important;
}
.form-repeater,
.form-repeater-child {
    margin-top: 20px;
}

.form-repeater div[data-repeater-item],
.form-repeater-child div[data-repeater-item] {
    margin-bottom: 10px;
    /* padding: 10px; */
    border: 1px solid #ddd;
    background-color: #f9f9f9;
}

.form-repeater div[data-repeater-item] label,
.form-repeater-child div[data-repeater-item] label {
    display: block;
    margin-bottom: 5px;
}

.form-repeater input[type="button"],
.form-repeater-child input[type="button"] {
    margin-top: 10px;
}
.form-repeater {
    background-color: #f1f1f1;
    border-radius: 15px;
    padding: 20px;
}

.mac-first-item-hidden:first-child {
    visibility: hidden;
    opacity: 0;
    height: 0;
    padding: 0 !important;
    margin: 0 !important;
    border: none;
}
.form-table > tbody > tr > td:nth-child(2) {
    width: 70%;
}
/* child cat */
.mac-list-cat-child {
    padding: 20px;
}
.mac-list-cat-child > .list-item {
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
}
.mac-list-cat-child > .list-item:not(:last-child) {
    margin-bottom: 25px;
}
.mac-list-heading {
    padding: 10px 20px;
    /*border-bottom: 1px solid rgba(0,0,0,0.1);*/
    position: relative;
}

.mac-list-heading .mac-heading-title {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin: 0;
    min-height: 20px;
    padding: 0 135px;
}
.mac-list-heading .mac-heading-button {
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    top: 10px;
    right: 0;
}
.mac-list-cat-child > .list-item {
    position: relative;
}
.mac-list-heading:has(.input[data-repeater-duplicate]:hover),
.mac-list-heading:has(.input[data-repeater-delete]:hover),
.mac-list-heading:has(.btn-delete-cat-menu:hover) {
    pointer-events: none;
    cursor: pointer;
}
.form-table input {
    font-size: 16px;
}
input[data-repeater-duplicate],
input[data-repeater-delete] {
    pointer-events: all;
    position: absolute;
    z-index: 1;
    top: 17px;
    left: 10px;
    margin-top: 0;
    padding: 5px 20px !important;
}
input[data-repeater-duplicate],
input[data-repeater-delete] {
    top: 5px;
    left: 5px;
}

input[data-repeater-duplicate]{
    left: 95px;
}
input[data-repeater-duplicate],
input[data-repeater-delete] {
    z-index: 2;
    margin-top: 0 !important;
}
.mac-list-heading,
.mac-list-cat-child .mac-list-heading {
    z-index: 1;
}
.mac-list-cat-child .btn-delete-cat-menu {
    border: 1px solid #dcdcdc;
    z-index: 2;
}
.mac-list-cat-child .btn-clone-cat-menu,
.mac-list-cat-child .btn-edit-cat-menu {
    position: absolute;
    background-color: #efefef;
    border: 1px solid #dcdcdc;
    padding: 7px 20px;
    font-size: 13px;
    letter-spacing: 1px;
    left: 100px;
    text-decoration: none;
    color: #222;
    height: 15px;
    display: flex;
    align-items: center;
    border-radius: 2px;
    z-index: 2;
}
.mac-list-cat-child .btn-clone-cat-menu:hover,
.mac-list-cat-child .btn-edit-cat-menu:hover {
    background-color: var(--color-primary);
    color: #fff;
    outline: none;
}
.mac-list-cat-child .btn-clone-cat-menu {
    right: 30px;
    left: auto;
}
input[data-repeater-create],
input[data-repeater-duplicate]:hover,
input[data-repeater-delete]:hover,
.mac-list-cat-child .btn-delete-cat-menu:hover {
    background-color: var(--color-primary);
    color: #fff;
    outline: none;
    border-color: var(--color-primary);
    border-style: solid;
    cursor: pointer;
    border-radius: 2px;
}
input[data-repeater-create] {
    background-color: var(--color-primary) !important;
    padding: 10px 25px !important;
    border-radius: 7px;
}
input[data-repeater-create]:hover {
    opacity: 0.7;
}
.form-repeater .mac-list-heading .mac-heading-button {
    top: 8px;
    right: 0px;
}
.form-repeater .mac-list-heading {
    padding: 10px 20px;
}
.mac-list-heading .mac-heading-button span:nth-child(2) {
    width: 0;
    opacity: 0;
    visibility: hidden;
}
.mac-list-heading.collapsible-show .mac-heading-button span {
    display: inline-block;
    cursor: pointer;
}
.mac-list-heading.collapsible-show .mac-heading-button span:nth-child(1) {
    width: 0;
    opacity: 0;
    visibility: hidden;
}
.mac-list-heading.collapsible-show .mac-heading-button span:nth-child(2) {
    width: 20px;
    opacity: 1;
    visibility: visible;
}

.form-table-child {
    border-collapse: collapse;
    margin-top: .5em;
    width: 100%;
    clear: both;
    border-top: 1px solid rgba(0,0,0,0.1);
}
.form-table-child td {
    margin-bottom: 9px;
    padding: 15px 10px;
    line-height: 1.3;
    vertical-align: middle;
}
.mac-list-cat-child .list-child-item {
    margin-bottom: 10px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
}
.list-child-item .mac-heading-title {
    font-size: 14px;
    font-weight: 500;
}
.form-table-child .list-child-item .mac-list-heading {
    padding:0;
}
.form-table-child .list-child-item .mac-heading-title {
    padding: 0;
}
.form-table-child .list-child-item .mac-heading-title a {
    color: #222;
    text-decoration: none;
    display: block;
    padding: 7px 20px;
}
.form-table-child tbody > tr > td:nth-child(1) {
    width: 35%;
}
.form-repeater .repater-item-wrap {
    position: relative;
}
.form-repeater > .repeater-list-item > div,
.form-repeater .repater-item-wrap,
.mac-list-cat-child > .list-item {
    border-radius: 7px;
}
.form-repeater .repater-item-wrap .content > *:not(input[type="checkbox"]) {
    width: 100%;
}
.form-repeater .repater-item-wrap > .mac-collapsible + .content,
.mac-list-cat-child > .list-item .form-table-child,
.mac-list-cat-child > .list-item .form-table {
    height: 0;
    visibility: hidden;
    opacity: 0;
    display: block;
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s all ease;
    margin: 0;
}
.form-repeater .repater-item-wrap > .mac-collapsible:not(.collapsible-show) + .content {
    display: none;
}
.form-repeater .repater-item-wrap > .mac-collapsible + .content {
    padding: 0 20px;
}
.form-repeater .repater-item-wrap > .mac-collapsible.collapsible-show + .content {
    padding: 20px;
}
.form-repeater .repater-item-wrap > .mac-collapsible.collapsible-show + .content,
.mac-list-cat-child > .list-item .mac-list-heading.collapsible-show + .form-table + .form-table-child,
.mac-list-cat-child > .list-item .mac-list-heading.collapsible-show + .form-table {
    height: 100%;
    visibility: visible;
    opacity: 1;
    display: unset;
    background-color: #fff;
}
.mac-list-cat-child > .list-item .mac-list-heading.collapsible-show + .form-table + .form-table-child,
.mac-list-cat-child > .list-item .mac-list-heading.collapsible-show + .form-table {
    display: inline-table;
}
.form-repeater .repater-item-wrap > .mac-collapsible.collapsible-show + .content {
    display: block;
    box-shadow: 0 -1px 0 rgba(0,0,0,0.1);
    padding-top: 25px;
}
.form-repeater .repater-item-wrap .content label {
    margin-bottom: 15px;
}
.form-repeater .repater-item-wrap .content > label:not(:first-child) {
    border-top: 1px solid rgba(0,0,0,0.1);
    margin-top: 30px;
    padding-top: 30px;
}
.form-repeater textarea {
    height: 100px;
}
.form-repeater-child .repeater-list-item {
    display: flex;
    flex-wrap: wrap;
}
.repeater-list-item[data-repeater-list="price-list"] input {
    width: calc(100% - 15px);
}
.form-repeater-child .repeater-list-item > * {
    width: calc( (100% / 3 ) - 40px );
    border: none !important;
    background-color: transparent !important;
}
.mac-list-cat-child .mac-list-heading {
    padding: 15px 20px;
}
.mac-list-cat-child .btn-clone-cat-menu,
.mac-list-cat-child .btn-edit-cat-menu,
.mac-list-cat-child .btn-delete-cat-menu {
    top: 12px;
}
.mac-list-cat-child .mac-heading-button {
    top: 12px;
}
.mac-list-cat-child .list-item > .collapsible-show {
    border-bottom: 1px solid var(--color-border);
    margin-bottom: 20px;
}
option[class ^='child-cat-'] {
    display: flex;
}
option[class ^='child-cat-'] span {
    order: -1;
    width: 20px;
    height: 2px;
}
/**/


/**/
.data_table tr {
    display: flex;
}
.data_table td {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.data_table td input,
.data_table td lable {
    width: 100%;
}
.data_table td lable {
    margin-bottom: 10px;
}

 /* Styles for the dialog */
.confirm-dialog {
    display: none; /* Ẩn đi mặc định */
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    border-radius: 5px;
}
.confirm-dialog .btn-wrap {
    display: flex;
    align-items: center;
}
.confirm-dialog .btn-wrap > div {
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 5px;
    background-color: #fff;
    color: #222;
    cursor: pointer;
    font-size: 12px;
    padding: 5px 15px;
}
.confirm-dialog p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7;
    margin-top: 0;
    position: relative;
    padding-bottom: 13px;
}
.confirm-dialog p:before {
    position: absolute;
    content: "";
    height: 3px;
    width: 70px;
    background-color: var(--color-primary);
    left: 0;
    bottom: 0;
}
.confirm-dialog input {
    height: 0;
}
.confirm-dialog .btn-wrap > div:not(:last-child) {
    margin-right: 10px;
}
.confirm-dialog .btn-wrap > div:hover {
    background-color: var(--color-primary);
    color: #fff;
}
.confirm-dialog button {
    margin: 5px;
}
.overlay {
    display: none; /* Ẩn đi mặc định */
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 500;
}
.form-table > tbody > tr:not(:last-child) {
    border-bottom:  1px solid var(--color-border);
}
.form-table select {
    padding: 7px 25px;
}
.form-table select,
.form-table select:hover,
.form-table select:focus {
    border: 1px solid #dcdcdc;
    color: #222;
    box-shadow: none;
}
.form-table tbody textarea,
.form-table tbody input {
    background: #f1f1f1;
    border: 1px solid #dcdcdc;
    padding: 10px 15px;
    border-radius: 3px;
    width: 100%;
}
.form-table tbody textarea:focus,
.form-table tbody input:focus {
    border: 1px solid #ff660066;
    outline: none;
    box-shadow: none;
}
.remove_media_button,
.add_media_button {
    padding: 13px 20px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid var(--color-border);
    border-radius: 3px;
}
.remove_media_button:hover,
.add_media_button:hover {
    border-color: transparent;
    outline: none;
    box-shadow: none;
    color: #fff;
    background-color: var(--color-primary);
}
.mac-add-media {
    display: flex;
    flex-direction: row;
    align-items: end;
}
/* mac-switcher-wrap */
.mac-switcher-wrap {
    cursor: pointer;
    width: 50px !important;
    height: 20px;
    border-radius: 20px;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    padding: 5px 10px;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    justify-content: space-between;
    transition: 0.5s all ease;
}

.mac-switcher-wrap input {
    display: none;
}
.mac-switcher-wrap:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
    margin-right: 5px;
    position: absolute;
    left: 59%;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.5s all ease;
}
.mac-switcher-wrap.active {
    background: var(--color-primary);
}

.mac-switcher-wrap:not(.active):before {
    left: 2%;
    right: unset;
}

.mac-switcher-wrap span {
    flex: 1;
    font-size: 12px;
    font-weight: 600;
}
.mac-switcher-wrap .mac-switcher-true {
    color: #fff;
}
.mac-switcher-wrap .mac-switcher-false {
    text-align: right;
}
#post-body-content {
    flex: 1;
}
/* #post-body-content:has(.postbox:not(.sub-category-list) .mac-is-table.active) .sub-category-list {
    display: none;
}
.mac-list-cat-child > .list-item:has(.form-table-child) .mac-is-table,
#post-body-content:has(.mac-list-cat-child .list-item ) .postbox:not(.sub-category-list) .mac-is-table {
    pointer-events: none;
    cursor: default;
    background-color: #efefef;
}
.mac-list-cat-child > .list-item:has(.form-table-child) .mac-switcher-wrap:before,
#post-body-content:has(.mac-list-cat-child .list-item ) .postbox:not(.sub-category-list) .mac-switcher-wrap:before {
    background-color: #efefef;
} */
/* .gallery */
.mac-gallery-list {
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
}
.mac-gallery-list > * {
    width: calc(100% / 4);
}
.mac-gallery-list .image-preview {
    position: relative;
    padding-top: 15%;
}
.mac-gallery-list .image-preview img {
    position: absolute;
    width: calc(100% - 10px);
    max-width: 100% !important;
    height: calc(100% - 10px);
    object-fit: cover;
    top: 10px;
    left: 0;
}
.mac-gallery-list .image-preview .remove-img-button{
    position: absolute;
    width: 20px;
    height: 20px;
    background: red;
    border-radius: 100%;
    top: 5px;
    right: 5px;
    color: #fff;
    display: flex;
    opacity: 0;
    transition: 0.3s all ease;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font: 10px;
    cursor: pointer;
}
.gallery .image-preview:hover .remove-img-button{
    opacity: 1;
}
.upload-gallery-button {
    padding: 10px 20px;
    border: 1px solid var(--color-border);
    border-radius: 3px;
    cursor: pointer;
}
.upload-gallery-button:hover {
    background-color: var(--color-primary);
    color: #fff;
}
/**/

/*** Page Settings */
.btn-delete-menu {
    margin-top: 15px;
    display: block;
    background-color: var(--color-primary) !important;
    color: #fff;
    border: none !important;
    padding: 7px 25px !important;
    border-radius: 5px;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    cursor: pointer;
}
.mac-btn-save-chages {
    margin-top: 15px;
    display: block;
    background-color: #2271b1 !important;
    color: #fff !important;
    border: none !important;
    padding: 15px 25px !important;
    border-radius: 5px;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    min-height: 0 !important;
    line-height: 1em !important;

}

.mac-btn-save-chages:hover {
    background-color: var(--color-primary) !important;
}
.form-settings-page {
    min-width: 576px;
}
.form-settings-page > tbody > tr td {
    padding-top: 15px;
    padding-bottom: 15px;
}
.form-repeater > .repeater-list-item > div[data-repeater-item]:first-child {
    display: none;
}
.mac-dashboard .mac-menu-custom-wp-editor .tmce-active textarea.wp-editor-area {
    color: #222 !important;
}
/* build css */
body {
    margin: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.flex-auto {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
}
header,footer {
    background-color: #222;
    color: rgba(255,255,255,0.8);
    padding:15px;
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
header h1,
header h1 a:hover,
header h1 a {
    color: rgba(255,255,255,0.9);
    text-decoration: none;
}
header h1 {
    margin: 0;
}
.mac-logo-header img {
    max-width: 120px;
}
.home-page > .content > .bottom a {
    background-color: var(--color-primary);
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    margin-top: 15px;
    display: block;
    border-radius: 7px;
}
.home-page > .content > .bottom a:hover {
    background-color: #222;
}
footer{
    text-align: right;
}
.body-wrap {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.btn {
    padding: 5px 20px;
    background-color: var(--color-primary);
    color: rgba(255,255,255,0.8);
    display: inline-block;
    font-weight: 500;
}
.btn:hover {
    background-color: #222;
    color: rgba(255,255,255,0.8);
}
.btn-back {
    text-decoration: none;;
}
.admin-menu {
    list-style: none;
    padding-left: 0;
}
.admin-menu li a,
.admin-menu li {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}
.admin-menu li:hover a,
.admin-menu li:hover {
    color: var(--color-primary);
}
.admin-menu li:not(:last-child) {
    margin-bottom: 7px;
}
/* =============
admin-dashboard
============= */
main .admin-dashboard,
main .admin-dashboard .row-wrap {
    height: 100%;
}
main {
    flex: 1;
}
.admin-dashboard .row-left {
    width: 300px;
    background-color: #222;
    color: rgba(255,255,255,0.8);
}
.admin-dashboard .row-left,
.admin-dashboard .row-right {
    padding: 20px;
}
.search-domains-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.search-domains-wrap input {
    font-size: 18px;
    padding: 7px 15px;
    line-height: 1.1em;
}
.search-domains-wrap input[type="text"] {
    padding: 8px 15px;
}
.search-domains-wrap input[type="submit"] {
   color: rgba(255,255,255,0.8);
   background-color: var(--color-primary);
   border-color: var(--color-primary);
   box-shadow: none;
   outline: none;
   inline: none;
}
input[type="submit"] {
    cursor: pointer;
}
.autocomplete-suggestions {
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    z-index: 999;
    background-color: white;
}
.autocomplete-suggestion {
    padding: 10px;
    cursor: pointer;
}
.autocomplete-suggestion:hover {
    background-color: #f0f0f0;
}

/* =============
admin-box
============= */
header .admin-box-wrap {
    display: flex;
    justify-content: flex-end;
}
.admin-box {
    display: flex;
    align-items: center;
    position: relative;
}
.admin-box .admin-avatar img {
    width: 32px;
    height: 32px;
    border-radius: 100%;
}
.admin-box .admin-avatar {
    margin-left: 10px;
}
.admin-box .admin-text {
    order: -1;
}
.admin-sub-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 200px;
    position: absolute;
    top: calc(100% - 10px );
    opacity: 0;
    visibility: hidden;
    right: 0;
    transition: 0.3s all ease;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    padding: 20px 0;
    border-radius: 5px;
}
.admin-box:hover .admin-sub-wrapper {
    opacity: 1;
    visibility: visible;
    background-color: #fff;
}
.admin-sub-wrapper > a {
    display: block;
    padding: 7px 20px;
    text-align: center;
    width: 100%;
}
.admin-sub-wrapper > a:not(:last-child) {
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
/* =============
page-login
============= */

.page-login {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.login-wrap {
    width: 375px;
    display: flex;
    flex-direction: column;
    padding: 30px;
    border-radius: 30px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.login-wrap h1 {
    margin-top: 0;
}
.content-login form label {
    font-weight: 700;
    font-size: 18px;
}
.content-login form > input {
    margin-top: 10px;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    padding: 5px 20px;
    font-size: 18px;
}
.content-login input[type="submit"] {
    cursor: pointer;
    padding: 10px 20px;
    background-color: var(--color-primary);
    border-radius: 10px;
    border: none;
    color: rgba(255,255,255,0.8);
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
}
/*.js-copy-key {
    pointer-events: none;
}
.js-copy-key td:not(.disable-js-click) {
    pointer-events: auto;
}*/

/**/
.background-svg.home-page {
    background-image: url('../images/background.jpg');
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.background-svg .logo {
    background: #333;
    text-align: center;
    padding: 30px;
    border-radius: 7px;
}
.background-svg .logo img {
    max-width: 250px;
}
.home-page .content {
    max-width: 576px;
    display: flex;
    flex-direction: column;
    padding: 30px;
    background-color: rgba(255,255,255,0.8);
    text-align: center;
    border: 5px solid;
    border-radius: 25px;
}
.home-page h1 {
    text-transform: uppercase;
}
.home-page .text {
    color: rgba(0,0,0,0.7);
}
.box-page-admin {
    background-color: #e2e4e6;
}
.box-page-admin .wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0px;
}
/*margin & padding*/
.m-b-5 {
    margin-bottom: 5px;
}
.m-b-10 {
    margin-bottom: 10px;
}
.m-b-15 {
    margin-bottom: 15px;
}
.m-b-20 {
    margin-bottom: 20px;
}
/* page check web*/
.box-check-web {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}
.box-check-web .box-head {
    display: flex;  
}
.box-check-web .box-head > a,
.box-check-web .box-head .auto-domain-check {
    font-size: 14px;
    padding: 10px 20px;
}
.box-check-web .box-head .auto-domain-check {
    background-color: var(--color-primary);
    color: #fff;
}
.box-check-web .box-content {
    flex: 1;
    background-color: #fff;
    padding: 25px;
}
/* page dashboard */ 
.box-list-domain {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.box-list-domain .box-head {
    display: flex;
}
.box-list-domain .box-head > a {
    font-size: 14px;
    padding: 10px 20px;
}
#select-all-domains {
    margin-left: 0;
}
th:has(#select-all-domains) {
    width: 25px;
}
/* detail.php */
.assign-user-form button[type="submit"] {
    margin-top: 0;
    padding: 8px 15px;
}

.bug-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.bug-item {
    margin-bottom: 20px;
}
.image-paste-area {
    border-style: dashed;
    border-width: 1px;
    border-color: var(--color-primary);
    padding: 10px;
    border-radius: 5px;
}
.image-paste-area img {
    max-width: 100%;
    height: auto;
}
.image-paste-area img:hover {
    cursor: zoom-in;
}
.form-group {
    display: flex;
    align-items: center;
    gap: 10px;
}
.form-group button {
    margin-top: 0;
}
#check-pages {
    background-color: var(--color-primary);
    color: #fff;
    border: none;
    padding: 5px 20px;
    border-radius: 5px;
}
#check-pages:hover {
    background-color: #222;
}
.status-publish .status span {
    padding: 5px 15px;
    border: 1px solid rgba(0, 0, 0, .1);
    background-color: #8c8f94;
    border-radius: 10px;
    min-width: 100px;
    text-align: center;
    display: inline-block;
}
.status.deactivate span {
    background-color: #d63638;
    color: #fff;
}
.status.activate span {
    background-color: #35b400;
    color: #fff;
}
.status.pending span {
    background-color: #f2e718;
}
#check-pages:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.box-detail-domain-page {
    display: flex;
    flex-direction: row;
    gap: 40x;
}
.box-detail-domain-page .box-left {
    width: 70%;
}
.box-detail-domain-page .box-right {
    width: 30%;
    border-left: 1px solid var(--color-border);
    padding-left: 20px;
}
.bug-count-box {
    margin-top: 20px;
}