@media (min-width: 768px) {
    body.full-width .container {
        width:98% !important;
        max-width: 100%
    }
}




.list-liked-by-me {
    display:none;
}

.like-action {
    display:none;
}

.grid-body .btn-open-row {
width: 50px;
}



.col-xs-1 {
    max-width: 22%;
}

.row-index {
    max-width: 6%;
}

.col-1 {
    max-width: 22%;
}

.list-row-col {
    flex: 1.5;
    margin-right: 15px;
}

.col-2, .col-xs-2 {
    max-width: 30%;
}

.sortable-handle {
flex-basis: 6%;
}

.list-subject {
    flex: 4;
    justify-content: start;
}

.level-right {
    flex: 0.5 !important;
}

[data-fieldname^="hideme"]
{
  visibility: hidden;
}

[data-fieldname="items"] [data-fieldname="item_code"] .awesomplete ul 
{
    width: 700px;
}

[data-fieldname="items"] [data-fieldname="posi"]
{
    flex-basis: 4%;
}

 [data-fieldname="items"] [data-fieldname="item_code"]
{
    flex-basis: 24%;
}
 [data-fieldname="items"] [data-fieldname="set_parent"]
{
    flex-basis: 3%;
}
 [data-fieldname="items"] [data-fieldname="set_child"]
{
    flex-basis: 3%;
}
[data-fieldname="items"] [data-fieldname="qty"]
{
    flex-basis: 6%;
}

 [data-fieldname="items"] [data-fieldname="project_ek_discount"]
{
    flex-basis: 6%;

}

 [data-fieldname="items"] [data-fieldname="ek_project_alt"]
{
    flex-basis: 10%;

}
[data-fieldname="items"] [data-fieldname="ek_project_total_alt"]
{
    flex-basis: 10%;

}
[data-fieldname="items"] [data-fieldname="rate_alt"]
{
    flex-basis: 10%;

;
}
[data-fieldname="items"] [data-fieldname="amount_alt"]
{
    flex-basis: 10%;

} 
[data-fieldname="items"] [data-fieldname="actual_margin"]
{
    flex-basis: 4%;
}
 
[data-fieldname="items"] [data-fieldname="project_price_list_rate_alt"]
{
    flex-basis: 10%;
}


[data-fieldname="optional_items"] [data-fieldname="posi"]
{
    flex-basis: 4%;
}

 [data-fieldname="optional_items"] [data-fieldname="item_code"]
{
    flex-basis: 25%;
}
 [data-fieldname="optional_items"] [data-fieldname="set_parent"]
{
    flex-basis: 3%;
}
 [data-fieldname="optional_items"] [data-fieldname="set_child"]
{
    flex-basis: 3%;
}
[data-fieldname="optional_items"] [data-fieldname="qty"]
{
    flex-basis: 6%;
}

 [data-fieldname="optional_items"] [data-fieldname="project_ek_discount"]
{
    flex-basis: 6%;

}


 [data-fieldname="optional_items"] [data-fieldname="ek_project_alt"]
{
    flex-basis: 10%;

}
[data-fieldname="optional_items"] [data-fieldname="ek_project_total_alt"]
{
    flex-basis: 11%;

}
[data-fieldname="optional_items"] [data-fieldname="rate_alt"]
{
    flex-basis: 10%;

;
}
[data-fieldname="optional_items"] [data-fieldname="amount_alt"]
{
    flex-basis: 11%;

} 
[data-fieldname="optional_items"] [data-fieldname="actual_margin"]
{
    flex-basis: 4%;
}
 
[data-fieldname="optional_items"] [data-fieldname="project_price_list_rate_alt"]
{
    flex-basis: 12%;
}





table.items [data-fieldname="set_parent"][data-value!="0"] {
  background-color: #ff0000; /* Red background color */
}


/* Add black border to input fields */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
textarea {
  border: 1px solid #A9A9A9;
}

select[type="text"] {
  border: 1px solid #A9A9A9;
}

/* TEST instance indicator — toggled by public/js/test_banner.js */
body.test-instance .navbar {
    background-color: #c0392b !important;   /* strong red */
}
body.test-instance .navbar .navbar-brand,
body.test-instance .navbar .nav-link,
body.test-instance .navbar a {
    color: #fff !important;
}
/* keep form controls and dropdown menus readable (they sit inside .navbar) */
body.test-instance .navbar input,
body.test-instance .navbar select,
body.test-instance .navbar textarea,
body.test-instance .navbar .dropdown-menu,
body.test-instance .navbar .dropdown-menu a,
body.test-instance .navbar .dropdown-menu .nav-link {
    color: #000 !important;
}
body.test-instance .navbar input::placeholder {
    color: #555 !important;
}
/* awesomplete autocomplete list (may be appended inside .navbar) */
body.test-instance ul[role="listbox"],
body.test-instance ul[role="listbox"] a,
body.test-instance ul[role="listbox"] span,
body.test-instance ul[role="listbox"] b,
body.test-instance ul[role="listbox"] mark {
    color: #000 !important;
    background-color: transparent !important;
}
body.test-instance ul[role="listbox"] {
    background-color: #fff !important;
}
body.test-instance ul[role="listbox"] mark {
    background-color: #ffe066 !important;
}
body.test-instance .navbar::after {
    content: "TEST";
    color: #fff;
    background: #000;
    font-weight: bold;
    padding: 2px 10px;
    margin-left: 12px;
    border-radius: 3px;
    align-self: center;
    letter-spacing: 1px;
}