/*
Theme Name: WebSeo Child Theme
Theme URI: https: //webseo.vn
Description: Day la child theme cua WebSeo
Author: Huy Tap
Author URI: https://webseo.com.vn
Template: webseo-theme
Version: 0.1
*/
@import url("../webseo-theme/style.css");

#page { margin-top: 60px; }
table td.prewrap { white-space: pre-wrap; }
.menu-chucnang { display: flex; justify-content: space-between; }
ul.thaotac { display: flex; }
ul.thaotac li { margin: 0 5px; }
.no-drop { cursor: no-drop; }
.cred { color: #dc3545; }
.grid-gap-10 { grid-gap: 10px; }
.frm-import .custom-file-input { width: 95px; opacity: 0; }
.frm-import .custom-file-label-import { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: none; border-radius: 0.25rem; }
.frm-import .custom-file-label-import:after { content: none; }
th.col-viectondong { min-width: 240px; }
textarea.form-control { min-height: 90px; }
.form-group label.control-label { font-weight: 700; }
.modal-header { padding: 0 15px; background: #f9f9f9; }
.modal-content { background: #f5f5f5; }
.button-filedinhkem { cursor: no-drop; }
span.chua-dat {
    color: #ff5722;
    font-weight: 700;
    font-size: 90%;
    text-transform: uppercase;
}
span.hoan-thanh {
    color: #4caf50;
    font-weight: 700;
    font-size: 90%;
    text-transform: uppercase;
}
.luu-y li {
    margin-top: 14px;
}
/* Repeater html */
.kbwcustom-repeater .list .item {display: flex;;align-items: center;grid-gap: 20px}
.kbwcustom-repeater .kbw-file-wrap {height: auto;}

/*Using CSS for table*/
table td {
    border: 1px solid #ccc;
}
.table thead th {
    vertical-align: bottom;
    height: 46px;
    padding-left: 35px;
    position: relative;
    border: 1px solid #ccc;
}
.hide-cols .closeWrap {
    width: 100%;
    height: 100%;
    position: absolute;
    display: table;
    top: 10px;
    left: 5px;
    margin-right: 5px;
}
.hide-cols .closeWrap button {
    cursor: pointer;
    border: 1px solid #9e9e9e;
    border-radius: 0;
    height: 24px;
    width: 24px;
}
.stt button.hide-col {
    display: none;
}
.stt {
    padding-left: 13px!important;
}
.col-thaotac-wrapper {
    display: flex;
}
.col-thaotac-wrapper a {
   border-radius: 0;
}
#show button {
    border-radius: 0;
}
#show {
    position: fixed;
    bottom: 0;
    right: 0;
    left: auto;
    padding: 0;
    background: #999;
    z-index: 999;
    width: 100%;
}
.tencot2:after {
    content: " cột Tồn đọng";
}
.tencot3:after {
    content: " cột Lý do";
}
.tencot4:after {
    content: " cột Giải pháp";
}
.tencot5:after {
    content: " cột Phối hợp";
}
.tencot6:after {
    content: " cột Deadline";
}
.tencot7:after {
    content: " cột Kết quả";
}
.tencot8:after {
    content: " cột Thao tác";
}
.modal-content {
    margin-top: 110px;
}
/* RESPONSIVE */
@media screen and (min-width:992px) {
    .button-phongban { display: none; }
    .col-2.category-pc {
    width: 240px;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    max-width: 240px;
}
.col-10.pl-0 {
    -ms-flex: 0 0 calc(100% - 24px);
    flex: 0 0 calc(100% - 240px);
    max-width: calc(100% - 240px);
    width: calc(100% - 240px);
}
#v-pills-tab {
    padding-left: 10px;
}

}
@media screen and (max-width:991px) {
    #v-pills-tabContent { overflow-x: auto; }
    th.col-viectondong, th.col-lydo, th.col-cachlam { min-width: 360px; }
    .category-pc, h1.text-white span { display: none; }
    .top-action { display: flex; flex-direction: column; }
    ul.thaotac { display: flex; flex-wrap: wrap; margin: 5px 0; }
    ul.thaotac li { width: 33.333%; margin: 0; }
    ul.thaotac li button { width: 98%; margin: 1%; text-align: left; }
    .title-logo { font-size: 23px!impotant; }
    .nav-tabs .nav-link { font-size: 13px !important; padding: 5px 10px !important; }
    .col-2, .col-10 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .modal-body.p-0 .col-2 { padding: 0; }
    button.btn.btn-info.button-phongban { position: fixed; top: 5px; left: 5px; z-index: 9999;}
    h1.text-white { font-size: 14px; text-align: right; }
    h2.title-logo span { display: none; }
    h2.title-logo em { color: #ffc107; font-size: 14px !important; font-weight: 400 !important; float: right !important; margin-top: 5px; }
    table.table.table-striped.mt-0 { margin-left: 15px !important; }
}
@media screen and (max-width:767px) { }
@media screen and (max-width:575px) { }


.datepicker .day, .datepicker .dow {padding: 5px 10px;}


@media (max-width: 991px) {
    html #wpadminbar {display: block!important;}
}

#wpbody-content #page {margin-top: 0;}
#wpbody-content table td {border: none;}
#wpbody-content p.search-box {margin: 0 10px 0 0;}

#wpadminbar .quicklinks > ul > li > a.ab-item.active {color: #ffc107;}

#adminmenu li.menu-top.active > a {background: #2271b1;color: #fff;}
.ft-date {display: inline-block;position: relative;}
.datepicker-dropdown {margin-top: 40px;}
.tablenav.top {margin-bottom: 15px;}

.modal-view .prewrap {white-space: pre-wrap;}
.modal-view h3 {margin-bottom: 0.5em;}
.modal-view h3:first-child {margin-top: 0;}

.heading-wrap {align-items: center;}
.form-imex {display: inline-block;}
.form-imex .custom-file-input {width: 115px;cursor: pointer;}
.form-imex .custom-file-label-import {position: absolute;top: 0;left: 0;height: 27px;}
.form-imex .custom-file-label-import a {top: 3px;}

.kbw-pagination {display: flex;flex-wrap: nowrap;grid-gap: 8px;justify-content: center;margin-top: 15px;}
.kbw-pagination a {
    float: left;
    margin-right: 0;
    color: #777;
    padding: 8px 15px;
    font-size: 1em;
    line-height: 1.15!important;
    border: 1px solid #cfcfcf;
    background-color: #fff;
}
.kbw-pagination a:not(.current):hover {background-color: #efefef;}
.kbw-pagination a.current {background: #2271b1;color: #fff;}

span.chua-dat {color: #ff5722;font-weight: 700;font-size: 90%;text-transform: uppercase;
}
span.hoan-thanh {color: #4caf50;font-weight: 700;font-size: 90%;text-transform: uppercase;}