body {}
#Asn_Manager{ background:#fff; width:100%;margin-top:15px; padding:10px; min-height:550px;}
#Asn_Manager #title{ display: flex;align-items: center; font-weight:bold; font-size:1.2em; border-bottom:1px solid #CCC; height:40px;line-height:40px; padding-left:10px; color:#666;}
#Asn_Manager #title i{ font-size:1.5em; margin-right:10px;}
#Asn_Manager #title a{ color:#ff6a00 !important;}

#Asn_Manager #Action{margin:10px; height:40px;}
#Asn_Manager #Action div{width:48%;float:left;}
#Asn_Manager #Action .Node{text-align:right; font-size:1.3em; }
#Asn_Manager #Action .Node .fa-lock{color:#ff0000; }
#Asn_Manager #Action .Node .fa-lock-open{color:#05a92a; }
#Asn_Manager #Action .Node .fa-edit{color:#05a92a; }
#Asn_Manager #Action .Node .mdi-delete-forever{color:#ff0000; font-size:1.2em !important; }

#Asn_Manager #Action2{clear:both; margin:10px;height:35px;line-height:35px;}
#Asn_Manager #Action2 .col{width:48%; float:left;}
#Asn_Manager #Action2 .Record select{width:50px; border-radius:3px; cursor:pointer; height:35px;border:#CCC 1px solid;}
#Asn_Manager #Action2 .Filter select{width:150px; border-radius:3px; cursor:pointer; height:35px; border:#CCC 1px solid;}

#Asn_Manager #Action2 div .search-container { position: relative; min-width: 180px; float:left;}
#Asn_Manager #Action2 div .search-input {  width: 100%; padding: 0px 40px 0px 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 14px; color: #444;}
#Asn_Manager #Action2 div .search-icon { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #999; font-size: 20px;}
#Asn_Manager #Action2 div .search-icon:hover{color:#666;}
#Asn_Manager #Manager_Content{clear:both; width:100%; border:solid 1px #CCC;min-height:400px; border-radius:5px;}

#Manager_Content .ck_item input{cursor:pointer;transform:scale(1.3) !important;}
#Manager_Content .fa-lock{cursor:pointer; color:#ff0000;}
#Manager_Content .fa-lock-open{cursor:pointer;color:#05a92a;}

#Asn_Manager #Manager_Content .List_Data{ width:100%; color:#333; border-color:#CCC;}
#Asn_Manager #Manager_Content .List_Data tr:nth-child(even) {  background-color:#f6f6f6; }
#Asn_Manager #Manager_Content .List_Data tr.selected-row {transition: background-color 0.3s ease; background-color: #cce5ff !important; /* Màu nền khi được chọn */ }

#Asn_Manager #Manager_Content .List_Data .grv_header{ text-align:center; color:#FFF; height:35px;line-height:35px;background-color:#2f66b0; border-bottom:2px solid #c89802}
#Asn_Manager #Manager_Content .List_Data .grv_header a{color:#FFF;}
#Asn_Manager #Manager_Content .List_Data .gridview_edit_command{ color:#05a92a;}
#Asn_Manager #Manager_Content .List_Data .gridview_delete_command{ color:#ff0000;font-size:1.3em;top:3px;position:relative;}

#Asn_Manager #Manager_Content .List_Data .grv_rows{ text-align:left; padding-left:10px;height:30px; line-height:30px;}
#Asn_Manager #Manager_Content .List_Data .grv_rows_ct{ text-align:center; padding-left:10px;height:30px; line-height:30px;}
#Asn_Manager #Manager_Content .List_Data .grv_rows_r{ text-align:right; padding-right:8px;height:30px; line-height:30px;}
#Asn_Manager #Manager_Content .List_Data .grv_rows_l{ text-align:left; padding-left:8px;height:30px; line-height:30px;}
#Asn_Manager #Manager_Content .List_Data .grv_rows_link{ text-align:center; }
#Asn_Manager #Manager_Content .List_Data .grv_rows_link a{ color:#0b4cf6; }
#Asn_Manager #Manager_Content .List_Data .grv_rows_link a:hover{ color:#ff6a00; }


.grvList_pager{ }
.grvList_pager td { padding: 2px; font-size:0.9em; text-align:right !important;}
.grvList_pager a, .grvList_pager span {  display: inline-block; width: 20px;  height: 20px;  text-align: center; line-height: 20px;  margin: 2px;  border: 1px dotted #999;  color: black;}
.grvList_pager span { font-weight: bold;background-color: #ffe1b3;border: 1px solid #999; } /*khi pageindex đươc chọn*/

 @media (max-width: 910px) {
    #Asn_Manager #Action2 div .search-container{width:40% !important; }
  }

 #Asn_form{ background:#fff; width:100%;margin-top:15px; padding:10px; min-height:550px; color:#000;}
 #Asn_form #title{  font-weight:bold; font-size:1.2em; border-bottom:1px solid #CCC; height:40px;line-height:40px; padding-left:10px; color:#666;  display: flex;  justify-content: space-between;  align-items: center;}
 #Asn_form #title .icon{color:#065597; font-size:1.5em;}
 #Asn_form .Back{color:#ff6a00;font-size:30px; margin-right:20px; top:5px;position:relative;}
 #Asn_form .Back:hover{color:#c75606;}
 #Asn_form .form-item { display: flex; align-items: center; margin-bottom: 15px; }
 #Asn_form .form-item label { flex: 0 0 150px; font-weight: bold; text-align:left; }
 #Asn_form .form-item select,
 #Asn_form .form-item input{flex: 1; padding: 8px; border: 1px solid #ccc;border-radius: 5px; box-sizing: border-box; }
 #Asn_form .form-item input[type="checkbox"] { width: 15px; height: 15px; transform: scale(1.5); /* Phóng to checkbox */   margin-right: 8px; cursor: pointer; text-align:left; flex:none; }
    
 /* Responsive */
 @media (max-width: 600px) {
  #Asn_form .form-item { flex-direction: column; align-items: stretch;}
  #Asn_form .form-item label { margin-bottom: 5px;  flex: none;  width: 100%; }
  #Asn_form .form-item input,
  #Asn_form .form-item select { width: 100%;}
 }

/* Form Delete */
.Content_delete { max-width: 600px; margin: 30px;  padding: 20px 25px; background-color: #ffffff; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; text-align: center;}
.Content_delete h4 {font-size: 15px; margin-bottom: 20px; color: #333; font-weight: 600;  border-bottom: 2px solid #007bff;  padding-bottom: 5px;text-align: left;}
.wcpmanager-delete-list { width: 100%; border-collapse: collapse;  margin-bottom: 20px;}
.wcpmanager-delete-list td { padding: 10px 12px;  border-bottom: 1px solid #ddd;  font-size: 15px; }
.row-record { color: #212529; font-weight: 500;}
.row-state {  color: #dc3545; font-weight: bold;}
.Content_delete label { font-size: 15px !important;}
.Content_delete input[type="checkbox"] { margin: 10px; width: 30px; font-size: 15px; transform: scale(2);  cursor: pointer;}

@media (max-width: 600px)
   { 
    .Content_delete {  padding: 15px;  }
    .wcpmanager-delete-list td {  font-size: 14px; }
  }