@charset "UTF-8";

/* Custom CSS to padding top and bottom */
		nav {
		  padding-top: 0.05rem; 
		  padding-bottom: 0.05rem; 
		}
    
        /* Mobile View: Two columns */
      
      @media (max-width: 991px) {
      .nav-tabs {
         display: grid;
         grid-template-columns: repeat(2, 1fr); 
         gap: 5px; 
       }

      .nav-tabs .nav-item {
        margin-right: 0; 
      }
    } 
    
.dataTables_wrapper .row {
            display: flex;
            align-items: center;
        }
 #rtiOff_wrapper, #rtiAPIOs_wrapper .dataTables_filter {
        float: right; /* Ensure the search box floats to the left */
        text-align: right; /* Align the label text to the left */
    }
 .rr_header {
 background-color:#177db4;
 }
 .rr_link:hover {
 color:  #1d5ec7;
 text-decoration: underline;
 }
 

/* Custom styling to convert the table into cards on mobile */
@media (max-width: 768px) {
	
	.rtiLabel {
        text-align: center;
    }
    
    /* Hide the table header on mobile */
    .rtiAPIOs thead, .rtiOff thead {
        display: none;
    }

    /* Apply background color and bold text to the first column (both header and data) */
    .rtiAPIOs tbody tr td:first-child, .rtiOff tbody tr td:first-child, /* First data cell of each row */
    .rtiAPIOs thead tr th:first-child, .rtiOff thead tr th:first-child { /* First header cell */
        background-color:  #8dd3ed;  /* Background color for the first column */
        font-weight: bold;  /* Bold text for the first column */
        color: #000;
    }

    /* Convert the table into cards by styling each row as a card */
    .rtiAPIOs tbody tr, .rtiOff tbody tr {
        display: block;
       /*  margin-bottom: 15px; */
        /* Optional: border: 1px solid #ddd; */
        /* Optional: border-radius: 5px; */
        /* Optional: padding: 5px; */
        /* Optional: background-color: #f9f9f9; */
    }

    .rtiAPIOs tbody tr td, .rtiOff tbody tr td {
        display: block;
        text-align: left;
        font-size: 0.9rem;
        /* Optional: padding: 5px 0; */
    }

    .rtiAPIOs tbody tr td::before, .rtiOff tbody tr td::before {
        content: attr(data-label);
        /* Optional: font-weight: bold; */
        /* Optional: margin-right: 5px; */
        font-size: 0.9rem;
    }

    /* Add some padding to the card-style rows */
    .rtiAPIOs tbody tr td:first-child, .rtiOff tbody tr td:first-child {
        border-top: none;
    }

    .rtiAPIOs tbody tr td:last-child, .rtiOff tbody tr td:last-child {
        border-bottom: none;
    }
}

/* Default - DataTable will show on desktop */
@media (min-width: 769px) {

    .rtiAPIOs tbody tr, .rtiOff tbody tr {
        display: table-row;
    }

    .rtiAPIOs tbody tr td, .rtiOff tbody tr td {
        display: table-cell;
    }
}

/* RTI Form */

.rti-form {
	display: block;
}

.rti-form-print {
	display: none;
}

.text-nowrap {
	white-space: nowrap;
	width: 100%;
}

@media print {
	@page {
		size: A4; /* DIN A4 standard, Europe */
		margin: 3mm 16mm 10mm 16mm;
	}
	html, body {
		width: 210mm;
		/* height: 297mm; */
		height: 100%;
		font-size: 18px;
		background: #FFF;
		overflow: visible;
	}
	body {
		padding-top: 10mm;
	}
}

.accordion-body{
	padding: 0px;
}