body.style_ai .table-responsive{border:0;margin:0}
body.style_ai table.DMs_grid_table{width:100%;border-collapse:collapse;margin:0;background:#fff;text-align:left}
body.style_ai table.DMs_grid_table thead th,body.style_ai table.DMs_grid_table tr th{font-size:10px;font-weight:600;color:#96a2b6;padding:12px 20px;background:#fafbfd !important;border:0;border-bottom:1px solid #e9edf5 !important;white-space:nowrap;text-transform:none;letter-spacing:0}
body.style_ai table.DMs_grid_table thead th a{color:#96a2b6}
body.style_ai table.DMs_grid_table td{padding:3px 20px;border:0;border-bottom:1px solid #edf1f6 !important;color:#6e7f99;font-size:11px;vertical-align:middle;background:#fff}
body.style_ai table.DMs_grid_table .record th{
    padding:3px 20px;
}
body.style_ai table.DMs_grid_table  .DMs_grid_table .checkbox {
  padding: 5px 20px;
}
body.style_ai table.DMs_grid_table tbody tr:last-child td{border-bottom:0 !important}
body.style_ai table.DMs_grid_table tr.highlight td,body.style_ai table.DMs_grid_table tbody tr:hover td{background:#f8faff}
body.style_ai table.DMs_grid_table td a{color:#4f6fc5}
body.style_ai table.DMs_grid_table td small{color:#a0acbf}
body.style_ai table.DMs_grid_table .menu_col{width:40px;text-align:right}

body.style_ai  .body_wrap_top {
  max-width: 100%;
  padding: 2px 20px 2px 15px;
  margin-right: 15px;
  margin-left: auto;
}

body.style_ai .grid_tops .hide-tree-grid-btn.hide_for_ai {
  display: none !important;
}

/* dmbox (main form box and connected controllers) styled like .mae-card */
body.style_ai .dmbox,
body.style_ai .dmbox-column .dmbox-content .dmbox{
    background: #fff;
    border: 1px solid #e3e8f0;
    border-radius: 14px;
    box-shadow: 0 3px 10px #1e2b4310;
    margin-bottom: 20px;
    /*overflow: hidden;*/
}
/* nested boxes: no double shadow */
body.style_ai .dmbox .dmbox{
    box-shadow: none;
}

body.style_ai .dmbox > .dmbox-title{
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #edf0f5 !important;
    border-radius: 0 !important;
    padding: 16px 26px !important;
    min-height: 0;
    box-shadow: none;
}
 body.style_ai .dmbox > .dmbox-title h2,
body.style_ai .dmbox > .dmbox-title h5{
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 1.4;
    color: #223047;
    margin: 0;
    padding: 4px 0;
}
body.style_ai .dmbox > .dmbox-title .dmbox-title-description{
    font-size: 12px;
    color: #7a8596;
    margin-top: 2px;
}
body.style_ai .dmbox > .dmbox-title .dmbox-title-description:empty{
    display: none;
}
body.style_ai .dmbox > .dmbox-title .btn{
    border: 1px solid #dce3ee;
    border-radius: 8px;
    background: #fff;
    color: #526077;
    font-size: 12px;
    font-weight: 600;
}
body.style_ai .dmbox > .dmbox-title .btn:hover{
    background: #f6f8fb;
    color: #26354c;
}
body.style_ai .dmbox > .dmbox-title .btn-circle{
/*border-radius: 50%;*/
  margin: 0px 10px;
}

body.style_ai .dmbox .dmbox-content,
body.style_ai .dmbox-column .dmbox-content .dmbox .dmbox-content{
    background-color: #fff;
    border: 0;
    padding: 0px 0px;
}

/* collapsed box: only the title bar, fully rounded */
body.style_ai .dmbox.dmbox-collapsed > .dmbox-title,
body.style_ai .dmbox-collapsed .dmbox-title{
    border-bottom: 0 !important;
}

/* the box that holds this tag: no extra card around the .mae cards */
body.style_ai .dmbox.mae-host-box{
    background: transparent;
    border: 0;
    box-shadow: none;
    overflow: visible;
}
body.style_ai .dmbox.mae-host-box > .dmbox-content{
    background: transparent;
    padding: 0;
}

 body.style_ai .dmbox-content{
  
  border: none !important;
  box-shadow: none !important;
}

body.style_ai .dmbox .dmbox-content,body.style_ai .dmbox-column .dmbox-content .dmbox .dmbox-content{
    background: transparent;
}

body.style_ai .card-body{
    padding: 15px;
}

body.style_ai .grid_box{
  margin-left: -11px;
  margin-right: -11px;
}

body.style_ai .ooooo .mb-3{
  margin-bottom: 0px !important;
}

body.style_ai .dm_grid_to_load{
  padding-top: 0 !important;
}
body.style_ai .DMs_grid_top_buttons.text-right.mb-2{
  margin-bottom: 0px !important;
}

body.style_ai .DMfoundset_info{
line-height: 2;
  font-size: 12px;
  padding: 0px 10px !important;
  display: inline-block;
  background: #eef2fc;
  color: #7f94bf;
  border-radius: 5px;
  margin: 4px;
}

body.style_ai .DMs_grid_bottom_buttons.text-right{
    margin-right: 10px;
    margin-top: 10px;
}
body.style_ai .DMs_grid_bottom_buttons.text-right select{
  border-radius: 7px;  
}
/* list title icon from users_areas (get_users_area_icon_html in _show_list.php), styled like .mae-icon */
body.style_ai .dm_grid_to_load_to_hide > h2 .grid_list_icon{display:inline-grid;place-items:center;flex:none;width:29px;height:29px;margin-right:10px !important;border-radius:7px;background:#f0f3fc;color:#627ccb;font-size:14px;vertical-align:middle}
body.style_ai .dm_grid_to_load_to_hide > h2 .grid_list_icon img{max-width:17px;max-height:17px}




/* ==========================================================================
   Admin lists (maincontroller_manage/_show_list.php and other *_show_list views)
   Matches the .mae card design used in tags/marketing_agreement_edit.php.
   Scoped with child combinators (.body_wrap_top > .grid_tops,
   .body_wrap > .list-tree-check) so grids loaded inside edit page tabs
   are not affected.
   ========================================================================== */

/* page header: title, byline, Add / Actions buttons */
body.style_ai .body_wrap_top > .grid_tops{align-items:center;margin:4px 0 20px !important}
body.style_ai .body_wrap_top > .grid_tops .grid_name{display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px}
body.style_ai .body_wrap_top > .grid_tops h2.grid_title{margin:0 !important;font-size:29px !important;line-height:1.4 !important;letter-spacing:-.8px;font-weight:700 !important;color:#28374e !important}
body.style_ai .body_wrap_top > .grid_tops .from_grid_config_options_name_byline{flex-basis:100%;order:3;color:#8b97a9 !important;font-size:12px !important}
body.style_ai .body_wrap_top > .grid_tops .grid_create_new_btn{height:auto !important;padding:8px 15px;border:1px solid #4564cb;border-radius:7px;background:#4564cb;color:#fff;font-size:12px;font-weight:600;line-height:1.4;text-transform:none;box-shadow:none}
body.style_ai .body_wrap_top > .grid_tops .grid_create_new_btn:hover{background:#3557bd;border-color:#3557bd}
body.style_ai .body_wrap_top > .grid_tops .grid_create_new_btn i{font-size:10px;margin-right:4px}
body.style_ai .body_wrap_top > .grid_tops .dm_small_gear{margin:0;padding:0;list-style:none}
body.style_ai .body_wrap_top > .grid_tops .dm_small_gear > li > .btn{margin:0;padding:8px 15px !important;border:1px solid #dce4f0;border-radius:7px;background:#fff;color:#66758d !important;font-size:12px;font-weight:600;line-height:1.4;text-transform:none;box-shadow:none}
body.style_ai .body_wrap_top > .grid_tops .dm_small_gear > li > .btn:hover{background:#f6f8fb;color:#26354c !important}
body.style_ai .body_wrap_top > .grid_tops .dm_small_gear > li > .btn i{color:#627ccb !important}

/* shared look of buttons and inputs in the list area */
body.style_ai .body_wrap > .list-tree-check .btn:not(.grid_create_new_btn){height:32px !important;padding:0 12px;white-space:nowrap;vertical-align:middle;border:1px solid #dce4f0;border-radius:7px;background:#fff;color:#66758d;font-size:12px;font-weight:600;line-height:30px;text-transform:none;box-shadow:none}
body.style_ai .body_wrap > .list-tree-check .btn:not(.grid_create_new_btn):hover{background:#f6f8fb;color:#26354c}
body.style_ai .body_wrap > .list-tree-check .btn-outline-danger{border-color:#f1d9dc;background:#fff6f6;color:#bf6a75}
body.style_ai .body_wrap > .list-tree-check .btn-outline-danger:hover{background:#fff0f0;color:#a4505c}
body.style_ai .body_wrap > .list-tree-check .form-control{height:32px !important;max-height:none !important;padding:0 12px !important;border:1px solid #dde4ef;border-radius:7px !important;background:#fff;color:#40516a;font-size:12px;box-shadow:none}
body.style_ai .body_wrap > .list-tree-check .form-control:focus{border-color:#7690d8;box-shadow:0 0 0 3px #eff3ff}
body.style_ai .body_wrap > .list-tree-check .form-control::placeholder{color:#a2adbd;font-size:11px}
/* "to" separator between range inputs (From - To) as plain muted text instead of a boxed addon */
body.style_ai .body_wrap > .list-tree-check .input-group{flex-wrap:nowrap;align-items:center}
body.style_ai .body_wrap > .list-tree-check .form-control + .input-group-addon{display:flex;align-items:center;flex:none;height:32px;max-height:none;padding:0 7px;border:0;background:transparent;color:#8b97a9;font-size:11px;font-weight:600;line-height:1}
/* selected filter values (_show_list_filters_left.php: .filter_search_item with remove button) */
body.style_ai .body_wrap > .list-tree-check .filter_search_item{display:flex;align-items:center;gap:8px;width:100%;margin:0;padding:5px 4px 5px 10px !important;border-bottom:1px solid #e6ecf6}
body.style_ai .body_wrap > .list-tree-check .filter_search_item:last-child{border-bottom:0}
body.style_ai .body_wrap > .list-tree-check .filter_search_item label{flex:1 1 auto;order:1;min-width:0;margin:0;font-size:11px;font-weight:600;color:#40516a;line-height:1.4;overflow-wrap:anywhere}
body.style_ai .body_wrap > .list-tree-check .filter_search_item .btn{order:2;flex:none;float:none !important;width:26px;height:26px !important;margin:0 !important;padding:0;border:0;border-radius:6px;background:transparent;color:#bf6a75;font-size:11px;line-height:26px}
body.style_ai .body_wrap > .list-tree-check .filter_search_item .btn:hover{background:#fff0f0;color:#a4505c}
/* filters bar moved into the grid card (_show_list.php: insertAfter .DMs_grid_top_buttons) */
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid > [class*="show_list_filters_box"]{margin:0 !important;padding:0px 15px 0px; border-bottom:1px solid #edf1f6}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid > [class*="show_list_filters_box"]:empty{display:none}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid > [class*="show_list_filters_box"] .control-label{margin:0 0 6px;font-size:11px;font-weight:600;color:#53647f}

/* left filters panel as a card */
body.style_ai .body_wrap > .list-tree-check > .col-list-tree .show_list_filters{padding:12px 4px 14px;background:#fff;border:1px solid #e2e8f1;border-radius:12px;box-shadow:0 2px 8px #22335005}
body.style_ai .body_wrap > .list-tree-check > .col-list-tree .show_list_filters .dmbox-content{padding:0 !important;margin:0 !important}
body.style_ai .body_wrap > .list-tree-check > .col-list-tree .control-label{display:block;margin:8px 0 6px;font-size:11px;font-weight:600;color:#53647f}
body.style_ai .body_wrap > .list-tree-check > .col-list-tree .btn{margin:12px 0 0 6px}

/* toolbar above the list: panel toggle, Reports, search */
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_tops{margin: 0;
  padding: 0;}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_tops .grid_search_input{min-width:220px}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_tops .input-group-btn .btn{margin-left:6px}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_tops .grid-header-button{margin-right:6px}

/* list box as a .mae-card */
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box{margin:0 0 21px !important;background:#fff;border:1px solid #e2e8f1 !important;border-radius:12px;box-shadow:0 2px 8px #22335005;overflow:hidden}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box > .dmbox-content{padding:0 !important;background:#fff}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box > .dm_grid_to_load_to_hide > h2{display:flex;align-items:center;margin:0 !important;padding:15px 21px;border-bottom:1px solid #edf0f5;font-size:15px;letter-spacing:-.2px;color:#28374e}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box > .dm_grid_to_load_to_hide > h2 strong{font-weight:700}

/* grid: top bar (found set / sort), table, footer (per page, pagination) */
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid > .DMs_grid_top_buttons{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 !important;padding:10px 15px;border-bottom:1px solid #edf1f6;color:#8390a4;font-size:11px}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid > .DMs_grid_top_buttons:empty{display:none}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid > .DMs_grid_top_buttons::after{display:none}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid > .DMs_grid_top_buttons .DMfoundset_info{margin:0;line-height:32px}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid > .DMs_grid_top_buttons .grid-top-normal-search{float:none !important;margin-left:auto}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid > .DMs_grid_top_buttons .grid_search_input_box{display:flex;flex-wrap:nowrap;align-items:center;gap:6px}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid > .DMs_grid_top_buttons .grid_search_input{width:240px !important;flex:0 1 240px}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid > .DMs_grid_top_buttons .input-group-btn:empty{display:none}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid > .DMs_grid_top_buttons .input-group-btn .btn{margin:0}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid > .table-responsive{margin:0 !important}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid table.DMs_grid_table td a{font-weight:600}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid table.DMs_grid_table th .btn{display:block;height:auto !important;margin:2px 0;padding:1px 7px;border:0;border-radius:5px;background:#f2f5fc;color:#6981bf;font-size:10px;line-height:1.6}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid table.DMs_grid_table th .btn:hover{background:#e8eefb;color:#4f68b0}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid table.DMs_grid_table .label,
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid table.DMs_grid_table .badge{display:inline-block;padding:3px 10px;border-radius:20px;background:#eaf6ef;color:#3c8967;font-size:10px;font-weight:600}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid table.DMs_grid_table .label-danger,
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid table.DMs_grid_table .badge-danger{background:#fff0f0;color:#bf6a75}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid table.DMs_grid_table .label-warning,
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid table.DMs_grid_table .badge-warning{background:#fff3d9;color:#9d741c}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid table.DMs_grid_table .badge-info,
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid table.DMs_grid_table .badge-primary{background:#eef2fc;color:#5a71b8}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid table.DMs_grid_table .menu_col .new_gear{width:30px;height:30px !important;padding:0 !important;line-height:30px;border:0 !important;border-radius:7px !important;background:transparent;color:#96a2b6;font-size:14px}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid table.DMs_grid_table .menu_col .new_gear:hover,
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid table.DMs_grid_table .menu_col .show > .new_gear{background:#f2f5fc;color:#4f68b0}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid .no_records_found{padding:34px !important;text-align:center;color:#a2aec0 !important;font-size:12px}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid .no_records_found i{display:block;margin-bottom:9px;font-size:26px;color:#c6d1e4}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid > .DMs_grid_bottom_buttons{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:0 !important;padding:12px 21px;border-top:1px solid #edf1f6;background:#fafbfd;color:#8390a4;font-size:11px}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid > .DMs_grid_bottom_buttons:empty{display:none}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid > .DMs_grid_bottom_buttons .per-page-box select{height:31px;padding:0 10px !important;border-radius:7px}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid .pagination-box{display:inline-flex !important;gap:4px}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid .pagination-box > .btn{min-width:30px;height:30px !important;padding:0 9px;line-height:30px;border:0;border-radius:5px !important;background:#f2f5fc;color:#6981bf;font-size:11px}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid .pagination-box > .btn:hover{background:#e8eefb;color:#4f68b0}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid .pagination-box > .btn-outline-primary{background:#4564cb;color:#fff}
body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_box #grid .pagination-box > .btn:disabled{opacity:.45}

body.style_ai .body_wrap .grid-top-normal-search .saved_search_options-wrap,
body.style_ai .body_wrap .show_list_left_filters .saved_search_options-wrap
 {
	background: transparent;
	box-shadow: none;
}

body.style_ai .body_wrap .show_list_filters_simple_search hr {
  display: none;
}

body.style_ai .body_wrap .show_list_filters_simple_search .highlighted{
	border-radius: 7px;
}

body.style_ai .body_wrap .dropdown-menu {
  border: medium none;
  border-radius: 7px;
  box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
  float: left;
  font-size: 12px;
  left: 0;
  list-style: none outside none;
  padding: 4px;
  position: absolute;
  text-shadow: none;
  top: 100%;
  z-index: 10000;
}

body.style_ai .body_wrap_top .btn.btn-sm.btn.grid-header-button{
  height: 32px !important;
  padding: 0 12px;
  white-space: nowrap;
  vertical-align: middle;
  border: 1px solid #dce4f0;
  border-radius: 7px;
  background: #fff;
  color: #66758d;
  font-size: 12px;
  font-weight: 600;
  line-height: 30px;
  text-transform: none;
  box-shadow: none;
}

body.style_ai .dmbox > .dmbox-title .float-left .btn{
	height: 32px;
}

@media(max-width:768px){
    body.style_ai .body_wrap_top > .grid_tops h2.grid_title{font-size:22px !important}
    body.style_ai .body_wrap > .list-tree-check > .col-list-grid > .grid_tops .grid_search_input{min-width:0}
}


/* ==========================================================================
   Connected grids on edit pages (maincontroller_manage/_s_show_list.php)
   Toolbar .s_show_list_top_btn_box is rendered in the box body or, with
   move_buttons_to_header, in .dmbox-title .header_search.
   ========================================================================== */

/* toolbar: Add / Select / filters toggle / search / saved searches */
body.style_ai .s_show_list_top_btn_box{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:auto}
body.style_ai .s_show_list_top_btn_box > .input-group-btn{display:flex;align-items:center;gap:6px;width:auto}
body.style_ai .s_show_list_top_btn_box .connected_grid_search-wrap{flex:0 1 220px;min-width:140px}
/* header toolbar (width-limited container): keep buttons on one line, let the search input shrink instead */
body.style_ai .dmbox-title .header_search .s_show_list_top_btn_box{flex-wrap:nowrap}
body.style_ai .dmbox-title .header_search .s_show_list_top_btn_box > .input-group-btn{flex:none}
body.style_ai .dmbox-title .header_search .s_show_list_top_btn_box .btn{white-space:nowrap}
body.style_ai .dmbox-title .header_search .s_show_list_top_btn_box .connected_grid_search-wrap{flex:1 1 120px;min-width:120px}
body.style_ai .outer_grid_box > .dmbox-content_for_move{padding:0px 21px 0px}
body.style_ai .outer_grid_box > .dmbox-content_for_move .grid-top-normal-search {
  padding-top: 10px;
}
body.style_ai .dmbox-title .header_search{padding-top:0 !important;padding-bottom:0 !important}

/* buttons */
body.style_ai .s_show_list_top_btn_box .btn,
body.style_ai .outer_grid_box > .row > .col-list-tree .btn{height:32px !important;margin:0;padding:0 12px;white-space:nowrap;vertical-align:middle;border:1px solid #dce4f0;border-radius:7px !important;background:#fff;color:#66758d;font-size:12px;font-weight:600;line-height:30px;text-transform:none;box-shadow:none}
body.style_ai .s_show_list_top_btn_box .btn:hover,
body.style_ai .outer_grid_box > .row > .col-list-tree .btn:hover{background:#f6f8fb;color:#26354c}
body.style_ai .s_show_list_top_btn_box .btn-success{border-color:#4564cb;background:#4564cb;color:#fff}
body.style_ai .s_show_list_top_btn_box .btn-success:hover{border-color:#3557bd;background:#3557bd;color:#fff}
body.style_ai .s_show_list_top_btn_box .btn i,
body.style_ai .outer_grid_box > .row > .col-list-tree .btn i{font-size:11px;margin-right:2px}
body.style_ai .s_show_list_top_btn_box .btn-outline-danger,
body.style_ai .outer_grid_box > .row > .col-list-tree .btn-outline-danger{border-color:#f1d9dc;background:#fff6f6;color:#bf6a75}

/* inputs (inline grid editing fields excluded) */
body.style_ai .s_show_list_top_btn_box .form-control,
body.style_ai .outer_grid_box .form-control:not(.grid_edit_input):not(.grid_edit_textarea){height:32px !important;max-height:none !important;padding:0 12px !important;border:1px solid #dde4ef;border-radius:7px !important;background:#fff;color:#40516a;font-size:12px;box-shadow:none}
body.style_ai .s_show_list_top_btn_box .form-control:focus,
body.style_ai .outer_grid_box .form-control:not(.grid_edit_input):not(.grid_edit_textarea):focus{border-color:#7690d8;box-shadow:0 0 0 3px #eff3ff}
body.style_ai .s_show_list_top_btn_box .form-control::placeholder,
body.style_ai .outer_grid_box .form-control::placeholder{color:#a2adbd;font-size:11px}
body.style_ai .outer_grid_box .input-group{flex-wrap:nowrap;align-items:center}
body.style_ai .outer_grid_box .form-control + .input-group-addon{display:flex;align-items:center;flex:none;height:32px;max-height:none;padding:0 7px;border:0;background:transparent;color:#8b97a9;font-size:11px;font-weight:600;line-height:1}
body.style_ai .outer_grid_box .control-label{margin:8px 0 6px;font-size:11px;font-weight:600;color:#53647f}

/* left filters panel inside the box */
body.style_ai .outer_grid_box:not(.list-tree-hidden) > .row > .col-list-tree{padding:12px 0 12px 21px}
body.style_ai .outer_grid_box > .row > .col-list-tree .show_list_filters{padding:6px 4px 12px;background:#fafbfd;border:1px solid #e9edf5;border-radius:10px;box-shadow:none}
body.style_ai .outer_grid_box > .row > .col-list-tree .show_list_filters .dmbox-content{padding:0 !important;margin:0 !important;background:transparent}
body.style_ai .outer_grid_box > .row > .col-list-tree .btn{margin:10px 0 0 6px}
body.style_ai .outer_grid_box .filter_search_item{display:flex;align-items:center;gap:8px;width:100%;margin:0;padding:5px 4px 5px 10px !important;border-bottom:1px solid #e6ecf6}
body.style_ai .outer_grid_box .filter_search_item:last-child{border-bottom:0}
body.style_ai .outer_grid_box .filter_search_item label{flex:1 1 auto;order:1;min-width:0;margin:0;font-size:11px;font-weight:600;color:#40516a;line-height:1.4;overflow-wrap:anywhere}
body.style_ai .outer_grid_box .filter_search_item .btn{order:2;flex:none;float:none !important;width:26px;height:26px !important;margin:0 !important;padding:0;border:0;border-radius:6px !important;background:transparent;color:#bf6a75;font-size:11px;line-height:26px}
body.style_ai .outer_grid_box .filter_search_item .btn:hover{background:#fff0f0;color:#a4505c}

/* grid: header select buttons, row gear, pagination, empty state */
body.style_ai .outer_grid_box table.DMs_grid_table th .btn{display:block;height:auto !important;margin:2px 0;padding:1px 7px;border:0;border-radius:5px;background:#f2f5fc;color:#6981bf;font-size:10px;line-height:1.6;box-shadow:none}
body.style_ai .outer_grid_box table.DMs_grid_table th .btn:hover{background:#e8eefb;color:#4f68b0}
body.style_ai .outer_grid_box table.DMs_grid_table .menu_col .new_gear{width:30px;height:30px !important;padding:0 !important;border:0 !important;border-radius:7px !important;background:transparent;color:#96a2b6;font-size:14px;line-height:30px;box-shadow:none}
body.style_ai .outer_grid_box table.DMs_grid_table .menu_col .new_gear:hover,
body.style_ai .outer_grid_box table.DMs_grid_table .menu_col .show > .new_gear{background:#f2f5fc;color:#4f68b0}
body.style_ai .outer_grid_box table.DMs_grid_table td a{font-weight:600}
body.style_ai .outer_grid_box .DMs_grid_bottom_buttons{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:0 !important;padding:12px 21px;color:#8390a4;font-size:11px}
body.style_ai .outer_grid_box .DMs_grid_bottom_buttons:empty{display:none}
body.style_ai .outer_grid_box .pagination-box{display:inline-flex !important;gap:4px}
body.style_ai .outer_grid_box .pagination-box > .btn{min-width:30px;height:30px !important;padding:0 9px;border:0;border-radius:5px !important;background:#f2f5fc;color:#6981bf;font-size:11px;line-height:30px;box-shadow:none}
body.style_ai .outer_grid_box .pagination-box > .btn:hover{background:#e8eefb;color:#4f68b0}
body.style_ai .outer_grid_box .pagination-box > .btn-outline-primary{background:#4564cb;color:#fff}
body.style_ai .outer_grid_box .pagination-box > .btn:disabled{opacity:.45}
body.style_ai .outer_grid_box .no_records_found{padding:30px !important;text-align:center;color:#a2aec0 !important;font-size:12px}
body.style_ai .outer_grid_box .no_records_found i{display:block;margin-bottom:9px;font-size:26px;color:#c6d1e4}