.card.card-body.card-border {
    font-size: 24px;
    font-weight: 600;
}
.card-body {
padding: 0px !important;
}

.card-border {
    box-shadow:none !important;
}
.card {
    box-shadow: none !important;
border:none! important;
background-color: transparent !important;
}
.table td{
   border:none !important;
}
select.input {
    font-family: arial !important;
}


table.table_form .note, table.table_form_clear .note {
    /* Winson | 2025-04-15 Disabled as it cause text to be blue globally.*/
    /* !important should not be used in web.css because it will force everywhere to use this css. */
    /*color: #4c84bc !important;*/
}


h3.header_form {
    font-size: 16px !important;
}
.ui-widget {
    font-family: arial !important;
}

div.page-title{
display:none !important;
}

.group-search-input {

    margin-left: 30px !important;
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {

    margin-left: 10px !important;
    height: 45px !important;
}
ui-button-text-only .ui-button-text {
    padding: 4px !important;
}



@media (max-width: 768px), only screen {

    .grid_block {
        overflow: unset !important;
    }
 
    /* Winson | 2025-04-16 Updated to be more specific as to prevent affecting globally.*/
    #responsive_menu_577 #menu-button:before {
        right: -260px !important;
    }

    #responsive_menu_577 #menu-button:after{
        right: -260px !important;
    }

    #responsive_menu_577 #menu-button {
        right: 200px;
        top: -210px;
    }
    
}
.responsive_menu > ul > li > a {
    font-size: 16px !important;
}


a#btn_manage_store_view.btn_manage_store_view_class{
  display:none !important;
}

a#btn_data_listing.btn_data_listing_class{
    display:none !important;
}

a#btn_deleted_data.btn_deleted_data_class{
   display:none !important;
}

a#btn_edit_data.btn_edit_data_class{
   display:none !important;
}

a#btn_import_data.btn_import_data_class.cbox_700.cboxElement{
  display:none !important;

}
div#translation-view-div.translation-view {
  display:none !important;
}
.page-title h1 {
    font-size: 25px !important;
}

.ui-tabs-nav li {
    background: #16aaff !important;
}
 .ui-tabs-nav li.ui-tabs-active {
    background: #eead12 !important;
}
 .ui-widget-header {
    background: #fff !important;
    border: 1px solid #fff !important;
}
.ui-widget-content {
    border: 1px solid #fff !important;
}


table.dataTable {
    font-family:Arial !important;
    font-size: 14px !important;
  
}

table.dataTable tbody td {
    padding: 8px 8px !important;
}

.container_content .action_bar h2{
    display: none !important;
}

.form-group > .dropdown{
    display: block;
}


.icon_name { 
    padding: 6px!important;
}

.btn.btn-primary.dbstore-toggle.collapsed {
  display:inline !important;
}



table.view_page_list_table thead th, table.view_page_list_table tfoot th {
    background-color: rgba(0, 0, 0, 0);
    color: #000!important;
    font-size: 14px!important;
    font-weight: normal;
    padding: 10px 10px;
    text-align: left;
}


table.view_page_list_table .even td.sorting_1 {
    background: none repeat scroll 0 0 #ced5e6!important;
}

table.view_page_list_table tr:hover td.sorting_1 {
    background-color: #ced5e6!important;
}

table.view_page_list_table .odd td.sorting_1 {
    background: none repeat scroll 0 0 #ced5e6!important;
}

.container_content {
    position: initial;
    margin-left: 10px!important;
}

.db_store_search_toolbar a {
    padding: 10px!important;
    background: #86c0d675!important;
}

.db_store_search_toolbar {
    border-color: rgb(4 9 20 / 5%)!important;
    border-style: unset!important;
    border-top-width: 1px;
    border-bottom-width: 1px;
    padding: 5px;
    margin: 10px 0;
    font-size: 14px!important;
    width: 100%;
    overflow: hidden;
}


form label {
    font-family: "Arial" !important;
}

.ui-select-bootstrap > .ui-select-choices{    
    font-family: "Arial",san-serif!important;
}

.ui-select-placeholder {
    font-family: "Arial",san-serif!important;
}

.notification-badge {
    float: right;
    position: relative;
    border: 5px solid #d92550 !important;
    background: #d92550 !important;
    font-size: 14px !important;
    font-weight: 500!important;
    margin: 2px;
    display: inline-block;
    border-radius: 90%!important;
    min-width: 15px!important;
    min-height: 15px!important;
    padding: 5px;
    text-align: center;
    line-height: 1;
    box-sizing: content-box;
    white-space: nowrap;
}

.column-63f631b4dc797 {
   
    color: #fff !important;
    
}


.attachment_total_download_counter, .total_attachments_in_data, .data_view_counter{
  display:none !important;
}

.file-image {
    width: 300px!important;
}


@media screen and (max-width: 481px){
    .input {
        width: 10% !important;
    }


}