/**************
*
*   GRID
*
***************/
.ui-jqgrid-hbox {
    width: 100% !important;
    padding-right: 0px !important;
}

tr.ui-widget-content.jqgrow.ui-row-ltr td:first-child {
    width: 0px;
    padding: 0px;
    border: none;
}

tr.ui-jqgrid-labels th:first-child {  
    width: 3px;
    border-right: 0px;
}

tr.jqgfirstrow td:first-child {
    width: 0px;
    border: none;
    padding: 0px;
}

table[aria-labelledby~="_edit_"].ui-jqgrid-btable tbody tr:first-child td:first-child { 
    width: auto;
}
.ui-jqgrid tr.jqgrow td:first-child {
    padding-left: 0px;
    padding-right: 2px;
}

.MachineActivityGroupHeader div:first-of-type {
    justify-content: flex-end;
}

.ui-jqgrid .ui-jqgrid-htable th div {
    font-family: open-sans,sans-serif,helvetica,arial;
}

.ui-jqgrid tr.jqgrow td {
    white-space: normal !important;
    vertical-align: top;
    padding-top: 1px;
    padding-bottom: 1px;
    height: 18px;
    overflow: hidden;
    font-weight: normal;
    color: black;
    font-family: open-sans,sans-serif,helvetica,arial;
}

.ui-jqgrid-bdiv {
    overflow-x: hidden !important;
    overflow-y: auto;
}

th.ui-th-column div {
    white-space: normal !important;
    height: auto !important;
}

.grid-link:hover {
    text-decoration: underline !important;
}

td[aria-describedby=machine_config_grid_CMD], td[aria-describedby=machine_activity_rec_grid_CMD] {
    padding-left: 44px !important;
}

/*.ui-jqgrid-sortable {
    padding-left:0 !important;
    padding-right:0 !important;
}*/

.ui-jqgrid tr.jqgroup td {
    height: 22px;
    overflow: hidden;
    font-weight: normal;
    border: none;
    white-space: pre;
    background-image: linear-gradient(to right, #01ADEF, #fff);
    color: #fff;
    padding-top: 5px;
}

.ui-jqgrid tr.jqgroup td button td {
    background-color: inherit;
    border: none;
}

.ui-jqgrid .ui-jqgrid-view {
    /* font size fix for grid */
    font-size: 14px;
    border: none;
}

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    border: 1px solid transparent !important;
    overflow: hidden;
    color: #FFF;
    background: #0F516E;
    text-align: left; /*This is only for edit panel grids. Search grids will apply the text-alignment as defined in RoRazor.CreateWithColumnProvider*/
}

.ropetek-grid-evenrow {
    background: #F5F4F2;
}

.ui-widget-content .ui-state-hover {
    background: #DDB38D;
}

/**************
*
*   GRID HEADER
*
***************/
.ui-jqgrid .ui-jqgrid-toppager{
    background: #0F516E;
    color: #fff;
    border-bottom: 0;
}

.ui-jqgrid-hbox {
    background: #0F516E;
}

.ui-jqgrid .ui-jqgrid-htable {
    margin-left: 0px; /* #Realignment : was 5px*/
}

.ui-jqgrid .ui-jqgrid-hdiv {
    border: none;
}


.ui-jqgrid tr.ui-row-ltr td {
    border-right-width: 0.5px;
    border-right-color: #F5F4F2;
    border-left: none;
    border-bottom: none;
    border-top: none;
}

.ui-jqgrid {
    border: none;
}


.ui-jqgrid-bdiv::-webkit-scrollbar {
    width: 14px;
    background: grey;
}

.ui-jqgrid-bdiv::-webkit-scrollbar-thumb {
    background: #01ADEF;
}

.InspectionGroupHeader {
    display: flex;
    justify-content: space-between;
    align-items:center;
}

.InspectionGroupHeader-context {
    display: flex;
    justify-content: flex-start;
}

.MachineDowntimeGroupHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.MachineActivityGroupHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.MachineConfigGroupHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*******************
    Grid Buttons
********************/
.GridLinksContainer {
    display: flex;
    height: 100%;
}

.GridLink {
    cursor: pointer;
    min-width: 30px;
    min-height: 30px;
}

.GridLinkHeader {
    cursor: pointer;
    min-width: 30px;
    min-height: 20px;
    background-size: 20px 20px !important;
}

.GridLinkHeader {
    cursor: pointer;
    min-width: 30px;
    min-height: 20px;
    background-size: 20px 20px;
}

.GridLink:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #465660;
    background: #DDB38D !important;
}

.actions-column-container{
    display: flex;
    justify-content: flex-end;
    padding-right: 10px;
}

.GridActionsBtn {
    display: flex;
    cursor: pointer;
    justify-self: center;
    align-self: center;
    background: url('../Content/img/menu-16x30.png') no-repeat;
    background-size: 12px 20px;
    background-position: center center;
    width: 24px;
    height: 16px;
}

.grid-actions-floating{
    display: flex;
    flex-direction: column;
    border: #0A344F solid 1px;
    background: lightgray;
    position: absolute;
    width: 160px;
}

.grid-actions-container .GridLink{
    display: flex;
    padding: 5px;
    padding-left: 10px;
    color: #0F516E;
    border-top: #fff solid 1px;
    height: 30px;
}

.GridActionDescription{
    display: flex;
    align-items: center;
    padding: 5px;
    padding-left: 10px;
    text-decoration: none;
    font-size: 15px;
}

.GridLinksContainer .GridLink .GridActionDescription{
    display: none;
}

.GridLink:first-child{
    border-top: none;
}

.grid-actions-header{
    font-size: 14px;
    padding: 3px;
    color: #0F516E;
    padding-left: 5px;
}

.grid-actions-spacer{
    background: #0F516E;
    height: 2px;
    min-height: 2px;
    width: 95%;
    align-self: center;
    margin-bottom: 5px;
    margin-top: 2px;
}

.grid-actions-container{
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;

}

.HiddenGridActions{
    display: none;
}

.ShowGridActions{
    Display: flex;
}

.GridAddLinkImg,
.GridViewLinkImg,
.GridEditLinkImg,
.GridDeleteLinkImg,
.GridReportsLinkImg,
.GridRopeSearchLinkImg,
.GridSiteSearchLinkImg,
.GridReelSearchLinkImg,
.GridMachineSearchLinkImg,
.GridMachineInspectLinkImg {
    max-width: 20px;
    max-height: 20px;
    padding-top: 4px;
}

.GridAddLink {
    background: url(../Content/img/add.png) no-repeat;
}

.GridAddLink:hover {
    background: url(../Content/img/add-focus.png) no-repeat;
}


.GridLink, .GridLink:hover {
    background-size: 20px 20px !important;
    background-position: center center;
}

.grid-actions-container, .GridLink, .grid-actions-container .GridLink:hover {
    background-size: 20px 20px !important;
    background-position: 10px center;
}

.grid-actions-container .GridLink:hover {
    /* color: #fff; */
    background-color: #DDB38D;
}
/*
*
*   Report drop down styling
*
*/
.ro-report-links {
    position: absolute;
    display: none;
    background: lightgray;
    border: 2px solid #0F516E;
    z-index: 2;
}

.ro-reports-spacer{
    background: #0F516E;
    height: 2px;
    min-height: 2px;
    width: 95%;
    align-self: center;
    margin-bottom: 5px;
    margin-top: 2px;
}

.ro-report-link{
    display: flex;
	height: 30px;
	text-decoration: none;
	align-items: center;
	padding: 5px;
	padding-left:10px;
	background-color: lightgray;
	color: #0F516E;
	font-size: 15px;
    border-top: #fff solid 1px;
}

.ro-report-link:first-child{
    border-top: none;
}

.ro-report-link:hover{
    background: #DDB38D;
	cursor: pointer;
	text-decoration: underline;
}

/*Desktop*/
@media only screen and (min-width: 1061px) {
    .InspectionGroupHeader-sub-desktop {
        padding-left: 4px;
    }

    .InspectionGroupHeader-sub-mobile {
        display: none;
    }

    a[role="columnheader"] {
        font-size: 14px;
    }
}

/* Mobile */
@media only screen and (max-width: 1060px) {
    .InspectionGroupHeader-context {
        flex-wrap: wrap;
    }

    .InspectionGroupHeader-sub-desktop {
        display: none;
    }

    .InspectionGroupHeader-sub-mobile {
        padding-left: 4px;
    }

    .MachineActivityGroupHeader div:first-of-type {
        padding-right: 0;
    }

    .MachineConfigGroupHeader div:first-of-type {
        width: 63px;
        padding-right: 0;
    }

    .ui-th-column .search-summary-title {
        font-size: 12px !important;
    }
}

/***************************
    GRID Summary formatting
****************************/
#site_search_grid_toppager_center,
#admin_inspmeasconfig_grid_toppager_center,
#admin_ref_grid_toppager_center,
#admin_proprietor_grid_toppager_center,
#admin_user_grid_toppager_center,
#contract_price_grid_toppager_center,
#contract_search_grid_toppager_center,
#forecast_create_grid_toppager_center,
#forecast_create_grid_toppager_right,
#forecast_results_grid_toppager_center,
#forecast_results_grid_toppager_right,
#machine_activity_rec_grid_toppager_center,
#machine_activity_rec_grid_toppager_right,
#machine_config_grid_toppager_center,
#machine_config_grid_toppager_right,
#machine_downtime_grid_toppager_center,
#machine_downtime_grid_toppager_right,
#machine_inspect_grid_toppager_center,
#machine_inspect_grid_toppager_right,
#machine_search_grid_toppager_center,
#site_address_grid_toppager_center,
#site_attach_grid_toppager_center,
#site_comm_grid_toppager_center,
#site_contact_grid_toppager_center,
#site_despatch_map_grid_toppager_center,
#site_material_grid_toppager_center,
#site_reminder_grid_toppager_center {
        display: none;
}

.ui-paging-info, .ui-pg-table {
    font-size: 12px;
}


/*****Contacts Screen Adjustments****/
#site_contact_grid_FirstName {
    width: 301px !important;
}

#site_contact_grid_LastName {
    width: 301px !important;
}

#site_contact_grid_Position {
    width: 190px !important;
}