HEX
Server: nginx/1.24.0
System: Linux localhost 5.15.0-46-generic #49-Ubuntu SMP Thu Aug 4 18:03:25 UTC 2022 x86_64
User: www (1000)
PHP: 8.3.27
Disabled: passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv
Upload Files
File: /www/wwwroot/bientansht.com/wp-content/themes/k-tech/admin/assets/admin-fe.css
:root {
  --main: #1d2327;

  --frame: #EA2427;
  --solid: #ddd;

  --white: #fff;
  --backgr: #f1f1f1;

  --main-color: #22297a;
}

:focus {
  box-shadow: none !important;
}

#collapse-menu {
  display: none;
}

#wpadminbar {
  background: var(--main) !important;
}

#adminmenu {
  display: flex;
  flex-direction: column;
}

#adminmenu .my-profile {
  order: -1;
}

#adminmenu,
#adminmenu .wp-submenu,
#adminmenuback,
#adminmenuwrap {
  background-color: var(--main) !important;
}

.php-error #adminmenuback,
.php-error #adminmenuwrap {
  margin-top: 0em !important;
}

#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-menu-arrow,
#adminmenu .wp-menu-arrow div,
#adminmenu li.current a.menu-top,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu {
  background: var(--frame);
  color: #fff;
}

#wpadminbar a img {
  height: 1.8rem;
  width: 1.8rem;
}

#wpadminbar #wp-admin-bar-wp-logo>.ab-item {
  display: flex;
  align-items: center;
}

/* #wp-admin-bar-wp-logo {
        min-width: 3rem;
    } */
#wpadminbar .ab-top-menu>li.hover>.ab-item,
#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item {
  color: var(--frame);
}

#adminmenu li.menu-top:hover {
  color: var(--frame);
  background-color: unset;
}

#adminmenu .wp-menu-separator {
  display: none;
}

#adminmenu {
  margin-top: 0;
}

.wp-menu-name {
  font-size: 15px;
}



.wp-menu-overview-profile .wp-menu-image.dashicons-before {
  display: none !important;
}

.wp-menu-overview-profile .wp-menu-name {
  padding: 0 !important;
}

.wp-menu-overview-profile .overview-profile-logo img {
  width: 100%;
  height: 100%;
}

.overview-profile-logo {
  border-radius: 6px;
  margin: 1rem;
  background: var(--main);
  padding: 1rem;
}

#adminmenu a.wp-menu-overview-profile:focus,
#adminmenu a.wp-menu-overview-profile:hover {
  box-shadow: unset !important;
}

.overview-profile-title {
  width: 100%;
  text-align: center;
  margin: -0.5rem 0 0rem;
  font-size: 13px;
  font-weight: 400;
  line-height: 2;
}

.overview-profile-action {
  display: flex;
  height: 100%;
  flex-wrap: nowrap;
  margin-bottom: 5px;
  gap: 0.5rem;
  justify-content: center;
}

.overview-profile-action>* {
  width: max-content;
}

.overview-profile-action>* {
  width: 25%;
}

.overview-profile-action>* img {
  margin: auto;
  display: block;
  transition: 0.4s all;
  border: 1px solid transparent;
  width: 1rem;
  height: 1rem;
  padding: 0.3rem;
}

.user-admin-color-wrap {
  display: none !important;
}

/* .monaRedirectAdmin {
      cursor: pointer;
  }
  
  .monaRedirectAdmin:hover img {
      background-color: #cacaca !important;
      border-radius: 100rem;
      border: 1px solid #fff;
  } */

#wp-admin-bar-top-secondary {
  display: none !important;
}

.wp-menu-overview-profile {
  cursor: unset !important;
}

#update-nag,
.update-nag {
  border-radius: 6px;
}

.media-frame.mode-grid .media-toolbar {
  border-radius: 6px;
}

.wrap .wp-heading-inline+.page-title-action {
  border-radius: 6px;
}

.view-switch a.current:before {
  color: var(--frame);
}

.notice,
div.error,
div.updated {
  border-radius: 6px;
}

.edit-post-fullscreen-mode-close.components-button .edit-post-fullscreen-mode-close_site-icon {
  filter: brightness(0) invert(1);
}

#available-widgets .widget .widget-top,
#widgets-right .widget-top {
  border-radius: 0 0px 6px 6px;
}

#available-widgets .widget .widget-top::before,
#widgets-right .widget-top::before {
  content: "";
  background: linear-gradient(to left, var(--frame) 44%, #a6cbd7ba);
  position: absolute;
  width: 100%;
  height: 4px;
  top: -4px;
  border-radius: 6px 6px 0px 0px;
  left: 0;
}

.box-field-item.render-item img {
  background: #00000069;
  width: 2.4rem !important;
  height: 2.4rem !important;
  padding: 1rem;
  display: block;
  margin: 0rem auto 1rem;
}

.postbox {
  border-radius: 6px;
}

.wp-core-ui .button-primary {
  background: var(--frame);
  border-color: var(--frame);
}

.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary.hover,
.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary:hover {
  background: var(--main);
  border-color: var(--main);
}

#menu-management .menu-edit,
#menu-settings-column .accordion-container,
.comment-ays,
.feature-filter,
.imgedit-group,
.manage-menus,
.menu-item-handle,
.popular-tags,
.stuffbox,
.widget-inside,
.widget-top,
.widgets-holder-wrap,
.wp-editor-container,
p.popular-tags {
  border-radius: 6px;
}

/* div#wpfooter {
        display: none;
    } */
.wrap .add-new-h2,
.wrap .add-new-h2:active,
.wrap .page-title-action,
.wrap .page-title-action:active {
  border-radius: 6px;
}

table.wp-list-table td.column-thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

table.wp-list-table .column-name {
  width: 30% !important;
}

.acf-admin-page .acf-notice,
.acf-admin-page .notice,
.acf-admin-page #lost-connection-notice {
  max-width: 100% !important;
}

.customize-control .attachment-media-view .thumbnail {
  background-color: rgb(0 0 0 / 30%);
  padding: 1.2rem 1.8rem;
}

#customize-controls .control-section .accordion-section-title:focus,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section:hover>.accordion-section-title {
  color: var(--frame);
  background: #f6f7f7;
  border-left-color: var(--frame);
}

.customize-panel-back:focus,
.customize-panel-back:hover,
.customize-section-back:focus,
.customize-section-back:hover {
  color: var(--frame);
  background: #f6f7f7;
  border-left-color: var(--frame);
  box-shadow: none;
  outline: 2px solid transparent;
  outline-offset: -2px;
}

#customize-outer-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section:hover>.accordion-section-title:after {
  color: var(--frame);
}

#customize-theme-controls .control-panel-themes {
  border-bottom: none;
  display: none;
}

#customize-controls .customize-info {
  margin-bottom: 0;
}

.wp-core-ui .button,
.wp-core-ui .button-secondary {
  transition: 0.4s all;
}

/* a {
      color: var(--main);
  } */

/* a:active,
  a:hover {
      color: var(--frame);
  } */

.wp-core-ui .button-link {
  color: var(--frame);
}

.wp-core-ui .button-link:active,
.wp-core-ui .button-link:hover {
  color: var(--main);
}

.wp-admin #wpadminbar #wp-admin-bar-site-name>.ab-item:before {
  content: "";
}

#wpadminbar .ab-top-menu>.menupop>.ab-sub-wrapper {
  display: none;
}

#footer-upgrade {
  display: none;
}

.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.hover,
.wp-core-ui .button:hover {
  background: unset;
  border-color: var(--main);
  color: var(--main);
}

ul#adminmenu a.wp-has-current-submenu:after,
ul#adminmenu>li.current>a.current:after {
  display: none;
}

/* @media only screen and (min-width: 961px) and (max-width:1330px) {
        body:not(.folded) #adminmenu div.wp-menu-name {
            display: none;
        }
    } */

@media only screen and (min-width: 961px) {
  .edit-post-layout .components-editor-notices__snackbar {
    left: 232px;
  }

  /*new*/
  /* body:not(.folded) #wpcontent, body:not(.folded) #wpfooter {
            margin-left: 0;
        } */
  body:not(.folded) #wpcontent,
  body:not(.folded) #wpfooter {
    margin-left: 264px;
  }

  /*new*/
  /* body:not(.folded) #adminmenuback {
            width: 100%;
            height: max-content;
        } */
  body:not(.folded) #adminmenuback {
    width: 264px;
  }

  /*new*/
  /* body:not(.folded) #adminmenuwrap {
            width: 100%;
            position: relative;
        } */
  body:not(.folded) #adminmenuwrap {
    width: 264px;
  }

  body:not(.folded).block-editor-page #adminmenuwrap {
    width: 232px;
  }

  body:not(.folded).block-editor-page #adminmenuback {
    width: 232px;
  }

  /* body:not(.folded) #adminmenu li:not(.wp-has-current-submenu) .wp-submenu {
            left: 200px;
        } */
  body:not(.folded) #adminmenu li:not(.wp-has-current-submenu) .wp-submenu {
    left: 254px;
  }

  body:not(.folded) .interface-interface-skeleton {
    left: 232px;
  }

  /*new*/
  /* body:not(.folded) #adminmenu {
            width: 100%;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            overflow-y: scroll;
            margin: 0;
        }
        body:not(.folded) #adminmenu > li {
            width: calc(100%/8 - 4px);
        } */
  body:not(.folded) #adminmenu {
    width: 232px;
    padding: 0 16px;
  }

  #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after,
  #adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
    display: none;
  }

  /*new*/
  /* body:not(.folded) #adminmenu .wp-submenu {
            width: 100%;
            border-radius: 6px;
            display: none;
        }
        body:not(.folded) #adminmenu li.opensub .wp-submenu {
            left: 0;
            top: 45px;
            display: block;
            border: 1.6px dashed;
            border-color: #fff;
        } */
  body:not(.folded) #adminmenu .wp-submenu {
    width: 100%;
    border-radius: 6px;
  }

  body:not(.folded) #adminmenu li:not(.wp-has-current-submenu).opensub .wp-submenu {
    border: 1.6px dashed;
    border-color: #fff;
  }

  body:not(.folded) #adminmenu li.menu-top:hover,
  body:not(.folded) #adminmenu li.opensub>a.menu-top,
  body:not(.folded) #adminmenu li>a.menu-top:focus {
    border-radius: 6px;
  }

  body:not(.folded) #adminmenu>li:not(:last-child) {
    margin-bottom: 4px;
  }

  body:not(.folded) #adminmenu a:focus,
  #adminmenu a:hover {
    box-shadow: unset;
    transition: unset;
  }

  /* body:not(.folded) #adminmenu .wp-submenu {
            transition: all 1.4s;
            -webkit-transition: all 1.4s;
            -moz-transition: all 1.4s;
            -ms-transition: all 1.4s;
            -o-transition: all 1.4s;
            border-radius: 0 0 6px 6px;
        }
        body:not(.folded) #adminmenu li:not(.wp-has-current-submenu) .wp-submenu {
            max-height: 0;
            overflow: hidden;
        }
        body:not(.folded) #adminmenu li.wp-has-submenu.opensub .wp-submenu {
            position: relative;
            z-index: 3;
            top: auto;
            left: auto !important;
            right: auto;
            bottom: auto;
            border: 0 none;
            margin-top: 0;
            box-shadow: none;
            max-height: 25rem;
        } */
  body:not(.folded) #adminmenu li.wp-first-item.wp-not-current-submenu.wp-menu-overview-profile.menu-top-first {
    border: unset !important;
  }

  #editor .components-tab-panel__tabs .components-button {
    display: block;
  }

  .block-editor-block-types-list__list-item {
    margin: 0.5rem 0.5rem;
    width: calc(100% / 3 - 1rem);
    background-color: rgb(6 11 58 / 60%);
    color: #fff !important;
    border-radius: 6px;
  }

  .components-button.block-editor-block-types-list__item {
    color: #fff !important;
  }

  .block-editor-block-icon.has-colors svg {
    fill: var(--frame);
  }

  .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title {
    color: var(--frame) !important;
    filter: brightness(0.95);
  }

  .edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon:focus:not(:disabled),
  .edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon:focus:not(:disabled) {
    box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--main),
      inset 0 0 0 1px #fff;
    outline: 1px solid transparent;
  }

  .components-button.is-primary {
    background: var(--wp-components-color-accent, var(--main));
  }

  .block-editor-block-types-list__item-icon {
    color: var(--frame);
  }

  .widget-liquid-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .widget-liquid-wrapper .widget-liquid-right,
  .widget-liquid-wrapper .widget-liquid-left {
    width: 100%;
  }

  #available-widgets #widget-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
  }

  #widgets-left #available-widgets .widget {
    width: calc(100% / 2 - 2%);
    float: left;
    margin: 0 1%;
  }

  #widgets-right {
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
  }

  #widgets-right .sidebars-column-1,
  #widgets-right .sidebars-column-2 {
    float: left;
    width: 49% !important;
    max-width: 49% !important;
    margin-right: 0;
  }
}

.postbox {
  border: 1px solid var(--main);
}

body:not(.folded) #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
body:not(.folded) #adminmenu .wp-menu-arrow,
#adminmenu .wp-menu-arrow div,
body:not(.folded) #adminmenu li.current a.menu-top,
body:not(.folded) #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu {
  border-radius: 4px 4px 0px 0px;
}

body:not(.folded) #adminmenu li.wp-has-current-submenu {
  border: 1px solid var(--frame);
  border-radius: 6px;
}

/* input#post_monaorder {
      display: block;
  } */

.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
  opacity: 1;
}

.theme-overlay .screenshot img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.wrap #submitdiv #major-publishing-actions {
  border-top: 0;
  border-radius: 6px;
}

.nocodevn-profile {
  margin-bottom: 1rem;
}

.nocodevn-profile-logo {
  padding-bottom: 1rem;
}

.nocodevn-profile-logo img {
  border-radius: 1rem;
  height: 5rem;
  width: 100%;
  display: flex;
  margin: 0 auto;
  object-fit: contain;
}

.wp-menu-nocodevn-profile .wp-menu-image.dashicons-before {
  display: none !important;
}

#adminmenu div.wp-menu-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.wp-menu-image.dashicons-before img {
  opacity: 1 !important;
  /* padding: 10px !important; */
  width: 1.25rem;
  height: auto;
}

.wp-menu-nocodevn-profile .wp-menu-name {
  padding: 0 !important;
}

.nocodevnRedirectAdmin:hover img {
  background-color: var(--main-yellow);
  border-radius: 100rem;
  border: 1px solid var(--main);
}

#adminmenu a.wp-menu-nocodevn-profile:focus,
#adminmenu a.wp-menu-nocodevn-profile:hover {
  box-shadow: unset !important;
}

.nocodevn-profile-title {
  font-size: 1rem;
  color: var(--white);
  text-align: center;
  margin: -0.5rem 0 0rem;
  line-height: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.nocodevn-profile-action {
  display: flex;
  height: 100%;
  flex-wrap: nowrap;
  margin-bottom: 5px;
  gap: 0.5rem;
  justify-content: center;
}

.profile:hover {
  cursor: pointer;
}

.profile:hover img {
  background: var(--frame);
  border-radius: 50% !important;
}

.nocodevn-profile-action>* {
  width: max-content;
}

.nocodevn-profile-action>* {
  width: 25%;
}

.nocodevn-profile-action>* img {
  margin: auto;
  display: block;
  transition: 0.4s all;
  border: 1px solid transparent;
  /* width: 1.2rem;
  height: 1.2rem; */
  padding: 0.3rem;
}

.user-admin-color-wrap {
  display: none !important;
}



.nocodevn-wrap {
  color: #000;
}

.nocodevn-wrap .nav-tab.nav-tab-active {
  background: var(--main);
  color: var(--main-white);
}

.nocodevn-wrap .nav-tab {
  background: var(--main-white);
  margin: 0 0.5rem 0 0;
}

.nocodevn-wrap .form-table>tbody>tr>th {
  width: 30%;
  line-height: 2.4;
}

.nocodevn-wrap input {
  width: 100%;
}

.nav-tab-wrapper {
  border-bottom: none;
}

.nocodevn-table {
  border-top: 1px solid #c3c4c7;
}

.nocodevn-table .form-table {
  padding: 0;
  margin: 0;
}

.tab-content {
  display: none;
}

.tab-content-active {
  display: block;
}

.plugin-update-tr {
  display: none;
}




/**Tab**/

.tab-wrap {
  list-style: none;
  padding: 0;
  display: flex;
  margin-bottom: 1rem;
}

.tab-wrap li {
  margin: 0 1rem 0 0;
}

.tab-wrap a {
  text-decoration: none;
  padding: 10px 20px;
  display: block;
  background: var(--white);
  color: #333;
  border: 1px dashed var(--solid);
  border-radius: 1rem;
}

.tab-wrap a.active {
  background: var(--backgr);
  border-bottom: 0.2rem solid var(--frame);
  color: var(--frame);
}

.tab-content {
  display: none;
}

.tab-item {
  display: flex;
  align-items: center;
  padding: 1rem;
  border: 1px solid var(--solid);
  border-top: 0;
}

.tab-item:first-child {
  border-top: 1px solid var(--solid);
}

.tab-item label {
  font-weight: 600;
}

.item-txt {
  flex: 0 0 auto;
  width: 20%;
}

.item-feature {
  flex: 0 0 auto;
  width: calc(100% - 20%);
}

.tab-item .detail input {
  width: 100%;
}

#chia-se-tabs {
  display: none;
}

#chia-sechecklist {
  display: flex;
  gap: 1rem;
}

#chia-sechecklist label.selectit {
  display: flex;
  align-items: center;
  padding: 0;
}

#taxonomy-chia-se {
  display: flex;
  gap: 1rem;
  align-items: center;
}

#chia-se-adder {
  padding: 0;
  margin: 0;
}

#chia-se-add-toggle {
  padding: 0;
  margin: 0;
}

#chia-se-add {
  display: flex;
  margin: 0;
  gap: 1rem;
}

.wp-hidden-children #chia-se-add {
  display: none !important;
}

#chia-se-all {
  border: none;
  padding: 0;
  height: auto;
}

.deltai-img .tab-item:first-child {
  border-top: 2px dashed var(--solid) !important;
  border-bottom: 0;
}

.deltai-img .tab-item:last-child {
  border-bottom: 2px dashed var(--solid) !important;
  border-top: 0;
}

.deltai-img .tab-item:nth-child(odd) {
  border-top: 0;
  border-bottom: 0;
}

.tab-pane {
  display: flex;
  gap: 1rem;
  padding: 1rem 0.5rem;
  border: 1px solid var(--solid);
}

.tab-item .col {
  text-align: left;
}

.image-feature {
  display: grid;
  padding-right: 5rem;
}

.tab-item .item-feature img {
  width: 10rem;
  height: 10rem;
  object-fit: cover;
}

.deltai-img .detail {
  display: grid;
}

.deltai-img .detail .col:last-child {
  display: grid;
}

.detail-info .col {
  width: 100% !important;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.detail-info .col .galery-info {
  display: grid;
  flex: 0 0 calc(100% / 3);
  max-width: 33%;
}

option:checked {
  background-color: var(--solid);
  margin: 2px 0;
  border-radius: 1px;
  padding-left: 10px;
}

.tab-list-item .tab-gr {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid var(--solid);
  padding: 1rem 0.5rem;
}

.tab-items {
  flex: 0 0 25%;
  max-width: 25%;
}

.gr-2 {
  border-top: none !important;
}

.gr-2 .tab-items {
  flex: 0 0 40%;
  max-width: 40%;
}

.tab-items .items {
  padding: 0 0.5rem 1rem;
}

.tab-items .one select {
  height: auto !important;
  padding-left: 10px !important;
}

.tab-items select {
  height: 8rem !important;
  width: 100%;
  padding: 0 !important;
}

.tab-items select option {
  padding: 0.5rem;
}

.select2-container {
  width: 100% !important;
}

.select2-search {
  margin: 0;
}

.select2-search input {
  width: auto !important;
  height: auto;
  margin: 0 !important;
}

.select2-selection.select2-selection--single {
  height: 2rem !important;
}

.select2-results__option {
  font-size: 14px;
}

.select2-search--dropdown .select2-search__field {
  width: 100% !important;
}

.tab-list {
  display: flex;
  gap: 1rem;
}

.tab-list .item {
  display: flex;
  gap: 0.5rem;
}

.tab-list .item input[type="color"] {
  width: 3.2rem;
  height: 2.5rem;
}

.tab-list .item input[type="text"] {
  height: 2.5rem;
  width: 100%;
}

.tab-item textarea {
  width: 100%;
}

.tab-items .feature {
  display: flex;
  gap: 1rem;
}

.tab-gr.wrapper .tab-items {
  flex: 0 0 33%;
  max-width: 33%;
}

.feature input[type="number"] {
  width: 3.5rem;
  height: 2.25rem;
}


.wp-submenu-wrap .current {
  color: var(--frame) !important;
}

.quicktags-toolbar {
  display: flex;
}


.column-title {
  float: left;
  width: 100%;
}

.column-field_project,
.column-service_project {
  width: 20%;
}

.column-project_time {
  width: 20%;
}

.theme-browser .theme .theme-screenshot img {
  height: 100%;
  object-fit: cover;
}




.sec-be {
  padding: 1.5rem 0;
}

.grid-2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.grid-2-70 {
  display: grid;
  grid-template-columns: 70% 1fr;
  gap: 1rem;
}

.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

.grid-5 {
  display: grid;
  grid-template-columns: 20% 20% 1fr 1fr 1fr;
  gap: 2rem;
}


.grid-item {
  /* padding: 1rem; */
  box-sizing: border-box;
}

.card-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: white;
  border-radius: .5rem;
}

.card-icon {
  background: #1572e8;
  border-radius: .5rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .5rem;
}

.card-item img {
  width: 2rem;
  height: 2rem;
}

.card-category {
  color: #8d9498;
  font-size: .9rem;
  margin-bottom: .5rem;
}

.card-sub {
  font-size: 20px;
  font-weight: 600;
  color: #2a2f5b;
}




.statistic-post th,
.statistic-post td {
  text-align: left;
  padding: 10px;
}

.statistic-post th {
  background-color: #f1f1f1;
}

.statistic-post .title-column {
  width: 40%;
}

.statistic-post .category-column,
.statistic-post .author-column,
.statistic-post .views-column {
  width: 10%;
}

.be-list-post table.widefat {
  box-shadow: 0 0 .875rem 0 rgba(33, 37, 41, .05);
  border: none !important;
  border-radius: .5rem;
}

.be-list-post .widefat thead td,
.be-list-post .widefat thead th {
  border-color: #dee2e6;
}

.theme[data-slug="flatsome"] {
  display: none;
}




@media only screen and (min-width: 1640px) {
  .theme-browser .theme .theme-screenshot:after {
    padding-top: 70%;
  }
}

@media only screen and (max-width: 1727px) {
  .grid-5 {
    grid-template-columns: 20% 20% 1fr 1fr 1fr;
    gap: .9rem;
  }

  .grid-2-70 {
    grid-template-columns: 65% 1fr;
  }

  .card-item {
    gap: .75rem;
    padding: 1rem .75rem;
  }

  .card-item img {
    width: 1.5rem;
    height: 1.5rem;
  }

  .card-category {
    font-size: .8rem;
  }
}