/* resposiveness */

@media (max-width:640px) {

        /* remove padding and border from forms */
        .border-left-selected {
                border-width: 0px !important;
                padding-left: 0px !important;
                padding-right: 0px !important;
        }

        /* remove min-width to avoid overflow */
        .ui-form-responsive {
                min-width: auto !important;
        }

        #position-catalog {
                padding:4px;
        }
}

#nav-container i.icofont {
        
        width:28px;               
        display:inline-block;
        
        text-align:center;
        font-size:20px; 

}

.due {
        color: #F0142F !important;
        font-weight:bold;
}

.fixed-table {
        table-layout: fixed;
        width: 100%;
}
.fixed-table td:first-child {
        max-width:40%;
        width:40%;
}
.fixed-table td:not(:first-child) {
        max-width:60%;
        width:60%;
}

/**
* alternating background colors for table rows
*/
.alternate tbody tr:nth-child(even) {
        background-color: #F8F8F8;
}
.alternate-double tbody tr:nth-child(4n+3) {
        background-color: #F8F8F8;
}
.settings-show.even > div {
        background-color: #F8F8F8;
}

/**
* fill tables to full width
*/
.fill-last td:last-child, .fill-last th:last-child {
        width: 99.9%; 
} 
.fill .expand {
        width: 99.9%; 
}

/**
* table padding
*/
.padding td {
        padding-right:32px;
}

.limit160 {
        max-width: 160px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}
.limit160 * {
        overflow: hidden;
        text-overflow: ellipsis;
}
.limit240 {
        max-width: 240px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}
.limit240 * {
        overflow: hidden;
        text-overflow: ellipsis;
}
.limit320 {
        max-width: 320px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}
.limit320 * {
        overflow: hidden;
        text-overflow: ellipsis;
}
.limit360 {
        max-width: 360px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}
.limit360 * {
        overflow: hidden;
        text-overflow: ellipsis;
}
.limit480 {
        max-width: 480px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}
.limit480 * {
        overflow: hidden;
        text-overflow: ellipsis;
}
.limit640 {
        max-width: 640px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}
.limit640 * {
        overflow: hidden;
        text-overflow: ellipsis;
}

.min120 {
        min-width: 120px;
}
.spacing-cell-padding-left.min120 {
        min-width: calc(120px + 0.6rem);
}
.min240 {
        min-width: 240px;
}
.spacing-cell-padding-left.min240 {
        min-width: calc(240px + 0.6rem);
}
.min120 {
        min-width: 120px;
}
.spacing-cell-padding-left.min120 {
        min-width: calc(120px + 0.6rem);
}
.min320 {
        min-width: 320px;
}
.spacing-cell-padding-left.min320 {
        min-width: calc(320px + 0.6rem);
}

.min360 {
        min-width: 360px;
}
.spacing-cell-padding-left.min360 {
        min-width: calc(360px + 0.6rem);
}


.row-hover:hover, tr[data-ui-href], tr.ui-trigger-reload {
        transition: background-color 0.2s ease;        
}

.row-hover:hover, tr[data-ui-href]:hover, tr.ui-trigger-reload:hover {  /*.row-hover:hover > *,*/
        background-color: rgba(193, 64, 185, 0.05) !important;        
}

.row-hover:hover, tr[data-ui-href]:hover td, *.row-hover:hover > *, tr.ui-trigger-reload:hover td{
        color: rgb(193, 64, 185) !important; 
}

tr[data-ui-href]:hover td > *:not(.ui-ajax-button), tr.ui-trigger-reload:hover td > *:not(.ui-ajax-button) {
        color: rgb(193, 64, 185) !important; 
}

label, .label {
        color: #7e84a3 !important;        
}

.remove-padding {
        padding:0 !important;
}


.filter-as-you-type-container {
        color: #7e84a3;
        line-height: 1.5em;
}

.filter-as-you-type-container input {
        font-family: Inter, sans-serif !important;
        font-size: .825rem !important;
        width: 100%;
        border-bottom: 1px solid #7e84a3 !important;
}

@media (max-width: 799px) {
        header  {
                flex-direction: column !important;
                align-items: flex-start !important;
        }
}

.icon-big {
        position:absolute;
        top:0;
        right:0;
        line-height:20px;
        font-size:20px;
        color:#57698B;
}

.icon-title {
        line-height:20px;
        font-size:20px;
        color:#57698B;
}

input[readonly] {
        color: #7e84a3 !important;
        border-color: #7e84a3 !important;
}

.ui-ajax-checkbox.on i {
        color: #171725 !important;        
}
.ui-ajax-checkbox.off i {
        color: #E6E6E6 !important;        
}

#nav-container {
        transition: width 200ms;
}

.toggle-active {
        transform-origin: 50% 47%;
        transform: rotate(180deg);       
}

.flex-button-gap {
        gap: 0.6rem;
}

.red-dot {
        position: relative;
}
.red-dot:before {
        position: absolute;
        top:-4px;
        right:4px;
        content: '';
        background-color:#FF0000;
        border-radius:50%;
        width: 8px;
        height: 8px;
        pointer-events: none;
}

input[type='radio'] {
        accent-color: #C140B9;
}