.wrap { padding: 0 3%; }
.wrap h1 { background: #a45e24; font-size: 20pt; text-align: center; text-transform: uppercase; color: #fff; padding: 12px; margin: 1em 0; }
.dk-butPop { background: #ffac02; padding: 10px 22px; border-radius: 5px; }
.dk-login { width: 100%; padding: 2em; text-align: center; float: left; }
.dk-login a { color: #a94442; text-decoration: underline; padding: 4px 2px; display: inline-block; }
.dk-ttKhach { width: 100%; float: left; }
.crm-hotline-table {
  width: 100%;
  border-collapse: collapse;
}
.add-hotline-form { max-width: 1080px; }
.dk-hlFormAn { width: 50%; padding: 0 12px; float: left; }
.crm-hotline-table th,
.crm-hotline-table td { border: 1px solid #ccc; padding: 8px; }
.crm-hotline-table th { background: #f0f0f0; text-align: left; }
.add-hotline-form h2 { color: #3c763d; font-size: 22pt; }
.add-hotline-form input,
.add-hotline-form textarea, .add-hotline-form select { padding: 8px; width: 100%; border: 1px solid #ccc; border-radius: 4px; color: #333; }
#san_pham_quan_tam { min-height: 150px; }
.dk-formSumit { text-align: right; }
.add-hotline-form button { background-color: #e27319; color: white; padding: 14px 20px; border: none; border-radius: 4px; }
.add-hotline-form button:hover { background-color: #c93331; }
.add-hotline-form .notice-success {
    padding: 10px;
    background: #dff0d8;
    color: #3c763d;
    margin-bottom: 15px;
}
.add-hotline-form .notice-error {
    padding: 10px;
    background: #f2dede;
    color: #a94442;
    margin-bottom: 15px;
}

.add-hotline-form p { margin: 1em 0; }
.dk-supMenu { width: 100%; margin: 1em 0; display: block; }
.dk-supMenu ul { margin: 0 auto; max-width: 1200px; text-align: center; }
.dk-supMenu ul li { display: inline-block; }
.dk-supMenu ul li a { background: #27942c; padding: 10px; color: #fff; display: inline-block; }
.dk-supMenu ul li a:hover { background: #0073aa; }
.dk-supMenu ul.dk-supMenuV { margin-top: 1em; }
.dk-supMenu ul.dk-supMenuV li a { background: #3c763d; }
.dk-supMenu ul.dk-supMenuV li a:hover { background: #c93331; }
.dk-supMenu ul li.tao-khmoi a { background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #752899 0%, #a63dc2 33%, #db3972 66%, #bd1b60 100%); }
.dk-supMenu ul li.tao-khmoi a:hover { background-image: linear-gradient(to right, #a0c7a0 0%, #a3cfa3 0%, #571f71 0%, #9c379f 33%, #a82855 66%, #9f1953 100%); }
.dk-supMenu ul li.tao-dhmoi a { background-image: linear-gradient(to right, #57ccd2 0%, #b8c3cb 0%, #284e99 0%, #4c44da 33%, #9b39db 66%, #7d1bbd 100%); }
.dk-supMenu ul li.tao-dhmoi a:hover { background-image: linear-gradient(to right, #57ccd2 0%, #b8c3cb 0%, #1b3d9c 0%, #4639ba 33%, #7b2cb0 66%, #9117b3 100%); }

.vbb-home-menu { text-align: center; display: block; }
.vbb-pos-menu { background: #f2f2f2; color: #2d2e5f; padding: 5px 10px; border-radius: 3px; font-size: 15px; display: inline-block; }
.vbb-pos-menu a:hover { text-decoration: underline; }
.filter-section form #ruou-search-input, .filter-section form select { padding:8px 10px; border: 1px solid #ccc; font-size: 15px; outline: none; }

.wp-login-form { background: #eee; border:1px solid #ccc; padding: 1em; max-width: 500px; margin: 1em auto; }
.wp-login-form h2 { color: #015061; text-transform: uppercase; font-size: 22px; margin: 0 0 1em; text-align: center; }
.wp-login-form .login-username, .wp-login-form .login-password { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin-bottom: 1em; }
.wp-login-form .login-username label, .wp-login-form .login-password label { width: 100%; margin-bottom: 2px; display: block; }
.wp-login-form .login-username input, .wp-login-form .login-password input { background: #fff; border: 1px solid #ddd; padding: 12px; color: #555; width: 100%; }
.wp-login-form .login-username input:focus, .wp-login-form .login-password input:focus { outline: none; border: 1px solid #063124; }
.wp-login-form .login-remember { margin: 1em 0; color: #015061; font-size: 14px; }
.wp-login-form .login-remember input[type="checkbox"]:hover { cursor: pointer; }
.wp-login-form .login-submit { text-align: center; }
.wp-login-form .login-submit input { background: #0075ab; color: #fff; padding: 16px 32px; border-radius: 4em; border:none; box-shadow:0 4px 12px #ccc; }
.wp-login-form .login-error { background: #e9d1d1; color: rgb(158, 63, 63); padding: 12px; margin-bottom: 1em; font-size: 14px; }
.wp-login-grap { color: #064230; background: #e2edea; border: 1px solid #c9ded9; padding: 12px; margin-top: 1em; text-align: center; }

.crm-box { padding: 20px; flex: 2; border: 1px solid #ddd; border-radius: 10px; }
.crm-box h2 { font-size: 22pt; color: #3c763d; margin: 0 0 12px; }
.crm-boxNote { background: #f5f5f5; margin-bottom: 2em; border: 1px solid #ddd; padding: 1em; font-size: 14px; border-radius: 3px; }
.crm-box p { margin: 1em 0; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
.crm-box p i { color: #555; }
.crm-container { display: flex; gap: 40px; margin: 40px 20px; }
.crm-edit-btn { background: #c93331; color: #fff; padding: 8px 12px; border: 1px solid #9f201d; }
#crm-edit-form { background: #fff; position: fixed; left: 0; top: 0; width: 100%; padding: 10px 2em; z-index: 999; }
#crm-edit-hotline-form { background: #f5f5f5; border: 1px solid #ddd; width: 80%; margin: 0 auto; padding: 1em 2em; }
#crm-edit-form p label { display: grid; grid-template-columns: 20% 80%; gap: 10px; }
#crm-edit-form p input, #crm-edit-form p textarea, #crm-edit-form p select { padding: 8px 10px; border: 1px solid #a94442; color: #222; font-size: 13px; }
#crm-edit-form p input:focus, #crm-edit-form p textarea:focus, #crm-edit-form p select:focus { border-color: #3c763d; outline: none; }
#crm-edit-form p textarea { min-height: 60px; }
#crm-edit-form p span { min-width: 50px; }
#crm-edit-form button[type="submit"] { background: #3c763d; color: #fff; padding: 10px 14px; border: 1px solid #275f28; }
#btn-cancel-save { background: #9f201d; color: #fff; padding: 11px 13px; border: none; }
#btn-cancel-save:hover { background: #222; }
.no-hotline { text-align: center; margin-bottom: 2em; font-size: 18pt; background: #ebdad9; color: #a94442; padding: 1em; }

.order-list-container table { border: 1px solid #ddd; }
.order-list-container th { padding: 10px 8px; }
.order-list-container td { padding: 8px; line-height: 1.6; }
.order-list-container tr:hover { background: #f2f2f2; }

@media (max-width: 600px) {
  .crm-container { display: block; }
  #crm-edit-form { padding: 1em; }
  #crm-edit-hotline-form { width: 100%; }
  .dk-hlFormAn { width: 100%; }
  .filter-section form { text-align: center; display: block !important; }
  .filter-section form div { text-align: left; margin: 12px 0; }
  .add-hotline-form h2 { padding-left: 1em; font-size: 18pt; }
  .crm-indoCh { display:grid; grid-template-columns: 1fr 1fr; background: #f2f1ed; padding: 5px; }
  .crm-indoChSp { font-size: 11px; }
}