/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    margin-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
}

/*.SubmitButtonBlue {
    background-color: #0D6EFD;
    border-color: #0D6EFD;
    width: 120px;
    height: 40px;
    color: #FFFFFF;
}

    .SubmitButtonBlue:hover {
        background-color: #666666;
        border-color: #666666;
    }

.SubmitButtonManager {
    background-color: #233163;
    border-color: #233163;
    width: 120px;
    height: 40px;
    color: #FFFFFF;
}

    .SubmitButtonManager:hover {
        background-color: #666666;
        border-color: #666666;
    }

.SubmitButtonSignatory {
    background-color: #04AA6D;
    border-color: #04AA6D;
    width: 120px;
    height: 40px;
    color: #FFFFFF;
}

    .SubmitButtonSignatory:hover {
        background-color: #666666;
        border-color: #666666;
    }

.SubmitButtonNATA {
    background-color: #FF6600;
    border-color: #FF6600;
    width: 120px;
    height: 40px;
    color: #FFFFFF;
    visibility: visible
}

    .SubmitButtonNATA:hover {
        background-color: #666666;
        border-color: #666666;
    }

.SubmitButtonAdmin {
    background-color: #2684FC;
    border-color: #2684FC;
    width: 120px;
    height: 40px;
    color: #FFFFFF;
    visibility: visible
}

    .SubmitButtonAdmin:hover {
        background-color: #666666;
        border-color: #666666;        
    }

.SubmitButtonJedi {
    background-color: #C99C2C;
    border-color: #C99C2C;
    width: 120px;
    height: 40px;
    color: #FFFFFF;
    visibility: visible
}

    .SubmitButtonAdmin:hover {
        background-color: #666666;
        border-color: #666666;
    }*/

.SubmitButtonGreen {
    background-color: #04AA6D;
    border-color: #04AA6D;
    width: 120px;
    height: 40px;
    color: #FFFFFF;
}

    .SubmitButtonGreen:hover {
        background-color: #666666;
        border-color: #666666;
    }

.SubmitButtonBlack {
    background-color: #212529; /* This is the near-black of the nav bar */
    border-color: #212529;
    width: 120px;
    height: 40px;
    color: #FFFFFF;
}

    .SubmitButtonBlack:hover {
        background-color: #666666;
        border-color: #666666;
    }

.SubmitButtonBlue {
    background-color: #0000FF;
    border-color: #0000FF;
    width: 120px;
    height: 40px;
    color: #FFFFFF;
}

    .SubmitButtonBlue:hover {
        background-color: #666666;
        border-color: #666666;
    }

.SubmitButtonRed {
    background-color: #FF0000;
    border-color: #FF0000;
    width: 120px;
    height: 40px;
    color: #FFFFFF;
}

    .SubmitButtonRed:hover {
        background-color: #666666;
        border-color: #666666;
    }

.SubmitButtonOrange {
    background-color: #FF6600;
    border-color: #FF6600;
    width: 120px;
    height: 40px;
    color: #FFFFFF;
}

    .SubmitButtonOrange:hover {
        background-color: #666666;
        border-color: #666666;
    }

.SubmitButtonGold {
    background-color: #C99C2C;
    border-color: #C99C2C;
    width: 120px;
    height: 40px;
    color: #FFFFFF;
}

    .SubmitButtonGold:hover {
        background-color: #666666;
        border-color: #666666;
    }

.GridView-Grid {
    border-spacing: 3px;
    border-collapse: separate
}

.GridView-Grid > tbody > tr > th,
.GridView-Grid > tbody > tr > td {
    margin: 50px 10px 10px 0px;
    border-collapse: collapse;
    border: solid 1px black;
    text-align: center;
    padding: 5px
}

.gridview-link-button {
    color: inherit; /* Use the same color as normal text */
    background: none; /* Remove any background color */
    border: none; /* Remove any border */
    text-decoration: none; /* Remove underline */
    cursor: pointer; /* Optional: Makes it clear it's clickable */
    font: inherit; /* Match the font of the surrounding text */
}

    .gridview-link-button:hover {
        color: gray; /* Gray out the text on hover */
    }

.TABButton {
    border-style: solid;
    text-align: center;
    background-color: white;
    width: 100px;
    height: 40px;
}

.TABButton:hover {
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

.TABButtonClicked {
    border-style: Solid;
    text-align: center;
    background-color: #171A1D;
    width: 100px;
    height: 40px;
    color: #FFFFFF;
}

.Cell {
    border-style: solid;
    border-collapse: collapse;
    border: thin solid;
}

.Table {
    border-collapse: collapse;
    border: medium solid #465C71;
    margin-left: 0px;
}

.CellFibreCount {
    border-style: solid;
    border-collapse: collapse;
    border: thin solid;
    width: 30px;
    height: 30px;
    text-align: center;
}

.TextBoxFibreCount {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 0px 0px 0px 0px;
}

.custom-textbox {
    max-width: 900px !important; /* Apply !important to override any other styles */
}

.small-textbox {
    min-width: 50px; /* Set the desired minimum width */
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .body-content {
        padding: 0;
    }
}